@charset "UTF-8";

/* tablet & mobile*/
@media only screen and (max-width: 768px){

	/********** layout **********/
	.contents-frame {padding: 30px 0 60px;}
	.inner-center {padding: 0 4vw;}
	.contents-frame.inner-center {padding: 30px 4vw 60px;}


	/********** common **********/
	span.line-feed {display:inline-block;}
	.toggle-current-view {display:block;}
	.toggle-view-list {display:none;box-sizing:border-box;border:1px solid #ddd;border-top:none;border-radius:0 0 5px 5px;}

	div.board.list ul.items.special > li.main-item > .inner div.info div.item-share {bottom:80px;right:20px;}
	div.board.list ul.items > li > .inner div.info div.item-share {top:15px;right:15px;}
	.sharing-btn-wrap {position:absolute;top:10px;right:10px;display:none;}
	.btn-share {width: 16px; background: url(/images/kccf/icon/icon-card-share.png) no-repeat; text-indent: -9999px; }
	.btn-share:first-child {margin-right: 8px;}
	.btn-bookmark {width: 14px; background: url(/images/kccf/icon/icon-card-scrap.png) no-repeat; text-indent: -9999px;}
	.btn-bookmark.on {background: url(/images/kccf/icon/icon-card-scrap-on.png) no-repeat;background-size:100%}
	.list-box .card .classification .menu-type {display:none !important;}
	.culture .list-box .data-wrap dt .menu-type {display:none !important;}
	.culture .article-main .localculture-box .list.card .data-wrap .sharing-btn-wrap {width:88%;top:14px;left:14px;right:auto;}
	.culture .article-main .localculture-box .list .data-wrap .sharing-btn-wrap {width:66%;top:25px;left:141px;right:auto;}
	.culture .article-main .localculture-box .list .thumb ~ .data-wrap {height:178px;}
	.culture .article-main .localculture-box .list .thumb ~ .data-wrap dl {height:55px !important;}
	.culture .article-main .localculture-box .list .data-wrap dt {margin-bottom:5px;}
	.culture .article-main .localculture-box .sharing-btn-wrap .sub-count {float:left;position:absolute;left:0px;top:0px;}
	.culture .article-main .localculture-box .sharing-btn-wrap .btn-share {float:right;}
	.culture .article-main .localculture-box .data-wrap dt {margin-top:30px;}
	div.article-container.story-detail div.article-main .list-box .list.card .data-wrap .sharing-btn-wrap {top:10px !important;}
	div.article-container.story-detail div.article-main .list-box .list.card .use-image .data-wrap .sharing-btn-wrap {top:20px;right:15px;}
	div.article-container.story-detail div.article-main .list-box .list .use-image .data-wrap .sharing-btn-wrap {top:20px;right:150px;}
	div.article-container.story-detail div.article-main .list-box .list .use-image .data-wrap .classification {padding-bottom:5px;}
	.culture .article-main .localculture-box .list.card li {height:auto;}
	.culture .list-box .card .sharing-btn-wrap button {display:none;}

	div.button-area .only-icon.ris-viewer {display:none;}
	
	/* 수정 */
	ul.paging.paging.local-culture {position:relative; z-index: 10; margin-left: 0;}
	/* 수정 */

	/* visual (main, 지역문화 pick)*/
	div.main-visual .swiper-slide {height:320px;padding:0 30px;}
	div.main-visual .swiper-slide::after {content:' ';width:100%;height:100%;background: rgba(0,0,0,0.3);position:absolute;top:0px;left:0px;z-index:-1;}
	div.main-visual .swiper-slide .title-txt {font-size:22px;line-height:26px;}
	div.main-visual .swiper-slide .title-txt span {font-size:16px;}
	div.main-visual .swiper-slide .summary-txt {font-size:12px;line-height:16px;}
	div.main-visual .swiper-slide .btn-shortcut {padding:12px 40px;font-size:12px;}
	.progressive {height:100%;}
	div.main-visual .swiper-slide .progressive .progressive__img {height:100%;
	-webkit-transform: translateX(-15%);
	-moz-transform: translateX(-15%);
	transform: translateX(-15%);
	transform: translateX(-15%);
	}
	div.main-visual .swiper-slide .progressive::before {content: "";width:100%;height:320px;background:rgba(0,0,0,0.2);position:absolute;top:0;z-index:1;}
	div.main-visual.swiper-type1 .swiper-slide .progressive::before {content: "";width:100%;height:400px;background:rgba(0,0,0,0.3);position:absolute;top:0;z-index:1;}

	/* 타이머 없는 타입 */
	div.main-visual.swiper-type1 div.swiper-container {padding-bottom:0px;height:400px;}
	div.main-visual.swiper-type1 div.swiper-container .swiper-slide {height:400px;}
	div.main-visual.swiper-type1 div.visual-pagination {bottom:30px;}
	div.main-visual.swiper-type1 div.visual-pagination div.inner {text-align:center;}
	div.main-visual.swiper-type1 .button-set {display:none;}
	div.board.list ul.items.blank-type1 > li > .inner {height:420px;}


	/* 지방문화원 검색/ 생산년도 추가 */
	.resourceslist-search-wrap {
		padding: 26px 15px;
		height: 314px;
		max-width: 800px; /* 원하는 너비로 설정 */
		margin: 0 auto; /* 양쪽 여백 동일하게 설정 */
		margin-bottom: -40px;
	}

	.resourceslist-search-wrap p {
		font-size: 18px;
		font-weight: 400;
	}

	.resourceslist-search-wrap em {
		font-weight: 500;
	}

	.resourceslist-container {
		flex-direction: column; /* 세로 정렬로 변경 */
		align-items: center; /* 가운데 정렬 */
	}

	.resourceslist-input-area {
		display: flex;
		flex-direction: column; /* 세로 정렬로 변경 */
		align-items: center; /* 너비를 100%로 유지 */
		width: 100%; /* 너비 100%로 설정 */
		padding: 10px; /* 패딩 조정 */
	}

	.resourceslist-search-wrap .resourceslist-selection {
		position: absolute;
		left: 0px;
		display: inline-block;
		padding-left: 25px;
		width: 100%;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		color: #666;
	}

	.resourceslist-search-wrap .resourceslist-selection .sear_depth {
		width: 100%; /* 전체 너비 사용 */
		left: 0; /* 왼쪽 정렬 */
		top: -3px; /* 위쪽 정렬 */
		padding: 0px 0px 0px 15px;
	}

	.resourceslist-search-wrap .resourceslist-selection::after {
		background: url("/images/kccf/btn/btn_remote_notice_banner_down.png") no-repeat right top;
		top: 15px;
		right: 20px;
	}

	.resourceslist-search-input {
		margin: 0;
		width: 100%; /* 너비 100%로 설정 */
		position: absolute;
		top: 60px;
		min-height: 58px;
		border: 2px solid #327E48;
		border-radius: 4px;
		display: flex;
		align-items: center;
		text-align: left; /* 기본 왼쪽 정렬 유지 */
		text-indent: 20px; /* 텍스트를 오른쪽으로 10px 이동 */
	}

	.resourceslist-search-wrap .production-period {
		width: 100%;
		padding: 10px;
		border: none;
		border-radius: 4px;
		background: transparent;
		display: flex;
		flex-direction: column;
		position: relative;
		top: 110px;
		min-height: 55px; /* 최소 높이 설정 */
		justify-content: flex-start;
		align-items: flex-start;
		white-space: nowrap; /* 줄바꿈 방지 */
	}

	.resourceslist-search-wrap .production-period dt {
		color: #fff;
		font-size: 14px;
		font-weight: 700;
	}

	/* 전체 왼쪽 정렬을 위한 스타일 */
	.resourceslist-search-wrap .production-period  dd {
		display: flex;
		flex-direction: column; /* 세로 정렬 */
		margin-left: 3px;
	}

	.resourceslist-search-wrap .production-period dd li {
		margin-left: -40px;
		position: relative;
		left: 8px;
	}

	/* 라디오 버튼 스타일 */
	.resourceslist-search-wrap .radio-check {
		display: flex;
		align-items: center; /* 수직 중앙 정렬 */
		margin-right: 30px;
	}

	.resourceslist-search-wrap .radio-check input[type="radio"] + label {
		color: #fff;
	}

	.resourceslist-search-wrap .radio-check input {
		padding: 0 5px;
		text-align: left;
		position: relative;
		margin-left: 2px;
	}

	.radio-check .year-range-separator {
		color: #fff;
	}

	.resourceslist-search-button {
		width: 100%; /* 너비 100%로 설정 */
		margin-top: 145px; /* 위쪽 여백 추가 */
	}
	/* 지방문화원 검색/ 생산년도 추가 */


	/********** board **********/

	/* 250226 수정 */
	div.board.blank-type1, div.board.list.blank-type1.local-culture {margin-top:50px; width: 100%;}
	/* 250226 수정 */

	div.board.list ul.items > li > .inner div.info strong.title {padding:0;}
	div.board.list ul.items > li > .inner div.info div.additional-explanation {min-height:35px;padding:0;border:none;}
	div.board.list ul.items > li > .inner div.info div.additional-explanation span.category {display:none;}
	div.board.list ul.items > li > .inner div.info div.additional-explanation span.location,
	div.board.list ul.items > li > .inner div.info div.additional-explanation span.type {margin:0;font-size:11px;}
	div.board.list ul.items > li > .inner div.info div.additional-explanation span.ralation-count {margin-top:0;margin-bottom:10px;font-size:11px;}

	div.board.list ul.items > li > .inner div.info div.item-share {display:none;}
	div.board.list ul.items > li > .inner div.info div.hash-tag  {display:none;}
	div.board.list ul.items > li > .inner div.info div.publishing-info {margin-top:10px;}
	div.board.list ul.items > li > .inner div.info ul.place-detail {margin-top:0;}
	div.board.list ul.items > li > .inner div.info ul.place-detail > li {min-height:16px;padding-left:20px;margin-top:3px;font-size:12px;}
	div.board.list ul.items > li > .inner div.info ul.place-detail > li.address {background-image:url('/images/kccf/icon/ico_location_border_size16x16_666.png');}
	div.board.list ul.items > li > .inner div.info ul.place-detail > li.contact-address {background-image:url('/images/kccf/icon/ico_phone_border_size16x16_666.png');}
	div.board.list ul.items > li > .inner div.info ul.place-detail > li.source {background-image:url('/images/kccf/icon/ico_source_border_size16x16_666.png');}

	/* board - simple(공통) overwrite */
	div.board.list ul.items.simple.flex-layout,
	div.board.list ul.items.special,
	div.board.list ul.items.all-viewer {justify-content:space-between;margin:0;}

	div.board.list ul.items.simple > li p.desc,
	div.board.list ul.items.simple > li div.button-area {display:none;}

	div.board.list ul.items.simple.flex-layout > li,
	div.board.list ul.items.all-viewer > li,
	div.board.list ul.items.simple.less > li {width:calc(50% - 5px);}

	div.board.list ul.items.simple.flex-layout > li,
	div.board.list ul.items.all-viewer > li {padding:0;}

	div.board.list ul.items.simple.flex-layout  > li > .inner div.thumbnail,
	div.board.list ul.items.simple.less > li > .inner div.thumbnail {width:100%;height:122px;}

	div.board.list ul.items.simple.flex-layout > li > .inner div.info,
	div.board.list ul.items.simple.less > li > .inner div.info {margin-top:10px;}

	div.board.list ul.items.simple.less > li > .inner div.info {flex:0 1 auto;}
	div.board.list ul.items.simple.odd > li > .inner div.info,
	div.board.list ul.items.simple.even > li > .inner div.info {padding:0;}

	div.board.list ul.items.simple.flex-layout > li > .inner div.info strong.title,
	div.board.list ul.items.simple.less > li > .inner div.info strong.title {font-size:14px;line-height:20px;}
	div.board.list ul.items.simple.less > li > .inner div.info strong.title {height:44px;}

	div.board.list ul.items.simple.less > li > .inner div.info ul.summary > li {float:none;padding:0;margin:0;background-image:none;}

	div.board.list ul.items.simple.flex-layout > li > .inner div.info ul.summary > li,
	div.board.list ul.items.simple.less > li > .inner div.info ul.summary > li {padding:0;margin:0;font-size:12px;line-height:18px;}

	/* board- simple(10개 이상) */
	div.board.list ul.items.simple.flex-layout > li {margin-bottom:20px;}
	div.board.list ul.items.simple.flex-layout > li > .inner div.info ul.summary.direction-column > li strong {position:static;}

	/* board - simple(10개 미만 공통) */
	div.board.list ul.items.simple.less > li {margin:0;}
	div.board.list ul.items.simple.less > li > .inner {display:block;width:100%;border:none;}

	/* board - simple(10개 미만 홀수) */
	div.board.list ul.items.simple.odd {display:flex;flex-wrap:wrap;justify-content:space-between;}
	div.board.list ul.items.simple.odd > li > .inner {padding:20px 0;}
	div.board.list ul.items.simple.odd > li.first > .inner {padding-top:0;}

	/* board - special(카드타입) */
	div.board.list ul.items.special > li {width:calc(50% - 6px);height:265px;padding:0;margin:0 0 12px;}
	div.board.list ul.items.special > li > .inner {display:block;}
	div.board.list ul.items.special > li > .inner div.thumbnail {height:121px;}
	div.board.list ul.items.special > li > .inner div.info {padding:15px;}
	div.board.list ul.items.special > li > .inner.only-txt div.info {height:100%;}
	div.board.list ul.items.special > li > .inner.use-image div.info {height:142px;}
	div.board.list ul.items.special > li > .inner div.info strong.title {height:40px;margin:0;font-size:16px;line-height:20px;}
 	div.board.list ul.items.special > li > .inner div.info p {font-size:12px;line-height:16px;}
	div.board.list ul.items.special > li.main-item {width:100%;}
	div.board.list ul.items.special > li.main-item > .inner div.info {height:100%;padding:25px 20px;}
	div.board.list ul.items.special > li.main-item > .inner div.info strong.title {padding:0;font-size:18px;line-height:22px;}
	div.board.list ul.items.special > li.main-item > .inner div.info p {margin-top:10px;line-height:18px;}

	/* board - cover (resize는 script로 적용)*/
	div.board.list ul.items.cover {display:flex;flex-wrap: wrap;justify-content: space-between;}
	div.board.list ul.items.cover:after {content:none;}
	div.board.list ul.items.cover > li {width:calc(50% - 5px);padding:0;}

  /* 수정 */
	div.board.list.local-culture ul.items.cover > li {width: calc(50% - 5px);padding: 0;}
	/* 수정 */

	div.board.list ul.items.cover > li > .inner div.info strong.title {height:45px;}
	div.board.list ul.items.cover.underline > li {padding-bottom:0;border-bottom:none;}
	div.board.list ul.items.cover.shadow > li > .inner div.thumbnail {box-shadow:none;border:1px solid #ddd; height:266px;}
	div.board.list ul.items.cover.resize > li > .inner div.thumbnail span.image-frame {min-height:266px !important;}
	div.board.list ul.items.cover.resize > li > .inner div.thumbnail span.image-frame img {height:266px !important;}

	/* board  - scale */
	div.board.scale-slide div.data-relation,
	div.board.scale-slide div.swiper-container {padding:0 4vw;}
	div.board.limit-line {height:210px;}
	div.board.scale-slide ul.items > li {height:146px;}

	/* board - detail (pick 모두보기) */
	div.board.list ul.items.all-viewer > li {margin-bottom:10px;}


	/********** Main **********/
	/* layout */
	#contents.main {padding-top:61px;} /* 61px은 header outerHeight값 */

	#contents.main div.visual-navi {display:none;}
	#contents.main div.visual-pagination {padding-bottom:35px;}
	div.main-visual div.visual-pagination div.swiper-pagination {padding:0px 0px 10px;}
	div.main-visual .swiper-pagination-bullet-active {margin-right:40px;}
	div.main-visual .swiper-pagination-bullet-active:after {width: 20px;margin: -12px 0 0 22px;}

	/* 지역관련 데이터 */
	#contents.main div.area-data {display:block;}
	#contents.main div.area-data div.location {position:relative;width:100%;}
	#contents.main div.area-data div.location div.title {padding:0;}
	#contents.main div.area-data div.location div.title h2 {font-size:22px;}
	#contents.main div.area-data div.location p.desc {margin:0;font-size:14px;}
	#contents.main div.area-data div.location p.desc span.line-feed {display:inline-block;}
	#contents.main div.area-data div.location button.open.btn-user-set {position:absolute;right:0;top:5px;padding:0;margin:0;font-size:0;line-height:0;}
	#contents.main div.area-data div.location div.user-select-place {margin-top:8px;}
	#contents.main div.area-data div.location div.user-select-place strong.current-place-name {font-weight:600;}
	#contents.main div.area-data div.location div.user-select-place ul.history {position:absolute;left:0;top:44px;width:100%;padding:0 12px;margin:0;background-color:#e9f2f9;}
	#contents.main div.area-data div.location div.user-select-place ul.history > li {height:auto;padding:5px 0;line-height:normal;background-image:none;}
	#contents.main div.area-data div.location div.user-select-place ul.history > li a {font-weight:600;font-size:14px;color:#666;}
	#contents.main div.area-data div.location div.user-select-place ul.history > li.current a span.town {padding-left:12px;background-image:url('/images/kccf/home/bul_location_history_before.png');}
	#contents.main div.area-data div.location div.user-contact {
		height:44px;
		padding:0 12px;
		margin-top:8px;
		border:1px solid #ddd;
		border-radius:5px;
		font-weight:600;
		font-size:14px;
		line-height:44px;
		color:#333;
		background-color:#e9f2f9;
		background-image:none;
	}
	#contents.main div.area-data div.location div.user-contact span.town {padding:0;margin:0;background-image:none;}
	#contents.main div.area-data div.tab-container {flex:0 1 auto;margin-top:40px;}
	#contents.main div.area-data div.tab-container div.tab-list nav.tab-menu ul {justify-content:normal;}
	#contents.main div.area-data div.tab-container div.gallery-list section.list-box .card {justify-content:space-between;}
	#contents.main div.area-data div.tab-container div.gallery-list section.list-box .card > li {width:calc(50% - 5px);height:212px;min-height:212px;margin:0;}
	#contents.main div.area-data div.tab-container div.gallery-list section.list-box .card > li a div.thumb {height:121px;}
	#contents.main div.area-data div.tab-container div.gallery-list section.list-box .card > li a div.data-wrap {margin-top:10px;}
	#contents.main div.area-data div.tab-container div.gallery-list section.list-box .card > li a div.data-wrap strong {font-size:12px;}
	#contents.main div.area-data div.tab-container div.gallery-list section.list-box .card > li a div.data-wrap p {font-size:16px;}

	/* gallery banner */
	.banner-container{}

	.banner-box {display:inline-block;width:100%;}
	.banner-box > div {width:auto;float:none;}
	.banner-box .left {height:530px;}
	.banner-box .left .gallery{height:530px;}
	.banner-box .left .gallery .bg .text-area{left: 0;right: auto;width: 73.5%;margin-right: 0;padding: 6vw 4vw 0;}

	.banner-box .left .gallery .bg .title-txt{font-size: 1.6rem;line-height: 34px;}
	.banner-box .left .gallery .bg .summary-txt{max-height:60px;line-height: 20px;padding-top: 10px;font-size: 14px;}
	.banner-box .left .gallery .bg .summary-txt br{display:none}
	.banner-box .swiper-button-next.swiper-button-white,
	.banner-box .swiper-container-rtl .swiper-button-prev.swiper-button-white,
	.banner-box .swiper-button-prev.swiper-button-white,
	.banner-box .swiper-container-rtl .swiper-button-next.swiper-button-white{width:44px;height:44px;border:2px solid #fff;background:url(/images/kccf/icon/icon-m-slider-arrow.png) no-repeat center;}
	.banner-box .swiper-button-next.swiper-button-white:hover,
	.banner-box .swiper-container-rtl .swiper-button-prev.swiper-button-white:hover,
	.banner-box .swiper-button-prev.swiper-button-white:hover,
	.banner-box .swiper-container-rtl .swiper-button-next.swiper-button-white:hover{background:#dae2e0 url(/images/kccf/icon/icon-m-slider-arrow-on.png) no-repeat center;}
	.banner-box .swiper-pagination{right:calc(4vw + 133px);bottom:374px;left: auto;}
	.banner-box .swiper-button-next{left: auto;right: 4vw;margin-top:-318px;}
	.banner-box .swiper-button-prev{left: auto;right:calc(4vw + 58px);margin-top:-318px;}
	.banner-box .btn-viewmore{margin-top: 20px;}
	.banner-box .right{height:174px;z-index: 9;}
	.banner-box .right .thumbs{position: absolute;top: -155px;margin: 0px 0 0 4vw;}
	.banner-box .right .thumbs ul li{width: 310px !important;height: 310px;margin-right:15px}
	.banner-box .right .thumbs ul li img{opacity:1.0;}

	/* 이달의 지역문화포스트 */
	section.current-month-best {padding:40px 0;}
	section.current-month-best div.data-relation {position:relative;}
	section.current-month-best div.data-relation a.more-view {position:absolute;right:0;top:50%;margin-top:-10px;}
	section.current-month-best.best-info div.board.list ul.items.special > li {height:290px;}
	section.current-month-best.best-info div.board.list ul.items.special > li > .inner div.info strong.title {height:46px;}
	div.post-con ul.list.card .data-wrap dt a {min-height:auto;}

	/********* 지역문화 Pick *********/
	/* 게시물 정보(title, size) */
	div.data-relation.first {margin-bottom:30px;}
	div.data-relation h2,
	div.data-relation.main-relation h2 {font-size:22px;}
	div.data-relation div.data-size,
	div.data-relation button.history-back {font-size:14px;}
	div.data-relation button.history-back {padding-right:10px;}
	div.data-relation select {width:100%;margin-top:20px;}
	div.data-relation select.side-pos-right {position:static;}

	/* list */
	#js-Local-list,
	#js-Type-list,
	#js-Category-list {margin-top:40px;}
	nav.tab-pick-type {margin:23px 0px;}
	nav.tab-pick-type ul {justify-content:flex-start;padding:0;}
	nav.tab-pick-type ul > li {padding:0;margin-left:40px;}
	nav.tab-pick-type ul > li:first-child {margin-left:0;}
	nav.tab-pick-type ul > li > a {font-size:16px;}

	/* list filter (팝업, 페이지, 모두보기) */
	div.filter-options-action {top:0;right:4vw;margin:0;}
	section.details-all-view div.filter-options-action {right:0;}
	div.filter-options-action button.filter-options-toggle {
		width:22px;
		height:20px;
		padding:0;
		margin-left:10px;
		border:none;
		border-radius:0;
		background:url('/images/kccf/icon/ico_filter_size22x20_999.png') no-repeat 50% 50%;
	}
	div.filter-options-action button.filter-options-toggle span {display:none;}

	div.data-relation.main-relation div.filter-options-action {margin-top:5px;}
	div.data-relation.main-relation div.filter-options-action button.filter-options-toggle {display:inline-block;}

	div.filter-options {overflow-y:auto;position:fixed;left:0;right:0;top:0;bottom:0;padding:0;background-color:#fff;z-index:200;}
	div.filter-options.view {display:none;}
	div.filter-options div.toast-action {display:block;}
	div.filter-options ul.inner-center {padding:0;}
	div.filter-options ul.inner-center > li {display:block;}
	div.filter-options ul.inner-center > li div.category {width:100%;background-color:#f3f3f3;}
	div.filter-options ul.inner-center > li div.category strong {
		height:53px;
		padding:0 4vw;
		border-radius:0;
		font-weight:800;
		font-size:18px;
		line-height:53px;
		color:#222;
		background-color:transparent;
	}
	div.filter-options ul.inner-center > li {flex:0 1 auto;}
	div.filter-options ul.inner-center > li ul.check {padding:4px 4vw 0;}
	div.filter-options ul.inner-center > li ul.check li {width:50%;min-width:auto;padding:16px 0;}

	div.contents-frame.fixed-tab {padding-top:46px;}
	div.contents-frame.fixed-tab nav.tab-pick-sub {position:fixed;top:61px;z-index: 119;}
	nav.tab-pick-sub {margin-top:0;}
	nav.tab-pick-sub ul {padding:0;border: none; border-radius: 0; overflow: visible;justify-content:flex-start;}
	nav.tab-pick-sub ul.tab-pick-typepage {max-width: none;}
	nav.tab-pick-sub ul li {width: auto; border: none; color: #666;}
	nav.tab-pick-sub ul li a {height: 46px;line-height: 46px;padding: 0 20px;}
	nav.tab-pick-sub ul li:hover a {color:#999;background-color:transparent;}
	nav.tab-pick-sub ul li.on a {color:#fff;background-color:#457cba;}
	nav.tab-pick-sub li a:before{display:none;}

	/* view (자세히 보기, 팝업, 모두보기) */
	#router-view button.view-close {right:4vw;top:37px;width:20px;height:20px;background-image:url('/images/kccf/btn/btn_close_size20x20_fff_opacity7.png');}
	#router-view div.component-detail div.outer div.mCustomScrollBox {padding:0 4vw;}
	#router-view div.component-detail div.outer div.intro div.gallery div.component-sharing a.new-window {display:none;}

	div.component-detail.details-view div.outer {padding:0 4vw;}
	div.component-detail div.outer div.intro div.info ul.summary> li {font-size:12px;}

	div.component-detail h1.component-title {height:auto;padding:34px 10vw 20px;font-size:20px;}
	div.component-detail h2.mobile-only-item-title {display:block;}
	div.component-detail div.outer .mCSB_inside > .mCSB_container {margin:0;}
	div.component-detail div.outer div.intro {flex-direction:column-reverse;flex-wrap:wrap;padding:20px 0 0;margin-bottom:50px;}
	div.component-detail div.outer div.intro div.info,
	div.component-detail div.outer div.intro div.gallery {width:100%;}
	div.component-detail div.outer div.intro div.info {position:relative;padding:100px 0 0;}
	div.component-detail div.outer div.intro div.info strong.item-title {display:none;}
	div.component-detail div.outer div.intro div.info strong.relation-tag-title {display:block;}
	div.component-detail div.outer div.intro div.info p.desc {margin-top:0;font-size:14px;line-height:24px;}
	div.component-detail div.outer div.intro div.info .item-original {
		position:absolute;
		left:0;
		top:20px;
		width:70%;
		height:40px;
		padding:0;
		margin-top:0;
		font-weight:800;
		font-size:14px;
		line-height:40px;
	}
	div.component-detail div.outer div.intro div.info div.hash-tag {margin-top:20px;}
	div.component-detail div.outer div.intro div.gallery {position:relative;}
	div.component-detail div.outer div.intro div.gallery div.component-sharing {position:absolute;right:0;bottom:-60px;z-index:1;}
	div.component-detail div.outer div.intro div.gallery div.image {width:100%;height:252px;margin:0;}

	section.details-all-view {padding-top:30px;}


	/********* 지역문화 이야기 *********/
	/* layout */
	section.contents-frame.inner-center.theme-frame {padding:20px 0 70px;}
	section.contents-frame.inner-center.theme-frame div.article-container.next {padding:0 4vw;margin-top:67px;}

	/* list */
	section.theme-frame div.board.list div.theme-title-area {padding:0 4vw;}
	section.theme-frame div.board.list ul.theme-navi {position:absolute;left:0;right:0;top:44px;float:none;width:calc(100% - 8vw);padding:0 12px;margin:0 auto;}
	section.theme-frame div.board.list ul.theme-navi > li {height:auto !important;padding:10px 0;background-image:none;}
	section.theme-frame div.board.list ul.theme-navi > li:after {content:none;}
	section.theme-frame div.board.list ul.theme-navi > li > a strong,
	section.theme-frame div.board.list ul.theme-navi > li.on > a strong  {font-weight:600;font-size:14px;}
	section.theme-frame div.board.list ul.theme-navi > li > a strong {color:#666;}
	section.theme-frame div.board.list div.swiper-container {overflow:hidden;padding:0 4vw;margin-top:20px;}
	section.theme-frame div.board.list ul.items.cover {display:flex;flex-wrap:nowrap;margin:0;}
	section.theme-frame div.board.list ul.items.cover > li {height:auto;margin:0;}
	section.theme-frame div.board.list .swiper-pagination-fraction {display:block;bottom:-35px;padding:0 4vw;font-weight:600;text-align:right;}
	.story-detail .list-box .list .list-tag {height:29px;}
	.story-detail .list-box .thumb ~ .data-wrap {display:contents;}

	/********* 문화원 소장자료 *********/
	/* layout - layout.css에 따로 빼지 않음 */
	.possession div.flex-layout {display:block;}
	.possession .default-blank {padding:40px 0;}
	.possession.details-list-page  div.board {max-width:none;padding:40px 4vw 30px;margin: 0 auto;}
	.possession.details-list-page  div.board div.data-relation div.data-size {margin-left:0;}

	.possession header {height:72px;}
	.possession header div.inner a.logo {left:4vw;margin-top:-10px;}
	.possession header div.inner a.logo img {width:83px;}
	.possession header div.inner h1{padding:0 4vw;font-size:18px;line-height:72px;text-align:right;}
	.possession header div.inner a.home-link {right:4vw;}

	/* common */
	.possession div.simple-explanation {position:relative;width:100%;}
	.possession div.simple-explanation strong {font-size:22px;}
	.possession div.simple-explanation p.desc {margin-top:0;font-size:14px;}
	.possession div.simple-explanation a.view {
		position:absolute;
		right:4vw;
		top:7px;
		padding:0 15px 0 0;
		margin:0;
		background-color:transparent !important;
		background-image:url('/images/kccf/btn/btn_right_arrow_size5x8_fff.png');
		background-repeat:no-repeat;
		background-position:100% 50%;
	}

	.possession div.fade-swiper .swiper-slide.swiper-slide-active div.frame,
	.possession div.fade-swiper .swiper-slide.swiper-slide-active div.dimd  {transform:scale(1.1);}

	.possession.details-list-page header div.inner h1{padding-right:12vw;}
	.possession.details-list-page .list-box .title.separate {position:relative;margin-bottom:30px;}
	.possession.details-list-page .list-box .title.separate span.count {position:absolute;left:0;bottom:-25px;float:none;margin:0;font-size:14px;}

	/* search */
	.possession.empty-visual div.search {padding-top:72px;}
	.possession div.search {}
	.possession div.search div.simple-explanation {padding:0 4vw;}
	.possession div.search div.simple-explanation p.desc {display:none;}
	.possession div.search div.inner-center {padding:40px 0 0;}
	.possession div.search div.own {position:relative;margin-top:10px;}
	.possession div.search div.own div.keyword {padding:0 4vw;}
	.possession div.search div.own div.keyword div.field {width:calc(100% - 66px);}
	.possession div.search div.own div.keyword button.initialization {width:56px;}
	.possession div.search div.own div.keyword button.initialization span {
		display:block;
		height:100%;
		padding:0;
		font-size:0;
		text-indent:-9999px;
		background-position-x:50%;
	}
	.possession div.search div.own button.selection-toggle {display:block;}
	.possession div.search div.own div.user-selection {display:none;padding:30px 4vw;margin:0;}
	.possession div.search div.own div.user-selection div.selection-wrap {padding:0;}
	.possession div.search div.own div.user-selection div.selection-wrap.type {margin-top:30px;}
	.possession div.search div.own div.user-selection div.selection-wrap strong {display:inline-block;position:static;font-size:14px;}
	.possession div.search div.own div.user-selection div.selection-wrap ul {margin:0;}
	.possession div.search div.own div.user-selection div.selection-wrap ul > li {width:50%;margin-top:20px;}

	/* 주요키워드 */
	div.summary-keyword ul.tag-box.list-tag {height: 58px;margin: 10px 0px;overflow: hidden;}
	div.summary-keyword ul.tag-box.list-tag li {margin: 0px 5px 5px 0px;}

	/* 많이본 자료 */
	div.best-items {padding-bottom:40px;}
	div.best-items div.swiper-remote {display:none;}
	div.best-items div.three-quarters {min-width:auto;margin:0;}
	div.best-items div.three-quarters div.division-section {width:100%;}
	div.best-items div.three-quarters div.board {padding:0 4vw;margin:10px 0 0;}
	div.best-items div.three-quarters div.board ul.items {display:flex;flex-wrap:nowrap;justify-content:flex-start;}

	/* 추천 소장자료 */
	div.recommendation .swiper-container {padding-top:30px;margin-top:20px;}

	/* 연도별 인기자료 */
	div.yearly {padding:40px 0 70px;}
	div.yearly div.both-sides-tab {width:100%;margin-top:20px;}
	div.yearly div.both-sides-tab > ul {display:flex;justify-content:space-between;}
	div.yearly div.both-sides-tab > ul > li {
		box-sizing:border-box;
		float:none;
		padding:0 10px;
		margin-left:10px;
		border:none;
		border-radius:3px;
		background-color:#f1f1f1;
	}
	div.yearly div.both-sides-tab > ul > li:first-child {margin-left:0;}
	div.yearly div.both-sides-tab > ul > li.old-years {margin-top:0;}
	div.yearly div.both-sides-tab.default-type > ul > li a {height:40px;padding:0;font-size:16px;line-height:40px;background-position-y:50%;}
	#yearData {margin-top:20px;}


	/********* theme *********/
	.style-141517 div.filter-options ul.inner-center > li ul.check input[type="checkbox"] + label {color:#999;}

	div.style-1961a9 div.both-sides-tab.default-type > ul > li:hover,
	div.style-1961a9 div.both-sides-tab.default-type > ul > li.on {background-color:#1961a9;}
	div.style-396d23 div.both-sides-tab.default-type > ul > li:hover,
	div.style-396d23 div.both-sides-tab.default-type > ul > li.on {background-color:#396d23;}
	div.style-b84409 div.both-sides-tab.default-type > ul > li:hover,
	div.style-b84409 div.both-sides-tab.default-type > ul > li.on {background-color:#b84409;}
	div.style-3f51b5 div.both-sides-tab.default-type > ul > li:hover,
	div.style-3f51b5 div.both-sides-tab.default-type > ul > li.on {background-color:#3f51b5;}
	div.style-bd3736 div.both-sides-tab.default-type > ul > li:hover,
	div.style-bd3736 div.both-sides-tab.default-type > ul > li.on {background-color:#bd3736;}
	div.style-723e86 div.both-sides-tab.default-type > ul > li:hover,
	div.style-723e86 div.both-sides-tab.default-type > ul > li.on {background-color:#723e86;}
	div.style-446473 div.both-sides-tab.default-type > ul > li:hover,
	div.style-446473 div.both-sides-tab.default-type > ul > li.on {background-color:#446473;}
	div.style-5d4038 div.both-sides-tab.default-type > ul > li:hover,
	div.style-5d4038 div.both-sides-tab.default-type > ul > li.on {background-color:#5d4038;}
	div.style-016f6e div.both-sides-tab.default-type > ul > li:hover,
	div.style-016f6e div.both-sides-tab.default-type > ul > li.on {background-color:#016f6e;}
	div.style-233b5d div.both-sides-tab.default-type > ul > li:hover,
	div.style-233b5d div.both-sides-tab.default-type > ul > li.on {background-color:#233b5d;}
	div.style-795700 div.both-sides-tab.default-type > ul > li:hover,
	div.style-795700 div.both-sides-tab.default-type > ul > li.on {background-color:#795700;}
	div.style-c02a6c div.both-sides-tab.default-type > ul > li:hover,
	div.style-c02a6c div.both-sides-tab.default-type > ul > li.on {background-color:#c02a6c;}
	div.style-265168 div.both-sides-tab.default-type > ul > li:hover,
	div.style-265168 div.both-sides-tab.default-type > ul > li.on {background-color:#265168;}
	div.style-595168 div.both-sides-tab.default-type > ul > li:hover,
	div.style-595168 div.both-sides-tab.default-type > ul > li.on {background-color:#595168;}

	div.both-sides-tab.default-type > ul > li:hover a,
	div.both-sides-tab.default-type > ul > li.on a {color:#fff !important;background-image:url('/images/kccf/btn/btn_right_arrow_size4x8_fff.png') !important;}

	#lib-theme div.board.list ul.items > li > .inner div.info div.additional-explanation span.location {color:#2266b4;}
	#lib-theme div.board.list ul.items.text-effect > li > .inner div.info strong.title span {background-image:none;}

	#pst-theme div.board.list ul.items > li > .inner div.info div.additional-explanation span.location {color:#3a7eae;}

	#thm-theme .theme-frame div.board.list .toggle-current-view,
	#thm-theme .theme-frame div.board.list .toggle-view-list  {background-color:#dbe8e6;}

	/* 개인정보처리방침 */
    .privacy {width:100%;margin:60px auto;padding:0px 15px;line-height:22px;}
  	.privacy .privacy-bg {width:100%;min-height:620px;padding:80% 5% 15%;background:url('/images/kccf/bg/bg-privacy_m.jpg') center top no-repeat;background-size:cover;background-color:#f6f6f6;display:inline-block;height:auto;line-height:28px;}
  	.privacy .privacy-bg .Text {display:inline-block;margin:0px 0px 0px 0px;}
	.privacy .privacy-bg .Text h3 {font-size:20px;color:#0e4082;margin-bottom:10px;}
	.privacy .privacy-bg .Text p {font-size:16px;color:#666;font-weight:normal;word-break: keep-all;line-height:22px;}
	.privacy .privacy-bg .Text p:nth-of-type(1) {margin-bottom:25px;}

	.privacy > h3 {font-size:18px;margin:30px 0px 10px;color:#0e4082;}
	.privacy > p {word-break: keep-all;font-size:14px;color:#666;margin-bottom:20px;letter-spacing:-1px;}
	.privacy strong {font-size:16px;color:#0071a0;font-weight:800;}
	.privacy ul {margin:20px 0px 20px;}
	.privacy ul li {margin-bottom:5px;}
	.privacy ul li strong {font-size:16px;margin-bottom:5px;}
	.privacy ul.j2 {margin-left:16px;}
	.privacy ul.j2 li {text-indent: -13px;}
	.privacy ul.j4 {margin-left:20px;}
	.privacy ul.j4 li:nth-of-type(1), .privacy ul.j4 li:nth-of-type(3) {text-indent: -11px;}
	.privacy ul.j6 {margin-left:10px;}
	.privacy ul.j7 > ul {margin-left:10px;}
	.privacy ul.j8 {margin-left:20px;}
	.privacy ul.j8 li {text-indent: -11px;}

	/* 메인 리뉴얼 */
	.area-container .inner-center {flex-direction: column;position:relative;}
	.area-container .inner-center > div {margin:0;width:100%;}
	.area-container .left-sec .tit h2 {font-size:22px;}
	.area-container .left-sec .tit .edit {line-height:10px;}
	.area-container .left-sec .tit .edit a {font-size:0;}
	.area-container .left-sec .more {position:relative;top:0;left:0;margin:20px 0px 0px;}
	.area-container .left-sec .more a {width:100%;padding:0;background: url(/images/kccf/btn/btn-see-more-wh.png) 60% center no-repeat #777;border-radius: 8px;height: 40px;line-height:40px;text-align:center;display:inline-block;color:#fff;}
	.area-container .left-sec .select-area {margin:20px 0px 15px;}
	.area-container .left-sec .select-area #sido {width:40%;}
	.area-container .left-sec .select-area #sigugun {width:33%;}
	.area-container .left-sec .select-area button {width:25%;}
	.area-container .left-sec .story-box {padding:15px;margin-top: 195px;}
	.area-container .left-sec .story-box .story-li .img {width:45%;}
	.area-container .left-sec .story-box .story-li .txt {width:50%;}
	.area-container .left-sec .story-box .story-li .txt p.type {font-size:12px;}
	.area-container .left-sec .story-box .story-li .txt p.title a {font-size:14px;line-height:22px;-webkit-line-clamp: 3;}
	.area-container .left-sec .story-box .story-li .txt p.con {display:none;}
	.area-container .right-sec {position:absolute;top:130px;width: 92% !important;border:1px solid #ddd;border-radius:8px;}
	.area-container .right-sec .map > div {height:56px;background:#f5f5f5 !important;}
	.area-container .right-sec .map > div button {display:none;}
	.area-container .right-sec .map > div button.on {display:inline-block;top:16px;left:17%;color:#2781C1;background:none;pointer-events: none;}
	.area-container .right-sec .map > div button.on::before {left:-30px;top:-2px;border: 6px solid #2781C1;background:#fff;}
	.area-container .right-sec .tit {padding:15px;display:inline-block;width:100%;}
	.area-container .right-sec .tit > div {display:inline-block;height:15px;}
	.area-container .right-sec .map > div button .total {background:none;left:105px;top:-16px;height:56px;border-left:1px solid #ddd;}
	.area-container .right-sec .map > div button .total span:nth-of-type(1)::before {display:none;}

	.tab-container .tab-menu{overflow-x: scroll;}
	.tab-container .tit h2 {font-size:22px;margin-bottom:20px;}
	.tab-container .more {position:relative;top:0;left:0;margin:20px 0px 0px;}
	.tab-container .more a {width:100%;padding:0;background: url(/images/kccf/btn/btn-see-more-wh.png) 60% center no-repeat #777;border-radius: 8px;height: 40px;line-height:40px;text-align:center;display:inline-block;color:#fff;}
	.tab-container .tab-menu ul li {margin-bottom:8px;}
	.tab-container .tab-menu ul li a {width: 57px;height: 25px;text-align: center;display:inline-block;}
	.tab-container .tab {min-height:auto;}
	.tab-container .swiper-post {padding: 30px 0px 45px;}
	.tab-container .swiper-post .swiper-slide-active {width:280px;}
	.tab-container .swiper-post .swiper-slide-active .img {border:3px solid #006AB4;}
	.tab-container .swiper-post .swiper-slide .txt a .con {display: -webkit-box;}
	.tab-container .swiper-post .swiper-slide-active .img::before {content:'';width:100%;height:100%;background:linear-gradient(0deg, rgba(39,129,193,.8), rgba(39,129,193,0) 70.71%);position: absolute;top:0px;left:0px;}
	.tab-container .swiper-post .swiper-slide:hover {width:280px;}
	.tab-container .swiper-post .swiper-slide:nth-child(even) {top:auto;}

	.vr-container .swiper-vr .swiper-slide {height:300px;}
	.vr-container .swiper-vr .swiper-slide .vr-img {height:300px;}
	.vr-container .swiper-vr .swiper-pagination {display:none !important;}
	.vr-container .swiper-vr .paging-bar .tit {border:0;font-size:22px;height:30px;margin-top:12px;}
	.vr-container .swiper-vr .paging-bar .swiper-pagination-sub {font-size:16px;position:absolute;left:0px;top:45px;width:100%;}
	.vr-container .swiper-vr .swiper-pagination-fraction {position:absolute;top:10px;left:55%;}
	.vr-container .swiper-vr .swiper-pagination-fraction span {font-size:16px;}
	.vr-container .vr-tool {left:0;width:100%;height:75px;flex-direction: column;justify-content: center;align-items: flex-start;}
	.vr-container .vr-tool > div {width:auto !important;padding:0;}
	.vr-container .vr-tool > div:nth-of-type(1) {border:0;}
	.vr-container .vr-tool .tit {font-size:22px;}
	.vr-container .vr-tool > div:nth-of-type(3) {width:100% !important;padding:2% 2%;}
	.vr-container .vr-tool #titleBar .sceneName {font-size:16px;}
	.vr-container .vr-tool #sceneList .scenes {text-align:center;}
	.vr-container .vr-tool #sceneList .scenes a {font-size:12px;display:inline-block;}
	.vr-container .vr-tool #titleBar {position: absolute;right: 3%;top: 10px;}


	.banner-container {padding:0px 0px 160px;}
	.banner-container .inner-center {padding:0;overflow:hidden;}
	.banner-box .left {left:0px;min-width:auto;height:auto;display:inline-block;width:100%;height:350px;}
	.banner-box .left .gallery {height:auto;}
	.banner-box .left .gallery .bg {border-radius:0;}
	.banner-box .left .gallery .bg2 {width:100%;height:100%;display:inline-block;}
	/*.banner-box .left .gallery .bg::after {content:'';display:inline-block;width:100%;height:360px;background:#333;z-index:-1;}*/
	.banner-box .left .gallery .bg .text-area {width:100%;}
	.banner-box .right {position:absolute;background:none !important;left:0%;top:255px;width:100%;height:200px;overflow:hidden;}
	.banner-box .right .thumbs {top:auto;margin:0;left:40%;}
	.banner-box .right .thumbs ul li {width:184px !important;height:184px;}
	.banner-box .swiper-pagination {bottom:20px;right:auto;left:20px;}
	.banner-box .swiper-button-prev {margin:0;left:70px;right:auto;bottom:10px;}
	.banner-box .swiper-button-next {margin:0;left:110px;right:auto;bottom:10px;}

	.archive-container .tit h2 {font-size:22px;margin-bottom:20px;}
	.archive-container .more {position:relative;top:0;left:0;margin:20px 0px 0px;}
	.archive-container .more a {width:100%;padding:0;background: url(/images/kccf/btn/btn-see-more-wh.png) 60% center no-repeat #777;border-radius: 8px;height: 40px;line-height:40px;text-align:center;display:inline-block;color:#fff;}
	.archive-container .archive-box {display:inline-block;}
	.archive-container .archive-box .list {float:left;width:48%;margin-right:4%;margin-bottom:20px;}
	.archive-container .archive-box .list:nth-child(2n+2) {margin-right:0;}
	.archive-container .archive-box .list .txt {font-size:16px;line-height:22px;}

	section.current-month-best .inner-center {flex-direction: column;}
	.current-month-best div.board.list {width:100%;}
	div.board.list ul.items.special {width:100%;}
	section.current-month-best.best-info div.board.list ul.items.special > li:nth-of-type(3) {display:none;}

	section.current-month-best div.data-relation .tit h2 {font-size:22px;margin-bottom:20px;}
	.current-month-best div.board.list .more {position:relative;top:0;left:0;margin:20px 0px 0px;}
	.current-month-best div.board.list .more a {width:100%;padding:0;background: url(/images/kccf/btn/btn-see-more-wh.png) 60% center no-repeat #777;border-radius: 8px;height: 40px;line-height:40px;text-align:center;display:inline-block;color:#fff;}

	section.current-month-best .social-list {width:100%;padding:0;top:auto;}
	section.current-month-best .social-list .swiper-slide {width:100% !important;height:auto;margin-bottom:30px;}
	section.current-month-best .social-list .swiper-slide .inner .img-box a {display:block;}
	section.current-month-best .social-list .swiper-slide .inner .img-box a img {width:100%;}

	section.current-month-best .inner-center .btn-box {flex-direction: column;}
	section.current-month-best .inner-center .btn-box > div {width:100%;height:84px;margin-bottom:20px;padding:0px 20px;display:flex;align-items: center;justify-content: space-between;}
	section.current-month-best .inner-center .btn-box > div::before {display:none !important;}
	section.current-month-best .inner-center .btn-box > div h2 {margin:0;font-size:20px;}
	section.current-month-best .inner-center .btn-box > div a {margin:0;}

	div.main-visual .swiper-slide .title-txt p {font-size:22px;}

}

/* small size phone */
@media only screen and (max-width:414px){
	/********** board **********/
 	/* board - scale */
	div.board.scale-slide div.swiper-container button.button-set {display:none;}
}