@charset "utf-8";

/* ================================
	layout
================================ */
#wrap {width: 100%; overflow: hidden;}
.location_area .location li.home, .location_area .location li:before, .sub_visual_area.visualnone .location_area .location li:before, .sub_visual_area.visualnone .location_area .location li.home {background-image: url(../images/common/sp_ic_comm.png); background-size: 211px 209px; background-repeat: no-repeat}

/* ================================
	sub_visual
================================ */
.sub_visual_area {min-height: 180px; box-sizing: border-box;}
.sub_visual_area[class*="visual0"]:before, .sub_visual_area.visual12:before {content: ''; position: absolute; width: 100%; height: 180px; background: #000; left: 0%; top: 0; z-index: -1;}
.sub_visual_area.visual01 {background: url('../images/sub/sub_visual01.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual02 {background: url('../images/sub/sub_visual02.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual03 {background: url('../images/sub/sub_visual03.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual04 {background: url('../images/sub/sub_visual04.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual05 {background: url('../images/sub/sub_visual05.jpg') no-repeat top center #000; background-size: 2100px 180px; padding-top: 25px; min-height: 180px; box-sizing: border-box;}
.sub_visual_area.visual06 {background: url('../images/sub/sub_visual06.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual07 {background: url('../images/sub/sub_visual07.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual08 {background: url('../images/sub/sub_visual08.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual09 {background: url('../images/sub/sub_visual09.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area.visual12 {background: url('../images/sub/sub_visual12.jpg') no-repeat top center; background-size: 2100px 180px; padding-top: 25px;}
.sub_visual_area .sub_visual {width: 100%; max-width: 1400px; margin: auto;}


.sub_visual_area.visualnone {background: #fff; padding-top: 25px; min-height: auto;}
.sub_visual_area.visualnone .location li {color: #121212;}
.sub_visual_area.visualnone .location_area .location li:before {background-position: -115px -154px;}
.sub_visual_area.visualnone .location_area .location li.home {background-position: -96px -148px;}
.sub_visual_area.visualnone .sub_title_area h2 {color: #121212; margin-bottom:40px;}
.sub_visual_area.visualnone .sub_title_area .title_info {padding:24px 0 53px 0;}

.sub_visual_area.visual10 .sub_visual img, .sub_visual_area.visual11 .sub_visual img {display: block; margin: 0 auto; max-width: 100%;}
.sub_visual_area.visual10 {position: relative; background: linear-gradient(90deg, #478ee1 50%, #5b66f9 50%) !important;} /* 감상배움자료 */
.sub_visual_area.visual11 {position: relative; background: linear-gradient(90deg, #479fc4 50%, #3fb0af 50%) !important;} /* 교수학습자료 */

@media screen and (min-width: 1025px) {
	.sub_visual_area.visual10 .sub_title_area h2 span, .sub_visual_area.visual11 .sub_title_area h2 span {display: none}
	.sub_visual_area.visual10 .sub_title_area .title_info, .sub_visual_area.visual11 .sub_title_area .title_info {display: none}
}


/* ================================
	location
================================ */
.location_area {overflow: hidden;  margin-bottom: 15px;}
	.location_area .location {float: right;}
	.location_area .location li {float: left; font-weight: 300; font-size: 13px; color: #fff;}
	.location_area .location li.home {text-indent: -9999px; background-position: -69px -148px; width: 15px;}
	.location_area .location li:before {content: ''; background-position: -88px -154px; display: inline-block; width: 5px; height: 8px; margin: 0 9px;}
	.location_area .location li:first-child:before {content: none;}
	.location_area .location li:last-child {padding-right: 0; font-weight: 400;}

/* ================================
	sub_title
================================ */
.sub_title_area {text-align: center; word-break: keep-all; border-bottom: 2px solid #000; box-sizing: border-box; position: relative;}
.sub_title_area h2 {color: #fff; font-size: 38px; font-weight: 500; margin-bottom: 40px;}
.sub_title_area .title_info {background: #fff; font-size: 15px; font-weight: 400; color: #333; letter-spacing: -0.02em; line-height: 26px; padding: 45px 0;}
.sub_title_area .title_info .txtbold {color:#000; font-weight:500;}
.sub_title_area .title_info .titbold {font-size: 20px; margin-bottom: 10px; color:#000; font-weight:500;}
.sub_title_area .title_info .titbold:before{content:''; display: block; background-image: url(../images/common/sp_ic_comm.png); background-position: -6px -6px; background-repeat: no-repeat; width: 199px; height: 28px; margin: 0 auto 40px;}
.sub_title_area .btn_box {position: absolute; bottom: -13px; width: 100%;}
.sub_title_area .btn_box .btn_more_conts {display: block; margin: 0 auto; border: 1px solid #2d2d2d; padding: 6px 5px 7px; box-sizing: border-box; border-radius: 25px; background: #fff; width: 80px;}
.sub_title_area .btn_box .btn_more_conts span {color: #333; font-size: 13px; letter-spacing: -0.02em; display: block;}
.sub_title_area .btn_box .btn_more_conts span:after {content: ''; display: inline-block; vertical-align: 2px; margin-left: 5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000;}
.sub_title_area .btn_box .btn_more_conts.open span:after {border-top: 0; border-bottom: 6px solid #000;}
.sub_title_area .box_more_conts {border-top: 1px solid #dedede; text-align: left; padding: 45px 20px 0; margin-top: 45px;}


/* ================================
	sub_contents_area
================================ */
.sub_contents_area {width: 100%; max-width: 1400px; margin: 0 auto 300px; min-height: 500px; padding-top: 50px; position: relative;}
.sub_contents_area:after {content: ''; display: block; width: 0; height: 0; clear: both;}

	/* ================================
		lnb
	================================ */
	.lnb {background: #2d3943}
	.lnb.none {display: none;}
	.lnb > ul {display: inline-block; vertical-align: middle}
	.lnb > ul > li > a > span {position: relative; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.02em;}
	@media screen and (min-width:1025px){
		.lnb > ul > li {float: left}
		.lnb > ul > li > a {display: block; height: 60px; line-height: 60px; padding: 0 30px}
		.lnb > ul > li > a:hover, /* .lnb > ul > li > a:focus, */ .lnb > ul > li > a.on {background: #0078d7}
		.lnb > ul > li > a > span:before {content: none; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px; background: #fff;}
		.lnb > ul > li > a:hover > span:before, /* .lnb > ul > li > a:focus > span:before, */ .lnb > ul > li > a.on > span:before {content: '';}
	}

	/* ================================
		sub_contents
	================================ */
	/*.sub_contents {float: left; padding-right: 5%; width: calc(100% - 155px); box-sizing: border-box;}*/
	.sub_contests02 {width: 100%;}


	/* ================================
		tab type
	================================ */
	.tab_area {position: relative;  margin-bottom: 35px;}
	.tab_area ul {display: table; table-layout: fixed; width: 100%;}
	.tab_area ul li {display: table-cell; vertical-align: middle; background:#fff; border: 1px solid #d7d7d7; border-right: 0; box-sizing: border-box;}
	.tab_area ul li:last-child {border-right:1px solid #d7d7d7;}
	.tab_area ul li a {display: block; font-size: 17px; font-weight: 500; word-break: keep-all; padding: 12px 5px 13px; box-sizing: border-box; text-align: center; color: #121212;}
	.tab_area ul li.on, .tab_area ul li:hover {border-color: #0078d7; border-left: 1px solid #0078d7;}
	.tab_area ul li.on + li, .tab_area ul li:hover + li {border-left: 0;}
	.tab_area ul li.on a, .tab_area ul li:hover a {background: #0078d7; color: #fff;}
	.tab_area2 {position: relative; margin-bottom: 35px;}
	.tab_area2 > ul {display: table; table-layout: fixed; width: 100%;}
	.tab_area2 > ul > li {display: table-cell; vertical-align: middle; background:#fff; border: 1px solid #d7d7d7; border-right: 0; box-sizing: border-box;}
	.tab_area2 > ul > li:last-child {border-right:1px solid #d7d7d7;}
	.tab_area2 > ul > li > a {display: block; font-size: 17px; font-weight: 500; word-break: keep-all; padding: 12px 5px 13px; box-sizing: border-box; text-align: center; color: #121212;}
	.tab_area2 > ul > li.on, .tab_area2 > ul > li:hover {border-color: #0078d7; border-left: 1px solid #0078d7;}
	.tab_area2 > ul > li.on + li, .tab_area2 > ul > li:hover + li {border-left: 0;}
	.tab_area2 > ul > li.on > a,  .tab_area2 > ul > li:hover > a {background: #0078d7; color: #fff;}
	.tab_area2 .tab_conts {position: absolute; left: 0; top: 52px; width: 100%;}


/* ================================
	아르떼 PICK > 컬렉션
================================ */

	/* 공통 */
	.pick_collection .btn_search_open {position: absolute; top: -16px; left: 50%; margin-left: -40px; border: 1px solid #2d2d2d; padding: 6px 5px 7px; box-sizing: border-box; border-radius: 25px; background: #fff; width: 80px;}
	.pick_collection .btn_search_open span {color: #333; font-size: 13px; letter-spacing: -0.02em; display: block;}
	.pick_collection .btn_search_open span:after {content: ''; display: inline-block; vertical-align: 2px; margin-left: 5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000;}
	.pick_collection .btn_search_open.open span:after {border-top: 0; border-bottom: 6px solid #000;}
	@media screen and (min-width:1025px){
		.archivedata_list {padding-top: 0}
		.archivedata_list .search_area {margin-top: 30px;}
		.archivedata_list .filter_area {margin-top: 30px;}
	}

	/* list */
	.pick_collection_list > ul > li {border-bottom: 1px solid #dedede; box-sizing: border-box; padding: 4% 0;}

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

	.pick_collection_list .dsc_box .dsc_tit {font-size: 13px; font-weight: 300; letter-spacing: 0; color:#666; margin-right: 5px;}
	.pick_collection_list .dsc_box .dsc_txt {font-size: 13px; font-weight: 300; letter-spacing: 0; color:#121212;}
	.pick_collection_list .dsc_box .bar {display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 4px 1px 7px; border-left: 1px solid #ccc; vertical-align: middle;}

	.pick_collection_list .thumb_area {display: table-cell; vertical-align: top; position: relative;}
	.pick_collection_list .thumb_area > a {display: block; width: 100%; height: 100%;}
	.pick_collection_list .thumb {position: relative; display: block; width: 180px; height: 235px; cursor: pointer;}
	.archive_type .thumb {width: 185px; height: 260px;}
	.pick_collection_list .thumb:after {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;}

	.pick_collection_list .info_area {display: table-cell; vertical-align: middle; width: 100%; padding-left: 30px; box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
	.pick_collection_list .info_box {position: relative;}

	.pick_collection_list .tit_box .tit {display: block; margin-bottom: 10px; padding-right: 100px; font-size: 24px; color: #000; font-weight: 500;}
	.pick_collection_list .tit_box .tit a:hover, .pick_collection_list .tit_box .tit a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
	.pick_collection_list:not(.archive_type) .dsc_box {position: absolute; top: 2px; right: 0}
	.pick_collection_list .info_box .btn_area {width: 20%; margin-top: 0; position: absolute; right: 0; top: 0;}
	.pick_collection_list .txt_box {font-size: 15px; font-weight: 300; line-height: 22px; letter-spacing: 0; margin-bottom: 2px; max-height: 45px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; overflow: hidden; }
	.pick_collection_list .btn_area .btn_view {height: 44px; line-height: 42px; font-weight: 500;}

	.pick_collection_list .collection_data {height: 143px; overflow: hidden; position: relative}
	.pick_collection_list .collection_data ul {overflow: hidden}
	.pick_collection_list .collection_data .item {float: left; margin-top: 11px; margin-right: 11px; width: 140px; height: 132px; position: relative; display: table; table-layout: fixed; border: 1px solid #ddd; box-sizing: border-box;}
	.pick_collection_list .collection_data .data_thumb {display: table-cell; vertical-align: top; width: 100%; height: 100%; text-align: center; padding: 16px 6px 0; font-weight: 300; box-sizing: border-box;}
	.pick_collection_list .collection_data .type {display: inline-block; color: #0078d7; font-size: 13px; font-weight: 400; vertical-align: top; margin-bottom: 6px;}
	.pick_collection_list .data_thumb .data_tit {font-size: 14px; letter-spacing: -0.02em; color: #333; word-break: keep-all; word-wrap: break-word; max-height:75px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical}
	.pick_collection_list .data_thumb .data_tit span {display: block; line-height: 130%}
	.pick_collection_list .collection_data button {position: absolute; z-index: 1; top: 50%; right: 0; margin-top: -17px; width: 44px; height: 44px; text-indent: -9999px; background: #333; border-radius: 50px}
	.pick_collection_list .collection_data button:before, .pick_collection_list .collection_data button:after {content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 16px; margin-top: -8px; margin-left: -1px; background: #dcdcdc; transition: transform .3s cubic-bezier(.19,1,.22,1)}
	.pick_collection_list .collection_data button:after {transform: rotate(90deg)}
	.pick_collection_list .collection_data button.close {background-color: #0078d7}
	.pick_collection_list .collection_data button.close:before, .pick_collection_list .collection_data button.close:after {background: #fff}
	.pick_collection_list .collection_data button.close:before, .pick_collection_list .collection_data button:hover:before {height: 18px; margin-top: -9px; transform: rotate(45deg)}
	.pick_collection_list .collection_data button.close:after, .pick_collection_list .collection_data button:hover:after {height: 18px; margin-top: -9px; transform: rotate(135deg)}

	.archive_type .dsc_box {margin-bottom: 10px;}
	.archive_type .collection_data {height: 111px; margin-top: 25px;}
	.archive_type .collection_data .item {margin-right: 8px; height: 100px;}
	.archive_type .collection_data .type {border: 1px solid #0078d7; border-radius: 25px; padding: 3px 8px; font-size: 12px;}
	.archive_type .data_thumb .data_tit {max-height: 35px;}

	#tip {position: absolute; z-index: 1; display: none; padding: 8px 12px; background: #eee; border: 1px solid #e1e1e1; color: #3e3e3e; font-size: 13px; letter-spacing: -0.05em; word-break: keep-all; word-wrap: break-word; }
	#tip:before, #tip:after  {content: ''; position: absolute; left: 58px; top: -12px; border-left: 10px solid transparent; border-right: 10px solid transparent}
	#tip:before {border-bottom: 11px solid #e1e1e1}
	#tip:after {border-bottom: 12px solid #eee}

	/* view */
	.pick_collection_view {position: relative}
	.pick_collection_view .count {display: block; font-weight: 500; color: #000; font-size: 20px}
	.pick_collection_view .count_underl {border-bottom: 2px solid #000; padding-bottom: 17px}
	.pick_collection_view .btn_cont_more {position: absolute; left: 50%; bottom: -16px; margin-left: -47px; width: 95px; height: 32px; border: 1px solid #b7b7b7; padding: 4px 5px 5px 10px; box-sizing: border-box; border-radius: 25px; background: #fff;}
	.pick_collection_view .btn_cont_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
	.pick_collection_view .btn_cont_more span:after {content: ''; position: absolute; width: 9px; height: 5px; right: 0; top: 9px; background: url(../images/sub/ic_more.png) no-repeat;}
	.pick_collection_view .btn_cont_more.open span:after {transform: rotate(180deg);}

	.pick_collection_view .relation_conts {position: relative}
	.pick_collection_view .relation_conts .board_list_txt {max-height: 300px; overflow: hidden}
	.pick_collection_view .relation_conts .board_list_txt:before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #dedede}

	.collection_paging {position: relative; letter-spacing: -0.04em}
	.collection_paging [class^="btn"] {position: absolute; top: 0; width: 135px; height: 100%}
	.collection_paging .btn_prev {left: 0}
	.collection_paging .btn_next {right: 0}
	.collection_paging [class^="btn"] span {font-size: 14px; font-weight: 500; color: #282828; background-repeat: no-repeat; position: relative; top: -5px}
	.collection_paging [class^="btn"] span:after {content: ''; position: absolute; top: 5px; width: 7px; height: 11px; background-image: url(../images/sub/sp_btn_prev.png); background-size: 44px 11px; background-repeat: no-repeat;}
	.collection_paging .btn_prev span {padding-left: 15px;}
	.collection_paging .btn_prev span:after {left: 0; background-position: -2px 0px;}
	.collection_paging .btn_next span {padding-right: 15px}
	.collection_paging .btn_next span:after {right: 0; background-position: -13px 0px;}
	.collection_paging  strong {display: block; font-size: 32px; font-weight: 500; line-height: 120%; text-align: center}
	.collection_paging  a:hover {text-decoration: underline; text-underline-position: under; color:#0078d7;  }


	.series_quick_menu .series_count {padding-left: 10px; margin-bottom: 10px}
	.series_quick_menu:not(.layer) .series_count .collection_name {display: none}
	.series_quick_menu .btn_series_more {position: absolute; z-index: 5; left: 50%; bottom: -22px; margin-left: -22px; width: 44px; height: 44px; text-indent: -9999px; background: #333; border-radius: 50px}
	.series_quick_menu .btn_series_more:before, .series_quick_menu .btn_series_more:after {content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 16px; margin-top: -8px; margin-left: -1px; background: #dcdcdc; transition: transform .3s cubic-bezier(.19,1,.22,1)}
	.series_quick_menu .btn_series_more:after {transform: rotate(90deg)}
	.series_quick_menu .btn_series_more:hover:before {transform: rotate(90deg)}
	.series_quick_menu .btn_series_more:hover:after {transform: rotate(180deg)}
	.series_quick_menu .series_list {position: relative; overflow: hidden; border: 1px solid #dadada; max-height: 1040px; /*max-height: 650px;*/ background-color: #fff}
	.series_quick_menu .series_list ul {padding: 30px 25px 0}
	.series_list .list {position: relative; z-index: 1; display: block; width: 130px; min-height: 190px; margin-bottom: 30px}
	.series_list .num {position: absolute; left: -9px; top: -9px; z-index: 1; background: #333; padding: 4px 5px 6px; color: #fff; font-size: 12px; font-style: italic; text-align: center}
	.series_list .list:not(.selected) .num {min-width: 75px; box-sizing: border-box}
	.series_list .thumb {position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 170px; cursor: pointer; text-indent: -9999px}
	.series_list .thumb:after {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;}
	.series_list .selected .thumb, .series_list .list:hover .thumb, .series_list .list:focus .thumb {box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.23)}
	.series_list .selected:before, .series_list .list:hover:before, .series_list .list:focus:before {content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 170px; border: 5px solid #0078d7; box-sizing: border-box}
	.series_list .selected .num {width: 34px; height: 34px; padding: 0; text-indent: -9999px; border-radius: 50px; background: url(../images/sub/ic_list_selected.png) no-repeat 50%; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.3)}
	.series_list .list:hover .num, .series_list .list:focus .num {background-color: #0078d7}

	.series_quick_menu.layer {position: fixed; top: 52px; left: -50% !important; right: -50%; z-index: 999; width: 100%; height: 100%; max-width: 1400px; max-height: 955px; margin: 0 auto; background: #fff; border: 1px solid #dadada; padding: 32px 45px 55px;; box-sizing: border-box}
	.series_quick_menu.layer .series_count {font-size: 23px; letter-spacing: -2px; /*font-weight: 300;*/ border-bottom: 2px solid #000; padding-bottom: 17px; padding-left: 0; margin-bottom: 0}
	.series_quick_menu.layer .series_count .collection_name {font-weight: 500}
	.series_quick_menu.layer .series_list {border: 0; max-height: 820px}
	.series_quick_menu.layer .series_list ul {padding: 0 15px}
	.series_quick_menu.layer .series_list li {float: left; width: calc((100% - 200px) / 5); margin-top: 45px; margin-right: 50px; margin-bottom: 20px;}
	.series_quick_menu.layer .series_list li:nth-child(5n+5) {margin-right: 0}
	.series_quick_menu.layer .series_list .list {width: 100%; height: auto; margin-bottom: 0}
	.series_quick_menu.layer .series_list .thumb {height: 280px;}
	.series_quick_menu.layer .series_list .selected:before, .series_quick_menu.layer .series_list .list:hover:before, .series_quick_menu.layer .series_list .list:focus:before {height: 280px;}
	.series_quick_menu.layer .btn_series_more {left: auto; bottom: auto; margin-left: 0; right: -22px; top: -22px}
	.series_quick_menu.layer .btn_series_more.close {background-color: #0078d7}
	.series_quick_menu.layer .btn_series_more.close:before, .series_quick_menu.layer .btn_series_more.close:after {background: #fff}
	.series_quick_menu.layer .btn_series_more.close:before {height: 18px; margin-top: -9px; transform: rotate(45deg)}
	.series_quick_menu.layer .btn_series_more.close:after {height: 18px; margin-top: -9px; transform: rotate(135deg)}
	.series_quick_menu.layer .series_list #mCSB_1_container_wrapper:not(.mCS_y_hidden) .mCSB_container {padding-right: 16px}
	.series_quick_menu .mCSB_container {max-width: 100%;}

	.collection_conts {position: relative; border-bottom: 1px solid #dedede; margin-bottom: 75px}
	.collection_conts .subject {display: block; margin-bottom: 30px; font-size: 26px; font-weight: 500; color: #000}
	.collection_conts .subject .series_num {margin-right: 7px; font-weight: 400}
	.collection_conts .txt_box {padding: 30px 0 30px; min-height: 0; max-height: 355px}
	.collection_conts .intro {background: #f8f8f8; border: 1px solid #dedede; padding: 20px; color: #222; line-height: 180%; font-weight: 300; word-break: keep-all; word-wrap: break-word}
	.collection_conts .btn_cont_more {display: none}

	.pick_collection_view .relation_conts .board_list_txt > ul > li {padding-top: 20px; padding-bottom: 22px}
	.pick_collection_view .relation_conts .txt_box {display: none; margin-top: 12px; margin-bottom: 0}
	.pick_collection_view .relation_conts .txt_box .posttext[class*="mt_"] {margin-top: 0 !important}
	.pick_collection_view .relation_conts .list_top {position: relative; padding-right: 100px}
	.pick_collection_view .relation_conts .btn_open_summary {position: absolute; right: 0; top: 0; height: 100%; color: #333; font-size: 14px; padding-right: 30px; letter-spacing: -0.02em}
	.pick_collection_view .relation_conts .btn_open_summary:after {content: ''; position: absolute; width: 9px; height: 5px; right: 8px; top: 50%; margin-top: -2px; background: url(../images/sub/ic_more.png) no-repeat}
	.pick_collection_view .relation_conts .btn_open_summary.close:after {transform: rotate(180deg)}

	@media screen and (min-width:1025px){
		/* list */
		.pick_collection_list:not(.archive_type) .collection_data .item:nth-child(7n+7) {margin-right: 0}
		.archive_type .collection_data .item:nth-child(8n+8) {margin-right: 0;}

		/* view */
		.collection_paging {color: #000; border-bottom: 2px solid #000; margin-bottom: 40px; padding: 10px 135px 25px}
		.pick_collection_view.series .board_view {padding-left: 230px}
		.pick_collection_view .fnc_area {margin-bottom: 5px}
		.pick_collection_view .board_view .kogl {border-top: 1px solid #dedede; margin-bottom: 50px}
		.pick_collection_view .relation_conts .tit_box a {font-size: 20px; margin-bottom: 6px}
		.series_quick_menu {position: absolute; left: 0; top: 0; z-index: 5; width: 188px}
		.series_quick_menu.fixed {position: fixed; top: 85px}
		.series_quick_menu.fixed .series_list {max-height: 650px;}
	}

/* ================================
	아르떼 PICK > 문화예술교육사람들
================================ */
	.culture_people_slide .owl-carousel {padding: 35px 0 20px; border-bottom: 1px solid #dedede;}
	.culture_people_slide .owl-carousel .owl-stage {margin: 0 auto;}
	.culture_people_slide .owl-nav {position: absolute; top: 50%; margin-top: -21px; width: 100%;}
	.culture_people_slide .owl-nav .owl-prev {width: 42px; height: 42px; background: url(../images/sub/slider_btn_prev.png) no-repeat !important; text-indent: -9999px; position: absolute; left: -20px;}
	.culture_people_slide .owl-nav .owl-next {width: 42px; height: 42px; background: url(../images/sub/slider_btn_next.png) no-repeat !important; text-indent: -9999px; position: absolute; right: -20px;}
	.culture_people_slide .owl-nav .owl-prev.disabled {background: url(../images/sub/slider_btn_prev02.png) no-repeat !important;}
	.culture_people_slide .owl-nav .owl-next.disabled {background: url(../images/sub/slider_btn_next02.png) no-repeat !important;}

	.culture_people_slide .collection_data .item_controls_area {display: block; margin: 10px 0; text-align:center;}
	/*.culture_people_slide .collection_data .owl-dots {display: inline-block;}*/
	.culture_people_slide .collection_data .owl-dots {padding-bottom:10px;}
	.culture_people_slide .collection_data .owl-dots.disabled {display: none;}
	.culture_people_slide .collection_data .owl-dots .owl-dot {display: inline-block; width: 8px; height: 8px; background: #cfcfcf; border-radius: 100%; margin: 0 4px; text-indent: -9999px; overflow: hidden; vertical-align: middle;}
	.culture_people_slide .collection_data .owl-dots .owl-dot.active {background: #000;}


	.culture_people_slide .collection_data .btn_controls {display: inline-block;}
	.culture_people_slide .collection_data .btn_play {display: inline-block; text-indent: -9999px; background: url(../images/sub/btn_play.png) no-repeat center; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}
	.culture_people_slide .collection_data .btn_stop {display: inline-block; text-indent: -9999px; background: url(../images/sub/btn_stop.gif) no-repeat center; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}
	/*.culture_people_slide .collection_data .counter {display: inline-block; border: 1px solid #ccc; padding: 3px 13px 5px; box-sizing: border-box; border-radius: 25px; font-size: 13px; color: #333; letter-spacing: 0; font-weight: 500; margin-right: 36px;}*/
	.culture_people_slide .collection_data .item_controls_area .counter {display: inline-block; border: 1px solid #ccc; padding: 3px 13px 5px; box-sizing: border-box; border-radius: 25px; font-size: 13px; color: #333; letter-spacing: 0; font-weight: 500; margin-left: 20px;}
	.culture_people_slide .collection_data .owl-dots.disabled + .btn_controls .btn_play, .pick_collection_view .collection_data .owl-dots.disabled + .btn_controls .btn_stop {display: none;}

	.culture_people_slide .thumb {position: relative; overflow: hidden; width: 100%; height: 155px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
	.culture_people_slide .owl-carousel .owl-item a {display: block;}
	.culture_people_slide .owl-carousel .owl-item a:after {content:""; height: 155px; position:absolute; bottom:0; right:0; top:0; left:0; background: rgba(0, 0, 0, 0.2);}
	.culture_people_slide .owl-carousel .owl-item a:before {content:""; height: 155px; 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;}
	.culture_people_slide .thumb_tit {padding: 12px 10px; color: #333; line-height: 22px; letter-spacing: -0.02em; min-height: 80px; box-sizing: border-box;}
	.culture_people_slide .thumb_tit span {display: block; max-height: 43px; overflow: hidden;}

	.view_origin .btn_box {position: absolute; bottom: -16px; width: 100%; }
	.view_origin .btn_box:before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #dedede}
	.view_origin .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;}
	.view_origin .btn_box .btn_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
	.view_origin .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;}
	.view_origin .btn_box .btn_more.on {display: block;}
	.view_origin .btn_box .btn_more.open span:after {transform: rotate(180deg);}

	/*.board_view .cont_area {border-bottom: 1px solid #dedede; padding: 23px 0; position: relative;}

	.sub_title_area .btn_box .btn_more_conts {display: block; margin: 0 auto; border: 1px solid #2d2d2d; padding: 6px 5px 7px; box-sizing: border-box; border-radius: 25px; background: #fff; width: 80px;}
	.sub_title_area .btn_box .btn_more_conts span {color: #333; font-size: 13px; letter-spacing: -0.02em; display: block;}
	.sub_title_area .btn_box .btn_more_conts span:after {content: ''; display: inline-block; vertical-align: 2px; margin-left: 5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000;}
	.sub_title_area .btn_box .btn_more_conts.open span:after {border-top: 0; border-bottom: 6px solid #000;}
	.sub_title_area .box_more_conts {border-top: 1px solid #dedede; text-align: left; padding: 45px 20px 0; margin-top: 45px;}
	*/

/* ================================
	youtube 바로가기
=============================== */
.box_youtube {display:block; background: #48525b; height: 130px; letter-spacing: -0.04em; margin-top: 95px;}
.box_youtube .ic_info {text-align: center; padding-top: 40px; word-break: keep-all;}
.box_youtube .ic_info span {position: relative; color: #fff; font-size: 16px; font-weight: 300;}
.box_youtube .ic_info span:before {content: ''; display: inline-block; vertical-align: -4px; margin-right: 5px; width: 20px; height: 20px; background: url('../images/sub/ic_info.png') no-repeat;}
.box_youtube .btn_more_youtube {background: #ff0000; position: relative; bottom: -30px; display: block; width: 50%; max-width: 470px; margin: 0 auto; box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.34); text-align: center; padding: 20px 10px; box-sizing: border-box;}
.box_youtube .btn_more_youtube > span {color: #fff; font-weight: 500; font-size: 19px; padding-right: 20px; position: relative;}
.box_youtube .btn_more_youtube > span:after {content: ''; position: absolute; right: 0; top: 7px; width: 9px; height: 15px; background: url('../images/sub/ic_shortcut_w_lg.png') no-repeat; }
.box_youtube .btn_more_youtube .ic_youtube {display: inline-block; text-indent: -9999px; background: url('../images/sub/ic_youtube.png') no-repeat; width: 58px; vertical-align: middle; margin: 0 3px;}


/* ================================
	교육콘텐츠 자료 이용안내
=============================== */
.edu_conts_info {position: relative;}
.edu_conts_info b {font-weight: 500;}
.edu_conts_info .txt01 {color: #242d35; line-height: 26px; letter-spacing: -0.02em; margin-bottom: 20px;}
.edu_conts_info .txt02 {font-size: 14px; line-height: 26px; letter-spacing: -0.02em;}
.edu_conts_info .txt02 > ul {padding-right: 190px; box-sizing: border-box;}
.edu_conts_info .btn_link {background: #0b253e; position: absolute; right: -20px; bottom: 5px; color: #fff; font-size: 14px; padding: 10px 20px; letter-spacing: -0.06em;}
.edu_conts_info .btn_link:after {content: ''; display: inline-block; width: 23px; height: 9px; background: url('../images/sub/ic_arrow.png') no-repeat center; margin-left: 7px;}


/* ================================
	문화예술교육정보관 > 정보관소개_list
=============================== */
.library_title {text-align:center; margin:55px 0 40px;}
.library_contents {font-size:17px; line-height:32px; color:#121212; text-align:left; padding-bottom: 45px; word-break: keep-all;}
.library_contents b {font-weight: 500;}

.library_box ul {overflow:hidden; }
.library_box ul li {float:left; width: calc(100% / 3); padding: 4% 0; box-sizing:border-box; background: #0078d7; text-align: center; color:#fff;}
.library_box ul li .lib_box {padding:0 20% 20px; border-left:1px solid rgba(255,255,255,0.3); box-sizing: border-box;}
.library_box ul li:first-child .lib_box {border-left:none;}
.library_box ul li dt { font-size:32px; font-weight:500; margin-bottom:20px;}
.library_box ul li dt:after {content:''; width: 71px; height:66px; margin:15px auto 0; display:block; background-image: url(../images/sub/sp_libraryInfo.png); background-repeat: no-repeat;}
.library_box ul li .library01:after { background-position: 0px -132px; }
.library_box ul li .library02:after { background-position: 0px 0px; }
.library_box ul li .library03:after { background-position: 0px -66px; }
.library_box ul li dd { word-break: keep-all; margin-bottom: 20px;}
.library_btn a {font-size:16px; font-weight:500; padding:7px 25px 10px; border:1px solid #fff; display:inline-block; letter-spacing: -0.02em;}
.library_btn a:hover, .library_btn a:focus {background-color:#fff; color:#0071cb; box-shadow:5px 5px 7px rgba(0,0,0,0.1); }
.library_link {padding-bottom: 35px; text-align: center;}
.library_link .btn_link {display: inline-block; padding: 20px 115px; background: #212222; box-shadow: 6px 0 18px rgba(0, 0, 0, 0.34);}
.library_link .btn_link > span {font-size: 19px; color: #fff; font-weight: 500;}
.library_link .btn_link > span:after {content: ''; display: inline-block; vertical-align: middle; opacity: 0.3; margin-left: 15px; width: 10px; height: 17px; background: url(../images/sub/ic_shortcut_w.png) no-repeat center;}

/* ================================
	아르떼에게물어보세요
=============================== */

	/* register */
	.question_info_box {background-color:#f5f5f5; border:1px solid #d4d4d4; border-left:none; border-right:none; padding:50px 35px; margin-bottom:70px; word-break: keep-all;}
	.question_info_box .question_title {position: relative; color:#121212; font-size:18px; font-weight:500; padding-left: 22px; margin-bottom: 20px;}
	.question_info_box .question_title:before {content: ''; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; background:url('../images/sub/ic_info03.png') no-repeat;}
	.question_info_box .question_txt {padding-left: 13px;}
	.question_info_box ul li {margin-bottom:10px; color:#333;}
	.question_info_box .question_tip {font-size:14px; margin-top:18px; font-weight: 300;}

	/* view */
	.ic_q {position: absolute; left: 25px; top: 18px; display:inline-block; text-indent: -9999px; background: url('../images/sub/ic_q.png') no-repeat; width: 20px; height: 20px;}
	.ic_a {position: absolute; left: 25px; top: 18px; display:inline-block; text-indent: -9999px; background: url('../images/sub/ic_a.png') no-repeat; width: 20px; height: 20px;}

	.qna_area .qna_sec {word-break: keep-all; word-wrap: break-word; margin: 20px 0 60px;}
	.qna_area .qna_sec .tit_box {border-top: 1px solid #000; border-bottom: 1px solid #bababa; padding: 15px 25px; position: relative;}
	.qna_area .qna_sec .tit_box .question_info {width: 100%; padding-left: 40px; color: #121212; font-size: 19px; font-weight: 500; line-height: 24px; letter-spacing: 0; box-sizing: border-box;}
	.qna_area .qna_sec .dsc_box {padding: 10px 25px; border-bottom: 1px solid #e1e1e1;}
	.qna_area .qna_sec .dsc_box ul {margin: 5px 0;}
	.qna_area .qna_sec .dsc_box li {position: relative; margin-right: 8px; display: inline-block; font-size: 14px; letter-spacing: 0; color:#000; padding-right: 12px;}
	.qna_area .qna_sec .dsc_box li span { color:#666; margin-right: 3px; display: inline-block;}
	.qna_area .qna_sec .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;}
	.qna_area .qna_sec .dsc_box li:last-child:after {content: none;}
	.qna_area .qna_sec .dsc_box li:last-child {padding-right: 0; margin-right: 0;}

	.qna_area .qna_sec .dsc_box > p {margin: 5px 0;}
	.qna_area .qna_sec .dsc_box .tit {font-size: 14px; letter-spacing: -0.02em; color:#666; margin-right: 5px;}
	.qna_area .qna_sec .dsc_box .txt {font-size: 14px; letter-spacing: -0.02em; color:#121212;}
	.qna_area .qna_sec .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;}

	.qna_area .qna_sec .cont_area {padding: 40px 40px 40px 25px; background: #f6f6f6; border-bottom: 1px solid #e1e1e1; overflow: hidden; min-height:280px; font-size:14px; font-weight:300; line-height: 200%; letter-spacing: 0; box-sizing: border-box;}
	.qna_area .qna_sec .answer_info {width: 100%; padding-left: 40px; color: #121212; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; box-sizing: border-box;}
	.qna_area .qna_sec .answer_info span {display: inline;}
	.qna_area .qna_sec .answer_info span:after {content: ''; display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 7px 1px 9px; border-left: 1px solid #ccc; vertical-align: middle;}
	.qna_area .qna_sec .answer_info span:last-child:after {content: none;}

	.qna_area .recommend_box {display: block; width: 100%; word-break: keep-all; word-wrap: break-word;}
	.qna_area .recommend_box .box01 {background: #0078d7; position: relative; display: block; width: 72%; margin: 0 auto; box-shadow: 0px 11px 12px 0 rgba(0, 0, 0, 0.2); text-align: center; padding: 15px 10px; box-sizing: border-box; color: #fff; font-weight: 500; font-size: 23px; line-height: 100%; top: 32px;}
	.qna_area .recommend_box .box01 .num {color: #000; background: #fff; border-radius: 25px; padding: 6px 10px 8px; display: inline-block; font-size: 20px; vertical-align: text-bottom; line-height: 100%;}
	.qna_area .recommend_box .box02 {border: 10px solid #e1e1e1; background: #fff; text-align: center; padding: 5% 3% 3%;}
	.qna_area .recommend_box .box02 ul {display: inline-block; color: #202020; font-size: 19px;}
	.qna_area .recommend_box .box02 ul li {margin-top: 7px; text-align: left;}
	.qna_area .recommend_box .box02 ul li:first-child {margin-top: 0;}
	.qna_area .recommend_box .box02 ul li a:hover, .qna_area .recommend_box .box02 ul li a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}

/* ================================
	개인정보 수집 및 이용안내
=============================== */
.personal_info {border:1px solid #cccccc; margin-top:70px; padding: 25px 30px;}
	.personal_info p {font-size:16px; color:#202020; font-weight:500; margin-bottom:10px;}
	.personal_info > ul {margin-left:15px; color:#333; font-size:14px;font-weight:300;}
	.personal_info > ul > li {margin-bottom:8px; line-height:24px;}
	.personal_info > ul > li > ul {margin-left:15px;}
	.personal_agree {margin:20px 0 50px; text-align:right; font-size: 14px; color: #333; letter-spacing: 0; font-weight: 400;}


/* ================================
	회원서비스_로그인
=============================== */
.loginArea {border-bottom:1px solid #dedede; background:#f8f9fb; box-sizing:border-box; padding:9% 5%; font-size:15px; letter-spacing:-0.06em; margin-top:-50px;}
.loginArea form {max-width:550px; margin:0 auto;}
.login .inptxt {height:50px; border:1px solid #ceced0; font-size:15px; width:100%; padding:0 17px; margin:5px 0;}
.login input[type="text"] { width:28.5%;}
.login_pw {margin-bottom:10px;}
.login_chk {margin-bottom:20px;}
.login_btn {display:inline-block; width:100%; vertical-align:middle; margin-top:30px;}
.login_btn li {float:left; display:inline-block; border:1px solid #dadbdd; background:#ecedee; margin-left:1.5%; box-sizing:border-box; width:calc(97% / 3); text-align:center;}
.login_btn li:first-child {margin-left:0;}
.login_btn li a {display:block; padding: 11px 0;}
.login input[type="checkbox"] { width:18px; height:18px; margin-right: 5px;}
.login_ok { width:100%; background-color:#0078d7; border:none; color:#ffffff; padding:13px; font-size:20px; letter-spacing:-0.06em; cursor:pointer;}

.login_info {padding: 24px 0 53px 0; font-size: 15px; text-align: center; font-weight:400; color: #333; letter-spacing: -0.02em; line-height: 26px; border-bottom: 2px solid #000;}
.login_info ul {color:#666; font-size:14px; font-weight:300; margin-top:15px;}
.login_info li {display:inline-block; position: relative; padding-left:20px; color: #444;}
.login_info li:before {content: ''; position: absolute; top: 8px; left: 8px; width: 1px; height: 11px; background-color: #bebebe}
.login_info li:first-child:before {content:none;}

/* ================================
	지역 문화예술교육
=============================== */

/* 공통 */
.local_culture_box .sub_title_area h2 {margin-bottom: 0;}
.local_culture_box .sub_contents_area {margin-bottom: 0; padding-top: 0; bottom: 30px;}
.local_culture_conts {position: relative; overflow: hidden;}

.local_culture_box .top_tips {position: absolute; top: 85px; word-break: keep-all; color: #121212; font-size: 18px;}
.local_culture_box .top_tips .txtblue {font-weight: 500;}
.local_culture_box .top_tips .txtblue:before {content: ''; display: inline-block; margin-right: 10px; width: 29px; height: 23px; background: url('../images/sub/ic_check.png') no-repeat; vertical-align: -3px;}

.slide_box {margin-bottom: 60px;}
.slide_box .slide {background: #2d3943; box-sizing: border-box; position: relative; padding: 0 30px;}
	.slide_box .slide ul {position: relative; overflow: hidden; height: 60px}
	.slide_box .slide .owl-carousel {display: block !important; visibility: hidden; opacity: 0}
	.slide_box .slide .owl-carousel.owl-loaded {visibility: visible; opacity: 1}
	.slide_box .slide li button {display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px;}
	.slide_box .slide li button > span {position: relative;}
	.slide_box .slide li button > span:after {content: none; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: #fff;}
	.slide_box .slide li button:hover,/*  .slide_box .slide li button:focus, */ .slide_box .slide li button.on, .slide_box .slide li.ov button.chk {background: #0078d7;}
	.slide_box .slide li button:hover > span:after, .slide_box .slide li button.on > span:after, .slide_box .slide li.ov button.chk > span:after {content: '';}
	.slide_box .owl-prev, .slide_box .owl-next {width: 30px; height: 60px; float: left; text-indent:-9999px; position: absolute; top: 0; z-index: 2;}
	.slide_box .owl-prev {background:url(../images/sub/btn_prev.png) no-repeat center center #515960 !important; left: 0;}
	.slide_box .owl-next {background:url(../images/sub/btn_next.png) no-repeat center center #515960 !important; right: 0;}
	/* .slide_box .owl-prev.disabled {background-image:url(../images/sub/btn_prev_disabled.png) !important;}
	.slide_box .owl-next.disabled {background-image:url(../images/sub/btn_next_disabled.png) !important;} */
	.slide_box .slide-nav.disabled {display: none;}
	.slide_box .slide-nav.disabled + .owl-carousel .owl-stage {padding: 0 !important;}
	.slide_box .slide li button .more {position: relative; padding-right: 19px;}
	.slide_box .slide li button .more:before {content: ''; position: absolute; top: 50%; right: 0; width: 11px; height: 7px; margin-top: -3px; background: url(../images/sub/btn_open_w.png) no-repeat; transform: rotate(180deg)}
	.slide_box .slide li button .more.close:before {transform: rotate(0deg)}

.slide_box.type2 .slide {background: #fff;}
.slide_box.type2 .slide li button {color: #555; border-right: 1px solid #c2c6c9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.slide_box.type2 .slide li button:hover, /* .slide_box.type2 .slide li button:focus, */ .slide_box.type2 .slide li button.on {color: #fff; border: 0;}

/* list */
.local_culture_list {background:#d9e6ee; padding-bottom: 25px;}
.local_culture_list .top_tips {display: none;}
.local_culture_list .tips {position: absolute; right: 0; bottom: 80px; width: 250px; word-break: keep-all; text-align: right; color: #222e39; letter-spacing: -0.02em;}
.local_culture_list .tips span {display: block; margin-bottom: 2px;}
.local_culture_list .tips .txtblue {font-weight: 500;}
.local_culture_list .tips .txtblue:before {content: ''; display: inline-block; margin-right: 3px; width: 13px; height: 17px; background: url('../images/sub/ic_picker.png') no-repeat; vertical-align: -3px;}

.local_culture_list .left_box {float: left; width: 35%;}
.local_culture_list .left_box dt {display: inline-block; font-size: 46px; color: #000; border-bottom: 2px solid #000; padding: 45px 0 40px; letter-spacing: -0.08em; line-height: 100%;}
.local_culture_list .left_box dd {padding: 25px 0;}
.local_culture_list .left_box dd .txt01 {letter-spacing: -0.02em; line-height: 35px; font-size: 18px; word-break: keep-all; word-wrap: break-word; color: #000; font-weight: 300}
.local_culture_list .left_box dd .txt01 b {display: inline-block; font-weight: 500;}
.local_culture_list .left_box .tips {left: 0; bottom: 110px; width: 100%; max-width: 320px; text-align: left; color: #004199; padding-left: 18px; box-sizing: border-box}
.local_culture_list .left_box .tips:before {content: '※ '; position: absolute; left: 0}
.local_culture_list .left_box .btn_link {display: inline-block; background: #000; padding: 4px 8px; margin-top: 8px;}
.local_culture_list .left_box .btn_link span {font-size: 14px; font-weight: 300; color: #fff; position: relative; padding-right: 13px}
.local_culture_list .left_box .btn_link span:after {content: ''; position: absolute; right: 0; top: 50%; width: 6px; height: 9px; margin-top: -4px; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat center}

.local_culture_list .map_box {float: left;}
.local_culture_list .map {background: url('../images/sub/map.png') no-repeat; width: 380px; height: 540px; display: inline-block; position: relative; z-index: 0;}
.local_culture_list .map a {width: 63px; height: 80px; display: inline-block; position: absolute; background: url('../images/sub/ic_picker_off.png') no-repeat center top; z-index: 1; text-align: left;}
.local_culture_list .map a > span {font-size: 16px; color: #fff; display: inline-block; vertical-align: middle; margin-top: 15px; margin-left: 13px; font-weight: 500;}
.local_culture_list .map a:hover, .local_culture_list .map a:focus, .local_culture_list .map a.on {z-index: 2; background-image: url('../images/sub/ic_picker_on.png');}

	/* 지도 위치값 */
	.map_seoul{ top:30px; left:95px; }/*서울특별시*/
	.map_incheon{ top:45px; left:60px; }/*인천광역시*/
	.map_gyeonggi{ top:50px; left:130px; }/*경기도*/
	.map_gangwon{ top:50px; left:205px; }/*강원*/
	.map_chungnam{ top:160px; left:70px; }/*충청남도*/
	.map_chungbuk{ top:125px; left:150px; }/*충청북도*/
	.map_daejeon{ top:170px; left:120px; }/*대전광역시*/
	.map_sejong{ top:135px; left:105px; } /*세종특별자치시*/
	.map_gyeongnam{ top:300px; left:175px; }/*경상남도*/
	.map_busan{ top:300px; left:250px; }/*부산광역시*/
	.map_ulsan{ top:260px; left:285px; }/*울산광역시*/
	.map_gyeongbuk{ top:160px; left:260px; }/*경상북도*/
	.map_daegu{ top:230px; left:215px }/*대구광역시*/
	.map_jeonbuk{ top:245px; left:110px; }/*전라북도*/
	.map_jeonnam{ top:350px; left:40px; }/*전라남도*/
	.map_gwangju{ top:290px; left:65px; }/*광주광역시*/
	.map_jeju{ top:448px; left:65px; } /*제주특별자치도*/

.local_culture_list .right_box {float: left; width: 65%;}
.local_culture_list .count_box {float: right; width: calc(100% - 380px); padding-left: 20px; box-sizing: border-box; text-align: right;  letter-spacing: -0.02em;}
.local_culture_list .count_box #areaNm, .local_culture_list .count_box dt {color: #000; font-weight: 600; font-size: 46px; padding-top: 45px; line-height: 100%;}
.local_culture_list .count_box .count {display: block; font-size: 70px; line-height: 100%; margin-top: 40px; padding-top: 25px; border-top: 2px solid #000;}
.local_culture_list .count_box .btn_link {background: #000; padding: 10px 35px 12px; display: inline-block; margin-top: 30px;}
.local_culture_list .count_box .btn_link span {font-size: 16px; font-weight: 400; color: #fff;}
.local_culture_list .count_box .btn_link:after {content: ''; display: inline-block; width: 8px; height: 13px; background: url('../images/sub/ic_shortcut_w.png') no-repeat center; margin-left: 10px; vertical-align: -1px;}

/* view */
#webzineBoxDiv {margin-top: 95px;}
.webzine_box {margin-bottom: 60px; border: 10px solid #e1e1e1; background: #fff; padding: 40px 35px; box-sizing: border-box; position: relative;}
.webzine_box .webzine {position: relative; display: table; width: 100%;}
.webzine_box .left_box {word-break: keep-all; word-wrap: break-word; position: relative; box-sizing: border-box; display: table-cell; vertical-align: top;}
.webzine_box .webzine_tit strong {font-weight: 500; font-size: 24px; color: #000; line-height: 110%; display: inline-block; vertical-align: top;}
.webzine_box .webzine_tit .addr_info {font-weight: 500; letter-spacing: -0.02em; font-size: 14px; display: inline-block; vertical-align: top;}
.webzine_box .webzine_tit .addr_info:before {content: ''; display: inline-block; width: 1px; height: 18px; background: #e0e0e0; margin: 0 10px; position: relative; top: 5px;}
.webzine_box .webzine_tit .addr_info a:hover, .webzine_box .left_box .addr_info a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
.webzine_box .webzine_tit .addr_info .tel_num {margin-right: 12px; vertical-align: middle; display: inline-block;}
.webzine_box .webzine_tit .addr_info .site_addr {display: inline-block; vertical-align: -1px;}

.webzine_box .webzine_info {font-size: 16px; font-weight: 300; word-break: keep-all; box-sizing: border-box; margin-top: 15px;}
.webzine_box .webzine_info > p {margin-bottom: 7px;}
.webzine_box .webzine_info > p:last-child {margin-bottom: 0;}

.webzine_box .right_box {border-left: 1px solid #e0e0e0; box-sizing: border-box; padding-left: 30px; margin-top: 5px; margin-left: 30px; }
.webzine_box .webzine_btn {display: inline-block; background: #ee2052; color: #fff; font-weight: 500; font-size: 17px; width: 80px; height: 80px; border-radius: 100%; text-align: center; padding: 15px 15px; box-sizing: border-box;}
.webzine_box .webzine_btn:before {content: ''; display: block; width: 30px; height: 25px; background: url('../images/sub/ic_book.png') no-repeat; margin: 0 auto;}
.webzine_box .webzine_btn span {background: url('../images/sub/ic_shortcut_w.png') no-repeat right 7px; padding-right: 13px;}

.local_culture_view .filter_area .list_count_area {font-size: 14px;}
.local_culture_view .filter_area .list_count_area .keyword {padding-right: 0;}
.local_culture_view .filter_area .list_count_area .keyword strong {font-size: 22px;}
.local_culture_view .filter_area .list_count_area .keyword:after {content: none;}


/* ================================
	통합검색
=============================== */
.all_search_area {position: relative;}
.all_search_area .keyword {color: #0485fd !important; font-weight: 400;}

	/* 검색영역 */
	.all_search_area .search_box .search {position: relative; background: #ededed; padding: 40px 0 40px 0; text-align: center; margin-top: 20px;}
	.all_search_area .search_box .search strong {font-weight: 500; font-size: 28px; color: #121212; letter-spacing: -0.08em; margin-right: 20px; vertical-align: middle; display: block; width:100%; text-align:center; margin-bottom:10px; padding-right: 130px; box-sizing: border-box;}
	.all_search_area .search_box .search .box01 {display: inline-block;}
	.all_search_area .search_box .search .box01 select {display: inline-block; min-width: 130px; height: 50px; vertical-align: middle; font-size: 15px; color: #333; padding-left: 15px; margin-right: 4px; border-color: #bebebe;}
	.all_search_area .search_box .search .re_search {display: inline-block; vertical-align: middle; line-height: 100%; font-size: 16px; margin-left: 17px;}
	.all_search_area .search_box .search .re_search input[type="checkbox"] {width: 14px; height: 14px; vertical-align: -3px; margin-right: 2px;}

	.all_search_area .search_box .cate_list {display: inline-block; margin-right: 25px;}

	.all_search_area .search_box .cate_list > ul > li {padding: 5px; display: inline-block;}
	.all_search_area .search_box .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;}
	.all_search_area .search_box .cate_list li a.selected {background: #fff; color: #0078d7; border: 1px solid #0078d7; font-weight: 400;}
	.all_search_area .search_box .cate_list li .option {display: inline-block; vertical-align: middle;}
	.all_search_area .search_box .cate_list .option > a {border: 1px solid #ccc; height: 40px; line-height: 37px; 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;}
	.all_search_area .search_box .cate_list li .option > a:first-child {margin-left: 0;}
	.all_search_area .search_box .cate_list .option > a.selected {position: relative; z-index: 1;}
	.all_search_area .search_box .cate_list .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;}
	.search_window_box {position: relative; display: inline-block; vertical-align: middle;}
	.search_window_box .autocomplete {position: absolute; width: 100%; left: 0; top: 0;}
	.search_window_box .btn_search {display: inline-block; vertical-align: middle; background: #0078d7; height: 50px; line-height: 50px; color: #fff; font-size: 17px; letter-spacing: 0; text-align: center; width: 75px;}
	.search_window {float: left; width: 485px; height:50px; border: 2px solid #0078d7; border-right: 0; background: #fff; position: relative;  box-sizing: border-box; padding: 8px 30px 8px 15px;}
	.search_window .input_text {width: 100%; height: 30px; outline: 0; border: 0; background: transparent; color: #121212; letter-spacing: -0.06em; font-size: 16px; box-sizing: border-box; padding: 0;}
	.all_search_area .d_search_btn {position: absolute; right: -310px; bottom: 0; border: 1px solid #797979; background: #fff; padding: 15px 20px;}
	.all_search_area .d_search_btn span:after {content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 8px; background: url(../images/common/btn_pn_next.png) no-repeat; margin-left: 5px;}
	.all_search_area .d_search_btn.open span:after {background-image: url(../images/common/btn_pn_prev.png);}
	.tip_txt {font-size: 13px; color: #0078d7;}
	.tip_txt:before {content: 'Tip!'; color: #f00; font-weight: bold; font-size: 12px; letter-spacing: -0.02em; margin-right: 10px;}
	.ico_arte {font-family: Century Gothic; vertical-align: super; color: #000; font-weight: 700; letter-spacing: 0.02em; font-size: 16px;}
	.s_sec_cont .tit_box .ico_arte {margin-left: 10px;}
	.ico_arte span {color: #f00; font-size: 13px;}

	/* 자동완성 */
	.btn_layer {position: absolute; top: 0; right: 15px; margin-top: 11px;}
	.btn_layer:after {content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #0078d7;}
	.btn_layer.open:after {border-top: 0; border-bottom: 8px solid #0078d7;}

	.autoFrame {border: 1px solid #ccc; position: absolute; top: 50px; width: 100%; box-sizing: border-box; z-index: 10; text-align: left;}
	.autoFrame ul {background: #fff; padding: 10px 0 15px; margin-top: -1px;}
	.autoFrame ul li { line-height: 32px;}
	.autoFrame ul li a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%; padding: 0 15px; box-sizing: border-box; font-size: 16px; font-weight: 300; color: #121212; letter-spacing: -0.02em;}
	.autoFrame ul li a:hover, .autoFrame ul li a:focus {background: #f4f4f4;}
	.autoBtn {position: relative; overflow: hidden; border-top: 1px solid #ebebeb; padding: 10px 15px; background: #f7f7f7; color: #666; font-size: 12px; letter-spacing: -0.02em; font-family: 'Dotum', '돋움';}
	.autoFrame font {font-size: inherit !important;}
	.autocomplete font font {color: #0078d7 !important; font-weight: 400;}

	/* 상세검색 btn */
/* 	.all_d_search_btn .d_search_btn {border: 1px solid #797979; background: #fff; padding: 14px 18px; box-sizing: border-box;}
	.all_d_search_btn .d_search_btn span:after {content: ''; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #000; margin-left: 6px; vertical-align: 2px;}
	.all_d_search_btn .d_search_btn.open span:after {border-top: 0; border-bottom: 7px solid #000;} */

	/* 검색옵션 btn */
	.all_d_search_btn .d_search_btn {display: inline-block; vertical-align: middle; border: 2px solid #0078d7; background: #fff; padding: 10px 14px; border-radius: 25px; box-sizing: border-box; /* position: absolute; top:230px; right:220px; */ }
	.all_d_search_btn .d_search_btn span {padding-right: 15px; position: relative; color: #0078d7;}
	.all_d_search_btn .d_search_btn 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;}
	.all_d_search_btn .d_search_btn.open span:after {background: url('../images/sub/ic_shortcut_up.png') no-repeat center;}

	/* 검색 결과 */
	.search_result_box {position: relative;}
	.search_total_count {margin: 35px 0; text-align: center;}
	.search_total_count strong {font-weight: 500; color: #888; font-size: 22px; letter-spacing: -0.02em;}
	.search_total_count strong b {font-weight: 500;}

	.search_result_box .left_box {float: left; width: calc(100% - 160px); padding-right: 40px; box-sizing: border-box;}
		.search_result_box .tab ul {position: relative; display: inline-block; width: 100%; margin-bottom: 40px;}
		.search_result_box .tab li {float: left; width: calc(100% / 7); background: #f7f7f7; border: 1px solid #d7d7d7; box-sizing: border-box; color: #000}
		.search_result_box .tab li:first-child {margin-left: 0;}
		.search_result_box .tab li a {display: block; padding: 18px 0px; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: -0.08em;}
		.search_result_box .tab li a.tab02 {padding: 13px 0;}
		.search_result_box .tab li:hover, .search_result_box .tab li:focus, .search_result_box .tab li.on {background: #0c263b; color: #fff; position: relative; z-index: 1; border-color: #0c263a;}
		.search_result_box .tab li.on + li {border-left-color: #0c263b;}
		.search_result_box .tab li.point {position: relative; background: #616bf4; border-color: #616bf4; color: #fff;}
		.search_result_box .tab li .data {display: inline-block; font-size: 16px; margin-left: 5px;}
		.search_result_box .tab li .ci_arteLibrary {width: 100%; background-size: 100%; max-width: 145px; height: 43px;}
		.search_result_box .tab li .ci_arte365 {width: 100%; background-size: 100%; max-width: 137px; height: 30px;}
		.search_result_box .tab li .ci_ALibrary {width: 100%; background-size: 100%; max-width: 145px; height: 43px;}

		.search_result_box .tab li:hover .ci_arteLibrary, .search_result_box .tab li:focus .ci_arteLibrary, .search_result_box .tab li.on .ci_arteLibrary {background-image: url('../images/sub/ci_arteLibrary_w.png');}
		.search_result_box .tab li:hover .ci_arte365, .search_result_box .tab li:focus .ci_arte365, .search_result_box .tab li.on .ci_arte365 {background-image: url('../images/sub/ci_arte365_w.png');}
		.search_result_box .tab li:hover .ci_ALibrary, .search_result_box .tab li:focus .ci_ALibrary, .search_result_box .tab li.on .ci_ALibrary {background-image: url('../images/sub/ci_A.Library_w.png');}
		/*.search_result_box .tab li.point a span:after {content: ''; display: inline-block; vertical-align: -2px; width: 22px; height: 22px; background: url('../images/common/icon_search_w.png') no-repeat center; margin-left: 12px;}*/

		.ci_arteLibrary {display: inline-block; text-indent: -9999px; background: url('../images/sub/ci_arteLibrary.png') no-repeat center; width: 18%; line-height: 200%;}
		.ci_arte365 {display: inline-block; text-indent: -9999px; background: url('../images/sub/ci_arte365.png') no-repeat center bottom; width: 18%;}
		.ci_ALibrary {display: inline-block; text-indent: -9999px; background: url('../images/sub/ci_A.Library.png') no-repeat center; width: 18%; line-height: 200%;}

		.search_result_box .tooltip {display: none;}
		@media screen and (min-width: 1024px) {
			.search_result_box .tooltip {display: block; position: absolute; left: 0px; top: -58px; width: 230px; border: 1px solid #616bf4; border-radius: 30px; padding: 8px 8px 8px 50px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.075em; color: #0078d7; word-wrap: break-word; word-break: keep-all; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.17); background: #fff; z-index: 1; animation: tooltip 1s ease-in-out infinite;}
			.search_result_box .tooltip:before {content: 'Tip!'; color: #f00; font-weight: bold; font-size: 12px; letter-spacing: -0.02em; margin-right: 10px; position: absolute; left: 18px; top: 50%; margin-top: -10px;}
			.search_result_box .tooltip:after {content: ''; width: 15px; height: 14px; position: absolute; left: 50%; margin-left: -7px; bottom: -14px; background: url(../images/sub/tooltip.png) no-repeat center;}

			@keyframes tooltip {
				0%, 100% {top: -60px;}
				50% {top: -64px;}
			}

		}

			/* 공통 */
			.search_result .search_sec .btn_box {padding: 30px 0; text-align: center;}
			.search_result .search_sec .btn_more {display: inline-block; vertical-align: middle; background: #252525; color: #fff; padding: 9px 30px 11px; box-sizing: border-box; min-width: 235px;}
			.search_result .search_sec .btn_more span {font-size: 17px; /*font-weight: 500;*/ padding-right: 15px; position: relative;}
			.search_result .search_sec .btn_more span:after {content: ''; position: absolute; width: 8px; height: 100%; background: url('../images/sub/ic_shortcut_w.png') no-repeat right center; right: 0; top: 2px;}
			.search_result .search_sec .btn_origin_link {display: inline-block; vertical-align: 2px; border: 1px solid #0078d7; box-sizing: border-box; height: 24px; line-height: 22px; padding-left: 8px; padding-right: 18px; color: #fff; font-size: 13px; letter-spacing: -0.02em; text-align: center; background: url(../images/sub/ic_shortcut_w_sm.png) no-repeat right 6px center #0078d7; margin-top: 2px}

			.s_sec_tit {font-weight: 600; color: #121212; font-size: 27px; padding-bottom: 15px; letter-spacing: -0.029em;}
			.s_sec_tit .ci_arteLibrary {min-width: 180px; height: 45px;}
			.s_sec_tit .ci_arte365 {min-width: 175px; background-size: contain;}
			.s_sec_tit .ci_ALibrary {min-width: 180px; height: 45px;}
			.search_list_count {font-weight: 500; margin-left: 15px; font-size: 25px;}
			.s_sec_tit .ci_txt {font-size: 28px; vertical-align: top}

			.s_sec_cont {border-top: 2px solid #000; border-bottom: 1px solid #ccc; box-sizing: border-box;}
			.s_sec_cont > ul > li {padding: 25px 0 15px; border-top: 1px solid #e1e1e1; word-break: keep-all;}
			.s_sec_cont > ul > li:first-child {border-top: 0;}
			.s_sec_cont > ul > li.nolist {text-align: center; padding: 20px 0;}

			.s_sec_cont .tit_box {margin-bottom: 8px; position: relative;}
			.s_sec_cont .tit_box .tit {color: #121212; position: relative; overflow: hidden; font-size: 18px; display: inline;}
			.s_sec_cont .tit_box .tit a:hover, .s_sec_cont .tit_box .tit a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
			.s_sec_cont .tit_box .tit b, .s_sec_cont .tit_box .tit font {color: #0078d7;  font-weight: inherit;}
			.s_sec_cont .dsc_box .txt b, .s_sec_cont .dsc_box .txt font {color: #0078d7;  font-weight: inherit;}

			.s_sec_cont .txt_box {line-height: 160%; font-size: 15px; font-weight: 300; letter-spacing: 0; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; max-height: 50px;}

			.s_sec_cont .file_area {border-bottom: 1px solid #dedede; margin: 15px 0 35px; background: none;}

			.s_sec_cont .location_box ul {position: relative; overflow: hidden;}
			.s_sec_cont .location_box ul li {float: left; font-size: 15px; color: #666;}
			.s_sec_cont .location_box ul li.home {text-indent: -9999px; background: url('../images/sub/icon_home2.png') no-repeat center; width: 15px; opacity: 0.5;}
			.s_sec_cont .location_box ul li:before {content: ''; background: url('../images/sub/ic_location_arrow.gif') no-repeat; display: inline-block; width: 5px; height: 8px; margin: 0 4px 0 6px; opacity: 0.7;}
			.s_sec_cont .location_box ul li:first-child:before {content: none;}

			.s_sec_cont .dsc_box li {font-size: 14px; letter-spacing: -0.02em; position: relative; margin-right: 6px; display: inline-block; color:#121212; padding-right: 10px;}
			.s_sec_cont .dsc_box li > span {color:#666; margin-right: 5px; display: inline-block;}
			.s_sec_cont .dsc_box li > span.txtblue {font-weight: 500;}
			.s_sec_cont .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;}
			.s_sec_cont .dsc_box li:last-child:after {content: none;}
			.s_sec_cont .dsc_box li:last-child {}

			.s_sec_cont .dsc_box .tit {font-size: 14px; letter-spacing: -0.02em; color:#666; margin-right: 5px;}
			.s_sec_cont .dsc_box .txt {font-size: 14px; letter-spacing: -0.02em; color:#121212;}
			.s_sec_cont .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;}

			.s_sec_cont .data_box {padding: 12px 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #fafafa; margin: 15px 0;}

			/* 콘텐츠 타입01 - 썸네일형 */
			.s_sec_cont .list_type01 .thumb01 {display: table-cell; vertical-align: top; width: 210px; height: 150px;}
			.s_sec_cont .list_type01 .thumb01 .thumb {position: relative; width: 200px; height: 115px; overflow: hidden;}
			.s_sec_cont .list_type01 .thumb01 .thumb_img {display: block; width: 200px; height: 115px;}
			.s_sec_cont.video .list_type01 .thumb01 .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: 55px; background-color: rgba(0, 0, 0, 0.25);}
			.s_sec_cont .list_type01 .conts {display: table-cell; padding-left: 25px; box-sizing: border-box;}

			/* 아르떼 라이브러리 */
			.search_sec.type01 .s_sec_cont .tit_box .date  {color: #888; font-size: 13px; font-weight: 300; letter-spacing: 0; position: relative; vertical-align: 2px;}
			.search_sec.type01 .s_sec_cont .tit_box .date:before {content: ''; background: url('../images/common/bar.gif') repeat; width: 1px; height: 16px; display: inline-block;  margin: 2px 7px -3px 7px;}

			/* 아르떼 365 */
			.search_sec.type02 .s_sec_cont .dsc_box {margin-bottom: 5px;}
			.search_sec.type02 .s_sec_cont .dsc_box .cate {font-weight: 500; font-size: 16px;}
			.search_sec.type02 .s_sec_cont .dsc_box .date  {color: #888; font-size: 13px; font-weight: 300; letter-spacing: 0; position: relative; vertical-align: 1px;}
			.search_sec.type02 .s_sec_cont .dsc_box .date:before {content: ''; background: url('../images/common/bar.gif') repeat; width: 1px; height: 16px; display: inline-block;  margin: 2px 7px -3px 8px;}

		.search_result_box .right_box {float: left; width: 160px;}
		.search_result_box .right_box > div {margin-bottom: 20px;}
		.search_result_box .right_box > div .title {display: block; font-size: 15px; color: #000; border-bottom: 1px solid #dedede; padding-bottom: 5px; margin-bottom: 10px;}

		/* 통합검색 - 태그 */
		.search_result_box .location_box, .search_result_box .tag_area {display: inline-block; vertical-align: middle; margin-right: 30px;}
		.search_result_box .tag_area .ic_tag:before {content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(../images/sub/ic_tag.png) no-repeat center; background-size: cover;}
		.search_result_box .tag_area > a {font-size: 15px;}
		.search_result_box .tag_area > a:hover, .search_result_box .tag_area > a:focus {text-decoration: underline;}

		.my_tag_area li {display: inline-block; font-weight: 300; font-size: 14px; margin-right: 5px; color: #444;}
		.my_tag_area .no_list {border: 4px solid #e1e1e1; box-sizing: border-box; text-align: center; height: 125px; word-break: keep-all; letter-spacing: 0; display: table; width: 100%;}
		.my_tag_area .no_list > div {display: table-cell; vertical-align: middle; padding: 0 20px;}
		.my_tag_area .no_list .info {color: #3e3e3e; font-size: 16px; display: block; margin-bottom: 6px;}
		.my_tag_area .no_list a {display: inline-block; background: #0b253e; padding: 3px 15px 5px; border-radius: 25px; letter-spacing: -0.06em;}
		.my_tag_area .no_list a span {font-size: 13px; color: #fff; padding-right: 12px; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat right 6px;}

		.my_search_keyword_area li {font-weight: 300; font-size: 14px; color: #444; position: relative; padding-right: 15px; margin: 4px 0; letter-spacing: 0;}
		.my_search_keyword_area li > span {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
		.my_search_keyword_area .btn_del {display: inline-block; text-indent: -9999px; width: 15px; height: 15px; background: url('../images/sub/btn_del_g.png') no-repeat center; position: absolute; right: 0; top: 3px; background-size: 10px;}

		.hotkeyword_area {padding-bottom: 25px;}
		.hotkeyword li {margin: 7px 0; font-size: 14px; position: relative; padding-left: 21px; padding-right: 30px;}
		.hotkeyword li a {color: #000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300;}
		.hotkeyword li a:hover, .hotkeyword li a:focus  {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
		.hotkeyword li .num {display: inline-block; position: absolute; left: 0; top: 3px; border: 1px solid #ccc; font-size: 10px; text-align: center; letter-spacing: -1px; font-family: 'Tahoma'; width: 15px; height: 15px; box-sizing: border-box;}
		.hotkeyword .rank_up {position: absolute; right: 0; top: 4px; font-size: 11px; letter-spacing: 0; background: url('../images/sub/ic_up.gif') no-repeat left center; padding-left: 10px; color: #f4184e; min-width: 25px; text-align: right; box-sizing: border-box; font-family: 'Tahoma';}
		.hotkeyword .rank_down {position: absolute; right: 0; top: 4px; font-size: 11px; letter-spacing: 0px; background: url('../images/sub/ic_down.gif') no-repeat left center; padding-left: 10px; color: #7b7b7b; min-width: 25px; text-align: right; box-sizing: border-box; font-family: 'Tahoma';}
		.hotkeyword .rank_new {position: absolute; right: 0; top: 3px; font-size: 11px; letter-spacing: 0px; color: #0078d7; font-weight: bold; font-family: 'Tahoma';}
		.hotkeyword .rank_eq {position: absolute; right: 0; top: 2px; font-size: 15px; letter-spacing: 0px; color: #888; font-weight: bold; font-family: 'Tahoma';}

		/* 전체 - 더보기 */
		.all_search_area .search_sec + .search_sec {margin-top: 55px;margin-bottom:5px;}

		.all_search_area .more_area {margin-top: 25px; text-align: right;}
		.all_search_area .cont_more_btn {position: relative; font-size: 17px; font-weight: 500; color: #000;}
		.all_search_area .cont_more_btn span {position: relative;}
		.all_search_area .cont_more_btn span:before {content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: #868686;}
		.all_search_area .cont_more_btn:after {content: ''; display: inline-block; width: 8px; height: 13px; margin-left: 10px; background: url(../images/sub/btn_next_b.png) no-repeat center; background-size: cover;}
/* ================================
	공공누리
================================ */
.kogl {border-bottom: 1px solid #dedede; background: #fff; padding: 25px 35px;}
.kogl .guide {position: relative;}
.kogl .guide > div {padding-right: 125px; display: table; table-layout: fixed}
.kogl .guide_img {display: table-cell; vertical-align: top}
.kogl .guide_img img {display: block;}
.kogl .guide_txt {display: table-cell; vertical-align: middle; font-size: 13px; font-weight: 300; color: #121212; letter-spacing: 0; width: 100%; padding-left: 15px; box-sizing: border-box; word-break: keep-all}
.kogl .btn_blue {position: absolute; right: 0; top: 0; background: #0078d7; padding: 6px 20px 8px; box-sizing: border-box;}
.kogl .btn_blue span {color: #fff; font-weight: 500; font-size: 14px; padding-right: 13px; position: relative;}
.kogl .btn_blue span:after {content: ''; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat; position: absolute; right: 0; top: 7px; width: 6px; height: 9px;}
.kogl .guide .open_type00 {padding-top: 4px;}


/* ================================
	문화예술교육정보관 > 정보관방문예약 & 문화예술교육정보관 > 대관안내
================================ */
.prog_sec {position:relative; display: inline-block; vertical-align: top; margin-bottom:30px; width: 100%;}
	.prog_sec h3 {float: left; width: 190px; color:#121212; font-size:20px; font-weight:500;}
	.prog_sec h3.num {padding-left: 20px; text-indent: -20px; box-sizing: border-box;}
	.prog_sec .info_area {float:right; width: calc(100% - 190px); position:relative; font-size:15px; line-height:200%; word-break: keep-all; word-wrap: break-word; font-weight: 300;}
	.prog_sec .info_area b {font-weight: 400;}
	.prog_area .prog_btn_link {display: block; padding: 13px 10px 14px; width: 300px; box-sizing: border-box; background: #0078d7; margin: 20px auto 0; text-align: center;}
	.prog_area .prog_btn_link span {color: #fff; font-size: 18px; font-weight: 500; color: #fff;}
	.prog_area .prog_btn_link span:after {content: ''; display: inline-block; background: url('../images/sub/ic_shortcut_w.png') no-repeat;  width: 8px; height: 13px; margin-left: 7px;}
	.prog_sec .info_area .info_process02 .process_txt01:after, .prog_sec .info_area .info_process02 .process_txt01:before, .prog_sec .info_area .info_process .process_txt01:before, .prog_sec .info_area .info_process .process_txt01:after {background-image: url(../images/sub/sp_process.png); background-size: 320px 130px; background-repeat: no-repeat;}

	/* 이미지 리스트 */
	.prog_area .img_list {margin-bottom: 40px; overflow: hidden;}
	.prog_area .img_list img {width: auto; display: block;}
	.prog_area .img_list [class^="prog_img"] {float: left; width: calc(100% / 2 - 10px); max-height: 350px; margin-right: 20px;}
	.prog_area .img_list [class^="prog_img"]:last-child {margin-right: 0;}

	/* 정보관 방문예약 - 이용방법 */
	.prog_sec .info_area .info_process { background-color: #f3f3f3; border-radius:150px; padding:4% 10%; margin-bottom:20px; }
	.prog_sec .info_area .info_process:after { content:''; display:block; clear:both; }
	.prog_sec .info_area .info_process li { float:left; width:25%; text-align:center; position:relative; box-sizing:border-box; }
	.prog_sec .info_area .info_process .process_txt01 { font-size:17px; color:#0078d7; font-weight:500; }
	.prog_sec .info_area .info_process .process_txt01:after { content:''; display:block; height:9px; width:87px; background-position: -146px -91px; position:absolute; top:27px; right:-45px;}

	.prog_sec .info_area .info_process .process_txt01:before { content:''; display:block; width: 64px; height:64px; margin: 0 auto 7px;}
	.prog_sec .info_area .info_process .process01:before { background-position: 0px 0px; }
	.prog_sec .info_area .info_process .process02:before { background-position: -128px 0px; }
	.prog_sec .info_area .info_process .process03:before { background-position: 0px -66px; }
	.prog_sec .info_area .info_process .process04:before { background-position: -64px -66px; }
	.prog_sec .info_area .info_process .process04:after  {content: none;}

	.prog_sec .info_area .info_process .process_txt02 { color:#444; line-height: 22px;}

	/* 대관안내 - 대관방법 및 순서 */
	.prog_sec .info_area .info_process02 { background-color: #f3f3f3; border-radius:150px; padding:5% 8%; margin:20px 0 30px; }
	.prog_sec .info_area .info_process02:after { content:''; display:block; clear:both; }
	.prog_sec .info_area .info_process02 li { float:left; width:20%; text-align:center; position:relative; box-sizing:border-box; }
	.prog_sec .info_area .info_process02 .process_txt01 { font-size:17px; color:#0078d7; font-weight:500; }
	.prog_sec .info_area .info_process02 .process_txt01:after { content:''; display:block; height:9px; width:50px; background-position: -183px -91px; position:absolute; top:27px; right:-25px;}

	.prog_sec .info_area .info_process02 .process_txt01:before { content:''; display:block; width: 64px; height:64px; margin: 0 auto 7px;}
	.prog_sec .info_area .info_process02 .process01:before { background-position: 0px 0px; }
	.prog_sec .info_area .info_process02 .process02:before { background-position: -64px 0px; }
	.prog_sec .info_area .info_process02 .process03:before { background-position: -128px 0px; }
	.prog_sec .info_area .info_process02 .process04:before { background-position: -192px 0px; }
	.prog_sec .info_area .info_process02 .process05:before { background-position: -256px 0px; }
	.prog_sec .info_area .info_process02 .process05:after  {content: none;}

	.prog_sec .info_area .info_process02 .process_txt02 { color:#444; line-height: 22px;}

	/* 오시는길 */
	.prog_sec .info_area .map {position:relative; width: 100%; height: 420px;}
	.prog_sec .info_area .map_txt { position:absolute; box-sizing:border-box; bottom:0; width:100%; background-color:rgba(0,0,0,0.7); color:#fff; padding:10px 20px; font-size:14px; }
	.prog_sec .info_area .location h4 { font-size:17px; color:#0078d7; font-weight:500; margin:35px 0 10px; }
	.prog_sec .info_area .location .location_tit { font-size:16px; color:#121212; font-weight:400; }
	.prog_sec .info_area .location .location_detail { margin-bottom:8px; }

	/* 방문예약 등록 */
	.prog_sec.visit h3 {width: 100%; margin-bottom: 15px;}
	.prog_sec.visit .info_area {width: 100%;}
	.prog_sec.visit .info_area .impt_w {position: absolute; right: 0; top: -34px;}


/* ================================
	마이페이지 > 나의 태그
================================ */
.myp_tag_area .my_tag_list {border: 1px solid #d7d7d7; background: #eff1f3; text-align: center; padding: 4% 11%;}
.myp_tag_area .my_tag_list .ic_info {display: inline-block; padding-left: 25px; position: relative; margin-bottom: 15px; font-size: 19px; color: #5f6469; letter-spacing: -0.06em;}
.myp_tag_area .my_tag_list .ic_info:before {content: ''; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background: url('../images/sub/ic_info02.png') no-repeat;}
.myp_tag_area .my_tag_list ul li {display: inline-block; border: 1px solid #0078d7; background: #fff; padding: 5px 15px 7px; border-radius: 25px; box-sizing: border-box; margin: 2px 2px;}
.myp_tag_area .my_tag_list ul li span {color: #0078d7; font-weight: 300; font-size: 16px;}

.myp_tag_area .recom_tag_list .box01 {text-align: center; margin: 45px 0 30px;}
.myp_tag_area .recom_tag_list .box01 strong {font-weight: 500; font-size: 28px; color: #121212; display: block; margin-bottom: 5px;}
.myp_tag_area .recom_tag_list .box01 .ic_info {display: inline-block; position: relative; font-size: 15px; letter-spacing: -0.02em; font-weight: 300;}
.myp_tag_area .recom_tag_list .box01 .ic_info:before {content: ''; display: inline-block; vertical-align: -2px; margin-right: 5px; width: 16px; height: 16px; background: url('../images/sub/ic_info02.png') no-repeat; background-size: 100%;}

.myp_tag_area .recom_tag_list .recom_tag {position: relative; overflow: hidden; border-bottom: 1px solid #e1e1e1; width: 100%;}
.myp_tag_area .recom_tag_list .recom_tag dl {float: left; width: 20%; border-right: 1px solid #e1e1e1; box-sizing: border-box;}
.myp_tag_area .recom_tag_list .recom_tag dl:first-child {border-left: 1px solid #e1e1e1;}
.myp_tag_area .recom_tag_list .recom_tag dt {background: #0078d7; color: #fff; font-size: 18px; font-weight: 500; padding: 14px 0; letter-spacing: -0.06em; text-align: center; border-right: 1px solid #99c9ef; margin-right: -1px;}
.myp_tag_area .recom_tag_list .recom_tag dl:first-child dt {margin-left: -1px;}
.myp_tag_area .recom_tag_list .recom_tag dl:last-child dt {border-right-color: #0078d7;}
.myp_tag_area .recom_tag_list .recom_tag dd {height: 595px; overflow-y: auto;}
.myp_tag_area .recom_tag_list .recom_tag dd li a {display: block; padding: 10px 15px;}
.myp_tag_area .recom_tag_list .recom_tag dd li a:hover, /* .myp_tag_area .recom_tag_list .recom_tag dd li a:focus, */ .myp_tag_area .recom_tag_list .recom_tag dd li a.selected {background: #e2eef8;}
.myp_tag_area .recom_tag_list .recom_tag dd li a span:not(.hidden) {color: #202020; font-size: 15px; font-weight: 300; position: relative; padding-left: 25px; word-break: keep-all; word-wrap: break-word; display: block;}
.myp_tag_area .recom_tag_list .recom_tag dd li a span:not(.hidden):before {content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background: url('../images/sub/ic_list.png') no-repeat; background-size: 100%;}
.myp_tag_area .recom_tag_list .recom_tag dd li a.selected span:before {background-image: url('../images/sub/ic_list_selected.png');}

.myp_tag_area .btn_box {text-align: center; margin-top: 40px;}
.myp_tag_area .btn_set {display: inline-block; vertical-align: middle; background: #000; color: #fff; font-size: 21px; font-weight: 500; padding: 17px 15px; min-width: 230px; box-sizing: border-box;}
.myp_tag_area .btn_set:focus-visible {outline-color: #0078d7;}

/* ================================
	마이페이지 > 나의 다운로드 자료
================================ */
.myp_download .file_area {display: block; border-top: 0; background: transparent; padding: 0;}
.myp_download .txt01 {margin-top: 7px; position: relative; padding-left: 22px; font-size: 13px;}
.myp_download .txt01:before {content: ''; position: absolute; top: 3px; left: 1px; width: 15px; height: 15px; background: url('../images/sub/ic_prohibit.png') no-repeat; background-size: 100%;}
.myp_download .txt01 .txtblue {margin-left: 3px; display: inline-block;}
.myp_download .board_list_txt02 .info_area {position: relative;}
.myp_download .board_list_txt02 .tit_box a {padding-right: 250px; margin-bottom: 0; font-size: 21px;}
.myp_download .dsc_box {position: absolute; right: 20px; top: 32px;}
.myp_download .dsc_box li {color: #555; font-weight: 400; font-size: 13px;}
.myp_download .btn_help {display: inline-block; box-sizing: border-box; width: 55px; height: 24px; line-height: 22px; color: #fff; font-size: 12px; letter-spacing: -0.02em; text-align: center; background: #0078d7;}

/* ================================
	마이페이지 > 홈
================================ */
.myp_home_area .my_tag_no_list {text-align: center; border: 1px solid rgba(204, 204, 204, 0.4); background: url('../images/sub/box_shape02.png') no-repeat #f9fbfe center right; padding: 40px 40px 50px;}
.myp_home_area .my_tag_no_list .txt01 {font-weight: 100; font-size: 34px; color: #1e2027;}
.myp_home_area .my_tag_no_list .txt01 b {font-weight: 500;}
.myp_home_area .my_tag_no_list .txt02 {font-size: 16px; color: #6b7384; margin-bottom: 20px;}
.myp_home_area .my_tag_no_list .btn {display: inline-block; vertical-align: middle; background: #0b253e; color: #fff; font-size: 18px; min-width: 250px; padding: 15px; box-sizing: border-box;}
.myp_home_area .my_tag_no_list .btn span {background: url('../images/sub/ic_shortcut_w.png') no-repeat right 8px; padding-right: 15px;}

.myp_home_area .my_tag_list {margin-bottom: 40px;}
.myp_home_area .my_tag_list .box01 {border: 1px solid rgba(204, 204, 204, 0.4); background: url('../images/sub/box_shape03.png') no-repeat #f9fbfe right bottom; padding: 35px 40px 40px 50px; margin-bottom: 35px; position: relative;}
.myp_home_area .my_tag_list .box01 .txt01 {font-weight: 100; font-size: 24px; color: #1e2027; margin-bottom: 5px;}
.myp_home_area .my_tag_list .box01 .txt02 {font-weight: 300; font-size: 16px; color: #888;}
.myp_home_area .my_tag_list .box01 a {display: inline-block; vertical-align: middle; background: #0b253e; padding: 10px 20px 11px; position: absolute; right: 40px; bottom: 40px;}
.myp_home_area .my_tag_list .box01 a span {color: #fff; font-weight: 500; font-size: 15px; letter-spacing: -0.02em; background: url('../images/sub/ic_shortcut_w.png') no-repeat right 5px; padding-right: 15px;}

.myp_home_area .my_tag_list .box02 {background: #eff1f3; padding: 10px 20px; box-sizing: border-box; position: relative; margin-bottom: 25px; min-height: 62px;}
.myp_home_area .my_tag_list .box02 .ic_info {position: absolute; top: 18px; left: 20px; padding-left: 24px; font-size: 17px; color: #121212; letter-spacing: -0.06em;}
.myp_home_area .my_tag_list .box02 .ic_info:before {content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; background: url('../images/sub/ic_info02.png') no-repeat; background-size: 100%;}
.myp_home_area .my_tag_list .box02 ul {display: inline-block; padding-left: 100px; box-sizing: border-box;}
.myp_home_area .my_tag_list .box02 ul li {display: inline-block; border: 1px solid #0078d7; background: #fff; padding: 5px 15px 7px; border-radius: 25px; box-sizing: border-box; margin: 2px 2px;}
.myp_home_area .my_tag_list .box02 ul li span {color: #0078d7; font-weight: 300; font-size: 16px;}

.myp_home_area .my_tag_list .box03 {text-align: center;}
.myp_home_area .my_tag_list .box03 a {display: inline-block; vertical-align: middle; background: #0078d7; min-width: 260px; padding: 12px 10px 13px; box-sizing: border-box;}
.myp_home_area .my_tag_list .box03 a span {font-size: 18px; font-weight: 500; color: #fff; background: url('../images/sub/ic_shortcut_w.png') no-repeat right 8px; padding-right: 15px;}

/* ================================
	교육콘텐츠자료실 & 연구자료실
================================ */
.data_info_box {width: 100%; border: 1px solid #e7e8ea; background: #f9fbfe; box-sizing: border-box; margin-top: 50px; display: table;}
	.data_info_box .box {padding: 40px 0; text-align: center; word-break: keep-all;}
	.data_info_box .txt01 {font-weight: 100; font-size: 25px; color: #1e2027; line-height: 100%;}
	.data_info_box .txt01 span {position: relative; padding-left: 32px;}
	.data_info_box .txt01 span:before {content: ''; position: absolute; left: 0; top: 7px; width: 25px; height: 25px; background: url('../images/sub/ic_info04.png') no-repeat; background-size: 100%;}
	.data_info_box .txt02 {font-size: 17px; color: #1e2027; margin: 10px 0 25px;}
	.data_info_box .txt02 b {font-weight: 500; color: #0078d7;}
	.data_info_box .btn {display: inline-block; vertical-align: middle; background: #0078d7; color: #fff; font-size: 15px; font-weight: 500; line-height: 100%; min-width: 200px; padding: 16px 10px 17px; box-sizing: border-box; box-shadow: 0px 7px 11px 0 rgba(0, 0, 0, 0.2);}
	.data_info_box .btn span {position: relative; padding-right: 15px;}
	.data_info_box .btn span:after {content: ''; position: absolute; right: 0; top: 6px; width: 7px; height: 12px; background: url('../images/main/ic_shortcut_w.png') no-repeat;}

	/* 요청내역 : 발행연도 UI 변경, 작업일자 : 2021-12-03, 작업자 : 최수진 */
	@media screen and (min-width:1025px){
		#cata_list_year {position: relative; z-index: 5;}
		#cata_list_year .selectedYearTip {display: inline-block; padding: 0 7px;}
		#cata_list_year .list_year {position: relative; display: inline-block; vertical-align: middle; width: 180px; border-bottom: 0; padding: 0; background: none;}
		#cata_list_year .selectedYear {display: block; position: relative; padding: 5px 30px 6px 10px; border: 1px solid #ccc; box-sizing: border-box; background-color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
		#cata_list_year .selectedYear:after {content: ""; position: absolute; right: 10px;; top: 50%; margin-top: -2px; width: 9px; height: 5px; background: url(../images/sub/ic_more.png) no-repeat;}
		#cata_list_year.on .selectedYear:after {transform: rotate(180deg)}
		#cata_list_year .selectedYear > span:after {content: ","; display: inline-block; margin-right: 5px;}
		#cata_list_year .selectedYear > span:last-child:after {content: none;}
		#cata_list_year ul {position: absolute; z-index: 5; width: 100%; border: 1px solid #ccc; border-top: 0; background-color: #fff; max-height: 225px; overflow: auto; box-sizing: border-box; visibility: hidden; opacity: 0;}
		#cata_list_year ul li {display: block; padding: 0;}
		#cata_list_year ul li.selected_li + li > a {border-top: 0;}
		#cata_list_year ul li:not(.selected_li) + li.selected_li a {border-top: 1px solid #0078d7;}
		#cata_list_year ul li > a {display: block; padding: 5px 10px 6px; border-top: 1px solid #ebebeb;}
		#cata_list_year ul li > a.selected {border-color: #0078d7;}
		#cata_list_year.on ul {visibility: visible; opacity: 1;}
		#cata_list_year .mCSB_inside>.mCSB_container {margin-right: 9px;}
	}

/* ================================
	사이트맵
================================ */
.sitemap_area > ul {position: relative; overflow: hidden;}
.sitemap_area > ul > li {float: left; width: calc((100% - 240px) /4); margin-right: 80px; padding-bottom: 60px;}
.sitemap_area > ul > li:nth-child(4n+4) {margin-right: 0;}
.sitemap_area > ul > li:nth-child(4n+4) + li {clear: both;}
.sitemap_area h3 {padding-bottom: 10px; border-bottom: 3px solid #0078d7; box-sizing: border-box;}
.sitemap_area h3 span {display: block; color: #000; font-size: 20px; letter-spacing: -0.06em; font-weight: 500; position: relative; padding-right: 10px;}
.sitemap_area > ul > li > div > ul {padding: 5px 2px;}
.sitemap_area > ul > li > div > ul > li {margin: 13px 0;}
.sitemap_area > ul > li > div > ul > li a {color: #333; font-size: 15px; transition: all .1s linear;}
.sitemap_area > ul > li > div > ul > li a:before {content: ''; display: inline-block; background: #585858; width: 3px; height: 3px; margin-right: 5px; vertical-align: middle;}
.sitemap_area > ul > li > div > ul > li a:hover, .sitemap_area > ul > li > div > ul > li a:focus {padding-left: 5px; color: #0078d7;}
.sitemap_area > ul > li > div > ul > li a:hover:before, .sitemap_area > ul > li > div > ul > li a:focus:before {background: #0078d7;}


/* ================================
	컨텐츠 준비중 & 에러메세지
=============================== */
.pre_contents { position:relative; background:#fbfcfe; padding:150px 40px; box-sizing:border-box; border:1px solid #e9eaed; text-align:center;}
	.pre_contents .cont_t { display:inline-block; height:155px; background:url(../images/sub/img_contents.png) center left no-repeat; text-align:left;}
	.pre_contents .cont_t li { margin-left:190px; font-size:22px; font-weight:100; color:#666; line-height:120%;}
	.pre_contents .cont_t .tit { color:#222326; font-size:46px; letter-spacing:-4px; font-weight:100; margin-top:32px; line-height:100%; margin-bottom:13px;}
	.pre_contents .cont_t .tit strong { font-weight:400;}

	.ic_error {background-image: url('../images/sub/icon_error.png'); background-repeat: no-repeat; background-position: center;}
	.lg_circle {background-color: #707b87; display: inline-block; width: 150px; height: 150px; text-align: center; text-indent: -9999px; border-radius: 100%;}

	.errorMsg_wrap .btn_area {text-align: center;}
	.errorMsg {font-size: 21px; margin-top: 22px; line-height: 1.9em; font-weight: 300;}
	.errorMsg strong {color: #121212; font-size: 30px; display: block; font-weight: 400;}

	/* 2021-07-12 추가(등록 완료 시 메시지) */
	.pre_contents.successMsg_wrap {padding: 70px; word-break: keep-all; word-wrap: break-word;}
	.successMsg {font-size: 21px; line-height: 1.9em; font-weight: 100;}
	.successMsg > strong {display: inline-block; color: #121212; font-size: 30px; font-weight: 400; line-height: 1.25; margin-bottom: 12px;}
	.successMsg > strong:before {content: ''; display: inline-block; vertical-align: -7px; width: 34px; height: 34px; margin-right: 10px; background: url(../../images/sub/ic_list_selected.png) no-repeat 50%;}
	.successMsg > span {display: block;}
	.successMsg_wrap .btn_area {text-align: center;}


/* ================================
	아르떼 라이브러리 소개
=============================== */
.bank_info {}
	.bank_info .info_txt {line-height: 40px; font-size: 20px; letter-spacing: -0.1em; font-weight: 300; color: #434244;}
	.bank_info .info_txt b {font-weight: 500; color: #070707;}
	.bank_info .count_area {padding: 70px 0;}
	.bank_info .count_tit {font-size: 20px; letter-spacing: -0.075em; font-weight: 400; color: #282828; text-align: center;}
	.bank_info .count_area .sub {display: block; margin: 5px 0 10px; font-size: 13px; letter-spacing: -0.05em; color: #696767; text-align: right;}
	.bank_info .count_box {padding: 15px 0; background: #0078d7; box-sizing: border-box; color: #fff; overflow: hidden; text-align: center;}
	.bank_info .count_box li {position: relative; float: left; width: calc(100% / 5); padding: 32px 0;}
	.bank_info .count_box li:before {content: ''; position: absolute; top:0; right: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3);}
	.bank_info .count_box li:last-child:before {content: none;}
	.bank_info .count_box .tit {display: block; font-size: 22px; letter-spacing: -0.1em; font-weight: 500;}
	.bank_info .count_box .count {font-weight: 600; font-size: 24px; letter-spacing: 0;}
	.bank_info .count_box .alpha {display: inline-block; vertical-align: middle; margin-left: 5px; width: 28px; height: 17px; text-indent: -9999px; background: url(../images/2021/ic_alpha_w.png) no-repeat;}
		.bank_info .count_box .tit:after {content: ''; display: block; margin: 25px auto; width: 90px; height: 70px; background-repeat: no-repeat; background-position: center;}
		.bank_info .data01 .tit:after {background-image: url('../images/sub/bank_ico01.png');}
		.bank_info .data02 .tit:after {background-image: url('../images/sub/bank_ico02.png');}
		.bank_info .data03 .tit:after {background-image: url('../images/sub/bank_ico03.png');}
		.bank_info .data04 .tit:after {background-image: url('../images/sub/bank_ico04.png');}
		.bank_info .data05 .tit:after {background-image: url('../images/sub/bank_ico05.png');}
		.bank_info .data06 .tit:after {background-image: url('../images/sub/bank_ico06.png');}
	.bank_info .txt_box {padding: 70px 0 40px; border-bottom: 1px solid #8c8c8c;}
	.bank_info .txt_box:last-child {border-bottom: none;}
	.bank_info .txt_box .tit {font-size: 30px; letter-spacing: -0.075em; color: #434244; font-weight: 500; text-align: center;}
	.bank_info .txt_box .tit span {display: inline-block; vertical-align: 2px; margin-right: 10px; font-size: 20px; letter-spacing: -0.04em; color: #fff; font-weight: 300; background: #0078d7; padding: 5px 15px; border-radius: 25px;}
	.bank_info .txt_box .sub_txt {font-size: 20px; line-height: 35px; color: #282828; font-weight: 300; text-align: center; padding-top: 50px;}
	.bank_info .data_txt {padding-top: 80px;}
	.bank_info .txt02 .prog_sec {margin-bottom: 15px;}
	.bank_info .prog_sec .prog_tit {color: #0078d7; font-size: 17px; font-weight: 500; padding-top: 15px;}
	.bank_info .prog_sec .prog_tit:first-child {padding-top: 0;}
	.bank_info .txtblue {color: #0078d7;}
	.bank_info .btn01 {display: inline-block; border: 1px solid #0078d7; min-width: 205px; height: 40px; line-height: 35px; padding: 0 20px; box-sizing: border-box; text-align: center;}
	.bank_info .btn01 span {color: #000; font-size: 14px; position: relative; padding-right: 15px;}
	.bank_info .btn01 span:after {content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; margin-top: -4px; background: url('../images/sub/ic_shortcut_bl.png') no-repeat; background-size: 100%;}


/* ================================
	저작권 안내
=============================== */
.right_info {}
	.right_info > div {margin-bottom: 40px; word-break: keep-all; word-wrap: break-word;}
	.right_info > div .txt01 {display: block; font-weight: 500; color: #000; font-size: 20px; margin-bottom: 10px;}
	.right_info > div .txt02 {font-weight: 300; letter-spacing: 0; line-height: 26px;}

	.right_info .kogl_box01 > ul {position: relative; overflow: hidden; margin: 20px 0 40px;}
	.right_info .kogl_box01 > ul > li {float: left; width: 25%; letter-spacing: -0.02em; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; box-sizing: border-box;}
	.right_info .kogl_box01 > ul > li:first-child {border-left: 0;}
	.right_info .kogl_box01 dt {background: #0078d7; color: #fff; font-size: 16px; text-align: center; padding: 15px 0 16px;}
	.right_info .kogl_box01 dd {background: #fff; padding: 35px 20px; text-align: center; box-sizing: border-box;}
	.right_info .kogl_box01 dd p {margin-top: 12px; font-size: 15px; font-weight: 300; letter-spacing: 0; line-height: 160%;}

	.right_info .kogl_box02 {margin-bottom: 70px;}
	.right_info .kogl_box02 .txt02 {margin-bottom: 15px;}
	.right_info .ex_box {border: 1px solid #dedede; margin-bottom: 10px; box-sizing: border-box; padding: 40px 55px; word-break: keep-all; word-wrap: break-word; letter-spacing: 0;}
	.right_info .ex_box strong {font-weight: 500; color: #000; display: block; margin-bottom: 20px;}
	.right_info .ex_box .t01 {font-weight: 300; color: #000; font-size: 15px;}
	.right_info .ex_box .t02 {font-weight: 300; font-size: 14px; margin-top: 12px;}
	.right_info .ex_box .t02:before {content: '*'; display: inline-block; vertical-align: -4px; margin-right: 3px;}

	.right_info .con03 .txt02 b {font-weight: 400; font-size: 16px; color: #121212;}
	.right_info .con03 ul {font-size: 15px; margin-top: 12px;}
	.right_info .con03 ul li {margin-bottom: 10px; font-weight: 300;}

	.right_info .con04 .txt02 {margin-bottom: 10px;}
	.right_info .con04 .txt02 b {font-weight: 400; color: #000;}
	.right_info .con04 .btn01 {display: inline-block; border: 1px solid #0078d7; height: 40px; line-height: 35px; padding: 0 20px; box-sizing: border-box; text-align: center; margin-right: 5px;}
	.right_info .con04 .btn01 span {color: #000; font-size: 14px; position: relative; padding-right: 15px;}
	.right_info .con04 .btn01 span:after {content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; margin-top: -4px; background: url('../images/sub/ic_shortcut_bl.png') no-repeat; background-size: 100%;}

/* ================================
	이용팁
=============================== */
	.np1-v1{font-size:25px;font-weight:400;color:#000;padding-bottom:35px;line-height: 40px;border-bottom:2px solid #000;text-align:center;}
	.np1-v1 strong{font-weight:700;color:#0078d7;}
	.np1-v2{text-align:center;margin-top:60px;margin-bottom:50px;}
	.np1-v2 .num{display:inline-block;background:url(../images/sub/number.gif) no-repeat center top;width:65px;height:75px;line-height:75px;font-size:22px;font-weight:900;color:#0078d7;}
	.np1-v2 .tit{font-size:35px;font-weight:500;color:#000;}
	.np1-v2 .tit span{color:#0078d7;}
	.np1-ul{margin-top:20px;}
	.np1-ul > li{margin:5px 0;padding-left:12px;font-size:16px;font-weight:400;color:#000; position: relative;}
	.np1-ul > li:before {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background-color: #000; border-radius: 100%;}
	.np1-btn{margin-top:20px;}
	.np1-btn a{display:inline-block;padding:0 40px 0 20px;height:50px;line-height:50px;font-size:16px;font-weight:400;color:#ffffff;background:#0078d7 url(../images/sub/btn_icon.gif) no-repeat 90% center;}

	@media screen and (max-width:1024px){
		.np1-v1{font-size:20px;line-height:25px;}
		.np1-v1 br{display:none;}
		.np1-v2 .tit{font-size:20px;margin-top: 10px;}
		.np1-btn a{margin:1px 0;}
		.np1-img img{max-width:100%; width: auto; height: auto;}
	}

/* ================================
	slide tab
================================ */
@media screen and (min-width:1025px){
	.slide_tab_wrap {max-width: 1400px; margin: 0 auto; margin-top: -33px; height: 65px}
	.slide_tab_wrap + .sub_contents_area {padding-top: 0}
	.slide_tab_wrap .selected {display:none}
	.slide_tab {background: #f7f7f7; box-shadow: 4px 6px 11px 0px rgba(0, 0, 0, 0.18); box-sizing: border-box;}
	.slide_tab a {display: block; height: 65px; line-height: 65px; border-left: 1px solid #e1e1e1; color: rgba(0, 0, 0, 0.6); font-size: 18px; font-weight: 500; letter-spacing: -0.04em; word-break: keep-all; text-align: center}
	.slide_tab a.on, .slide_tab a:hover, .slide_tab a:focus {background: #0c263b; color: #fff; border-left: 0;}
	.slide_tab .owl-nav button.disabled {display: none}
	.slide_tab .owl-nav button {position: absolute; top: 50%; margin-top: -21px; width: 42px; height: 42px; text-indent: -9999px}
	.slide_tab.owl-carousel .owl-nav button.owl-next {right: -21px; background: url(../images/sub/slider_btn_next.png) no-repeat}
	.slide_tab.owl-carousel .owl-nav button.owl-prev {left: -21px; background: url(../images/sub/slider_btn_prev.png) no-repeat}

	.search_result_box .tab li {border-right: none; width: calc(100% / 6);}
	/* .search_result_box .tab li:nth-child(2), .search_result_box .tab li:nth-child(3) {width: calc((100% / 7) - 15px);}
	.search_result_box .tab li:nth-child(4) {width: calc((100% / 7) + 30px);} */

}

/* ================================
	K-Scholar 조회
================================ */
#popup_kslist .pop_content {max-height: 100%}
#popup_kslist .user_info {margin-bottom: 40px}
#popup_kslist .user_info:after {content: ""; display: block; clear: both}
#popup_kslist .user_info > div {float: left; width: calc((100% - 20px) / 2); height: 375px; border: 1px solid #9b9b9b; box-sizing: border-box}
#popup_kslist .user_info .info {margin-right: 20px; background: #f7f7f7; padding: 25px 25px 0}
#popup_kslist .user_info .info dl {margin-bottom: 35px}
#popup_kslist .user_info .info dt {margin-bottom: 5px; font-weight: 500; color: #222}
#popup_kslist .form_table {word-break:break-all; width:100%; border:1px solid #c2c2c2; font-size:14px; font-weight: 300}
#popup_kslist .form_table th {padding:5px 6px 5px 10px; border-bottom:1px solid #c2c2c2; border-right: 1px solid #c3c3c3; background: #adadad; color:#fff; text-align:left;}
#popup_kslist .form_table td {padding:5px 6px 5px 10px; border-bottom: 1px solid #c2c2c2; background: #fff}

#popup_kslist .tab_area {margin-bottom: 10px}
.tab_area ul li a .count, .tab_area2 ul li a .count {display: inline-block; vertical-align: 1px; padding:3px 8px 4px; margin-left: 5px; line-height:100%; background: #0078d7; color:#fff; font-size:12px; border-radius: 10px;}
.tab_area ul li.on a .count, .tab_area ul li a:hover .count, .tab_area2 ul li.on a .count, .tab_area2 ul li a:hover .count  {background: #fff; color: #0078d7;}
.board_list_txt03 > ul > li {border-bottom: 1px solid #dedede; padding: 17px 0;}
.board_list_txt03 .tit_box {margin-bottom: 6px}
.board_list_txt03 .tit_box .tit {font-size: 15px; max-width: 100%; max-height: 45px; overflow: hidden; margin-bottom: 0; vertical-align: middle}
#popup_kslist .paging {margin-top: 25px; margin-bottom: 15px}

/* ================================
	교육활용 콘텐츠 이미지 메뉴
================================ */
.tit_b {font-size: 32px; line-height: 34px; letter-spacing: -0.08em; color: #222; text-align: center; }
.tit_b + .sub_txt {display: block; font-size: 16px; line-height: 34px; letter-spacing: -0.08em; color: #333; text-align: center; margin-bottom: 40px; font-weight: 100;}
.menu_list {font-size: 0;}
.menu_list:after {content:''; display: block; clear: both;}
.menu_list ul {width: 100%; display: inline-block; padding: 42px 0; border-bottom: 1px solid #000;}
.menu_list ul:first-child {padding-top: 0;}
.menu_list ul:last-child {padding-bottom: 0; border: none;}
.menu_list li {float: left; width: 25%;}
.menu_list li a {display: block; width: 283px; min-height: 263px; padding: 36px 10px 0; margin-right: 18px; box-sizing: border-box; font-size: 18px; color: #000; border: 1px solid #c5c5c5; letter-spacing: -0.06em; text-align: center; position: relative;}
.menu_list li:nth-child(4n) a {margin-right: 0;}
.menu_list li .num {position: absolute; left: 20px; top: 12px;}
.menu_list li .tit {font-size: 26px; font-weight: 400; display: block; word-break: keep-all;}
.menu_list li .new {display: inline-block; text-indent: -1px; vertical-align: 5px; width: 24px; height: 24px; background: #f11336; color: #fff; font-size: 14px; margin-left: 6px; border-radius: 50%; line-height: 22px; font-weight: 500;}
.menu_list li a:after {content: ''; display: block; margin: 20px auto; width: 130px; height: 130px; background: url(../images/sub/ic_menu01.png) no-repeat; transition: transform 0.15s ease-in-out;}
.menu_list li.menu02 a:after {background-position: 0 -140px;}
.menu_list li.menu03 a:after {background-position: 0 -280px;}
.menu_list li.menu04 a:after {background-position: 0 -420px;}
.menu_list li.menu05 a:after {background-position: -140px 0;}
.menu_list li.menu06 a:after {background-position: -140px -140px;}
.menu_list li.menu07 a:after {background-position: -140px -280px;}
.menu_list li.menu08 a:after {background-position: -281px 0;}
.menu_list li.menu09 a:after {background-position: -281px -140px;}
.menu_list li.menu10 a:after {background-position: -281px -280px;}
.menu_list li.menu11 a:after {background-position: -281px -420px;}
.menu_list li.menu12 a:after {background-position: -420px 0;}
.menu_list li.menu13 a:after {background-position: -420px -140px;}
.menu_list li.menu14 a:after {background-position: -420px -280px;}
.menu_list li.menu15 a:after {background-position: -420px -420px;}
.menu_list li.menu16 a:after {background-position: -140px -420px;}
.menu_list li a:hover:after, .menu_list li a:focus:after {transform: rotateY(90deg);}
.menu_list .menu_back_txt {padding-top: 45px; width: 130px; height: 130px; font-size: 26px; position: absolute; left: 50%; margin-left: -65px; bottom: 37px; box-sizing: border-box; font-weight: 500; color: #fff; border-radius: 50%; transform: rotateY(90deg);}
.menu_list .menu_back_txt.color1 {background: #0078d7;}
.menu_list .menu_back_txt.color2 {background: #3cb1ae;}
.menu_list .menu_back_txt.color3 {background: #717ac8;}
.menu_list .menu_back_txt.color4 {background: #834b95;}
.menu_list .menu_back_txt.color5 {background: #87b154;}
.menu_list .menu_back_txt.color6 {background: #fdd540;}
.menu_list li a:hover .menu_back_txt, .menu_list li a:focus .menu_back_txt {display: block; transition: transform 0.15s ease-in-out 0.15s; transform: rotateY(0deg);}

/* ================================
	front_board.css
=============================== */

	/* ================================
		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: 14px; 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: #cfcfcf; width: 1px; height: 11px; position: absolute; right: 0; top: 50%; margin-top: -5px;}
	.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 a.active span, .filter_area .list_area a:hover span, .filter_area .list_area a:focus span {color: #000;}
	.filter_area .list_area {position: absolute; right: 0;}
	.filter_area .list_area a:after {content: ''; display: inline-block; width: 1px; height: 12px; background: #ccc; margin-left: 8px; vertical-align: middle;}
	.filter_area .list_area a:last-child:after {content: none;}

	.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;}

	.filter_area .btn_type01 {display: inline-block; background: #000; color: #fff; height: 35px; width: 65px; text-align: center; vertical-align: middle; margin-left: 3px;}

		/* 프로그램 아카이브 검색영역 */
		.filter_area .search_area {background: none; padding: 0; margin: 0;}
		.filter_area .search_area .select {color: #333; border: 1px solid #bebebe;}

		@media screen and (min-width: 1025px) {
			.filter_area .search_area .select {height: 43px; min-width: 135px;}
		}

	/* ================================
		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.type02 .srch_area {position: relative;}

		@media screen and (min-width: 1025px) {
			/* 교육자료실 연구자료실 */
			.search_area.type02 .btn_search {background: #0078d7; height:43px; line-height:43px; padding: 0 25px; color: #fff; letter-spacing: -0.06em; position: absolute; top: 0; left: 780px;}
			.search_area.type02 input {margin-right: 80px;}
			.search_area.type02 .btn_help {margin-top: 5px;}
			.search_area.type02 .srch_box {vertical-align: middle;}
		}

		/* 아카이브자료실 상세검색 */
		.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;}

		/* 칼럼PICK 검색영역 style */
		.search_area .select_group {display: inline-block; margin-right: 10px}
		.search_area .select_group + .search_box {display: inline-block}

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

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

		.d_search_btn_box {text-align: right; padding-bottom: 15px;/* 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, .d_search_cate .cate_list > ul > li button {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 > ul > li button {line-height: 1.5em;}
			.d_search_cate .cate_list li a.selected, .d_search_cate .cate_list li button.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_cate .cate_list .inline {display: inline-block;}

			.d_search_cate .more_category {position: relative; transition: all .3s;}
			.d_search_cate .more_category > li > button:after {content: ''; display: inline-block; vertical-align: 3px; width: 7px; height: 5px; background-image: url(../images/sub/btn_more-off.png); margin-left: 6px;}
			.d_search_cate .more_category > li.on > button {color: #0078d7;}
			.d_search_cate .more_category > li.on > button:after {background-image: url(../images/sub/btn_more-on.png);}
			.d_search_cate .more_category > li > ul {display: none; position: absolute; left: 0; top: 0;}
			.d_search_cate .more_category > li > ul > li {padding: 2px; display: inline-block;}
			.d_search_cate .more_category > li.on > ul {display: block;}

			.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;}
		.detail_search .btn_type1:focus-visible {outline-color: #0078d7;}

		.d_search_tip {float: right; font-size: 14px; margin-bottom: 10px; font-weight: 300;}
		.d_search_tip .tip {color: #f93061; font-weight: 500;}
		.d_search_tip .b_txt {color: #0078d7;}

		/* 상세검색 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: 20px; height: 20px; vertical-align: middle; margin-left: 2px;}

		.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;}

		/* 상세검색 type02(select group) */
		.detail_search.type02 {text-align: center; margin-bottom: 35px}
		.detail_search .detail_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;}


	/* ================================
		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 .program .tit_box {margin-bottom: 10px;}
			.board_list_wrap .program .tit_box a {display: inline; vertical-align: -2px; margin-bottom: 0;}
		.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-color: #ccc; width: 1px; height: 11px; position: absolute; right: 0; top: 50%; margin-top: -5px;}
		.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 .txt .txtblue:hover {text-decoration: underline}
		.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; display: block; 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 .thumb_no_size .thumb {background-size: contain}
		.board_list_wrap .thumb_no_size .thumb:after {content: none}

		.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;}

		.info_area .tit_box .sup {display: inline-block; vertical-align: super; line-height: 100%; font-family:Century Gothic; font-size:16px; letter-spacing:0.02em; color:#000; font-weight:700; margin-left:8px; margin-bottom:0}
		.info_area .tit_box .parenthesis{color:#f00; font-size:smaller;}

		.board_list_wrap .section {margin-top: 60px;}
		.board_list_wrap .section_top {border-bottom: 2px solid #000; padding-bottom: 20px;}
		.board_list_wrap .section_tit {font-weight: 500; color: #000; font-size: 22px; margin-bottom: 5px;}
		.board_list_wrap .section_tit .count {color: #0078d7;}
		.board_list_wrap .section_info {font-size: 16px; padding-left: 1px;}
		.board_list_wrap .section .nolist {padding: 12px 0 13px; text-align: center; font-weight: 300; letter-spacing: -0.02em;}
		.board_list_wrap .section .board_list_video .nolist {margin-top: 0; border-bottom: 1px solid #dedede}

			/* 타이틀 내 태그 리스트 */
			.tit_box .tag_list {display: inline-block; margin: 0 8px 0 25px;}
			.tit_box .tag_list li {display: inline-block; font-size: 14px; color: #0078d7; letter-spacing: -0.02em; background: #d9e8f4; border-radius: 25px; padding: 5px 10px;}


		/* 리스트형 */
		.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_txt .tit_box a[target="_blank"] {position: relative}
		.board_list_txt .tit_box a[target="_blank"]:after {content: ''; display: inline-block; margin-left: 10px; width: 18px; height: 18px; background: url('../images/sub/ic_new_link.png')}

		.board_list_txt02 .data_area {background: #fafafa; padding: 3% 20px; border-top: 1px solid #dedede;}
		.board_list_txt02 .data_area .tit_box {display: inline-block; vertical-align: top; margin-bottom: 10px; font-size: 23px; color: #121212; font-weight: 500; letter-spacing: -0.04em;}
		.board_list_wrap .board_list_txt02 .data_area .txtblue:hover {text-decoration: none;}

		/* 자료실 썸네일 추가 영역 */
		.board_list_txt02.type02 > ul > li {box-sizing: border-box; padding: 3% 0 0;}
		.board_list_txt02.type02 > ul > li.nolist {padding: 1% 0;}
		.board_list_txt02.type02 .thumb_area {display: table-cell; vertical-align: top; cursor: pointer; position: relative; width: 130px; height: 189px;}
		.board_list_txt02.type02 .thumb_area > a {display: block; width: 100%; height: 100%;}
		.board_list_txt02.type02 .thumb {display: block; width: 100%; height: 189px; padding: 10px; box-sizing: border-box;}
		.board_list_txt02.type02 .thumb.no_pd {padding: 0;}
		.board_list_txt02.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-color: #0078d7; z-index: -1;}
		.board_list_txt02.type02 .thumb .thumb_tit {height: 100%; overflow: hidden; padding: 0 10px; border: 1px solid rgba(255, 255, 255, 0.23); box-sizing: border-box;}
		.board_list_txt02.type02 .thumb .thumb_tit.hidden {border: none; padding: 0;}
		.board_list_txt02.type02 .thumb .thumb_tit .tit {display: inline-table; width: 100%; height: 100%; text-align: center; font-size: 17px; font-weight: 500; color: #fff; line-height: 1.38; word-break: break-word;}
		.board_list_txt02.type02 .thumb .thumb_tit .tit > span {display: table-cell; vertical-align: middle;}
		.board_list_txt02.type02 .list_top {padding-bottom: 3%;}
		.board_list_txt02.type02 .info_area {display: table-cell; vertical-align: top; width: calc(100% - 210px); padding-left: 30px; box-sizing: border-box;}

		/* 썸네일형 */
		.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: 118px; position: relative;}
		.board_list_thumb01 .thumb_area > a {display: block; width: 100%; height: 100%;}
		.board_list_thumb01 .thumb {width: 210px; height: 118px;}
		.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; top: 96px; background: rgba(0, 0, 0, 0.6); color: #fff; font-family: 'Dotum', '돋움'; font-size: 12px; padding: 5px 5px; line-height: 100%; letter-spacing: 0;}

		.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 {display: block; 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;}

		/* info 영역에 내용영역이 없는경우(txt_box)  */
		@media screen and (min-width: 1025px) {
			.board_list_thumb01.type03 .info_area {padding-top: 20px}
		}

		/* 썸네일형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:not(.type02) > ul > li:nth-child(4n+4) {margin-right: 0;}
		.board_list_gallery:not(.type02) > ul > li:nth-child(4n+4) + li {clear: both;}
		@media screen and (min-width: 1025px) {
			.board_list_gallery.type02 .thumb_area {height: 240px;}
		}
		@media screen and (min-width: 769px) {
			.board_list_gallery.type02 > ul > li {width: calc((100% - 50px) / 3);}
			.board_list_gallery.type02 > ul > li:nth-child(3n+3) {margin-right: 0;}
		}
		.board_list_gallery > ul > li.nolist {float: none; width: 100%; margin: 0; text-align: center; font-weight: 300; letter-spacing: -0.02em;}

		.board_list_gallery .thumb_area {width: 100%; height: 198px; position: relative;}
	/* 	.board_list_gallery .thumb_area:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sub/img_shape02.png) repeat-x; z-index: 1;} */
		.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 .tit_box.ic_tit_new {position: relative;}

		.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-top: 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 .ic_tit_new {display: inline-block;}
		.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;}

		.board_list_video .video_list ul {position: relative;}  /* 추후 개수 조정 시 삭제 예정 */
		.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: 150px;}
		.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: 55px;}
		.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 {display: block; 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: 81px; box-sizing: border-box;}
		.board_list_video .video_tit span {display: block; max-height: 43px; overflow: hidden;}

		/* le891027 add */
		.board_list_video .photo_thumb {position: relative; overflow: hidden; width: 100%; height: 150px;}
		.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;}*/

		/* 썸네일형03 */
		.board_list_thumb03 > ul:after {content: ''; display: block; clear: both}
		.board_list_thumb03 > ul > li {border-bottom: 1px solid #dedede; padding: 3% 0}
		.board_list_thumb03 .thumb_area {display: table-cell; vertical-align: top}
		.board_list_thumb03 .thumb_area > a {position: relative; display: block; width: 210px; height: 150px; border: 1px solid #d2d0d0; padding: 10px 15px 16px; box-sizing: border-box}
		.board_list_thumb03 .info_area {display: table-cell; vertical-align: top; width: calc(100% - 210px); padding-left: 26px; box-sizing: border-box;}
		.board_list_thumb03 .thumb_area .btn_view {position: absolute; left: 15px; bottom: 16px; background: #000; width: calc(100% - 30px); height: 35px; line-height: 35px; text-align: center;}
		.board_list_thumb03 .thumb_area > a:hover .btn_view, .board_list_thumb03 .thumb_area > a:focus .btn_view {background-color: #0078d7}
		.board_list_thumb03 .thumb_area .btn_view span {color: #fff; font-weight: 500; font-size: 14px; padding-right: 13px; position: relative;}
		.board_list_thumb03 .thumb_area .btn_view span:after {content: ''; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat; position: absolute; right: 0; top: 50%; width: 6px; height: 9px; margin-top: -3px;}
		@media screen and (min-width: 1025px) {
			.board_list_thumb03 .thumb {width: 100%; height: 75px; background-size: contain; background-position: 50% 100%}
			.board_list_thumb03 .txt_box {max-height: 72px; -webkit-line-clamp: 3}
		}

		/* 카드 */
		.board_list_card {border-bottom: 1px solid #dedede; padding: 3% 0 2.5%;}
		.board_list_card > ul {overflow: hidden;}
		.board_list_card > ul > li {float: left; width: calc((100% - 50px) / 3); margin: 15px 25px 15px 0;}
		.board_list_card > ul > li a {display: block; padding: 20px; height: 200px; border: 1px solid #ddd; border-radius: 12px; font-weight: 500; box-sizing: border-box;}
		.board_list_card .tit_area {font-size: 18px; margin: 0 0 12px; height: 80px; color: #121212; overflow: hidden;}
		.board_list_card a:hover, .board_list_card a:focus {border-color: #959595;}
		.board_list_card a:hover .tit_area, .board_list_card a:focus .tit_area {text-decoration: underline; text-underline-position: under;	-ms-text-underline-position: under;}
		.board_list_card .txt_area {font-size: 14px; max-height: 75px; overflow: hidden;}
		.board_list_card .txt_area .name {color: #4b2ec7; margin-bottom: 10px;}
		.board_list_card .txt_area .txt span {display: inline-block; vertical-align: middle; margin-right: 10px;}
		.board_list_card .txt_area .txt.type1 {color: #f47e66;}
		.board_list_card .txt_area .txt.type2 {color: #5bb481;}
		.board_list_card > ul > li.nolist {float: none; width: 100%; margin: 0; text-align: center; font-weight: 300; letter-spacing: -0.02em;}
		@media screen and (min-width: 769px) {
			.board_list_card > ul > li:nth-child(3n+3) {margin-right: 0;}
		}

		/* program_list */
		.program_list > ul {position: relative; overflow: hidden;}
		.program_list > ul:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #bababa;}
		.program_list > ul > li {float: left; position: relative; width: calc((100% / 4) - 30px); margin: 40px 40px 40px 0; border: 1px solid #d0d0d0; box-sizing: border-box; padding: 50px 30px 45px; word-wrap: break-word; word-break: keep-all; text-align: center;}
		.program_list > ul > li.nolist {margin: 0; padding: 1% 0; width: 100%; border-top: none; border-left: none; border-right: none;}
		.program_list .program_tit {font-size: 23px; font-weight: 500; line-height: 24px; color: #252525; height: 48px; word-wrap: break-word; word-break: keep-all; overflow: hidden;}
		.program_list .dsc_box {margin: 30px 0 20px; font-size: 14px; line-height: 20px; text-align: left;}
		.program_list .dsc_box li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.program_list .dsc_box .tit {color: #666;}
		.program_list .dsc_box .txt {color: #121212; margin-left: 5px;}
		.program_list .btn_more {display: inline-block; font-size: 13px; color: #0078d7; border: 1px solid #0078d7; border-radius: 25px; padding: 7px 22px;}
		.program_list .btn_more:hover, .program_list .btn_more:focus {background: #0078d7; color: #fff;}
		@media screen and (min-width: 1025px) {
			.program_list > ul > li:nth-child(4n) {margin-right: 0;}
			.program_list > ul > li:nth-child(4n + 1) {position: relative;}
			.program_list > ul > li:nth-child(4n + 1)::before {content: ''; position: absolute; left: 0; top: -40px; width: 1400px; height: 1px; background: #bababa;}
			.program_list > ul > li:first-child::before {content: none;}
		}

	/* ================================
		첨부파일
	================================ */
		/* 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:not(.keyword) {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;}
		.board_view.program .file_area .btn_file {font-size: 0;}
		.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, .board_list_wrap .data_area {display: none;}
		.board_list_wrap .board_list_thumb02 .file_area {padding-left: 220px;} /* 썸네일 타입일 경우 */

		.file_btn_area .btn_file, .file_btn_area .btn_data {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 + .btn_data {margin-top: 5px;}
		.file_btn_area .btn_file span:after, .file_btn_area .btn_data 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, .file_btn_area .btn_data.open, .file_btn_area .btn_data:hover, .file_btn_area .btn_data:focus {border-color: #959595;}
			.file_btn_area .btn_file.open, .file_btn_area .btn_file:hover, .file_btn_area .btn_file:focus, .file_btn_area .btn_data.open, .file_btn_area .btn_data:hover, .file_btn_area .btn_data:focus {color: #121212;}
			.file_btn_area .btn_file.open span:after, .file_btn_area .btn_data.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, .file_btn_area .btn_data:hover span:after, .file_btn_area .btn_data:focus span:after {border-bottom-color: #000;}

		/* board view */
		.board_view:not(.program) .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 > ul > li > button:not(.fnc_scrap) {display: block; width: 30px; height: 30px; text-indent: -9999px; background-repeat: no-repeat;}

	@media screen and (min-width: 1025px) {
		.fnc_area > ul > li > button:not(.fnc_scrap) {background-image: url(../images/sub/sp_ic_share.png);}

		.fnc_area .fnc_mail {background-position: -30px 0px;}
		.fnc_area .fnc_print {background-position: 0px 0px;}
		.fnc_area .fnc_link {background-position: -60px 0px;}
		.fnc_area .fnc_facebook {background-position: -90px 0px;}
		.fnc_area .fnc_twitter {background-position: -120px 0px;}
		.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: '\2605'; display: inline-block; margin-left: 3px; line-height: 1; font-size: 14px;}

		.board_list_video .video_list {height: 233px; overflow: hidden;}
		.board_list_video .video_list ul {height: 209px; margin: 2px}
	}

	/* ================================
		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;}
	.btn_area [class^="btn_"].bgcolor {background-color:#0078d7;}
	.btn_area .btn_type1:focus {outline-color: #0078d7;}

	/* ================================
		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_tit_gray {display:inline-block; font-size:14px; box-sizing:border-box; padding:5px 9px 6px 7px; background: #888; 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 li[class^="btn_"] {background-image: url(../images/sub/sp_ic_paging.png); background-size: 122px 33px; background-repeat: no-repeat;}
		.paging li[class^="btn_"] a {overflow: hidden; text-indent: -9999px;}
		.paging .btn_first {background-position: 0px 0px; margin-right: 5px;}
		.paging .btn_prev {background-position: -91px 0px; margin-right: 15px;}
		.paging .btn_next {background-position: -62px 0px; margin-left: 8px;}
		.paging .btn_last {background-position: -32px 0px; margin-left: 5px;}

		.sub_contents02 + .paging {margin-top: 70px;}


	/* ================================
		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 .txt .txtblue:hover {text-decoration: underline}
		.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 {display: block; width: 100%; height: 100%;}
		.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:26px; 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: 7px; display: inline-block; font-size: 14px; letter-spacing: -0.02em; line-height: 25px; color:#121212; padding-right: 12px;}
		.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.type02_1 .thumb_area {display: table-cell; vertical-align: top; position: relative; width: 210px; border: 1px solid #d2d0d0; padding: 0 15px; box-sizing: border-box}
		.board_view.type02_1 .thumb {width: 100%; height: 85px; background-size: contain; background-position: center; background-repeat: no-repeat}
		.board_view.type02_1 .thumb_area + .info_area {display: table-cell; vertical-align: middle; padding-left: 40px; box-sizing: border-box;}
		.board_view.type02_1 .title_area .tit_box .tit {margin-right: 10px; vertical-align: middle;}
		.board_view.type02_1 .title_area .tit_box .btn_link {position: relative; display: inline-block; color: #5b5a5a; font-size: 22px; font-weight: 400; padding: 0; margin-left: 0; background: none;}
		.board_view.type02_1 .title_area .tit_box .btn_link .url {margin-right: 8px}
		.board_view.type02_1 .title_area .tit_box .btn_link a {display: inline-block; vertical-align: middle; background: #0078d7; padding: 4px 20px 6px; box-sizing: border-box; line-height: 100%;}
		.board_view.type02_1 .title_area .tit_box .btn_link a span {color: #fff; font-weight: 500; font-size: 14px; vertical-align: top; padding-right: 13px; position: relative;}
		.board_view.type02_1 .title_area .tit_box .btn_link a span:after {content: ''; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat; position: absolute; right: 0; top: 50%; width: 6px; height: 9px; margin-top: -4px}

		.board_view.type02_1 .dsc_area {padding: 2% 3%; font-size: 14px; background: #fafafa; border-bottom: 1px solid #dedede;}
		.board_view.type02_1 .dsc_area .data_tit {margin-bottom: 5px;}
		.board_view.type02_1 .dsc_area .txtblue:hover {text-decoration: none;}

		/* 내용 */
		.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.program .cont_sec {overflow: hidden;}
		.board_view .cont_sec dt {font-size: 20px; font-weight: 500; color: #0078d7; margin-bottom: 15px;}
		.board_view .cont_sec dt .count {font-size: 18px; color: #48494a; letter-spacing: -0.06em; padding-left: 10px; font-weight: 400;}
		.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 .link_area {background: #edeeee; border: 1px solid #dadada; border-top: none; padding: 24px; font-size: 18px; color: #3e3e3e; letter-spacing: -0.05em; text-align: center; font-weight: 400;}
		.board_view .btn_link {margin-left: 50px; padding: 15px 28px; color: #fff; font-size: 15px; background: #0078d7;}
		.board_view .btn_link span::after {content: ''; display: inline-block; width: 7px; height: 12px; background: url('../images/sub/btn_next_w.png') no-repeat center; background-size: cover; margin-left: 10px;}

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

		/* 태그 */
		.board_view .tag_area {position: relative; 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; word-wrap: break-word;}
		.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;}
		/* 2021-07-14 추가 : 연관콘텐츠 */
		.reltaion_data_box .reltaion_data_list li {border-top: 1px solid #d4d4d4; background: #fafafa; padding: 25px 30px;}
		.reltaion_data_box .list_top {position: relative; padding-right: 100px;}
		.reltaion_data_box .btn_open_summary {position: absolute; right: 0; top: 0; height: 100%; color: #333; padding-right: 30px; letter-spacing: -0.02em}
		.reltaion_data_box .btn_open_summary:after {content: ''; position: absolute; width: 9px; height: 5px; right: 8px; top: 50%; margin-top: -3px; background: url(../images/sub/ic_more.png) no-repeat}
		.reltaion_data_box .btn_open_summary.close:after {transform: rotate(180deg)}
		.reltaion_data_box .list_tit {display: block; font-size: 18px; color: #121212; margin-bottom: 12px;}
		.reltaion_data_box .list_tit:hover, .reltaion_data_box .list_tit:focus {text-decoration:underline; -ms-text-underline-position: unset; text-underline-position: under;}
		/*.reltaion_data_box .dsc_box .tit {margin-right: 5px;}*/
		.reltaion_data_box .dsc_box .tit:after {content: ' : '; margin: 0 2px;}
		.reltaion_data_box .dsc_box .txt {color:#121212;}
		.reltaion_data_box .dsc_box .txt .txtblue:hover {text-decoration: underline}
		.reltaion_data_box .dsc_box .bar {display: inline-block; overflow: hidden; width: 0; height: 15px; margin: -1px 7px 1px 7px; border-left: 1px solid #ccc; vertical-align: middle;}
		.reltaion_data_box .reltaion_data_list .txt_box {margin-top: 12px; margin-bottom: 0; max-height: 50px;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; display: 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 .sub_txt {color: #4d4c4c; max-width: 1100px; word-break: keep-all; word-wrap: break-word; margin: 20px auto 0;}

		.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: 70%; 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: 30%; 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: center; 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: 547px; 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; display: inline-block;}
		.board_view_video .video_list .video_thumb {position: relative; width: 170px; height: 96px; /* float: left; */ overflow: hidden; display: inline-block}
		.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;}
		.board_view_video .video_list .video_info {display: inline-block; vertical-align: top; font-size: 15px;/* float: left; */ width: calc(100% - 170px); padding-left: 15px; box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
		.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: 8px;}
		.board_view_video .video_list a {/* position: relative; overflow: hidden; */ font-size: 0; display: inline-block;}
		/* .board_view_video .video_list a:focus {outline: auto;} */
		.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;}

	/* ================================
		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;}

/* ================================
	아르떼 365 CSS
================================ */
.postall_w p {font-weight: 300; color: #696969; line-height: 1.6; margin: 0;}
.postall_w table {width: 100%; border: 1px solid #cccccc;}
.postall_w table a {margin-top:0;}
.postall_w table th, .postall_w table td {padding: 5px 10px; border: 1px solid #ccc;}
.postall_w ul li ul {padding-left: 20px; list-style-type: none;}
.postall_w ul li{list-style-type: none;}
.postall_w ol li ol {list-style-type: decimal; padding-left: 20px;}
.postall_w ol li {list-style-type: decimal;}

.ul_floatkyh1:after {/* °£°Ý1px */content: ""; display: block; clear: both;}
.ul_floatkyh1 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
.ul_floatkyh1 li:first-child {margin-left: 0;}
.ul_floatkyh1 li.n3 {text-align: right; margin-top: 5px;}
.ul_floatkyh2:after {/* °£°Ý1px */content: ""; display: block; clear: both;}
.ul_floatkyh2 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 5px;}
.ul_floatkyh2 li:first-child {margin-left: 0;}
.ul_floatkyh3:after {/* °£°Ý1px */content: ""; display: block; clear: both;}
.ul_floatkyh3 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
.ul_floatkyh3 li:first-child {margin-left: 0;}
.ul_floatkyh3 li.n3 {clear: left; margin-left: 0; margin-top: 5px;}
.ul_floatkyh3 li.n4 {text-align: right; margin-top: -82px;}
.ul_floatkyh1 li.lemrno {margin-left: 0;}
.ul_floatkyh4:after {/* °£°Ý4px */content: ""; display: block; clear: both;}
.ul_floatkyh4 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 5px; margin-bottom: 5px;}
.ul_floatkyh4 li:first-child {margin-left: 0;}
.ul_floatkyh4 li.n3 {margin-left: 0;}
.ul_floatkyhleri:after {/* °£°Ý1px */content: ""; display: block; clear: both;}
.ul_floatkyhleri li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 8px; margin-bottom: 9px;}
.ul_floatkyhleri li:first-child {margin-left: 0;}
.ul_floatkyhleri li div.posttextinin.n1 {height: 160px; margin-bottom: 9px;}
.ul_floatkyhleri li div.posttextinin.n2 {height: 159px; margin-bottom: 9px;}
.ul_floatkyhleri li div.posttextinin.n3 {height: 32px;}
.ul_floatkyhleri li.le {width: 44%;}
.ul_floatkyhleri li.ri {width: 55%;}
.ul_floatkyh5:after {content: ""; display: block; clear: both;}
.ul_floatkyh5 {margin: 0 0;}
.ul_floatkyh5 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
.ul_floatkyh5 li:first-child {margin-left: 0;}
.ul_floatkyh5 li.n3 {margin-top: 5px;}
.ul_floatkyh5 li.n4 {margin-top: 5px;}
.ul_floatkyh6:after {content: ""; display: block; clear: both;}
.ul_floatkyh6 {margin: 0 0;}
.ul_floatkyh6 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
.ul_floatkyh6 li:first-child {margin-left: 0;}

/*
.ul_floatkyh5:after {content: "";display: block;clear: both;}
.ul_floatkyh5 {margin:0 18%;}
.ul_floatkyh5 li{display:inline-block;float:left;list-style:none;padding:0;margin-left:4px;}
.ul_floatkyh5 li:first-child{margin-left:0;}
.ul_floatkyh5 li.n2{}
.ul_floatkyh5 li.n3{margin-top:5px;}
.ul_floatkyh6:after {content: "";display: block;clear: both;}
.ul_floatkyh6 {margin:0 18%;}
.ul_floatkyh6 li{display:inline-block;float:left;list-style:none;padding:0;margin-left:4px;}
.ul_floatkyh6 li:first-child{margin-left:0;}
*/

div.postall_w div.postphotoin p {height: auto !important;}
div.postall_w div.postphotoin.v2 {padding: 0; border: 0;}
div.postall_w div.postphotoin.v2 p {width: 147px; height: 125px !important; padding: 25px 0 0; margin-right: 0 !important; background: #e3e3e3; text-align: center;}
div.postall_w div.postphotoin.v2 p span {display: inline-block; height: 100px; overflow: hidden;}
div.postall_w div.postphotoin.v2 p span img {width: 100px; height: auto;}
div.postall_w div.postphotoin.v2 dl {width: 643px; height: 106px; padding: 22px 40px; background: #fafafa;}
.content-teaser-wrapper a.no_mt {margin-top: 0;}

div.tableBC1_box:after {display: block; clear: both; content: '';}
div.tableBC1_box {width: 100%; font-size: 14px;}
table.tableBC1_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBC1_list th, table.tableBC1_list td {text-align: center; border: 0;}
table.tableBC1_list thead th {color: #000; background: #e5e0d2; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #fff;}
table.tableBC1_list td a {color: #222; text-decoration: none;}
table.tableBC1_list tbody th, table.tableBC1_list tbody td {color: #222; font-size: 14px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
table.tableBC1_list th.end {border-right: 0 none !important;}
table.tableBC1_list th {padding: 10px 0;}
table.tableBC1_list td {padding: 7px 14px; line-height: 1.6; letter-spacing: -0.02em;}
div.postall_w div.txts.bg_black {background: #000; margin-top: 0; color: #fff;}
div.postall_w div.postprofilein div.profile.v3 {width: 140px; height: 140px; display: inline-block; float: left; margin: 0; padding: 15px; background: #f6f6f6;}
div.postall_w div.postprofilein div.txts.v3 {width: 666px; font-style: normal; font-size: 13px; line-height: 1.6;}
/* div.postall_w div.postprofilein div.txts.v3{width:666px;height:146px;font-style:normal;font-size:12px;line-height:1.6;} */
div.postall_w div.postprofilein div.txts.v3 em {display: block; margin: 0 0 4px; font-size: 15px; color: #000;}
.ul_float4:after {/* °£°Ý1px */content: ""; display: block; clear: both;}
.ul_float4 {display: inline-block; float: left; width: 50%;}
.ul_float4 li {display: inline-block; float: none; list-style: none; padding: 0; margin-left: 1px;}
.ul_float4 li:first-child {margin-left: 0;}

.ul_float5:after {/* °£°Ý1px */content: ""; display: block; clear: both;}
.ul_float5 {display: inline-block; float: left; width: 50%;}
.ul_float5 li {display: inline-block; float: none; list-style: none; padding: 0;}
.ul_float5 li:first-child {margin-left: 0;}
.ul_float6:after {/* °£°Ý5px */content: ""; display: block; clear: both;}
.ul_float6 {display: inline-block; float: left; width: 50%;}
.ul_float6 li {display: inline-block; float: none; list-style: none; padding: 0 0 5px 4px;}
.ul_float6 li:first-child {margin-left: 0;}

div.content-teaser-wrapper a {display: inline-block;}
div.postall_w div.posttit.black {color: #000; font-size: 19px; line-height: 1.4;}
div.mt_le_ri {margin: 0 60px 0;}
div.postall_w div.postphotoin .le,
div.postall_w div.postphotoin p.postphoto_end {width: 205px;}
div.postall_w div.postphotoin dl.postcont_end {width: 606px;}
div.postall_w div.postimg2.mt_all {margin-top: 45px;}
div.postall_w div.postimg2 {margin-top: 4px;}
div.postall_w div.postimg2:after {display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; content: '.';}
div.postall_w div.postimg2 ul.ul_float3 {float: left; margin-right: 5px;}

div.postall_w div.posttextinin_v2 {width: auto; height: auto; padding: 15px 30px 30px 15px; font-size: 14px; background: #fafafa; text-align: left;}
div.postall_w div.posttextinin_v2 dl dt {width: auto; height: auto; font-size: 15px; color: #000; margin-bottom: 13px;}
div.postall_w div.posttextinin_v2 dl dd {padding-bottom: 14px;}
div.postall_w div.posttextinin_v2.mt_all {margin-top: 45px;}
div.postall_w div.posttextinin_v2 a {font-size: 14px; color: #5f5f5f ;}

div.tableBC2_box:after {display: block; clear: both; content: '';}
div.tableBC2_box.mt_all {margin-top: 45px;}
div.tableBC2_box {width: 100%; font-size: 14px;}
table.tableBC2_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBC2_list th, table.tableBC1_list td {text-align: center; border: 0;}
table.tableBC2_list thead th {color: #000; background: #e5e0d2; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #fff;}
table.tableBC2_list td a {color: #222; text-decoration: none;}
table.tableBC2_list tbody th, table.tableBC2_list tbody td {padding: 13px 28px; color: #222; font-size: 14px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
table.tableBC2_list th {padding: 10px 0; border-left: 1px solid #e7e7e7;}
table.tableBC2_list td {padding: 7px 14px; line-height: 1.6; letter-spacing: -0.02em;}
table.tableBC2_list tbody th.grey,table.tableBC2_list tbody td.grey {color: #5f5f5f}
table.tableBC2_list tbody th.grey,
table.tableBC2_list tbody td.grey li {line-height: 26px;}

div.tableBC4_box:after {display: block; clear: both; content: ''}
div.tableBC4_box.mt_all {margin-top: 45px;}
div.tableBC4_box {width: 100%; font-size: 13px}
table.tableBC4_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBC4_list th,
table.tableBC1_list td {text-align: center; border: 0;}
table.tableBC4_list thead th {color: #000; background: #e5e0d2; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #fff}
table.tableBC4_list td a {color: #222; text-decoration: none;}
table.tableBC4_list tbody th,
table.tableBC4_list tbody td {padding: 10px 10px; color: #222; font-size: 13px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
table.tableBC4_list th {padding: 10px 0; border-left: 1px solid #e7e7e7;}
table.tableBC4_list td {padding: 7px 14px; line-height: 1.6; letter-spacing: -0.02em;}
table.tableBC4_list tbody th.grey,
table.tableBC4_list tbody td.grey {color: #5f5f5f}

div.tableBC3_box:after {display: block; clear: both; content: ''}
div.tableBC3_box {width: 100%; font-size: 14px}
table.tableBC3_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBC3_list th,
table.tableBC1_list td {text-align: center; border: 0;}
table.tableBC3_list thead th {color: #000; background: #e5e0d2; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #fff}
table.tableBC3_list td a {color: #5f5f5f ; text-decoration: none;}
table.tableBC3_list tbody th,
table.tableBC3_list tbody td {color: #5f5f5f ; font-size: 14px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; background: #fff;}
table.tableBC3_list th.end {border-right: 0 none !important}
table.tableBC3_list th {padding: 10px 0}
table.tableBC3_list td {padding: 7px 18px; line-height: 1.6; letter-spacing: -0.02em;}

div.postall_w div.posttextinin dl dd div.postbox_wh {width: auto; height: auto; padding: 30px 25px; font-size: 14px; background: #fff; text-align: left;}
div.postall_w div.posttextinin dl dd div.postbox_wh.mt_all {margin-top: 30px;}
div.postall_w div.posttextinin dl dd div.postbox_wh dl dt {width: auto; height: auto; font-size: 15px; color: #000; margin-bottom: 15px;}

/* 20160905 */
.post_table_inin tbody th {width: 20%; text-align: center; font-weight: bold; background: #e6e6e6}
.ul_floatkyh6 img {width: 100% !important; vertical-align: middle;}
.posttext table.post_table_01 tbody th {font-weight: bold; background: #e6e6e6; text-align: center}
.post_table_01 td {text-align: center}
.a_deco {text-decoration: underline !important}
.postall_w .postall_w .infograp_table table {border: 0}
.postall_w .postall_w .infograp_table tr {border: 0}
.postall_w .postall_w .infograp_table td {border: 0}
.lists li a {display: block; width: 100%; padding: 0 1.5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.postboimg iframe {max-width: 100%;}
.mobile .postboimg iframe {width: 100% !important;}
a.f_underline {text-decoration: underline;}
div.postall_w {color: #5f5f5f ; line-height: 1.87; font-size: 14px; letter-spacing: -0.03em;}
div.postall_w a {display: inline-block; margin: 0; font-size: 14px;}
div.postall_w div.posttit {color: #ea062c; font-size: 19px; line-height: 1.4;}
div.postall_w div.posttits {color: #000; font-size: 17px; line-height: 1.4;}
div.postall_w div.posttit.mt_all {margin-top: 50px;}
div.postall_w div.posttits.mt_all {margin-top: 40px;}

/*div.postall_w div.posttext{text-align: justify;}*/
div.postall_w div.posttext {text-align: left;}
div.postall_w div.posttext.mt_all,
div.postall_w div.postimg.mt_all,
div.postall_w div.postfloat.mt_all,
div.postall_w div.postfloat2.mt_all,
div.postall_w div.postboimg.mt_all {margin-top: 45px;}
div.postall_w div.posttext.mt_all.botline {padding: 0 0 50px 0; border-bottom: 3px dotted #ddd;}
div.postall_w div.posttit.mt_all.n2 {margin-top: 50px;}
div.postall_w div.posttextss {/* 부가 글 */font-style: italic; margin-top: 30px; width: auto; padding: 0 17px;}
div.postall_w div.posttextss p.username {text-align: right; font-style: normal;}
div.postall_w div.txts {text-align: right; margin-top: 5px; width: auto; height: auto; padding: 11px 23px 14px; font-size: 14px; background: #f6f6f6;}
div.postall_w div.txts.f_left {text-align: left;}
div.postall_w div.txts dt {font-weight: 600; margin-bottom: 3px;}
div.postall_w div.txts_n1 {clear: both; text-align: right; margin-top: 5px; width: auto; height: auto; padding: 11px 23px 14px; font-size: 14px; background: #f6f6f6;}
div.postall_w div.txts_n1.f_left {text-align: left;}
div.postall_w div.txts_n1 dt {font-weight: 600; margin-bottom: 3px;}
.txts_view {text-align: right; margin-top: 5px; width: auto; height: auto; padding: 11px 27px 89px 14px; font-size: 14px; background: #f6f6f6;}
div.postall_w div.postfloat.mt_all {margin-top: 45px;}
div.postall_w div.postvideo {width: auto; height: auto; padding: 0 87px;}
div.postall_w div.postvideo.mt_all2 {margin-top: 90px;}
div.postall_w div.postvideo div.txts {text-align: right;}
div.postall_w div.posttextinin_song {margin: 0 auto; width: 44%; height: auto; padding: 28px 28px; font-size: 14px; line-height: 32px; border: 1px solid #ececec; background: #fff; text-align: center;}
div.postall_w div.posttextinin_song p {font-size: 14px; line-height: 32px; text-align: center;}
div.postall_w div.posttextinin_song.mt_all {margin-top: 45px;}
div.postall_w div.posttextinin_si {margin: 0 auto; width: 50%; height: auto; padding: 28px 40px; font-size: 14px; line-height: 32px; border: 1px solid #ececec; background: #fff; text-align: center;}
div.postall_w div.posttextinin_si p {font-size: 14px; line-height: 32px; text-align: center;}
div.postall_w div.posttextinin_si.mt_all {margin-top: 45px;}
div.postall_w div.posttextinin_si_c {margin: 0 auto; width: 50%; height: auto; padding: 0px 40px; font-size: 14px; line-height: 32px; background: #fff; text-align: center;}
div.postall_w div.posttextinin_si_c p {font-size: 14px; line-height: 32px; text-align: center;}
div.postall_w div.posttextinin_si_c.mt_all {margin-top: 45px;}
div.postall_w div.posttextinin:after {content: ""; display: block; clear: both;}
div.postall_w div.posttextinin {width: auto; height: auto; padding: 28px 28px; font-size: 14px; border: 1px solid #ececec; background: #f8f8f8; text-align: left;}
div.postall_w div.posttextinin dl dt {width: auto; height: auto; ; font-size: 15px; color: #000; margin-bottom: 13px;}
div.postall_w div.posttextinin.mt_all {margin-top: 45px;}
div.postall_w div.posttextinin a {font-size: 14px; color: #5f5f5f ;}
div.postall_w div.posttextdlin {width: auto; height: auto; padding: 28px 28px; font-size: 14px; border: 1px solid #ececec; font-size: 14px; color: #5f5f5f ; background: #f8f8f8; text-align: left;}
div.postall_w div.posttextdlin dl:after {content: ""; display: block; clear: both;}
div.postall_w div.posttextdlin dl dt,
div.postall_w div.posttextdlin dl dd {display: inline-block; float: left;}
div.postall_w div.posttextdlin dl dt {clear: left; margin-right: 5px; width: auto; height: auto; ; font-size: 14px; color: #222; font-weight: 600; margin-bottom: 4px;}
div.postall_w div.posttextdlin dl dt.block,
div.postall_w div.posttextdlin dl dd.block {display: block; clear: left;}
div.postall_w div.posttextdlin.mt_all {margin-top: 45px;}
div.postall_w div.posttextdlin a {font-size: 14px; color: #5f5f5f ;}
dl.dl_sv1:after {content: ""; display: block; clear: both;}
div.postall_w div.posttextinin dl.dl_sv1:after {content: ""; display: block; clear: both;}
div.postall_w div.posttextinin dl.dl_sv1 dt,
div.postall_w div.posttextinin dl.dl_sv1 dd {display: inline-block; float: left;}
div.postall_w div.posttextinin dl.dl_sv1 dt {clear: left; width: auto; height: auto; font-size: 14px; color: #222; margin-bottom: 7px; font-weight: 600; margin-right: 4px;}
div.postall_w div.posttextinin dl.dl_sv1 dd {width: auto; height: auto; font-size: 14px; color: #5f5f5f ; margin-bottom: 7px;}
div.postall_w div.posttextinin dl.dl_sv1 dd.block {clear: left;}
div.postall_w div.postphotoin:after {content: ""; display: block; clear: both;}
div.postall_w div.postphotoin {width: auto; height: auto; padding: 15px 22px 15px 15px; border-top: 7px solid #f0f0f0; border-bottom: 7px solid #f0f0f0;}
div.postall_w div.postphotoin.mt_all {margin-top: 90px;}
div.postall_w div.postphotoin.mt_all2 {margin-top: 60px;}
div.postall_w div.postphotoin .le,
div.postall_w div.postphotoin p {width: 100px; height: 113px; display: inline-block; float: left; margin-right: 22px;}
div.postall_w div.postphotoin dl {width:calc( 100% - 122px ); /* width: 711px; */height: auto; display: inline-block; float: left;}
div.postall_w div.postphotoin dl dt {color: #000; font-size: 15px; margin-bottom: 7px;}
div.postall_w div.postphotoin dl dd {color: #5f5f5f ; font-size: 13px;}
div.postall_w div.postphotoin dl dd {/*padding:0 3%;*/color: #5f5f5f ; font-size: 15px; margin-left: 0;}
div.postall_w div.postphotoin dl dd a {font-size:15px; color: #5f5f5f ;}
/* div.postall_w div.postphotoin dl dd a{display:block;color:#5f5f5f ;} */

div.postall_w div.posttit2 {color: #000; font-size: 17px; line-height: 1.4;}
div.postall_w div.posttit2.mt_all {margin-top: 50px;}
div.postall_w div.postboimg2.mt_all {margin-top: 20px;}
div.postall_w div.postboimg2 div.txts {text-align: right; margin-top: 5px; width: auto; height: auto; padding: 11px 27px 11px; font-size: 14px; background: #f6f6f6;}
div.postall_w div.both:after {content: ""; display: block; clear: both;}
div.postall_w div.both {width: auto; height: auto;}
div.postall_w div.le {display: inline-block; float: left;}
div.postall_w div.ri {display: inline-block; float: right;}
div.postall_w div.postwritein {width: auto; height: auto; padding: 15px 0 0 15px;}
div.postall_w div.postwritein dl {text-align: right; margin-top: 65px; margin-right: 130px;}
div.postall_w div.postwritein dt {font-weight: bold; font-size: 16px;}
.f_black1 {color: #000}
ul.list_v1 {padding: 0 !important; margin: 4px 0 0;}
ul.list_v1 li {list-style: none; padding-left: 0; margin-bottom: 3px;}
ul.list_v2 li {list-style: none; padding-left: 0; line-height: 1.8;}
ul.ulunderline {padding: 0 !important; margin: 4px 0 0;}
ul.ulunderline li {list-style: none; padding-left: 0; margin-bottom: 3px;}
ul.ulunderline li a {text-decoration: underline}
div.postall_w div.posttextinlink {/* 관련링크 글 */width: auto; height: auto; padding: 18px 28px; font-size: 12px; border: 0 solid #ececec; background: #f6f6f6;}
div.postall_w div.posttextinlink.mt_all {margin-top: 45px;}
div.postall_w div.posttextinlink dl.dllist_v1 {font-size: 14px;}
div.postall_w div.posttextinlink dl.dllist_v1 dt {color: #5f5f5f ; font-size: 14px; font-weight: 600; margin-bottom: 3px;}
div.postall_w div.posttextinlink dl.dllist_v1 dd {color: #545454; margin-bottom: 4px;}
div.postall_w div.posttextinlink dl.dllist_v1 dd a {display: inline; color: #5f5f5f ; letter-spacing: -0.005em}
div.postall_w div.posttextinlink dl.dllist_v1 dd ul {padding-left: 14px !important;}
div.postall_w div.posttextinlink dl.dllist_v1 dd ul li {list-style: none; padding-left: 0; margin-bottom: 0; color: #5f5f5f ;}

/* 이벤트배너 (웹진공지사항) */
div.eventbannerpage_box {position: relative; width: auto; height: auto; margin: 0 auto;}
div.eventbannerpage_box.wd_1 {width: 620px; text-align: center;}
div.eventbannerpage_box a.btn_facebookgo {position: absolute; top: 432px; left: 74px; width: 226px; height: 79px;}
div.eventbannerpage_box a.btn_twittergo {position: absolute; top: 432px; left: 320px; width: 226px; height: 79px;}
div.eventbannerpage2_box {position: relative; width: auto; height: auto; margin: 0 auto;}
div.eventbannerpage2_box.wd_1 {width: 620px; text-align: center;}
div.eventbannerpage2_box a.btn_facebookgo {position: absolute; top: 432px; left: 74px; width: 226px; height: 79px;}
div.eventbannerpage2_box a.btn_twittergo {position: absolute; top: 432px; left: 320px; width: 226px; height: 79px;}
div.eventbannerpage1_w {position: relative; width: auto; height: auto; margin: 0 auto;}
div.eventbannerpage1_w.wd_1 {width: 620px; text-align: center;}
div.eventbannerpage1_w .n1 {width: auto; height: auto;}
div.eventbannerpage1_w .n1_c {width: auto; height: auto; background: url(http://www.arte365.kr/wp-content/uploads/2015/04/eventbanner_20150407_page_n1_c.jpg) no-repeat 0 0; background-size: 100% 100%;}
div.eventbannerpage1_w .n2 {width: auto; height: auto;}
div.eventbannerpage1_w .n1_c:after {content: ""; display: block; clear: both;}
div.eventbannerpage1_w .n1_c {position: relative; text-align: center; width: 620px; height: auto;}
div.eventbannerpage1_w .n1_c a {display: inline-block; float: left; text-align: center; width: 36%; margin-top: 0;}
div.eventbannerpage1_w .n1_c a.le {margin-left: 12.3%; margin-right: 3%;}
div.eventbannerpage1_w .n1_c a.ri {margin-right: 12.3%;}
.post .content-teaser-wrapper ul,
.post .content-teaser-wrapper ol {padding: 0;}
div.postall_w ul.ul_float1:after {/* 2개씩 */content: ""; display: block; clear: both;}
div.postall_w ul.ul_float1 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 5px;}
div.postall_w ul.ul_float1 li:first-child {margin-left: 0;}
div.postall_w ul li.img_border {border: 6px solid #ddd;}
div.postall_w ul.ul_float2:after {/* 3개씩 */content: ""; display: block; clear: both;}
div.postall_w ul.ul_float2 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
div.postall_w ul.ul_float2 li:first-child {margin-left: 0;}
.ul_float3:after {/* 간격1px */content: ""; display: block; clear: both;}
.ul_float3 li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 1px;}
.ul_float3 li:first-child {margin-left: 0;}
div.postall_w div.postfloat ul:after {/* 5개씩 */content: ""; display: block; clear: both;}
div.postall_w div.postfloat ul li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
div.postall_w div.postfloat ul li:first-child {margin-left: 0;}
div.postall_w div.postfloat ul {margin-bottom: 4px;}
div.postall_w div.postfloat ul.n2 li.n2 a {display: block; margin-bottom: 4px;}
div.postall_w div.postfloat ul li.mrbo {/* 마진 바텀을 줄 경우 */margin-bottom: 4px;}
div.postall_w div.postfloat2 ul:after {/* 5개씩 */content: ""; display: block; clear: both;}
div.postall_w div.postfloat2 ul li {display: inline-block; float: left; list-style: none; padding: 0; margin-left: 4px;}
div.postall_w div.postfloat2 ul li:first-child {margin-left: 0;}
div.postall_w div.postfloat2 ul {margin-bottom: 4px;}
div.postall_w div.postfloat2 ul.n2 li.n3 a {margin-top: -112px;}
div.postall_w ul.ul_float7:after {/* 2개씩 */content: ""; display: block; clear: both;}
div.postall_w ul.ul_float7 li {display: inline-block; list-style: none; padding: 0; margin-top: 5px; margin-left: 1px;}
div.postall_w ul.ul_float7 li:first-child {margin-left: 0;}
div.postall_w div.postprofilein:after {content: ""; display: block; clear: both;}
div.postall_w div.postprofilein {width: auto; height: auto; margin: 0; padding: 0; vertical-align: top;}
div.postall_w div.postprofilein.mt_all {margin-top: 45px;}
/*div.postall_w div.postprofilein div.profile {width: 139px; height: 140px; display: inline-block; float: left; margin: 0; padding: 0; background: #e3e3e3}*/

div.postall_w div.postprofilein div.profile {width: 119px; height: 119px; display: inline-block; float: left; margin: 0; padding: 0; background: #e3e3e3}
/*div.postall_w div.postprofilein div.profile img {width: 139px; height: 140px;}*/

div.postall_w div.postprofilein div.profile img {width: 119px; height: 119px; background:transparent;}
div.postall_w div.postprofilein div.txts {width: 696px; display: inline-block; float: left; margin: 0; padding: 12px 17px; text-align: left; color: #5f5f5f ; font-size: 15px; font-style: italic; line-height: 1.4; background: #FAFAFA;}

/* div.postall_w div.postprofilein div.txts{width:696px;height:116px;display:inline-block;float:left;margin:0;padding:12px 17px;text-align:left; color:#5f5f5f ;font-size:15px;font-style:italic;line-height:1.4;background: #FAFAFA;} */

div.postall_w div.postprofilein div.txts em {display: block; margin-top: 4px; font-size: 13px;}
div.postall_w div.postprofilein div.txts.v2 {font-style: normal; font-size: 14px; line-height: 1.5;}
div.postall_w div.postprofilein div.txts.v2 em {display: block; margin: 0 0 4px; font-size: 15px; color: #000;}
div.postall_w div.postprofilein div.txts.v3 {padding: 19px 27px 30px 27px; width:calc(100% - 139px); margin-left:20px; font-style: normal; font-size: 14px; box-sizing:border-box; line-height: 1.5;}

/* div.postall_w div.postprofilein div.txts.v3 {padding:19px 27px;font-style:normal;font-size:13px;line-height:1.5;} */

div.postall_w div.postprofilein div.txts.v3 em {display: block; margin: 0 0 4px; font-size: 15px; color: #000;}
div.webzinnotice_w {width: auto; height: auto; line-height: 1.4;}
div.webzinnotice_w div.webzintit_box {width: auto; height: auto;}
div.webzinnotice_w div.webzintitbig {margin-top: 45px; width: auto; height: auto; color: #000; font-size: 28px; font-weight: 600;}
div.webzinnotice_w div.webzintxt1 {width: auto; height: auto; color: #000; font-size: 15px; font-weight: 600;}
div.webzinnotice_w .webzintxt2 {width: auto; height: auto; color: #5f5f5f ; font-size: 14px;}
div.webzinnotice_w .webzintxt3 {width: auto; height: auto; color: #5f5f5f ; font-size: 14px;}
div.webzinnotice_w div.webzintitmidum {margin-top: 45px; width: auto; height: auto; color: #000; font-size: 18px; font-weight: 600;}

/* 기사 맨하단 / 연관기사 보기 */

div.ykkpost_box {width: auto; height: auto; margin-top: 35px;}
div.ykkpost_box div.tits {width: auto; height: auto; color: #000; font-size: 15px;}
div.ykkpost_box div.txtss {width: auto; height: auto; margin-top: 10px; color: #5f5f5f ; font-size: 14px;}
div.ykkpost_box div.txtss a {color: #5f5f5f ;}
div.postall_w div.postboimg div.txts.ta_r {text-align: right;}
div.postall_w div.postboimg1_w {margin: 0 auto;}

/* div.postall_w div.postboimg1_w{width:567px;margin:0 auto;  } */

div.postall_w div.postboimg2_w {width: 617px; margin: 0 auto;}
div.postall_w div.postboimg150512_w {width: 671px; margin: 0 auto;}

/* 박스 / list / COL 가로형식(★) */

div.tableBR1_box:after {display: block; clear: both; content: ''}
div.tableBR1_box {width: 100%; font-size: 14px}
div.tableBR1_box.mt_all {margin-top: 45px;}
table.tableBR1_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBR1_list th,
table.tableBR1_list td {text-align: center; border: 0;}
table.tableBR1_list td a {color: #5f5f5f ; text-decoration: none;}
table.tableBR1_list th,
table.tableBR1_list td {font-size: 14px; vertical-align: top; padding: 0;}
table.tableBR1_list th {padding: 7px 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #000; vertical-align: middle;}
table.tableBR1_list td {padding-left: 1px; padding-bottom: 1px; line-height: 1.6; letter-spacing: -0.02em; border: 0 none; color: #5f5f5f ;}
table.tableBR1_list th.bg_c1 {background: #e5e0d2;}
table.tableBR1_list td {display: block; width: auto; height: auto; background: #fff; border: 1px solid #e7e7e7; border-bottom: 0 none;}
table.tableBR1_list td div {padding: 7px 17px;}
table.tableBR1_list td.boend {border-bottom: 1px solid #e7e7e7;}

/* 박스 / list / COL 가로형식(★) */

div.tableBR2_box:after {display: block; clear: both; content: ''}
div.tableBR2_box {width: 100%; font-size: 15px}
div.tableBR2_box.mt_all {margin-top: 45px;}
table.tableBR2_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBR2_list th,
table.tableBR2_list td {text-align: left; border: 0;}
table.tableBR2_list td a {color: #5f5f5f ; text-decoration: none;}
table.tableBR2_list th,
table.tableBR2_list td {font-size: 15px; vertical-align: top; padding: 0;}
table.tableBR2_list th {padding: 7px 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #000; vertical-align: middle;}
table.tableBR2_list td {padding-left: 1px; padding-bottom: 1px; line-height: 1.6; letter-spacing: -0.02em; border: 0 none; color: #5f5f5f ;}
table.tableBR2_list td {background: #fff;}
table.tableBR2_list th div,
table.tableBR2_list td div {padding: 5px 20px;}
table.tableBR2_list td.boend {border-bottom: 1px solid #e7e7e7;}
table.tableBR2_list .bg_c1 {color: #fff; background: #7c7a8a;}
table.tableBR2_list .bg_c2 {color: #545454; font-size: 15px; background: #f6f6f6;}
table.tableBR2_list .bg_c3 {color: #545454; background: #e7e8f1;}
table.tableBR3_list {width: 100%; border-collapse: collapse; border: 0;}
table.tableBR3_list th,
table.tableBR2_list td {text-align: left; border: 0;}
table.tableBR3_list td a {color: #5f5f5f ; text-decoration: none;}
table.tableBR3_list th,
table.tableBR2_list td {font-size: 15px; vertical-align: top; padding: 0;}
table.tableBR3_list th {padding: 7px 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #000; vertical-align: middle;}
table.tableBR3_list td {padding-left: 1px; padding-top: 10px; padding-bottom: 10px; line-height: 1.6; letter-spacing: -0.02em; border: 0 none; color: #5f5f5f ;}

/* 이벤트 2 */
div.eventbannerpage2_w {position: relative; width: auto; height: auto; margin: 0 auto;}
div.eventbannerpage2_w.wd_1 {width: 620px; text-align: center;}
div.eventbannerpage2_w .n1 {width: auto; height: auto;}
div.eventbannerpage2_w .n2 {width: auto; height: auto;}
div.eventbannerpage2_w .n1_c {width: auto; height: auto; background: url(http://www.arte365.kr/wp-content/uploads/2015/07/eventbanner_20150721_page_n1_c.jpg) no-repeat 0 0; background-size: 100% 100%;}
div.eventbannerpage2_w .n1_c:after {content: ""; display: block; clear: both;}
div.eventbannerpage2_w .n1_c {position: relative; text-align: center; width: 620px; height: auto;}
div.eventbannerpage2_w .n1_c a {display: inline-block; float: left; text-align: center; width: 36%;}
div.eventbannerpage2_w .n1_c a.le {margin-left: 12.3%; margin-right: 3%;}
div.eventbannerpage2_w .n1_c a.ri {margin-right: 12.3%; margin-top: 0;}

div.txt_box_v1 {color: #000; font-size: 15px;}
.ta_c {text-align: center;}
.mt_4 {margin-top: 4px !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_18 {margin-top: 18px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_24 {margin-top: 24px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_35 {margin-top: 35px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_45 {margin-top: 45px !important;}
.mt_50 {margin-top: 50px !important;}
.f_bold {font-weight: 500;}
.f_red1 {color: #ed153b !important;}
.f_black1 {color: #000 !important;}
.f_black2 {color: #333 !important;}

.postall_w table {width: 100%; border: 1px solid #cccccc;}
.postall_w table a {margin-top:0;}
.postall_w table th, .postall_w table td {padding: 5px 10px; border: 1px solid #ccc;}
.postall_w ul li ul {padding-left: 20px; list-style-type: none;}
.postall_w ul li{list-style-type: none;}
.postall_w ol li ol {list-style-type: decimal; padding-left: 20px;}
.postall_w ol li {list-style-type: decimal;}

/* ================================
180410 kdl
================================ */
.postall_kdl {font-size: 14px; word-break: keep-all; font-family: '맑은 고딕', 'Malgun Gothic', '돋움', Tahoma, Dotum, arial, sans-serif;}

	/****/
	.postall_kdl .tit_bl {font-size:15px; line-height:27px; font-weight:bold; margin-top: 0; margin-bottom: 15px;}

	.postall_kdl .pl_10 {padding-left: 10px !important;}
	.postall_kdl .pl_15 {padding-left: 15px !important;}

	.postall_kdl .mb_10 {margin-bottom: 10px !important;}
	.postall_kdl .mb_20 {margin-bottom: 20px !important;}
	.postall_kdl .mb_30 {margin-bottom: 30px !important;}

	.postall_kdl .mt_0 {margin-top: 0px !important;}
	.postall_kdl .ml_5 {margin-left: 5px !important;}
	.postall_kdl .ml_10 {margin-left: 10px !important;}

	.postall_kdl .al_c {text-align: center !important;}
	.postall_kdl .al_r {text-align: right !important;}

	.postall_kdl p {margin-top: 10px;}
	.postall_kdl .box02 p {margin-top: 0;}

	.postall_kdl a {text-decoration: underline;}

	.postall_kdl h3 {font-weight: bold; font-size: 30px;}
	.postall_kdl h4 {font-weight: bold; font-size: 18px;}

	.postall_kdl .t18 {font-size: 18px !important;}
	.postall_kdl .t13 {font-size: 13px !important;}
	.postall_kdl .noline {line-height: normal !important;}

	/* icon */
	.postall_kdl .bull_mark {background: url(../images/sub/bull_mark.gif) no-repeat 0 6px; padding-left: 15px;}
	.postall_kdl .icon_qmark {display: inline-block; color: #fff; background: #2ea2f9; padding: 1px 5px 0 3px; width: 25px; height: 25px; font-size: 15px; box-sizing: border-box; text-align: center; margin-right: 8px; line-height: 145%;}
	.postall_kdl .icon_amark {display: inline-block; color: #fff; background: #7c8792; padding: 1px 5px 0 3px; width: 25px; height: 25px; font-size: 15px; box-sizing: border-box; text-align: center; margin-right: 8px; line-height: 145%;}

	/* box */
	.postall_kdl .box01{  clear:both;  margin-top:20px;  padding:20px 40px 40px 40px;  border:1px solid #d0d0d0;  border-radius:5px;}
	.postall_kdl .box02{  clear:both;  margin-top:20px;  padding:30px 30px; background: #fcfcfc;  border:1px solid #e0e0e0;}

	/*ul*/
	.postall_kdl ul > li{ list-style-type: disc; font-size:14px; margin-left:15px; line-height: 150%; margin-bottom: 2em;}
	.postall_kdl ul > li .bull_mark {background-position: 0 10px;}
	.postall_kdl ul > li > ul > li {list-style: none; margin-left: 0; margin-bottom: 0; margin-top: 1.5em;}
	.postall_kdl ul > li > ul > li > ul {padding-left: 15px;}
	.postall_kdl ul > li > ul > li > ul > li {margin-top: 10px;}

	/*ol*/
	.postall_kdl ul > li > ol li {margin-top: 20px;}

	/*ul*/

	/* table */
	.postall_kdl table {border: 0; border-spacing: 0; border-collapse: collapse; width: 100%;}
	.postall_kdl thead th, .postall_kdl tbody th, .postall_kdl tbody td {border: 1px solid #e0e0e0; text-align: center; padding: 3px 5px; word-break: break-word;}
	.postall_kdl thead th {background-color: #fcfcfc;}
	.postall_kdl .kdl_table_txt {font-size: 13px; text-align: left; padding-top: 5px; display: block;}
	.postall_kdl table p {margin-top: 0;}

	/* img */
	.postall_kdl .kdl_img {text-align: center; max-width: 780px; margin: auto;}
	.postall_kdl .kdl_img_tag {text-align: left; margin-bottom: 10px;}
	.postall_kdl .kdl_img_txt {font-size: 13px; text-align: center; padding-top: 5px; display: block; margin-top: 0;}

/* ================================
	190214 kdl
================================ */
	div.postall_w {/*max-width: 1000px;*/ margin: 0 auto; font-weight: 300;}
	div.postall_w div.postprofilein div.txts.v3 em + p {line-height:0;}
	div.postall_w div.postprofilein div.txts.v3 a {color: #202020;}
	div.postall_w div.postphotoin {border-bottom: 0; border-top: 2px solid #6f6f6f; padding: 15px 0;}

/* ================================
	200421 kdl
================================ */
	div.postall_w div.postphotoin dl dt {/*padding:0 3%;*/ text-align:left; font-weight: 700;}
	div.postall_w div.posttext a{text-decoration:underline;}
	div.postall_w div.posttext {font-size:15px;}


	.post-tags {max-width:1000px; margin:0 auto; padding: 20px; background: #ededed; box-sizing:border-box; font-size: 12px; position: relative; margin-top: 30px; min-height: 18px;}
	.post-tags .tags-title {overflow: hidden; position: absolute; left: 18px; top: 22px; width: 23px; height: 23px; background: url('../images/sub/ic_tag.png') no-repeat; text-indent: -9999em;}
	.post-tags .tag-links {margin-left: 31px; line-height: 1.4; text-align:left;}
	.post-tags .tag-links a {color: #555; font-size:15px;}
	.post-tags .tag-links a:hover {color: #0078d7;}
	.post-tags .tag-links .split {margin-right: 6px;}

	.ul_floatkyh6 {display: table; margin: 0 auto; max-width: 100%}
	.ul_floatkyh6 li {display: table-cell; vertical-align: top; padding-left: 5px;}
	.ul_floatkyh6 li:first-child {padding-left: 0;}

/* 위클리뉴스 상세페이지 */
.cont_txt .news_txt {font-size: 15px;}
.cont_txt strong.news_txt {font-weight: bold;}
.cont_txt .news_tit {padding-left: 15px; text-indent: -17px; font-size: 15px;}
.cont_txt .step01 {padding-left: 15px;}
.cont_txt .step02 {padding-left: 10px;}
.cont_txt .b_list01 > li {padding-left: 10px; text-indent: -10px; font-size: 15px;}
.cont_txt .b_list01 > li:before {content: '-'; padding-right: 5px; font-size: 15px;}
.cont_txt .b_list02 > li {padding-left: 10px; text-indent: -10px; font-size: 15px;}
.cont_txt .b_list02 > li:before {content: '·'; padding-right: 5px; font-size: 15px;}
.cont_txt .b_list03 > li {padding-left: 10px; text-indent: -10px; font-size: 15px;}
.cont_txt .more_tit {margin-top: 15px; text-align: center; font-size: 15px;}
.cont_txt .news_underline {text-decoration: underline;}
.cont_txt .t_left {text-align: left;}
.cont_txt .t_center {text-align: center;}
.cont_txt .t_right {text-align: right;}
.cont_txt .s_tip {padding-left: 15px; font-size: 13px; text-indent: -15px;}
.cont_txt .news_table {margin-top: 5px; margin-bottom: 5px;}
.cont_txt .news_table th, .cont_txt .news_table td {font-size: 15px;}
.cont_txt .bg01 {background: #f2f2f2;}
.cont_txt .bg02 {background: #fcf5e7;}
.cont_txt .bg03_1 {background: #b7eab1;}
.cont_txt .bg03_2 {background: #dbf4d8;}
.cont_txt .bg04 {background: #dfe6f7;}
.cont_txt .bg05 {background: #ccf7ff;}
.cont_txt .bg06 {background: #ddd1f5;}
.cont_txt .no_bd {border: none !important;}
.cont_txt .news_table .no_pd {padding: 10px 0 !important;}
.cont_txt sup {font-size: 13px; vertical-align: 5px;}

/* 사용자 의견(= 이벤트 참여) - 2021-07-08 추가 */
#event_area .con02 {background: #0e385c; text-align: center; padding: 5%; box-sizing: border-box;}
#event_area .txt_area {padding: 10px 0;}
#event_area .txt_area [class^="txt"] {margin-bottom: 2.5%;}
#event_area .survey_area {background: #fff; padding: 3.5% 4.5%; letter-spacing: -0.05em; text-align: left; box-sizing: border-box; word-break: keep-all;}
#event_area .survey_area .info {color: #696aba; font-size: 13px; margin-bottom: 10px;}
#event_area .survey_area .survey_tit {background: #ededf0; color: #121220; font-size: 17px; padding: 10px 15px 12px;}
#event_area .survey_area .survey_box {padding: 13px 15px 15px;}
#event_area .survey_area .survey_box li {display: inline-block; margin-right: 2.5%; font-size: 16px; color: #121220; font-weight: 300; line-height: 30px;}
#event_area .survey_area .survey_box li:last-child {margin-left: 0;}
#event_area .survey_area .survey_box input[type="radio"] {width: 17px; height: 17px; margin-right: 5px;}
#event_area .survey_area .survey_box textarea {width: 100%; border: 1px solid #b7b7b7;}
#event_area .survey_area .survey_box input[type="text"] {border: 1px solid #b7b7b7; /*margin-left: 10px;*/}
#event_area .survey_btn {background: #0078d7; min-width: 340px; padding: 20px 15px 23px; box-sizing: border-box; margin: 4% 0; font-size: 23px; color: #fff; font-weight: 500; border-radius: 45px; letter-spacing: -1px;}
#event_area .qna_sec {margin: 0;}
#event_area .qna_sec .tit_box {overflow: hidden;}
#event_area .qna_sec .tit_box .question_info {width: auto; padding-left: 0; float: left;}
#event_area .qna_sec .tit_box .answer_info {width: auto; padding-left: 0; float: right;}
#event_area .qna_sec .cont_area {font-size: inherit;}

/* 댓글작성 - 2021-07-15 추가 */
.reply_area {position: relative; border-top: 1px solid #888; border-bottom:1px solid #ddd;}
.reply_area .re_box {padding: 16px 25px 15px; box-sizing: border-box; border-bottom: 1px solid #ebebeb;}
.reply_area .re_box .info_area li {display: inline-block; font-size: 15px;}
.reply_area .re_box .info_area .name {color: #333; font-weight: 500;}
.reply_area .re_box .info_area .name:after {content: ""; display: inline-block; overflow: hidden; width: 0; height: 14px; margin: -1px 7px 1px 8px; border-left: 1px solid #ccc; vertical-align: middle;}
.reply_area .re_box .info_area .txt_reply {display: block; padding-left: 10px; margin-top: 8px;}
.reply_area .re_box .info_area .btn_box { float:right;}
.reply_area .re_box .info_area .btn_box .btn {position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; line-height: 100%; box-sizing: border-box; padding: 4px 8px 6px; font-size: 13px; font-weight: 300; margin-left: 3px;}
.reply_area .re_box .info_area .btn_box .btn_st01 {border: 1px solid #0078d7; color: #0078d7;}
.reply_area .re_box .info_area .btn_box .btn_st02 {border: 1px solid #898989; color: #555;}
.reply_area .reply_input_area {height: 80px; margin-top:10px;}
.reply_area .reply_input_area textarea {display: block; width: 100%; height: 100%; border-radius: 0;}
.reply_area .re_box .reply_input_area {position: relative; padding-right: 100px;}
.reply_area .reply_input_area .btn_modify {position: absolute; top: 0; right: 0; width: 90px; height: 100%; line-height: 80px; background: #0078d7; text-align:center; font-size:14px; color:#fff; font-weight: 300;}
.reply_area .regist_box {padding: 20px 25px 15px; box-sizing: border-box; background:#f3f5f6; overflow: hidden;}
.reply_area .regist_box .btn_regist {float: right; padding: 0 45px; height: 44px; line-height: 44px; background: #0078d7; text-align:center; color:#fff; font-weight: 300;}
.reply_area .regist_box .personal_info {border: 0; padding: 0; margin-top: 30px}
.reply_area .regist_box .regist_input_area .group {display: inline-block; margin-right: 15px;}
.reply_area .regist_box .regist_input_area .css_label {color: #333}

/* 썸네일 목록 게시판 스타일(= 이벤트 목록 게시판 사용) - 2021-07-15 추가 */
.board_list_gallery2 {border-bottom: 1px solid #dedede; padding: 3% 0 2.5%;}
.board_list_gallery2 > ul {overflow: hidden;}
.board_list_gallery2 > ul > li {float: left; width: calc((100% - 25px) / 2); margin-right: 25px;}
.board_list_gallery2 > ul > li:nth-child(2n+2) {margin-right: 0; margin-bottom: 45px;}
.board_list_gallery2 > ul > li:nth-child(2n+2) + li {clear: both;}
.board_list_gallery2 > ul > li:last-child {margin-bottom: 0;}
.board_list_gallery2 .thumb_area {width: 100%; position: relative;}
.board_list_gallery2 .thumb_area > a {display: block; width: 100%; height: 100%;}
.board_list_gallery2 .thumb {width: 100%; height: 198px; cursor: pointer;}
.board_list_gallery2 .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_gallery2 .tit_box {display: block; margin: 12px 0 8px; font-size: 16px; color: #121212; letter-spacing: -0.04em; overflow: hidden; max-height: 68px;}
.board_list_gallery2 a:hover .tit_box {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
.board_list_gallery2 .dsc_box .bar {margin: -1px 5px 1px 6px;}
.board_list_gallery2 .btn_area.btn_overlay {margin-top: 0; text-align: center;}
.board_list_gallery2 .btn_overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer;}
.board_list_gallery2 .btn_overlay .btn_type1 {position: relative; display: block; top: 50%; margin: -25px auto 0; max-width: 180px; height: 50px; line-height: 50px; box-shadow: 4px 3px 8px 2px rgba(0,0,0,0.25);}

/* 이용안내 > OPEN API */
#openapi_wrap .np1-v0{font-size:19px;font-weight:400;color:#000;padding-top:35px;padding-bottom:35px;line-height: 40px;border-bottom:2px solid #000; text-align:left;}
#openapi_wrap .np1-v0 strong{font-weight:700;color:#0078d7;}
#openapi_wrap .pt120{padding-top:120px;}
#openapi_wrap .tit{padding-left:20px;}

#openapi_wrap .tbl{border-bottom:0px;}
#openapi_wrap .api_tbl{width:70%; border-bottom:2px solid #e6e6e6; margin:auto;}
#openapi_wrap .api_tbl table{text-indent:1em; border-top:1px solid #000;}
#openapi_wrap .api_tbl td{height:45px;}
#openapi_wrap .api_tbl thead td{background-color:#f2f2f2; font-size:22px; font-weight:500;}
#openapi_wrap .api_tbl thead span{float:right;}
#openapi_wrap .api_tbl thead span a{font-size:19px; border:2px solid #0078d7; padding:1px 7px; margin-right:5px; color:#0078d7;}
#openapi_wrap .api_tbl thead span button {font-size:19px; border:2px solid #0078d7; padding:5px 7px; margin-right:5px; color:#0078d7;}
#openapi_wrap .api_tbl tbody tr .title{background-color:#f2f2f2; font-size:19px; font-weight:500; border-top:1px solid #e6e6e6;}
#openapi_wrap .api_tbl tbody tr .sub{font-size:15px; border-bottom:1px solid #e6e6e6;}
#openapi_wrap .api_tbl tbody tr ul{list-style-type:decimal; list-style-position:inside; line-height:35px;}
#openapi_wrap .api_tbl tbody tr li:not(:last-child){border-bottom:1px dotted #e6e6e6;}

#openapi_wrap .arrow_box{padding-right:20px; width:60px;}
#openapi_wrap .arrow {display:inline-block; background:#666666; position:relative;}
#openapi_wrap .arrow.blue {width:20px; height:10px;}
#openapi_wrap .arrow:after {content:''; position:absolute; width:0; height:0; border-style:solid;}
#openapi_wrap .arrow.blue:after {border-width:15px 20px; border-color:transparent transparent transparent #666666; top:-10px; left:20px;}

#openapi_wrap .api_tbl2{padding-top:50px;}
#openapi_wrap .api_tbl2 table{width:80%; height:80px; margin:auto; text-align:center;}
#openapi_wrap .api_tbl2 .box{border:5px solid #0078d7; font-size:25px;}

#openapi_wrap .scrap_cate_box p{text-align:right;}

#openapi_wrap .star{content:" * "; color:#eb0000; font-size:15px; display:inline-block; height:0; padding-left:4px; vertical-align:-4px;}

@media screen and (max-width: 1024px) {
	#openapi_wrap .api_tbl{width:90%;}
	#openapi_wrap .api_tbl table{text-indent:0.5em;}
	#openapi_wrap .api_tbl tbody tr .title{font-size:17px;}
	#openapi_wrap .api_tbl2 .box{font-size:17px; font-weight:500;}
}

@media screen and (max-width: 640px) {
	#openapi_wrap .np1-v0{font-size:15px; line-height:30px;}
	#openapi_wrap .api_tbl{width:100%;}
	#openapi_wrap .api_tbl table{text-indent:0em;}
	#openapi_wrap .api_tbl thead td{font-size:16px;}
	#openapi_wrap .api_tbl tbody tr .title{font-size:13px;}
	#openapi_wrap .api_tbl tbody tr .sub{font-size:13px;}
	#openapi_wrap .api_tbl tbody tr .btn{font-size:11px;}
	#openapi_wrap .api_tbl2 .box{font-size:11px; font-weight:500;}
	#openapi_wrap .arrow.blue {width:10px; height:5px;}
	#openapi_wrap .arrow.blue:after {border-width:10px 16px; top:-7px; left:10px;}
}

/* 인기키워드·콘텐츠 -2022-05-03 추가 */
.keyword_area {letter-spacing: -0.05em; line-height: 1em;}
.keyword_area .keyword_hd {background-image: url(../images/sub/keyword_hd_bg01.png), url(../images/sub/keyword_hd_bg02.png); background-position: left 45px top 20px, right 40px bottom -40px; background-repeat: no-repeat; text-align: center;}
.keyword_area .keyword_hd .keyword_tit {display: block; font-size: 40px; font-weight: 500; letter-spacing: -0.1em; line-height: 1.25em; padding: 30px 0 25px; color: #000;}
.keyword_area .keyword_hd .keyword_list {position: relative; background: url(../images/sub/keyword_list_bg.png) repeat-y left top; max-width: 655px; min-height: 234px; margin: 0 auto;}
.keyword_area .keyword_hd .keyword_list li {position: absolute; padding: 16px 0 21px; background: url(../images/sub/keyword_bg.png) repeat-x; font-size: 28px; font-weight: 500;}
.keyword_area .keyword_hd .keyword_list li:before {content: ''; position: absolute; left: -30px; top: 0; width: 30px; height: 69px; background: url(../images/sub/keyword_left.png) no-repeat;}
.keyword_area .keyword_hd .keyword_list li:after {content: ''; position: absolute; right: -35px; top: 0; width: 35px; height: 69px; background: url(../images/sub/keyword_right.png) no-repeat;}
.keyword_area .keyword_hd .keyword_list li span:before {content: ''; display: inline-block; vertical-align: middle; width: 23px; height: 32px; background-image: url(../images/sub/hashtag_02.png); background-repeat: no-repeat; background-position: left center; margin-right: 4px;}
.keyword_area .keyword_hd .keyword_list .type01 {color: #0078d7;}
.keyword_area .keyword_hd .keyword_list .type01 span:before {background-color: #0078d7;}
.keyword_area .keyword_hd .keyword_list .type02 {color: #0fc0a9;}
.keyword_area .keyword_hd .keyword_list .type02 span:before {background-color: #0fc0a9;}
.keyword_area .keyword_hd .keyword_list .type03 {color: #803ec9;}
.keyword_area .keyword_hd .keyword_list .type03 span:before {background-color: #803ec9;}
.keyword_area .keyword_hd .keyword_list .left span:after {content: ''; position: absolute; left: 66px; bottom: -25px; width: 30px; height: 35px; background: url(../images/sub/keyword_say_left.png) no-repeat; z-index: 1;}
.keyword_area .keyword_hd .keyword_list .right span:after {content: ''; position: absolute; right: 74px; bottom: -24px; width: 30px; height: 35px; background: url(../images/sub/keyword_say_right.png) no-repeat; z-index: 1;}
.keyword_area .keyword_main {position: relative; background-color: #0078d7; background-image: url(../images/sub/keyword_main_bg01.png), url(../images/sub/keyword_main_bg02.png), url(../images/sub/keyword_main_bg03.png); background-position: top left, top 6px right, bottom right; background-repeat: no-repeat; color: #fff; padding: 65px 70px; border: 1px solid #000;}
.keyword_area .keyword_main:before {content: ''; position: absolute; right: 380px; top: -23px; width: 40px; height: 40px; background: url(../images/sub/keyword_main_bg04.png) no-repeat center;}
.keyword_area .keyword_main .keyword_cont {padding-bottom: 50px;}
.keyword_area .keyword_main .keyword_cont:last-child {padding-bottom: 0;}
.keyword_area .keyword_main .keyword_tit {display: block; margin-bottom: 10px; font-size: 24px; font-weight: 500; line-height: 1.2em;}
.keyword_area .keyword_main .keyword_tit:before {content: ''; display: inline-block; vertical-align: middle; width: 23px; height: 32px; background: url(../images/sub/hashtag_01.png) no-repeat left top; padding-right: 8px;}
.keyword_area .keyword_main .keyword_txt {font-size: 16px; line-height: 20px;}
.keyword_area .keyword_main .keyword_txt span {display: block; padding-bottom: 16px;}
.keyword_area .keyword_main .keyword_txt span:last-child {padding-bottom: 0;}
.keyword_area .keyword_list .cont_count {padding: 32px 0 20px; border-bottom: 2px solid #000;}
.keyword_area .keyword_list .cont_count .count_tit {vertical-align: middle; font-size: 20px; font-weight: 500; color: #000;}
.keyword_area .keyword_list .cont_count .count_subtxt {display: inline-block; vertical-align: middle; padding-left: 10px; font-size: 14px; color: #474748;}
.keyword_area .keyword_list .cont_box {display: table; table-layout: fixed; width: 100%; padding: 15px 0 30px; border-bottom: 1px solid #969696;}
.keyword_area .keyword_list .cont_box:last-child {border-bottom: none;}
.keyword_area .keyword_list .cont_box .cont_tit {display: table-cell; width: 245px;}
.keyword_area .keyword_list .cont_box .cont_tit span {position: relative; padding-left: 25px; font-size: 22px; font-weight: 500; color: #0078d7; letter-spacing: -0.05em;}
.keyword_area .keyword_list .cont_box .cont_tit span:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 36px; background: url(../images/sub/hashtag_03.png) no-repeat left center;}
.keyword_area .keyword_list .cont_box .cont_list {display: table-cell; width: 100%;}
.keyword_area .keyword_list .cont_box .cont_list a {display: inline-block; padding: 14px 0 4px; font-size: 18px; font-weight: 500; line-height: 32px; color: #333; letter-spacing: -0.05em; text-decoration: underline;}

/* 221219 북큐레이션 추가 */
.curation_list {padding-top: 30px; overflow: hidden;}
.curation_list li {float: left; margin: 0 0 25px 25px; width: 276px; height: 359px;}
.curation_list li:first-child, .curation_list li:nth-child(4n + 1) {margin-left: 0;}
.curation_list li a {display: block; height: 100%;}
.curation_list li .thumb_area {height: 100%;}
.curation_list li .thumb {height: 100%; background-color: #fafafa;}
.curation_list li .thumb:after {content: ""; border: 1px solid rgba(0,0,0,0.1); position: absolute; bottom: 0; right: 0; top: 0; left: 0; box-sizing: border-box;}

/* 240226 포커스 아웃라인 잘림 이슈 수정 */
.lnb > ul > li > a:focus-visible {outline-color: #fff;}
.slide_box .slide button:focus-visible {outline: none; border: 3px dotted #fff; line-height: 100%;}
.submenu button:focus-visible {outline: none; border: 3px dotted #fff; line-height: 100%;}
.slide_box.type2 .slide li button:focus-visible {outline: none; border: 2px dotted #000; line-height: 100%;}
.slide_box.type2 .slide li button.on:focus-visible {border: 2px dotted #000;}
.board_view_video .video_list a:focus-visible {outline: none; border: 2px dotted #000; box-sizing: border-box;}
.myp_tag_area .recom_tag_list .recom_tag dd li a:focus-visible {outline: none; border: 2px dotted #000;}
.board_view .cont_area a:focus-visible img {outline: 3px dotted #ff0000;}

/* ================================
	TABLET
=============================== */
@media screen and (max-width: 1024px) {
	/* ================================
		layout
	================================ */
	#wrap {min-width: auto; margin-top: 55px;}

	/* ================================
		sub_visual
	================================ */
	.sub_visual_area[class*="visual0"]:before, .sub_visual_area.visual12:before {content: none;}
	.sub_visual_area {background: transparent !important; padding-top: 0 !important; box-sizing: border-box; min-height: auto;}
	.sub_visual_area.visual05 {min-height: auto;}

	.sub_visual_area.visualnone .sub_title_area h2 {margin-bottom: 0;}

	.sub_visual_area.visual10 .sub_visual img, .sub_visual_area.visual11 .sub_visual img {display: none}

	/* ================================
		sub_title
	================================ */
	.sub_title_area {border-bottom: 0; background: #fff; z-index: 8;}
	.sub_title_area.mb10 {margin-bottom: 0 !important;}
	.sub_title_area h2 {color: #000; font-size: 22px; margin: 0 15px; padding: 12px 0; border-bottom: 2px solid #000;}
	.sub_title_area.layer_info h2 span {display: inline-block; padding-right: 32px; position: relative; cursor: pointer;}
	.sub_title_area.layer_info h2 span:after {content: ''; position: absolute; right: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('../images/sub/m_ic_title.png') no-repeat center; background-size: contain;}
	.layer_open_title .sub_title_area.layer_info h2 span:after {background-image: url('../images/sub/m_ic_title_close.png');}

	.sub_title_area .title_info {display: none; position: absolute; z-index: 1; width: 100%; font-size: 13px; line-height: 150%; overflow-y: auto;}
	.sub_title_area .title_info.on {display: block; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: left; padding: 15px; margin-top: -2px; box-sizing: border-box;}

	.sub_title_area .title_info .titbold {font-size: 15px;}
	.sub_title_area .title_info .titbold:before {width: 170px; height: 24px; background-size: 180px; background-position: -5px -5px; margin-bottom: 30px;}
	.sub_title_area .btn_box .btn_more_conts {display: none;}
	.sub_title_area .box_more_conts {display: block !important; margin-top: 0; padding: 0; border-top: 0;}

	/* ================================
		location
	================================ */
	.location_area {display: none;}

	/* ================================
		lnb
	================================ */
	.lnb {float: none; width: 100%; padding: 0; border: 0; position: fixed; left: 0;top: 55px; height: 55px; background: #ebebeb; z-index: 9;}
/* 	.lnb:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; z-index: 10; background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(65%,#fff)); background: -webkit-linear-gradient(right,rgba(255,255,255,0),#fff 83.34%); background: linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%); width: 25px; max-height: 45px;}
	.lnb:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(65%,#fff)); background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 65%); background: linear-gradient(to right,rgba(255,255,255,0),#fff 65%); width: 60px; max-height: 45px;} */
	.lnb.none {display: block;}
	.lnb > ul {width: 100%; background: #fff; text-align: center; white-space: nowrap; padding: 0 12px; box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.lnb > ul::-webkit-scrollbar {display: none;}
	.lnb > ul > li {display: inline-block; padding: 0 5px;}
	.lnb > ul > li > a {display: block; position: relative; padding: 0; height: 45px; line-height: 45px}
	.lnb > ul > li > a.on:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0078d7}
	.lnb > ul > li > a > span {color: #000; font-size: 15px;}
	.lnb > ul > li > a:hover > span, .lnb > ul > li > a:focus > span, .lnb > ul > li > a.on > span {color: #0078d7}

	/* ================================
		sub_contents
	================================ */
	.sub_contents_area {padding-top: 0; margin-bottom: 0; /*z-index: 1;*/}
	.sub_contents, .sub_contents02 {width: 100%; padding: 20px 15px 130px; box-sizing: border-box}

	/* ================================
		tab type
	================================ */
	.tab_area, .tab_area2 {margin-bottom: 25px;}
	.tab_area2 {min-height: auto;}
	.tab_area ul li a, .tab_area2 > ul > li > a {padding: 7px 5px 8px; font-size: 14px;}

	/* ================================
		아르떼 PICK > 컬렉션
	================================ */
	.pick_collection .btn_search_open {display: none}

	/* list */
	.pick_collection_list > ul > li {position: relative; overflow: hidden; padding: 20px 0;}
	.pick_collection_list .thumb_area {display: block; float: left;}
	.pick_collection_list .thumb {width: 150px; height: 195px; background-size: cover;}

	.pick_collection_list .info_area {display: block; float: left; width: calc(100% - 150px); padding-left: 15px; box-sizing: border-box;}

	.pick_collection_list .tit_box .tit {font-size: 17px; margin-bottom: 6px; line-height: 130%; padding-right: 0}
	.pick_collection_list .dsc_box {display: none}
	.pick_collection_list .txt_box {margin-bottom: 0; font-size: 13px; line-height: 140%; max-height: 72px; -webkit-line-clamp: 4}

	.pick_collection_list .collection_data {clear: both; height: auto; margin-top: 0;}
	.pick_collection_list .collection_data button {display: none}
	.pick_collection_list .collection_data > ul {position: relative; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.pick_collection_list .collection_data > ul::-webkit-scrollbar {display: none;}
	.pick_collection_list .collection_data .item {float: none; display: inline-block; width: 125px; height: 110px; vertical-align: middle; margin-top: 9px; margin-right: 8px;}
	.pick_collection_list .collection_data .item:nth-child(5n+5) {margin-right: 8px;}
	.pick_collection_list .collection_data .item:last-child {margin-right: 0;}
	.pick_collection_list .collection_data .type:after {margin: 3px auto 12px;}
	.pick_collection_list .collection_data .data_thumb {display: block; padding: 12px 8px 0;}
	.pick_collection_list .collection_data .type {font-size: 12px}
	.pick_collection_list .data_thumb .data_tit {white-space: normal; font-size: 12px; max-height: 62px}
	.pick_collection_list .info_area .btn_area {width: 100%; text-align: left; position: static; margin-top: 10px;}
	.pick_collection_list .btn_area .btn_view {height: 38px; line-height: 35px;}

	/* view */
	.pick_collection_view .count {font-size: 16px}
	.pick_collection_view .count_underl {padding-bottom: 10px}

	.collection_paging {padding: 14px 45px 15px; margin-bottom: 30px; background: #0f2f4d; color: #fff}
	.collection_paging [class^="btn"] {width: 35px}
	.collection_paging [class^="btn"] span {display: inline-block; text-indent: -9999px;}
	.collection_paging [class^="btn"] span:after {top: 7px;}
	.collection_paging .btn_prev span:after {left: 4px; background-position: -24px 0px;}
	.collection_paging .btn_next span:after {right: 4px; background-position: -35px 0px;}
	.collection_paging strong {font-size: 16px}

	.series_quick_menu {margin-top: 35px}
	.series_quick_menu .series_count {border-bottom: 2px solid #000; padding-bottom: 10px; padding-left: 0; margin-bottom: 0}
	.series_quick_menu .btn_series_more {display: none}
	.series_quick_menu .series_list {left: -15px; width: calc(100% + 30px); border: 0}
	.series_quick_menu .series_list ul {white-space: nowrap; padding: 25px 15px 35px}
	.series_quick_menu .series_list li {display: inline-block; vertical-align: top; margin-right: 15px}
	.series_list .list {margin-bottom: 0}
	.series_list .tit {white-space: normal; word-wrap: break-word; word-break: keep-all;}

	.series_quick_menu + .board_view {padding-left: 0; margin-top: 40px}
	.collection_conts {text-align: center; margin-bottom: 25px}
	.collection_conts .intro {padding: 10px; font-size: 13px}
	.collection_conts .subject {font-size: 18px; margin-bottom: 13px}
	.collection_conts .txt_box {padding-top: 22px; line-height: 24px; max-height: 100px}

	.pick_collection_view .board_view .kogl {border-top: 0; margin-bottom: 25px}

	.pick_collection_view .relation_conts .board_list_txt {max-height: 120px;}
	.pick_collection_view .relation_conts .list_top {padding-right: 0}
	.pick_collection_view .relation_conts .btn_open_summary {display: none}
	.pick_collection_view .relation_conts .txt_box {display: block; margin-top: 5px; max-height: 50px}
	.pick_collection_view .relation_conts .board_list_txt > ul > li {padding-top: 16px; padding-bottom: 14px}

	/* ================================
		youtube 바로가기
	=============================== */
	.box_youtube {height: 100px; margin-top: 50px;}
	.box_youtube .ic_info {padding: 20px 15px 0;}
	.box_youtube .ic_info span:before {content: none;}
	.box_youtube .ic_info span {font-size: 14px;}
	.box_youtube .btn_more_youtube {width: 80%; padding: 13px 5px; bottom: -25px;}
	.box_youtube .btn_more_youtube > span {font-size: 15px; padding-right: 15px;}
	.box_youtube .btn_more_youtube .ic_youtube {width: 50px; background-size: 100%;}
	.box_youtube .btn_more_youtube > span:after {top: 4px;}

	/* ================================
		교육콘텐츠 자료 이용안내
	=============================== */
	.edu_conts_info {text-align: center;}
	.edu_conts_info .txt01 {line-height: 150%; margin-bottom: 8px; color: #333; text-align: left;}
	.edu_conts_info .txt02 {line-height: 170%; font-size: 12px; margin-bottom: 5px;}
	.edu_conts_info .txt02 > ul {padding-right:0;}
	.edu_conts_info .btn_link {position: static; display: inline-block; font-size: 12px; padding: 8px 10px; margin: 15px auto 0;}
	.edu_conts_info b {font-weight: 400;}
	.edu_conts_info .underline {text-decoration: none;}

	/* ================================
		공공누리
	================================ */
	.kogl {padding: 10px 10px; overflow: hidden; border-top: 1px solid #d7d7d7; margin-top: -1px;}
	.kogl .guide > div {padding-right: 0; margin-bottom: 5px;}
	.kogl .guide_img {display: table-cell;}
	.kogl .guide_txt {display: table-cell; padding-left: 10px; box-sizing: border-box; word-break: keep-all; font-size: 12px;}
	.kogl .btn_blue {position: static; float: right; padding: 4px 15px 7px; display: none;}
	.kogl .btn_blue span {font-size: 12px;}
	.kogl .btn_blue span:after {top: 6px;}


	/* ================================
		지역 문화예술교육
	=============================== */

	/* 공통 */
	.local_culture_box .sub_contents_area {bottom: 0;}
	.local_culture_box .sub_contents02 {padding: 0;}

	.local_culture_box .top_tips {position: static; padding: 15px 15px; font-size: 14px; background: #fff;}
	.local_culture_box .top_tips .txtblue:before {width: 20px; height: 16px; background: url('../images/sub/ic_check.png') no-repeat; background-size: 100%; margin-right: 3px;}
	.local_culture_box .top_tips span {display: block; color: #0078d7; font-weight: 500;}

	.slide_box {margin-bottom: 0;}
	.slide_box.type2 {margin-bottom: 20px;}
	.slide_box .slide ul {height: 45px}
	.slide_box .slide li button {height: 45px; line-height: 45px; font-size: 14px;}
	.slide_box .owl-prev, .slide_box .owl-next {height: 45px;}

	/* list */
	.local_culture_list .top_tips {display: block;}
	.local_culture_list .tips {display: none;}

	.local_culture_list .box_wrap {padding: 25px 15px 0; text-align: center;}

	.local_culture_list .left_box  {float: none; width: 100%; position: relative;}
	.local_culture_list .left_box dt {padding: 0; border-bottom: 0; font-size: 22px;}
	.local_culture_list .left_box dd {border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 15px 0 20px}
	.local_culture_list .left_box dd .txt01 {font-size: 14px; line-height: 180%}
	.local_culture_list .left_box dd .txt02 {display: none;}
	.local_culture_list .left_box .tips {display: block; position: static; margin: 20px auto 0; padding-left: 0; text-align: center}
	.local_culture_list .left_box .tips:before {position: static}

	.local_culture_list .right_box {float: none; width: 100%; margin-top: 15px; position: relative;}

	.local_culture_list .btn_box {position: absolute; bottom: -16px; width: 100%; left: 0;}
	.local_culture_list .btn_box .btn_more {display: block; margin: 0 auto; width: 95px; height: 32px; border: 1px solid #b7b7b7; padding: 4px 5px 5px; box-sizing: border-box; border-radius: 25px; background: #fff;}
	.local_culture_list .btn_box .btn_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
	.local_culture_list .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;}
	.local_culture_list .btn_box .btn_more.open span:after {transform: rotate(180deg);}

	/* 지도 위치값 */
	.map_seoul{ top:35px; left:80px; }/*서울특별시*/
	.map_incheon{ left:50px; }/*인천광역시*/
	.map_gyeonggi{ left:105px; }/*경기도*/
	.map_gangwon{ top:55px; left:160px; }/*강원*/
	.map_chungnam{ top:135px; left:60px; }/*충청남도*/
	.map_chungbuk{ top:110px; left:125px; }/*충청북도*/
	.map_daejeon{ top:150px; left:100px; }/*대전광역시*/
	.map_sejong{ top:120px; left:90px; } /*세종특별자치시*/
	.map_gyeongnam{ top:255px; left:150px; }/*경상남도*/
	.map_busan{ top:250px; left:200px; }/*부산광역시*/
	.map_ulsan{ top:220px; left:225px; }/*울산광역시*/
	.map_gyeongbuk{ top:135px; left:200px; }/*경상북도*/
	.map_daegu{ top:195px; left:175px }/*대구광역시*/
	.map_jeonbuk{ top:210px; left:85px; }/*전라북도*/
	.map_jeonnam{ top:285px; }/*전라남도*/
	.map_gwangju{ top:240px; left:50px; }/*광주광역시*/
	.map_jeju{ top:365px; left:50px; } /*제주특별자치도*/

	.local_culture_list .count_box {float: none; padding-left: 0; width: 100%; text-align: center; position: absolute; top: -45px; left: 0;}
	.local_culture_list .count_box #areaNm {font-size: 22px; padding-top: 0; display: inline-block; margin-right: 5px;}
	.local_culture_list .count_box dt {font-size: 22px; padding-top: 0; display: inline-block; vertical-align: middle; margin-right: 5px;}
	.local_culture_list .count_box dd {display: inline-block; vertical-align: middle;}
	.local_culture_list .count_box .count {font-size: 23px; display: inline-block; margin-top: 0; padding-top: 0; border-top: 0;}
	.local_culture_list .count_box .btn_link {padding: 3px 10px 5px; margin-top: 0;}
	.local_culture_list .count_box .btn_link:after {content: none;}
	.local_culture_list .count_box .btn_link span {font-size: 12px; position: relative; padding-right: 12px;}
	.local_culture_list .count_box .btn_link span:after {content: '';  position: absolute; top: 50%; right: 0; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat center; width: 6px; height: 9px; margin-top: -4px;}

	.local_culture_list .map_box {float: none; margin-top: 60px;}
	.local_culture_list .map {width: 300px; height: 428px; background-size: 100%;}
	.local_culture_list .map a {width: 40px; height: 51px; background-size: 100%;}
	.local_culture_list .map a > span {font-size: 12px; margin-top: 8px; margin-left: 7px;}

	.local_culture_view {padding-bottom: 130px;}

	#webzineBoxDiv {margin-top: 25px}
	.webzine_box {margin: 0 15px 35px; position: relative; border-width: 6px; padding: 20px 15px 25px;}
	.webzine_box .webzine {height: 60px; overflow: hidden; position: static; display: block;}
	.webzine_box.more_conts {max-height: 100%; overflow: hidden;}
	.webzine_box .left_box {width: 100%; border-right:0; padding-right: 0;}
	.webzine_box .webzine_tit strong {display: block; font-size: 15px; margin-bottom: 5px;}
	.webzine_box .webzine_tit .addr_info {display: block; font-size: 12px; line-height: 120%;}
	.webzine_box .webzine_tit .addr_info:before {content: none;}
	.webzine_box .webzine_tit .addr_info .tel_num {margin-right: 5px;}
	.webzine_box .right_box {margin-top: 0; padding-left: 15px; border-left: 0; display: table-cell;}
	.webzine_box .webzine_btn {width:60px; height: 60px; font-size: 13px; padding: 10px 5px;}
	.webzine_box .webzine_btn span {background-position: right 4px;}
	.webzine_box .webzine_btn:before {width: 25px; height: 21px; background-size: 100%;}
	.webzine_box .webzine_info {margin-top: 5px; font-size: 13px;}
	.webzine_box .btn_box {position: absolute; bottom: -16px; width: 100%; left: 0;}
	.webzine_box .btn_box .btn_more {display: block; margin: 0 auto; width: 95px; height: 32px; border: 1px solid #b7b7b7; padding: 4px 5px 5px; box-sizing: border-box; border-radius: 25px; background: #fff;}
	.webzine_box .btn_box .btn_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
	.webzine_box .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;}
	.webzine_box .btn_box .btn_more.open span:after {transform: rotate(180deg);}

	.local_culture_view .filter_area {margin: 0 15px;}
	.local_culture_view .filter_area .list_count_area .keyword {margin-right: 3px;}
	.local_culture_view .filter_area .list_count_area .keyword strong {font-size: 17px;}
	.local_culture_view .filter_area .list_count_area .count:before {content: '총 ';}
	.local_culture_view .board_list_wrap {padding: 0 15px;}

	/* ================================
		문화예술교육정보관 > 정보관소개_list
	=============================== */
	.library_title {margin: 10px 0 15px;}
	.library_title img {width: 230px;}
	.library_contents {background: none; font-size: 14px; line-height: 180%; padding-bottom: 25px;}

	.library_box ul li {float: none; width: 100%; padding: 12px 15px; margin-bottom: 7px; text-align: left;}
	.library_box ul li .lib_box {padding: 0; border-left: 0; position: relative;}
	.library_box ul li dt {font-size: 15px; margin-bottom: 0; padding-right: 18px;}
	.library_box ul li dt:after {content: none;}
	.library_box ul li dt.library01 span:after {content: ' 보기';}
	.library_box ul li dt.library02 span:after, .library_box ul li dt.library03 span:after {content: '하기';}
	.library_box ul li dd {display: none;}
	.library_btn {position: absolute; right: 0; top: 0; width: 100%;}
	.library_btn a {display: block; text-indent: -9999px; border: 0; padding: 0; background: url('../images/sub/ic_shortcut_w_lg.png') no-repeat right 4px;}
	.library_btn a:hover, .library_btn a:focus {background-color: transparent; box-shadow: none;}
	.library_link {padding-bottom: 7px; text-align: left;}
	.library_link .btn_link {width: 100%; padding: 12px 15px; box-shadow: none; box-sizing: border-box;}
	.library_link .btn_link > span {display: block; font-size: 15px; background: url(../images/sub/ic_shortcut_w_lg.png) no-repeat right 4px;}
	.library_link .btn_link > span:after {content: none;}

	/* ================================
		문화예술교육정보관 > 정보관방문예약 & 문화예술교육정보관 > 대관안내
	================================ */
	.prog_sec {display: block; margin-bottom: 20px}
	.prog_sec h3 {float: none; width: 100%; display: block; font-size: 15px; margin-bottom: 3px;}
	.prog_sec .info_area {float: none; width: 100%; font-size: 13px; line-height: 160%;}
	.prog_sec .info_area .map {margin-top: 8px; height: 320px;}
	.prog_sec .info_area .map_txt {padding: 7px 10px; font-size: 12px; line-height: 150%}
	.prog_sec .info_area .location h4 {font-size: 15px; margin: 20px 0 3px;}
	.prog_sec .info_area .location .location_tit {font-size: 13px;}
	.prog_sec.visit h3 {margin-bottom: 10px;}
	.prog_sec.visit .info_area .impt_w {top: -27px;}
	.prog_area .prog_btn_link {width: 190px; margin: 20px auto 10px; padding: 8px 10px 10px; box-shadow: 0px 7px 11px 0 rgba(0, 0, 0, 0.2);}
	.prog_area .prog_btn_link span {font-size: 13px;}
	.prog_area .prog_btn_link span:after {background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat; width: 6px; height: 9px;}

	/* 이미지 리스트 */
	.prog_area .img_list {margin-bottom: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.prog_area .img_list::-webkit-scrollbar {display: none;}
	.prog_area .img_list img {height: 145px}
	.prog_area .img_list [class^="prog_img"] {width: calc(100% / 2 - 3.5px); height: auto; margin-right: 7px;}

	/* 정보관방문예약 - 이용방법 */
	.prog_sec .info_area .info_process {border-radius: 0; padding: 0; background: transparent; margin-top: 10px;}
	.prog_sec .info_area .info_process li {float: none; width: 100%; margin-bottom: 7px; display: table; table-layout: fixed;}
	.prog_sec .info_area .info_process .process_txt01:before, .prog_sec .info_area .info_process .process_txt01:after {content: none;}
	.prog_sec .info_area .info_process .process_txt01 {display: table-cell; vertical-align: middle; width: 90px; background: #0078d7; color: #fff; font-size: 12px; padding: 12px 5px}
	.prog_sec .info_area .info_process .process_txt02 {display: table-cell; vertical-align: middle; text-align: left; border: 1px solid #e1e1e1; border-left: 0; font-size: 12px; padding: 10px 10px; line-height: 140%;}
	.prog_sec .info_area .info_process .process_txt02 .dis_b {display: inline-block;}

	/* 대관안내 - 대관방법 및 순서 */
	.prog_sec .info_area .info_process02 {border-radius: 0; padding: 0; background: transparent; margin: 10px 0 0;}
	.prog_sec .info_area .info_process02 li {float: none; width: 100%; margin-bottom: 7px; display: table; table-layout: fixed;}
	.prog_sec .info_area .info_process02 .process_txt01:before, .prog_sec .info_area .info_process02 .process_txt01:after {content: none;}
	.prog_sec .info_area .info_process02 .process_txt01 {display: table-cell; vertical-align: middle; width: 90px; background: #0078d7; color: #fff; font-size: 12px; padding: 12px 5px}
	.prog_sec .info_area .info_process02 .process_txt02 {display: table-cell; vertical-align: middle; text-align: left; border: 1px solid #e1e1e1; border-left: 0; font-size: 12px; padding: 10px 10px; line-height: 140%;}
	.prog_sec .info_area .info_process02 .process_txt02 .dis_b {display: inline;}

	/* ================================
		개인정보 수집 및 이용안내
	=============================== */
	.personal_info {margin-top: 50px; padding: 15px 15px;}
	.personal_info p {font-size: 14px; margin-bottom: 5px;}
	.personal_info > ul {margin-left: 10px;}
	.personal_info > ul > li {font-size: 13px; margin-bottom: 0; line-height: 180%;}
	.personal_agree {margin: 15px 0 25px; font-size: 13px; line-height: 150%; text-align: left; overflow: hidden;}
	.personal_agree .css_label {float: right; position: relative; padding-left: 18px; word-break: keep-all;}
	.personal_agree .css_check {position: absolute; left: 0; top: 3px;}

	/* ================================
		아르떼에게물어보세요
	=============================== */
	/* comm */
	.arte_qna_box .sub_title_area .title_info p:first-child {font-weight: 500; font-size: 14px; margin-bottom: 7px; color: #000;}

	/* register */
	.question_info_box {padding: 14px; margin-bottom: 30px;}
	.question_info_box .question_title {font-size: 15px; margin-bottom: 7px;}
	.question_info_box .question_title:before {top: 4px;}
	.question_info_box ul li {font-size: 13px; margin-bottom: 7px;}
	.question_info_box .question_tip {margin-top: 10px; font-size: 13px;}

	/* view */
	.ic_q, .ic_a {width: 15px; height: 15px; background-size: 100%; left: 15px; top: 15px;}

	.qna_area .qna_sec {margin: 10px 0 40px;}
	.qna_area .qna_sec .tit_box {padding: 10px 15px;}
	.qna_area .qna_sec .tit_box .question_info {font-size: 14px; padding-left: 23px;}
	.qna_area .qna_sec .dsc_box {padding: 10px 15px 13px;}
	.qna_area .qna_sec .dsc_box ul {margin: 0;}
	.qna_area .qna_sec .dsc_box li {font-size: 12px;}
	.qna_area .qna_sec .cont_area {padding: 15px 20px; font-size: 13px; line-height: 160%; min-height: 100px;}
	.qna_area .qna_sec .cont_area img {max-width: 100%; max-height: 100%;}
	.qna_area .qna_sec .answer_info {font-size: 13px; padding-left: 23px;}
	.qna_area .qna_sec .answer_info span:after {margin: -1px 3px 1px 8px;}

	.qna_area .qna_sec .dsc_box > p {margin: 0; display: inline;}
	.qna_area .qna_sec .dsc_box > p:after {content: ''; display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 3px 1px 4px; border-left: 1px solid #ccc; vertical-align: middle;}
	.qna_area .qna_sec .dsc_box > p:last-child:after {content: none;}
	.qna_area .qna_sec .dsc_box .tit, .qna_area .qna_sec .dsc_box .txt {font-size: 12px;}
	.qna_area .qna_sec .dsc_box .bar {margin: -1px 3px 1px 4px;}

	.qna_area .recommend_box .box01 {width: 100%; font-size: 15px; top: 6px;}
	.qna_area .recommend_box .box01 .num {font-size: 15px; padding: 3px 10px 3px;}
	.qna_area .recommend_box .box02 {border-width: 6px; padding: 20px 15px; text-align: left;}
	.qna_area .recommend_box .box02 ul {font-size: 14px;}
	.qna_area .recommend_box .box02 ul li a.new_link {padding-right: 23px;}
	.qna_area .recommend_box .box02 ul li a.new_link:after {width: 15px; height: 15px; background-size: 100%; top: 3px;}
	.qna_area .recommend_box .box02 ul li {background-position:  0 9px;}


	/* ================================
		회원서비스_로그인
	=============================== */
	.login_box {background: #f4f5f7;}
	.login_box .sub_title_area {background: transparent;}
	.login_box .sub_title_area h2 {border-bottom: 0;}
	.login_info {padding: 0 15px 30px; margin: 0 15px; font-size: 13px; line-height: 160%; position: relative; border-bottom: 1px solid #d7d7d7;}
	.login_info ul {display: none; font-size: 13px; margin-top: 10px;}
	.login_info li {background: none; padding-left: 0; display: block;}
	.login_info li span {background: url('../images/sub/bullet01.png') no-repeat 0 10px; padding-left: 10px;}

	.login_info .btn_box {position: absolute; bottom: -16px; width: 100%; left: 0; z-index: 1;}
	.login_info .btn_box .btn_more {display: block; margin: 0 auto; width: 95px; height: 32px; border: 1px solid #b7b7b7; padding: 4px 5px 5px; box-sizing: border-box; border-radius: 25px; background: #fff;}
	.login_info .btn_box .btn_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
	.login_info .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;}
	.login_info .btn_box .btn_more.open span:after {transform: rotate(180deg);}

	.loginArea {margin-top: 0; background: transparent; border-bottom: 0; padding: 20px 15px; font-size: 14px;}
	.login_ok {font-size: 17px;}

	/* ================================
		마이페이지 > 홈
	================================ */
	.myp_home_area .my_tag_list .box01 {padding: 15px 15px 20px; background-position: bottom; background-size: cover; margin-bottom:25px;}
	.myp_home_area .my_tag_list .box01 .txt01 {font-size: 15px;}
	.myp_home_area .my_tag_list .box01 .txt02 {font-size: 13px; word-break: keep-all;}
	.myp_home_area .my_tag_list .box01 a {position: static; display: block; width: 135px; padding: 7px 10px 10px; box-sizing: border-box; margin: 15px auto 0; text-align: center; box-shadow: 0px 7px 11px 0 rgba(0, 0, 0, 0.2);}
	.myp_home_area .my_tag_list .box01 a span {font-size: 12px; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat right 5px; padding-right: 12px;}

	.myp_home_area .my_tag_list .box02 {padding: 10px 15px; margin-bottom: 15px; min-height: auto;}
	.myp_home_area .my_tag_list .box02 .ic_info {position: relative; left: 0; top: 0; font-size: 15px; padding-left: 20px;}
	.myp_home_area .my_tag_list .box02 .ic_info:before {top: 4px; width: 16px; height: 16px;}
	.myp_home_area .my_tag_list .box02 ul {display: block; padding-left: 0; margin-top: 5px;}
	.myp_home_area .my_tag_list .box02 ul li {line-height: 100%; padding: 3px 8px 5px;}
	.myp_home_area .my_tag_list .box02 ul li span {font-size: 12px;}
	.myp_home_area .my_tag_list .box03 a {min-width: 160px; padding: 8px 10px 10px;}
	.myp_home_area .my_tag_list .box03 a span {font-size: 14px; background-position: right 4px;}

	.myp_home_area .my_tag_no_list {background-size: cover; background-position: right; padding: 20px 20px 25px;}
	.myp_home_area .my_tag_no_list .txt01 {font-size: 17px;}
	.myp_home_area .my_tag_no_list .txt02 {font-size: 14px; margin: 3px 0 15px;}
	.myp_home_area .my_tag_no_list .btn {min-width: 135px; padding: 7px 10px 10px; box-shadow: 0px 7px 11px 0 rgba(0, 0, 0, 0.2); line-height: 100%;}
	.myp_home_area .my_tag_no_list .btn span {font-size: 12px; background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat right 5px; padding-right: 12px;}

	/* ================================
		마이페이지 > 나의 태그
	================================ */
	.myp_tag_area .my_tag_list {border: 0; padding: 20px 15px;}
	.myp_tag_area .my_tag_list .ic_info {color: #121212; font-size: 15px; padding-left: 22px; margin-bottom: 5px;}
	.myp_tag_area .my_tag_list .ic_info:before {width: 16px; height: 16px; background-size: 100%; top: 4px;}
	.myp_tag_area .my_tag_list ul li {line-height: 100%; padding: 3px 7px 5px;}
	.myp_tag_area .my_tag_list ul li span {font-size: 12px;}

	.myp_tag_area .recom_tag_list .box01 {margin-top: 30px; word-break: keep-all;}
	.myp_tag_area .recom_tag_list .box01 strong {font-size: 18px;}
	.myp_tag_area .recom_tag_list .recom_tag {border-bottom: 0;}
	.myp_tag_area .recom_tag_list .recom_tag dl {width: 100%; border-right: 0; margin-bottom: 2px;}
	.myp_tag_area .recom_tag_list .recom_tag dl:first-child {border-left: 0;}
	.myp_tag_area .recom_tag_list .recom_tag dt {font-size: 14px; text-align: left; padding: 8px 35px 10px 15px; border-right: 0; position: relative; background: #58626b;}
	.myp_tag_area .recom_tag_list .recom_tag dt.open {background-color: #0078d7;}
	.myp_tag_area .recom_tag_list .recom_tag dt:after {content: ''; position: absolute; top: 16px; right: 15px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff;}
	.myp_tag_area .recom_tag_list .recom_tag dt.open:after {border-top: 0; border-bottom: 7px solid #fff;}
	.myp_tag_area .recom_tag_list .recom_tag dd {height: auto; overflow: visible; border: 1px solid #ccc; border-top: 0; display: none;}
	.myp_tag_area .recom_tag_list .recom_tag dd ul {overflow: hidden; padding: 10px 10px 13px;}
	.myp_tag_area .recom_tag_list .recom_tag dd li {float: left; width: 50%;}
	.myp_tag_area .recom_tag_list .recom_tag dd li a:hover, .myp_tag_area .recom_tag_list .recom_tag dd li a:focus, .myp_tag_area .recom_tag_list .recom_tag dd li a.selected {background: none;}
	.myp_tag_area .recom_tag_list .recom_tag dd li a {padding: 6px 5px;}
	.myp_tag_area .recom_tag_list .recom_tag dd li a span {display: block; font-size: 13px; padding-left: 22px;}
	.myp_tag_area .recom_tag_list .recom_tag dd li a span:before {top: 2px;}
	.myp_tag_area .recom_tag_list .recom_tag dd li a.selected span {color: #0078d7;}
	.myp_tag_area .btn_box {margin-top: 30px;}
	.myp_tag_area .btn_set {font-size: 14px; padding: 11px 10px 13px; min-width: 160px;}

	/* ================================
		마이페이지 > 나의 다운로드 자료
	================================ */
	.myp_download .board_list_txt02 .tit_box a {padding-right: 0; font-size: 17px; display: inline-block; max-width: 100%; word-break: keep-all; word-wrap: break-word;}
	.myp_download .dsc_box {position: static; margin-top: 8px;}
	.myp_download .dsc_box li {vertical-align: middle;}
	.myp_download .board_list_txt02 .file_area {position: static;}
	.myp_download .txt01 {font-size: 12px;}
	.myp_download .txt01:before {top: 2px;}

	/* ================================
		통합검색
	=============================== */
	.all_search_area .sub_contents02 {padding: 0;}

	.all_search_area .search_box:after {content: ''; display: block; width: 100%; height: 10px; background: #ebebeb;}
	.all_search_area .search_box .search {margin-top: 0; background: transparent; padding: 0; position: relative; padding-bottom: 50px; border-bottom: 1px solid #ccc;}
	.all_search_area .search_box .search .box01 {display: block; margin-right: 0;}
	.all_search_area .search_box .search strong {display: block; font-size: 22px; padding: 12px 15px; margin-right: 0; letter-spacing: -0.04em;}

	.search_window_box {display: block; padding: 10px 15px; background: #0078d7;}
	.search_window {width: calc(100% - 60px); height: 35px; border: 0; padding: 5px 30px 5px 9px;}
	.search_window_box .btn_search {height: 35px; line-height: 35px; background:#000; width: 60px; font-size: 13px;}
	.search_window .input_text {font-size: 14px; height: 100%;}
	.search_window_box.more_search .search_window {width: calc(100% - 130px);}
	.search_window_box.more_search .d_search_btn {right: 0; top: 0; background: transparent; border-radius: 0; border: 0; padding: 10px;}
	.search_window_box.more_search .d_search_btn span {color: #fff; font-size: 13px;}
	.search_window_box.more_search .d_search_btn span:after {background: url(../images/sub/ic_shortcut_w_sm.png) no-repeat center;}
	.search_window_box.more_search .btn_search {position: relative; right: 35px;}

	.all_search_area .search_box .search .re_search {position: absolute; left: 0; bottom:12px; margin-left: 15px; padding: 4px 0px 5px; font-size: 14px;}
	.all_search_area .search_box .search .re_search input[type="checkbox"] {width: 16px; height: 16px; margin-right: 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #a5a5a5; background: #fff;}
	.all_search_area .d_search_btn_box {position: absolute; right: 5px; bottom: 12px;}
	.all_d_search_btn .d_search_btn {border: 0; border-left: 1px solid #dadada; padding: 5px 10px 6px; border-radius: 0;}
	.all_search_area .search_box .search .box01 {margin-left:0;}
	.all_search_area .search_box .cate_list {position:absolute;  vertical-align: middle; bottom:0px; right:10px; margin-right: 0;}

	/* Tablet - 검색옵션 btn */
	.all_d_search_btn .d_search_btn span {color: #0b253e;}
	.all_d_search_btn .d_search_btn span:after {background: url('../images/sub/btn_open_g.png') no-repeat center;}

	.autoFrame {left: 0; top: 55px; z-index: 9;}
	.autoFrame ul {padding-bottom: 10px;}
	.autoFrame ul li {line-height: 27px;}
	.autoFrame ul li a {font-size: 14px;}
	.btn_layer {right: 10px; margin-top: 6px;}
	.btn_layer:after {border-left-width: 5px; border-right-width: 5px; border-top-width: 7px;}

	/* 검색결과 */
	.search_total_count {margin: 0 0 15px;}
	.search_total_count strong {font-size: 16px;}
	.search_total_count [class^="ci_"] {background-size: contain;}

	.search_result_box {padding: 20px 15px 130px; box-sizing: border-box;}
	.search_result_box .left_box {float: none; width: 100%; padding-right: 0;}
	.search_result_box .tab ul {margin-bottom: 0; border-bottom: 1px solid #d7d7d7;}
	.search_result_box .tab li {width: 50%; height: 50px; border-bottom: none;}
	.search_result_box .tab li:nth-child(2n + 1) {margin-left: 0; border-right: none;}
	.search_result_box .tab li.on + li {border-left-color: #d7d7d7;}
	.search_result_box .tab li a {padding: 11px 0; font-size: 16px;}
	.search_result_box .tab li a.tab02 {padding: 6px 0;}
	.search_result_box .tab li .ci_ALibrary {height: 34px; max-width: 120px; vertical-align: -2px;}
	.search_result_box .tab li .ci_arteLibrary {height: 34px; max-width: 120px; vertical-align: -2px;}
	.search_result_box .tab li .ci_arte365 {height: 20px; max-width: 101px; vertical-align: -3px;}
	/* .search_result_box .tab li.point {width: 100%;} */
	/*.search_result_box .tab li.point a span:after {width: 18px; height: 18px; background-size: cover; vertical-align: -3px;}*/

	.search_result .search_sec {margin-top: 15px;}
	.all_search_area .search_sec + .search_sec {margin-top: 30px;}

	.s_sec_tit {font-size: 18px;}
	.s_sec_tit .search_list_count {margin-left: 5px; font-size: 15px;}
	.s_sec_tit .ci_arteLibrary {min-width: 150px; height: 37px; background-size: contain;}
	.s_sec_tit .ci_arte365 {min-width: 140px; background-size: 100%;}
	.s_sec_tit .ci_ALibrary {min-width: 150px; height: 37px; background-size: contain;}

	.s_sec_cont > ul > li {padding: 15px 0; overflow: hidden;}
	.s_sec_cont .tit_box {margin-bottom: 5px;}
	.s_sec_cont .tit_box .tit {font-size: 15px; line-height: 120%; padding-right: 0; margin-bottom: 3px; font-weight: 500;}

	.s_sec_cont .txt_box {font-size: 14px; line-height: 130%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; max-height: 38px; margin-bottom: 0;}
	.s_sec_cont .file_area, .s_sec_cont .data_box {padding: 10px 10px; margin: 7px 0;}
	.s_sec_cont .dsc_box li {font-size: 13px;}
	.s_sec_cont .dsc_box .tit, .s_sec_cont .dsc_box .txt {font-size: 13px;}
	.s_sec_cont .dsc_box .bar {margin: -1px 3px 1px 4px;}

	.search_result .search_sec .btn_box {padding: 20px 0 10px;}
	.search_result .search_sec .btn_more {min-width: 180px;}
	.search_result .search_sec .btn_more span {font-size: 13px; padding-right: 12px;}
	.search_result .search_sec .btn_more span:after {background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat right center; top: 1px;}

	.s_sec_cont .list_type01 .thumb01 {display: block; float: left; width: 150px; height: 100px;}
	.s_sec_cont .list_type01 .thumb01 .thumb {width: 100%; height: 100%;}
	.s_sec_cont.video .list_type01 .thumb01 .thumb:after {background-size: 45px;}
	.s_sec_cont .list_type01 .conts {display: block; float: left; width: calc(100% - 150px); padding-left: 15px;}

	.search_sec.type01 .s_sec_cont .tit_box .date {vertical-align: 1px;}
	.search_sec.type01 .s_sec_cont .tit_box .date:before {height: 14px; margin: 2px 5px -2px 5px;}

	.search_sec.type02 .s_sec_cont .dsc_box {margin-bottom: 3px;}
	.search_sec.type02 .s_sec_cont .dsc_box .cate {font-size: 13px;}
	.search_sec.type02 .s_sec_cont .dsc_box .date {vertical-align: 0;}
	.search_sec.type02 .s_sec_cont .dsc_box .date:before {height: 14px; margin: 2px 5px -2px 5px;}

	.search_result_box .right_box {float: none; width: 100%; margin-top: 20px;}
	/*.search_result_box .right_box .my_tag_area ul {white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}*/
	/*.search_result_box .right_box .my_tag_area ul::-webkit-scrollbar {display: none;}*/
	.my_search_keyword_area li {padding-right: 0;}
	.my_search_keyword_area li > span {display: inline-block; max-width: calc(100% - 15px); vertical-align: middle; padding-right: 3px; box-sizing: border-box;}
	.my_search_keyword_area .btn_del {position: static; vertical-align: -3px;}
	.hotkeyword_area {margin-bottom: 0; padding-bottom: 0;}

	.s_sec_cont .location_box ul li.home {background-size: 12px;}
	.s_sec_cont .location_box ul li {font-size: 12px;}

	.search_result_box .location_box, .search_result_box .tag_area {display: block; margin-right: 0;}
	.search_result_box .tag_area .ic_tag:before {width: 13px; height: 13px; margin-right: 5px;}
	.search_result_box .tag_area > a {font-size: 12px;}

	.all_search_area .cont_more_btn {font-size: 14px;}
	.all_search_area .cont_more_btn:after {width: 5px; height: 10px;}


	/* ================================
		교육콘텐츠자료실 & 연구자료실
	================================ */
	.data_info_box .box {padding: 20px 10px;}
	.data_info_box .txt01 {font-size: 15px; font-weight: 300;}
	.data_info_box .txt01 span {padding-left: 23px;}
	.data_info_box .txt01 span:before {width: 18px; height: 18px; top: 3px;}
	.data_info_box .txt02 {font-size: 14px; margin: 7px 0 15px;}
	.data_info_box .btn {padding: 9px 10px 12px; min-width: 135px;}
	.data_info_box .btn span {font-size: 12px;}
	.data_info_box .btn span:after {background: url('../images/sub/ic_shortcut_w_sm.png') no-repeat;}

	/* 요청내역 : 발행연도 UI 변경, 작업일자 : 2021-12-03, 작업자 : 최수진 */
	#cata_list_year .selectedYear {display: none;}

	/* ================================
		사이트맵
	================================ */
	.sitemap_area > ul > li {width: calc(92.5% / 4); margin-right: 2.5%;}
	.sitemap_area h3 {padding-bottom: 7px;}
	.sitemap_area h3 span {font-size: 14px;}
	.sitemap_area > ul > li > div > ul {padding: 0 2px;}
	.sitemap_area > ul > li > div > ul > li {margin: 8px 0;}
	.sitemap_area > ul > li > div > ul > li a {font-size: 13px;}


	/* ================================
		아르떼 라이브러리 소개
	=============================== */
	.bank_info .info_txt {line-height: 28px; font-size: 15px;}
	.bank_info .count_area {padding: 35px 0;}
	.bank_info .count_tit {font-size: 15px;}
	.bank_info .count_area .sub {font-size: 12px;}
	.bank_info .count_box li {padding: 10px 5px; box-sizing: border-box;}
	.bank_info .count_box .tit {font-size: 14px;}
	.bank_info .count_box .tit:after {margin: 15px auto; width: 60px; height: 40px; background-size: contain;}
	.bank_info .count_box .count {font-size: 17px;}
	.bank_info .count_box .alpha {width: 22px; height: 12px; background-size: contain;}
	.bank_info .txt_box {padding: 35px 0;}
	.bank_info .txt_box .tit {font-size: 18px; word-break: keep-all;}
	.bank_info .txt_box .tit span {font-size: 13px; padding: 2px 10px; width: 65px; box-sizing: border-box; margin: 0 auto 5px; display: block;}
	.bank_info .txt_box .sub_txt {font-size: 14px; line-height: 28px; padding-top: 25px;}
	.bank_info .data_txt {padding-top: 40px;}
	.bank_info .prog_sec .prog_tit {font-size: 14px;}
	.bank_info .btn01 {height: 37px; padding: 0 10px; min-width: 170px;}
	.bank_info .btn01 span {font-size: 13px;}

	/* ================================
		저작권 안내
	=============================== */
	.right_info > div {margin-bottom: 25px;}
	.right_info > div .txt01 {font-size: 15px; margin-bottom: 3px;}
	.right_info > div .txt02 {font-size: 13px; line-height: 160%;}
	.right_info .kogl_box01 > ul {margin: 20px 0 30px;}
	.right_info .kogl_box01 > ul > li {width: 50%;}
	.right_info .kogl_box01 dt {font-size: 14px; padding: 10px 0 12px;}
	.right_info .kogl_box01 dd {padding: 15px 10px; min-height: 135px;}
	.right_info .kogl_box01 dd p {font-size: 13px; margin-top: 8px;}
	.right_info .kogl_box01 dd p .dis_b {display: inline-block;}
	.right_info .kogl_box01 dd img {display: block; margin: 0 auto; max-width: 100%; max-height: 35px;}

	.right_info .kogl_box02 {margin-bottom: 40px;}
	.right_info .ex_box {padding: 15px 15px;}
	.right_info .ex_box strong {margin-bottom: 5px;}
	.right_info .ex_box .t01 {font-size: 13px;}
	.right_info .ex_box .t02 {font-size: 12px; line-height: 100%;}

	.right_info .con03 .txt02 b {font-size: 14px;}
	.right_info .con03 ul li {font-size: 13px; line-height: 160%;}

	.right_info .con04 .btn01 {height: 37px; line-height: 32px; padding: 0 15px;}
	.right_info .con04 .btn01 span {font-size: 13px;}


	/* ================================
		slide tab
	================================ */
	.slide_tab_wrap {position: relative; z-index: 5}
	.slide_tab_wrap .selected {position: relative; display: block; background: #0078d7; color: #fff; font-size: 15px; word-break: keep-all; padding: 11px 15px;}
	.slide_tab_wrap .selected:after {content: ''; position: absolute; right: 15px; bottom: 19px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; transform: rotate(0deg);}
	.slide_tab_wrap .slide_tab {display: none; position: absolute; width: 100%}
	.slide_tab_wrap .slide_tab a {position: relative; display: block; padding:10px 15px; background-color: #fff; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; margin-top: -1px}
	.slide_tab_wrap .slide_tab a:first-child {border-top: 0}
	.slide_tab_wrap .slide_tab a:last-child {border-bottom: 1px solid #d1d1d1}
	.slide_tab_wrap .slide_tab a:hover, .slide_tab_wrap .slide_tab a.on {z-index: 1; background-color: #0078d7; color: #fff; border-color: #0078d7}
	.slide_tab_wrap.on .selected:after {transform: rotate(180deg)}
	.slide_tab_wrap.on .slide_tab {display: block}

	/* ================================
		교육활용 콘텐츠 이미지 메뉴
	================================ */
	.tit_b {font-size: 22px;}
	.tit_b + .sub_txt {font-size: 14px; line-height: 24px; margin-bottom: 20px;}
	.menu_list ul {padding: 24px 0;}
	.menu_list li a {width: auto; min-height: auto; margin-right: 9px; padding: 20px 10px 10px;}
	.menu_list li .tit {font-size: 18px;}
	.menu_list li .new {width: 18px; height: 18px; font-size: 10px; line-height: 17px; vertical-align: 3px;}
	.menu_list li a:after {width: 108px; height: 108px; background-size: 455px auto;}
	.menu_list li.menu02 a:after {background-position: 0 -115px;}
	.menu_list li.menu03 a:after {background-position: 0 -231px;}
	.menu_list li.menu04 a:after {background-position: 0 -346px;}
	.menu_list li.menu05 a:after {background-position: -115px 0;}
	.menu_list li.menu06 a:after {background-position: -115px -115px;}
	.menu_list li.menu07 a:after {background-position: -115px -231px;}
	.menu_list li.menu08 a:after {background-position: -232px 0;}
	.menu_list li.menu09 a:after {background-position: -232px -115px;}
	.menu_list li.menu10 a:after {background-position: -232px -231px;}
	.menu_list li.menu11 a:after {background-position: -232px -346px;}
	.menu_list li.menu12 a:after {background-position: -347px 0;}
	.menu_list li.menu13 a:after {background-position: -347px -115px;}
	.menu_list li.menu14 a:after {background-position: -347px -231px;}
	.menu_list li.menu15 a:after {background-position: -347px -346px;}
	.menu_list .menu_back_txt {width: 108px; height: 108px; padding-top: 40px; margin-left: -54px; bottom: 30px; font-size: 18px;}

	/* ================================
		front_board.css
	================================ */

		/* ================================
			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 > ul > li > button {background-image: url(../images/sub/sp_m_ic_share.png); margin: 0 auto;}
		.fnc_area .fnc_mail {background-position: -30px 0px;}
		.fnc_area .fnc_print {background-position: 0px 0px;}
		.fnc_area .fnc_link {background-position: -60px 0px;}
		.fnc_area .fnc_facebook {background-position: -90px 0px;}
		.fnc_area .fnc_twitter {background-position: -120px 0px;}
		.fnc_area .fnc_scrap {display: block; width: 30px; height: 30px; border-radius: 50px; background-position: -150px 0px; background-color: #0078d7;}
		.fnc_area .fnc_scrap span {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

		/* ================================
			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%;}

			.info_area .tit_box .sup {font-size: 13px; margin-left: 3px;}

			.board_list_wrap .section {margin-top: 20px;}
			.board_list_wrap .section:first-child {margin-top: 15px;}
			.board_list_wrap .section_top {padding-bottom: 12px; border-width: 1px; border-color: #e0e0e0}
			.board_list_wrap .section_tit {font-size: 17px;}
			.board_list_wrap .section_info {font-size: 13px;}

			.tit_box .tag_list {margin: 0 2px 0 10px;}
			.tit_box .tag_list li {font-size: 12px; padding: 2px 8px;}

			/* 썸네일형 */
			.board_list_thumb01 > ul > li {padding: 20px 0; overflow: hidden;}
			.board_list_thumb01 .thumb_area {display: block; float: left; width: 150px; height: 84px;}
			.board_list_thumb01 .thumb {width: 100%; height: 100%;}
			.board_list_thumb01 .thumb.video_thumb:after {background-size: 40px;}
			.board_list_thumb01 .info_area {display: block; float: left; padding-left: 15px; width: calc(100% - 150px);}
			.board_list_thumb01 .thumb_area .time {top: auto; bottom: 0;}

			.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: 101px;}
			.board_list_video .video_thumb:after {background-size: 45px;}
			.board_list_video .video_tit {padding: 7px 10px; min-height: 55px; font-size: 13px; line-height: 20px;}
			.board_list_video > ul > li {margin-top: 30px;}

			/* 리스트형 */
			.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,.board_list_txt02 .data_area .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;}

			.board_list_txt .tit_box a[target="_blank"]:after {width: 14px; height: 14px; background-size: contain; margin-left: 7px}
			.board_list_txt02 .data_area {position: relative; bottom: -20px; padding: 2% 10px;}

			/* 자료실 썸네일 추가 영역 */
			.board_list_txt02.type02 > ul > li {padding: 20px 0 0;}
			.board_list_txt02.type02 .thumb_area {float: left; width: 150px; height: 195px;}
			.board_list_txt02.type02 .thumb {height: 100%; padding: 8px;}
			.board_list_txt02.type02 .thumb .thumb_tit .tit {font-size: 15px;}
			.board_list_txt02.type02 .list_top {padding-bottom: 20px; overflow: hidden;}
			.board_list_txt02.type02 .info_area {float: left; width: calc(100% - 150px); padding-left: 15px;}
			.board_list_wrap .board_list_txt02.type02 .file_area, .board_list_txt02.type02 .data_area {bottom: 0;}

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

			/* 썸네일형03 */
			.board_list_thumb03 > ul > li {padding: 20px 0; overflow: hidden;}
			.board_list_thumb03 .thumb_area {display: block; float: left}
			.board_list_thumb03 .thumb_area > a {width: 150px; height: 110px; padding: 5px 8px 35px;}
			.board_list_thumb03 .thumb {width: 100%; height: 100%; background-size: 80%;}
			.board_list_thumb03 .info_area {display: block; float: left; padding-left: 15px; width: calc(100% - 150px);}
			.board_list_thumb03 .thumb_area .btn_view {bottom: 0; left: 0; width: 100%; height: 27px; line-height: 25px;}
			.board_list_thumb03 .thumb_area .btn_view span {font-size: 12px;}

			/* 카드 */
			.board_list_card > ul > li {margin: 10px 2.5% 10px 0;}
			.board_list_card > ul > li a {padding: 15px; height: 160px;}
			.board_list_card .tit_area {font-size: 16px; height: 52px;}
			.board_list_card .txt_area {font-size: 13px;}


		/* ================================
			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 dt .count {font-size: 12px;}
			.board_view .cont_sec dd {margin-top: 0;}
			.board_view .cont_sec dd strong {font-size: 14px; margin-bottom: 5px;}

			.board_view .link_area {font-size: 14px; padding: 12px;}
			.board_view .btn_link {margin-left: 20px; padding: 13px; font-size: 13px;}
			.board_view .link_area .btn_link span::after {width: 5px; height: 10px;}

			/* 개요 */
			.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;}
			/* 2021-07-14 추가 : 연관콘텐츠 */
			.reltaion_data_box {position: relative;}
			.reltaion_data_box .reltaion_data_list {max-height: 120px; overflow: hidden;}
			.reltaion_data_box .reltaion_data_list li {padding: 15px 15px;}
			.reltaion_data_box .list_tit {font-size: 14px; margin-bottom: 3px;}
			.reltaion_data_box .dsc_box .tit, .reltaion_data_box .dsc_box .txt {font-size: 13px;}
			.reltaion_data_box .dsc_box .bar {margin: -1px 3px 1px 4px; height: 12px;}
			.reltaion_data_box .reltaion_data_list .txt_box {display: block; margin-top: 5px; max-height: 55px;}
			.reltaion_data_box .btn_open_summary {display: none;}
			.reltaion_data_box .list_top {padding-right: 0;}
			.reltaion_data_box .btn_cont_more {position: absolute; left: 50%; bottom: -16px; margin-left: -47px; width: 95px; height: 32px; border: 1px solid #b7b7b7; padding: 4px 5px 5px 10px; box-sizing: border-box; border-radius: 25px; background: #fff;}
			.reltaion_data_box .btn_cont_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
			.reltaion_data_box .btn_cont_more span:after {content: ''; position: absolute; width: 9px; height: 5px; right: 0; top: 9px; background: url(../images/sub/ic_more.png) no-repeat;}
			.reltaion_data_box .btn_cont_more.open span:after {transform: rotate(180deg);}

			/* 태그 */
			.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.program .txt_box {line-height: normal;}
			.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; overflow: hidden}
			.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}

			.board_view.type02_1 .thumb_area {display: block; float: left;}
			.board_view.type02_1 .thumb {width: 150px; height: 110px}
			.board_view.type02_1 .thumb_area + .info_area {padding-left: 15px; display: block; float: left; width: calc(100% - 150px);}
			.board_view.type02_1 .title_area .tit_box .tit {font-size: 15px}
			.board_view.type02_1 .title_area .tit_box .btn_link .url {display: none}
			.board_view.type02_1 .title_area .tit_box .btn_link a {padding: 2px 12px 4px}
			.board_view.type02_1 .title_area .tit_box .btn_link a span {font-size: 12px;}

		/* ================================
			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;}
		.sub_contents02 + .paging {margin: 0 0 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_tit_gray {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: 150px; height: 84px;}
			.board_view_video .video_list .video_info {width: calc(100% - 150px); 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;}
		.filter_area .list_area .text {display: inline-block;}

		/* ================================
			search_area
		=============================== */
		.search_area {background: #0078d7; padding: 10px 15px; z-index: 8; /*margin-top: -2px;*/ /*margin-bottom:15px;*/ margin-bottom: 0; display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box; position: static}
		.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;}
		.filter_area .search_area .select {min-width: auto;}
		.search_area .srch_box {float: left; width: 80%; position: relative; font-size: 13px;}
		.search_area .srch_box.type2 {width: 60%;}
		.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;}

		/* 칼럼PICK 검색영역 style */
		.search_area .select_group {display: table; table-layout: fixed; width: 100%; margin-right: 0}
		.search_area .select_group .group {display: table-cell}
		.search_area .select_group .group .select {float: none; width: 100%}
		.search_area .select_group .group:not(:last-child) .select {border-right: 0}
		.search_area .select_group + .search_box {display: block; margin-top: 8px}

		/* 교육자료실 연구자료실 */
		.search_area.type02 .btn_search {position: absolute; right: 75px; top: 0; width: 60px; background: #000; padding: 0; margin-right: 0; height: 35px; line-height: 35px; color: #fff;}

		/* ================================
			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; z-index: 200;}
		.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, .d_search_cate .cate_list > ul > li button {display: block; background: #ebebeb; font-size: 12px; padding: 12px 0; text-align: center; line-height: 100%; word-break: keep-all;}
		.d_search_cate .cate_list > ul > li button {width: 100%;}
		.d_search_cate > ul > li:first-child .cate_tit,.d_search_cate > ul > li:first-child .cate_list {border-top: 0;}

		.d_search_cate .more_category {height: 100px;}
		.d_search_cate .more_category > li > ul {margin-top: 7px; width: 100%; top: 36px;}
		.d_search_cate .more_category > li > ul > li {float: left; width: calc((100% - 14px) / 3); padding: 0; margin-right: 7px; margin-bottom: 7px;}
		.d_search_cate .more_category > li > ul > li:nth-child(3n+3) {margin-right: 0;}
		.d_search_cate .more_category > li > ul > li:nth-child(3n+3) + li {clear: both;}
		.d_search_cate .more_category > li > ul > li a, .d_search_cate .more_category > li > ul > li button {display: block; background: #ebebeb; font-size: 12px; padding: 12px 2px; text-align: center; line-height: 100%; word-break: keep-all;}

		/* 상세검색 선택 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; z-index: 1}
		.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: middle;}

		.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_cate .cate_list .inline {display: block;}
		.tip_txt {display: block;}
		.tip_txt .ico_arte {font-size: 15px;}
		.all_search_area .ico_arte {font-size: 14px;}

		.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%; 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;}

		/* 상세검색 type02(select group) */
		.detail_search.type02 {margin-bottom: 0}
		.detail_search .detail_select {font-size: 14px}

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

		/* 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, .file_btn_area .btn_data {margin-left: 0; font-size: 13px; width: auto; height: 30px; line-height: 28px; color: #000; border-color: #000 !important;}
		.file_btn_area .btn_file + .btn_data {margin-top: 0;}
		.file_btn_area .btn_file span:after, .file_btn_area .btn_data span:after {border-top-color: #000;}
		.file_btn_area .btn_view02 {font-size: 13px; height: 30px; line-height: 28px;}

		/* board view */
		.board_view:not(.program) .file_area {padding: 0; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7}
		.board_view:not(.program) .file_area > ul > li {padding: 7px 10px; margin-bottom: 0; box-sizing: border-box; border-top: 1px solid #d7d7d7;}
		.board_view:not(.program) .file_area > ul > li:first-child {border-top: 0;}
		.board_view .link_area > * {display: block;}
		.board_view .btn_link {margin: 10px auto 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:not(.keyword) {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;}
		.board_write .addr_box.st02 {position: relative; width: 100%; padding-right: 65px; box-sizing: border-box;} /* 외부기관 계정신청 페이지 사용 input+button 조합 */
		.board_write .addr_box.st02 .btn_g {position: absolute; top: 0; right: 0;}

			/* 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 li:not([class^="btn_"]) {margin-right: 5px;}
		.paging .btn_first {background-position: -2px -2px;}
		.paging .btn_prev {background-position: -94px -2px; margin-right: 7px;}
		.paging .btn_next {background-position: -65px -2px; margin-left: 2px;}
		.paging .btn_last {background-position: -34px -2px;}

	/* 위클리 뉴스 */
	.cont_txt .news_txt, .cont_txt .news_tit, .cont_txt .bl_list01 li, .cont_txt .bl_list01 li:before, .cont_txt .bl_list02 li, .cont_txt .bl_list02 li:before, .cont_txt .bl_list03 li, .cont_txt .more_tit, .cont_txt .news_table th, .cont_txt .news_table td {font-size: 14px !important;}
	.cont_txt .b_list01 > li, .cont_txt .b_list01 > li:before, .cont_txt .b_list02 > li, .cont_txt .b_list02 > li:before, .cont_txt .b_list03 > li {font-size: 14px !important;}
	.cont_txt strong.news_txt {font-size: 13px;}
	.cont_txt .s_tip {font-size: 12px;}
	.cont_txt .x_scroll {overflow-x: auto; position: relative;}
	.cont_txt .x_scroll > .news_table {min-width: 768px;}
	.cont_txt .x_scroll:after {content: ""; position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; margin-top: -55px; margin-left: -55px; background: url("../images/sub/ic_table_scroll.png") no-repeat center; background-size: 110px;}
	.cont_txt .x_scroll.msg:after {transition: all 0.5s; opacity: 0; z-index: 0;}


	/* 2021-07-12 추가(등록 완료 시 메시지) */
	.pre_contents.successMsg_wrap {padding: 28px;}
	.successMsg {font-size: 14px;}
	.successMsg > strong {font-size: 20px; margin-bottom: 6px;}
	.successMsg > strong:before {width: 24px; height: 24px; background-size: 100%; margin-right: 6px; vertical-align: -5px;}

	/* 댓글작성 - 2021-07-15 추가 */
	.reply_area {border-bottom: 0;}
	.reply_area .re_box {padding: 15px;}
	.reply_area .re_box .info_area li {font-size: inherit;}
	.reply_area .re_box .info_area .name:after {margin: -1px 3px 1px 6px;}
	.reply_area .regist_box .btn_regist {height: 35px; line-height: 35px; padding: 0 30px;}

	/* 썸네일 목록 게시판 스타일 - 2021-07-15 추가 */
	.board_list_gallery2 > ul > li:nth-child(2n+2) {margin-bottom: 20px;}
	.board_list_gallery2 > ul > li:last-child {margin-bottom: 0;}
	.board_list_gallery2 .tit_box {max-height: 43px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; margin-bottom: 5px;}
	.board_list_gallery2 .tit_box a {display: block;}

	/* 인기키워드·콘텐츠 -2022-05-03 추가 */
	.keyword_area .keyword_hd {background-size: 134px, 148px;}
	.keyword_area .keyword_hd .keyword_tit {font-size: 20px; padding: 20px 0 15px;}
	.keyword_area .keyword_hd .keyword_list {max-width: 575px;}
	.keyword_area .keyword_hd .keyword_list li {padding: 12px 0 15px; background-size: contain; font-size: 18px;}
	.keyword_area .keyword_hd .keyword_list li:before, .keyword_area .keyword_hd .keyword_list li:after {height: 50px; background-size: contain;}
	.keyword_area .keyword_hd .keyword_list li:before {left: -21px;}
	.keyword_area .keyword_hd .keyword_list li span:before {width: 17px; height: 23px; background-size: cover;}
	.keyword_area .keyword_hd .keyword_list .left span:after {width: 16px; height: 17px; bottom: -10px; background-size: contain;}
	.keyword_area .keyword_hd .keyword_list .right span:after {width: 16px; height: 16px; bottom: -9px; background-size: contain;}
	.keyword_area .keyword_main {padding: 50px 55px; background-size: 206px, 8px, 90px;}
	.keyword_area .keyword_main:before {width: 30px; height: 30px; top: -15px; right: 220px; background-size: contain;}
	.keyword_area .keyword_main .keyword_tit {font-size: 18px;}
	.keyword_area .keyword_main .keyword_tit:before {width: 15px; height: 24px; background-size: contain;}
	.keyword_area .keyword_main .keyword_txt {font-size: 14px;}
	.keyword_area .keyword_main .keyword_txt span {padding-bottom: 8px;}
	.keyword_area .keyword_list .cont_count {padding: 20px 0 16px;}
	.keyword_area .keyword_list .cont_count .count_tit {font-size: 16px;}
	.keyword_area .keyword_list .cont_count .count_subtxt {font-size: 12px; padding-left: 6px;}
	.keyword_area .keyword_list .cont_box .cont_tit {width: 180px;}
	.keyword_area .keyword_list .cont_box .cont_tit span {padding-left: 20px; font-size: 18px;}
	.keyword_area .keyword_list .cont_box .cont_tit span:before {width: 16px; height: 27px; background-size: contain;}
	.keyword_area .keyword_list .cont_box .cont_list a {padding: 6px 0 4px; font-size: 14px; line-height: 20px;}

	/* 221219 북큐레이션 추가 */
	.curation_list li {margin-left: 15px; width: calc((100% - 45px) / 4); height: 250px;}

	/* program_list */
	.program_list > ul > li {width: calc((100% / 3) - 14px); margin: 20px 20px 20px 0; padding: 40px 30px;}
	.program_list > ul > li:nth-child(3n) {margin-right: 0;}
	.program_list > ul > li:nth-child(3n + 1) {position: relative;}
	.program_list > ul > li:nth-child(3n + 1)::before {content: ''; position: absolute; left: 0; top: -20px; width: 1400px; height: 1px; background: #bababa;}
	.program_list > ul > li:first-child::before {content: none;}
	.program_list .program_tit {font-size: 18px;}
	.program_list .dsc_box {margin: 20px 0; font-size: 13px;}
	.program_list .btn_more {font-size: 12px; padding: 6px 18px;}

	#openapi_wrap .pt120 {padding-top: 30px;}
}


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

	/* ================================
		아르떼 PICK > 컬렉션
	================================ */

	/* list */
	.pick_collection_list .thumb {width: 110px; height: 143px;}
	.pick_collection_list .info_area {width: calc(100% - 110px)}

	/* ================================
		사이트맵
	================================ */
	.sitemap_area > ul > li {float: none; width: 100%; padding-bottom: 0; margin-right: 0; margin-bottom: 5px;}
	.sitemap_area h3 {padding-bottom: 0; border: 0;}
	.sitemap_area h3 span {color: #fff; padding: 8px 35px 10px 15px; background: #58626b;}
	.sitemap_area h3 span:after {content: ''; position: absolute; top: 16px; right: 15px; width: 0; height: 0; background: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff;}
	.sitemap_area h3.open span {background: #0078d7;}
	.sitemap_area h3.open span:after {border-top: 0; border-bottom: 7px solid #fff;}
	.sitemap_area > ul > li > div {display: none; border: 1px solid #ccc; border-top: 0; box-sizing: border-box;}
	.sitemap_area > ul > li > div > ul {padding: 10px 15px 5px;}
	.sitemap_area > ul > li > div > ul > li:first-child {margin-top: 0;}

	/* ================================
		컨텐츠 준비중
	================================ */
	.pre_contents { padding:50px 40px 40px;}
	.pre_contents .cont_t { padding-top:145px; background-position:center top; text-align:center;}
	.pre_contents .cont_t li { margin:0; font-size:18px; line-height:130%; word-break:keep-all;}
	.pre_contents .cont_t .tit { font-size:35px; line-height:105%;}

	/* ================================
		아르떼 라이브러리 소개
	=============================== */
	.bank_info .count_box .tit {font-size: 13px;}
	.bank_info .count_box .tit:after {margin: 10px auto; width: 45px; height: 35px;}
	.bank_info .count_box .tit span {display: inline-block; height: 40px;}
	.bank_info .count_box .count {font-size: 15px;}

	/* ================================
		저작권 안내
	=============================== */
	.right_info .kogl_box01 > ul > li {width: 100%;  border: 0; margin-bottom: 12px;}
	.right_info .kogl_box01 dd {border: 1px solid #dedede; border-top: 0; min-height: auto;}


	/* ================================
		통합검색
	=============================== */
	.search_total_count strong .dis_ib {display: block;}
	.all_search_area .search_box .search .box01 {margin-left:0;}


	/* ================================
		K-Scholar 조회
	================================ */
	#popup_kslist .user_info {margin-bottom: 25px}
	#popup_kslist .user_info > div {width: 100%}
	#popup_kslist .user_info .info {margin-right: 0; height: auto; padding: 15px 15px 5px}
	#popup_kslist .user_info .info dl {margin-bottom: 15px}
	#popup_kslist .form_table {font-size: 13px}
	#popup_kslist .user_info #eChart1 {display: none}

	.board_list_txt03 .tit_box .tit {max-height: 38px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2}

	/* ================================
		교육활용 콘텐츠 이미지 메뉴
	================================ */
	.tit_b {font-size: 18px;}
	.tit_b + .sub_txt {font-size: 13px;}
	.menu_list ul {padding: 8px 0;}
	.menu_list li .tit {font-size: 13px;}
	.menu_list li .tit .m_block {display: block;}
	.menu_list li .new {margin-left: 3px; width: 14px; height: 14px; line-height: 14px;font-size: 8px; vertical-align: 2px;}
	.menu_list li a {padding: 8px 0; border: none;}
	.menu_list li a:after {width: 60px; height: 60px; background-size: 250px auto; margin: 8px auto;}
	.menu_list li.menu02 a:after {background-position: 0 -63px;}
	.menu_list li.menu03 a:after {background-position: 0 -126px;}
	.menu_list li.menu04 a:after {background-position: 0 -190px;}
	.menu_list li.menu05 a:after {background-position: -63px 0;}
	.menu_list li.menu06 a:after {background-position: -63px -63px;}
	.menu_list li.menu07 a:after {background-position: -63px -126px;}
	.menu_list li.menu08 a:after {background-position: -127px 0;}
	.menu_list li.menu09 a:after {background-position: -127px -63px;}
	.menu_list li.menu10 a:after {background-position: -127px -126px;}
	.menu_list li.menu11 a:after {background-position: -127px -190px;}
	.menu_list li.menu12 a:after {background-position: -190px 0;}
	.menu_list li.menu13 a:after {background-position: -190px -63px;}
	.menu_list li.menu14 a:after {background-position: -190px -126px;}
	.menu_list li.menu15 a:after {background-position: -190px -190px;}

	.menu_list li a:hover:after, .menu_list li a:focus:after {transition: none; transform: none;}
	.menu_list .menu_back_txt, .menu_list li a:hover .menu_back_txt, .menu_list li a:focus .menu_back_txt {display: none;}

	/* ================================
		front_board.css
	================================ */

		/* ================================
			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: 76px;}
			.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; margin-bottom: 30px;}
			.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%;}


		/* ================================
			board_view
		================================ */
		.board_view.type02_1 .thumb {width: 135px; height: 85px}

	/* 사용자 의견 - 2021-07-08 추가 */
	#event_area .survey_area .survey_box li {font-size: inherit;}
	#event_area .survey_btn {min-width: 100%; font-size: 16px; padding: 12px 10px 15px;}

	/* 댓글작성 - 2021-07-15 추가 */
	.reply_area .reply_input_area {height: auto;}
	.reply_area .reply_input_area textarea {height: 65px;}
	.reply_area .reply_input_area .btn_modify, .reply_area .reply_input_area .btn_regist {position: static; display: block; width: 100%; height: 35px; line-height: 35px; margin-top: 8px;}
	.reply_area .re_box .reply_input_area {padding-right: 0;}
	.reply_area .regist_box {padding: 15px;}
	.reply_area .regist_box .personal_info {margin-top: 20px;}
	.reply_area .regist_box .regist_input_area .group {display: block; margin-bottom: 10px;}
	.reply_area .regist_box .regist_input_area .css_label {min-width: 75px;}

	/* 썸네일 목록 게시판 스타일(= 이벤트 목록 게시판 사용) - 2021-07-15 추가 */
	.board_list_gallery2 .btn_overlay .btn_type1 {height: 35px; line-height: 35px; max-width: 120px; font-size: 13px; padding: 0 10px; margin-top: -17px;}
	.board_list_gallery2 > ul > li {float: none; width: 100%; margin-bottom: 20px;}
	.board_list_gallery2 .thumb {height: 156px;}

	/* 카드 */
	.board_list_card > ul > li {width: calc((100% - 15px)/ 2); margin-right: 15px;}
	.board_list_card > ul > li:nth-child(2n+2) {margin-right: 0;}

	/* 인기키워드·콘텐츠 -2022-05-03 추가 */
	.keyword_area .keyword_hd {background-size: 94px, 104px; background-position: left top, right bottom;}
	.keyword_area .keyword_main:before {right: 30px;}
	.keyword_area .keyword_hd .keyword_list {background-size: contain; background-position: center top;}
	.keyword_area .keyword_hd .keyword_list.count_03 {background-position: center; background-repeat: no-repeat;}
	.keyword_area .keyword_hd .keyword_list li {font-size: 16px;}
	.keyword_area .keyword_hd .keyword_list.count_03 .type02 {left: unset !important; right: 40px;}
	.keyword_area .keyword_list .cont_box {display: block;}
	.keyword_area .keyword_list .cont_box .cont_tit {display: block; width: 100%; padding-bottom: 10px;}
	.keyword_area .keyword_list .cont_box .cont_tit span:before {height: 24px;}
	.keyword_area .keyword_list .cont_box .cont_list {display: block;}
	.keyword_area .keyword_list .cont_box .cont_tit span {font-size: 16px;}
	.keyword_area .keyword_list .cont_box .cont_list a {display: block;}

	/* program_list */
	.program_list > ul > li {width: calc((100% / 2) - 8px); margin: 15px 15px 0 0; padding: 30px 20px;}
	.program_list > ul > li:nth-child(3n) {margin-right: 15px;}
	.program_list > ul > li:nth-child(2n) {margin-right: 0;}
	.program_list > ul > li:nth-child(3n + 1)::before {content: none;}

	/* ================================
		이용팁
	=============================== */
	.np1-v2 {margin: 30px 0;}
	.np1-v2 .num {display: block; width: 40px; height: 50px; background-size: contain; line-height: 46px; font-size: 15px; margin: 0 auto 10px;}
	#openapi_wrap .tit {padding-left: 0;}
	#openapi_wrap .np1-v0 {font-size: 15px; line-height: 30px;}
	#openapi_wrap .pt120 {padding-top: 10px;}
	#openapi_wrap .api_tbl td {height: 35px;}
	#openapi_wrap .api_tbl thead span button {font-size: 15px;}
	#openapi_wrap .api_tbl2 {padding-top: 0;}
	#openapi_wrap .api_tbl2 table {width: 100%;}
	#openapi_wrap .api_tbl2 .box {font-size: 13px;}
	#openapi_wrap .arrow_box {padding: 0; width: 30px; box-sizing: border-box;}
	#openapi_wrap .arrow.blue {width: 10px; height: 4px; margin-left: -10px;}
	#openapi_wrap .arrow.blue:after {border-width: 8px 10px; top: -6px; left: 10px;}
}

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

	.d_search_cate .more_category > li > ul > li a, .d_search_cate .more_category > li > ul > li button {min-height: 50px;}

	/* ================================
		아르떼 PICK > 컬렉션
	================================ */

	/* list */
	.pick_collection_list .info_area {float: none; width: 100%; padding-left: 0;}
	.pick_collection_list .info_box {float: left; width: calc(100% - 110px); padding-left: 15px; box-sizing: border-box;}

	/* ================================
		front_board.css
	================================ */

		/* ================================
			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;}

		/* ================================
			detail_search
		=============================== */
			.detail_search .mb-md-5 .detail_select {min-width: auto; width: calc((100% - 8px)/2); margin-bottom: 5px;}
			.detail_search .mb-md-5:nth-child(2) .detail_select {margin-right: 0;}
			.detail_search .mb-md-10 .detail_select {min-width: auto; width: 100%;}


		/* ================================
			board_view
		================================ */
		.board_view.type02_1 .thumb_area {display: none}
		.board_view.type02_1 .thumb_area + .info_area {padding-left: 0; width: 100%}

		/* 위클리 뉴스 */
		.cont_txt .d_block {display: block !important;}

		/* 인기키워드·콘텐츠 -2022-05-03 추가 */
		.keyword_area .keyword_main {padding: 30px 35px; background-size: 123px, 4px, 65px;}
		.keyword_area .keyword_main:before {width: 20px; height: 20px; top: -10px;}
		.keyword_area .keyword_hd .keyword_tit .date {display: block;}
		.keyword_area .keyword_hd .keyword_list {width: 100%; min-height: 185px;}
		.keyword_area .keyword_hd .keyword_list.count_03 .type01 {left: 30px !important;}
		.keyword_area .keyword_hd .keyword_list.count_03 .type02 {top: 55px !important;}
		.keyword_area .keyword_list .cont_count .count_subtxt {display: block; padding: 8px 0 0;}

		/* 221219 북큐레이션 추가 */
		.curation_list li {width: calc((100% - 15px) / 2); margin-bottom: 15px;}
		.curation_list li:nth-child(2n + 1) {margin-left: 0;}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.d_search_cate .cate_list > ul > li a, .d_search_cate .cate_list > ul > li button {font-weight: 500;}
	.calendar_input .input_text {font-weight: 500;}
	.d_search_cate .cate_list li a.selected,.d_search_cate .cate_list li button.selected {font-weight: 500;}
	.d_search_opt li .option > a {font-weight: 500;}
	.d_search_tip {font-weight: 500;}
}