@charset "UTF-8";

.btn-l {
	margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;		
}
.btn-pn {
    margin-left: 10px;
    margin-right: 10px;		
}

.i-tit {
	cursor: pointer;
}
.i-tit:hover {
	text-decoration: underline;
}

.headerWraper { margin-bottom: 0;}
body.layer-open {overflow:hidden;}

.sub-header .location, .sub-menu-title-desc { display: none;}
.sub-header {padding: 6px 10px 0 10px; /*height: 50px;*/ background:#efefef; overflow: hidden; }
.sub-header .sub-menu-title { font-size: 20px; color: #000000; text-align: center; font-weight: normal}

.subContensts {position: relative; padding:70px 10px;}

.contents-subject { margin-bottom:20px;}
.contents-subject .tx-title { font-size: 20px; text-align: center; }

.contents-main-photo { position: relative; width: 100%; height: 187px; margin-bottom:20px; box-sizing: border-box; overflow: hidden;}
.contents-main-photo .imgbox { border: 1px solid #d8dbe1;}
.contents-main-photo .imgbox img { width: 100%; height: auto;}
.contents-main-photo .link-btns { position: absolute; padding:10px 25px 10px 10px;right:0; bottom:0; display: block; font-size:12px;  
  background-color: #ffffff; background-size: auto 12px;
  background-image: url("/images/2021/provisionalAssembly/ico_overview_link_more.png"); background-position: right 10px center ; background-repeat: no-repeat; 
  border:1px solid #d8dbe1; }
  
.record-intro {margin-bottom:50px;}
.record-intro  article { font-size: 15px; line-height: 160%;}

.content-page-nav {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; 
  border-top:1px solid #9e9e9e; padding:20px 20px 40px 20px; background:#f0f0f0; }
.content-page-nav > div { flex: 1 0 1; width: 50%; padding-right: 20px; padding-left: 0;}
.content-page-nav > div.next { text-align: right; padding-left: 20px; padding-right: 0;}

.content-page-nav .prev-record, 
.content-page-nav .next-record {display:inline-block; font-size: 15px; background-repeat: no-repeat; background-size: auto 12px; margin-bottom:10px;}
.content-page-nav .prev-record {background-image: url("/images/2021/provisionalAssembly/ico_overview_link_prev.png"); background-position: left center ;  padding-left:25px;} 
.content-page-nav .next-record {background-image: url("/images/2021/provisionalAssembly/ico_overview_link_next.png"); background-position: right center ;  padding-right:25px;} 
.content-page-nav .next-record-title { font-size: 13px;}

.index-navigation { position: absolute; top:0; left:0; width: 100%; padding:10px;}
.index-navigation > ul { display: -webkit-box; display: -ms-flexbox; display: flex; 
  -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; 
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; 
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.index-navigation > ul > li {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; border-right: 1px solid #ffffff; text-align: center; font-size: 15px;  background: #666666; }
.index-navigation > ul > li.on { background: #ff9900; }
.index-navigation > ul > li.on a {color:#000000; font-weight:bold;}
.index-navigation > ul > li:last-child {border:0;}
.index-navigation > ul > li a { display: block; color:#cccccc; padding:10px;  }
.index-navigation > ul > li span.index-title {display: none;}

.sub-overview .photoView-list:after {content: ""; display: block; clear: both;}
.sub-overview .photoView-list li { float:left; width: 50%; text-align: center; margin-bottom:25px;}
.sub-overview .photoView-list li .photo-box { margin-bottom:12px;}
.sub-overview .photoView-list li .photo-box img { width: 50%; height: auto;}
.sub-overview .photoView-list li .name { font-size:9px; margin-bottom:6px; color:#000000;}
.sub-overview .photoView-list li .info { font-size:8px; color:#666666}

/* 주제 콜렉션 리스트 */
.sub-collectionList .contents-subject { display: none;}
.contents-collectionList { padding:15px;}
.contents-collectionList .collection-list > li { margin-bottom: 35px; padding:0 5px; box-sizing: border-box;}
.contents-collectionList .collection-list > li .imgbox { width: 100%; height: 175px; overflow: hidden; margin-bottom:15px;}
.contents-collectionList .collection-list > li .imgbox img { width: 100%; height: auto;}
.contents-collectionList .collection-list > li .subject {margin-bottom:10px; font-size: 18px;}
.contents-collectionList .collection-list > li .txt-count { display: inline-block; font-size: 13px; padding:5px 7px; color:#ffffff; background: #ff9a00; }

.contents-collectionList .collection-list > li .imgbox img{ transform: scale(1); transition: all 300ms ease-in-out;}
.contents-collectionList .collection-list > li .imgbox:hover img{ transform: scale(1.1)}

/* 주제 컬렉션 */
.template-slider-ui { display: none}

.sub-collection .contents-subject { display: none;}
.sub-collection .swiper-wrapper { display:block;}
.sub-collection .collection-item { display: block; width: 100%; height: auto;}

.sub-collection { box-sizing: border-box; }
.sub-collection .item-groupbox { position: relative;  height: auto; width: 100%;padding: 0; margin-bottom: 25px;}

.sub-collection  .title-box {position: relative; text-align: center; margin-bottom: 10px;}
.sub-collection .title-box .it-title:before {content:"·"; margin-right: 5px;}
.sub-collection .title-box .it-title { display: inline-block; background: #5b5b5b;  border-radius: 20px; overflow: hidden; padding: 8px 20px 10px 20px; font-size:15px; color: #ffffff;}
.sub-collection.collection-imgbox {  align-items: center; width: 100%; height: 320px; overflow: hidden; justify-content: center;text-align: center;}
.sub-collection .collection-imgbox .imgbox {height:320px; width:100%;align-content: center;justify-content: center;align-items: center;display: flex;overflow: hidden;background: rgba(0,0,0,0.2);}
.sub-collection .collection-imgbox .imgbox  img {width: auto;max-width: 100%; max-height: 100%; }
.sub-collection .metadata-box {position: relative; width: 100%; height: auto; 
background-color: rgba(0,0,0,0.7); overflow:hidden; padding:20px 0; line-height: 1.3em; /* 2021-11-26 지혜승 추가 */ }
.sub-collection .metadata-box .desc {color:#ff9900; font-size: 14px; margin-bottom:12px; position: relative;padding: 0 20px;}

.sub-collection .metadata-box .desc:after { content:""; display: block; position: absolute; left: 0; top:0; width:3px; height: 100%; color:#000000; background-color: #000000}

.sub-collection .metadata-box > ul {padding:0 20px;}
.sub-collection .metadata-box > ul > li {color:#cccccc; font-size:13px;}
.sub-collection .metadata-box > ul > li a {color:#ffffff}
.sub-collection .metadata-box > ul > li a:hover {text-decoration: underline;}

.theme-style-cover { padding: 0;}
.theme-style-cover .metadata-box {display: none !important;}
.theme-box .cover-title-box { position: absolute; z-index: 10; top:110px; left:50%; margin-left:-142px; width:285px; height: 90px; 
background: url("/images/2021/provisionalAssembly/bg_collection_theme_corver_titlebox.png") no-repeat 0 0;
box-sizing: border-box; padding:10px; overflow: hidden; letter-spacing: -1px; text-align:center

}
.theme-style-cover .cover-title-box .cover-title { font-size: 18px; color: #ffffff; margin-bottom:5px;}
.theme-style-cover .cover-title-box .txt-counter { font-size: 12px; color: #ff9900; }
.theme-style-cover .collection-imgbox .imgbox { display: block; }
.theme-style-cover .collection-imgbox img { width: 100% !important; height: auto;max-width: 100% !important;max-height: none !important;}  

.collection-imgbox.owl-carousel { display: block;}
.owl-dots { position: absolute; bottom:0; z-index: 100; text-align: center; width: 100%; padding:10px;}
.owl-dots .owl-dot span { display: inline-block; width: 6px; height:6px; background: #ffffff; border-radius: 3px;  margin: 0 5px;}
.owl-dots .active span { background: #ffa302;}


/* 기록전체보기 */

.sub-recordView .sub-header { display: none;}

/* 검색 */
.recordSearch-searchbox {padding:10px;}
.recordSearch-searchbox .recordSearch-fieldset { position: relative;  border: 4px solid #4d4d4d; padding:4px 78px 4px 4px; box-sizing: border-box;}
.recordSearch-searchbox .recordSearch-fieldset .recordSearch-input { height: 34px; line-height:34px; width: 100%; font-size:16px; border: 0; 
  padding: 0 10px; color: #333333; background: #eeeeee; box-sizing: border-box; }
.recordSearch-searchbox .recordSearch-fieldset button { position: absolute; top:4px; right:4px; width: 34px; height: 34px; overflow: hidden; text-indent:-200px; 
  background-repeat: no-repeat; background-size: auto; background-size: contain;}
.recordSearch-searchbox .recordSearch-fieldset button.btn-recordSearch {right: 41px; background-image: url("/images/2021/provisionalAssembly/btn_recordsearch.png")}
.recordSearch-searchbox .recordSearch-fieldset button.btn-recordSearch-option { background-image: url("/images/2021/provisionalAssembly/btn_detail_active.png");}
.search-info-text {text-align: center; padding:10px;}
/* 검색 옵션 */
body.searchOption-open { overflow: hidden;}
.searchOption-open .searchOption-wrapper { display: block !important;}
.searchOption-wrapper { position: fixed; z-index: 10000; top:0; left: 0; height: 100%; width: 100%; background: #ffffff;display: none;overflow: auto;overflow-x: hidden;}
.searchOption-wrapper .option-title {position: relative; height: 60px; border-bottom:1px solid #cccccc; overflow: hidden;}

.searchOption-wrapper .option-group-title button,
.searchOption-wrapper .option-title button { position: absolute; top:0; left:0; width: 60px; height: 60px; overflow: hidden; text-indent:-200px; background-position:center center;
background-repeat: no-repeat; background-size: auto 20px;
background-image: url("/images/2021/provisionalAssembly/btn_layer_close_arr_l.png");
}

.searchOption-wrapper .option-title button.btn-searchOption-list-open { background-size: auto 20px; background-image: url("/images/2021/provisionalAssembly/btn_layer_close_arr_l.png");}
.searchOption-wrapper .option-title .txt-tit { font-size:25px; line-height: 60px; text-align: center}
.searchOption-wrapper .option-group-title { position: relative;height: 40px;}
.searchOption-wrapper .option-group-title .txt-tit {font-size:18px; padding:0px 5px;position: relative;box-sizing: border-box;height: 40px;line-height: 40px;}

.searchOption-wrapper .opt-list { background: #e8e8e8;}

.searchOption-wrapper .opt-list > ul > li > .it {padding:10px;}
.searchOption-wrapper .opt-list li .count { color:#666666;}
.searchOption-wrapper .opt-list li input[type=radio],
.searchOption-wrapper .opt-list li input[type=checkbox] { position:relative; top:-1px; margin-right:5px;}
.searchOption-wrapper .opt-list li:last-child { margin-bottom: 0;}

.searchOption-wrapper .opt-list > ul > li > .opt-list-detail {padding:5px 0; background: #e8e8e8;/*! height: auto !important; */position: relative;}
.searchOption-wrapper .opt-list li .opt-list-detail > ul > li > .it { padding: 5px 30px; }

.searchOption-wrapper .option-summary {padding:20px 12px; background: #e8e8e8; font-size:15px;}
.searchOption-wrapper .option-summary p {margin-left: 30px; text-indent: -30px;}

.searchOption-wrapper .opt-nanet .opt-list,
.searchOption-wrapper .opt-org .opt-list,
.searchOption-wrapper .opt-cat .opt-list {display: none;}

.searchOption-wrapper .opt-nanet.on .opt-list,
.searchOption-wrapper .opt-org.on .opt-list,
.searchOption-wrapper .opt-cat.on .opt-list {display: block !important;position: fixed;height: 100%;width: 100%;overflow: auto;overflow-x: hidden; z-index: 1500;top: 0;left: 0;}
.searchOption-wrapper .on .opt-list > ul > li > .it {background: #cecece !important;;}

.searchOption-wrapper .on .opt-list > ul > li > .it {background: #cecece !important;}
.searchOption-wrapper .opt-nanet.on .opt-list > ul > li > .it,
.searchOption-wrapper .opt-cat.on .opt-list > ul > li > .it {background:#e8e8e8 !important;}

.searchOption-wrapper .opt-nanet.on .opt-list-header,
.searchOption-wrapper .opt-org.on .opt-list-header,
.searchOption-wrapper .opt-cat.on .opt-list-header { display: block;}

.searchOption-wrapper .option-group-title .btn-searchOption-list-open {top: 0; right:0; left: auto; width: 40px; height: 40px; 
  background-image: url("/images/2021/provisionalAssembly/btn_layer_open_arr_r.png");}

.opt-listbox .opt-list-header { display:none;}
.opt-listbox .opt-list-header {position: relative; height: 60px; border-bottom:1px solid #cccccc; overflow: hidden;background: #ffffff;}
.opt-listbox .opt-list-header .ls-title  { font-size:25px; line-height: 60px; text-align: center}
.opt-listbox .opt-list-header button { position: absolute; top:0; left:0; width: 60px; height: 60px; overflow: hidden; text-indent:-300px; background-position:center center;
background-repeat: no-repeat; background-size: auto 20px;}
.opt-listbox .opt-list-header .btn-searchOption-list-close { background-size: auto 20px; background-image: url("/images/2021/provisionalAssembly/btn_layer_close_arr_l.png");}


.searchOption-wrapper .option-btns { display: none; }

.searchOption-wrapper .rangefield {padding:20px 12px; background: #e8e8e8; line-height:30px;}
.searchOption-wrapper .rangefield input[type=text] { width:60px; border:1px solid #999999;height: 24px;line-height: 24px;padding: 0 5px;}
.searchOption-wrapper .rangefield span { line-height: 24px; padding:0 5px}

/* 결과 리스트 */
.searchList-wrapper {padding: 0 10px 50px 10px; }
.searchList-wrapper .recordSearchList-header {position: relative; height: 40px;}
.searchList-wrapper .recordSearchList-header .count { font-size: 14px;line-height: 40px;}
.searchList-wrapper .recordSearchList-header .list-ui { position: absolute; right: 0; bottom: 5px;}
.searchList-wrapper .recordSearchList-header .list-ui select {padding: 2px 5px;  border:0; width:110px;
  -webkit-appearance: none;-moz-appearance: none;appearance: none; background:#eeeeee url("/images/2021/provisionalAssembly/ico_selectbox_arr2.png"); background-repeat: no-repeat; background-position: 94% 50%;
height: 30px;
line-height: 27px;
display: inline-block;
vertical-align: bottom;
}
.searchList-wrapper .recordSearchList-header .list-ui select::-ms-expand { display: none;   }

.searchList-wrapper .recordSearchList-header .list-ui .link-result-download {display:inline-block; height:30px; 
  line-height:30px; background:#eeeeee url("/images/2021/provisionalAssembly/ico-result-download.png") no-repeat center center; box-sizing: border-box;
/*! top: 2px; */
position: relative;
box-sizing: border-box;
/*! padding: 0 10px 0 22px; */
background-size: 18px auto;
  overflow: hidden;
width: 35px;
vertical-align: bottom;
margin-right: 2px;
}
.searchList-wrapper .recordSearchList-header .list-ui .link-result-download span { display: none;}

.searchList-resultlist {margin-bottom:40px; border-top: 2px solid #666666; border-bottom: 2px solid #666666;}
.searchList-resultlist .list-item {padding: 10px 5px; border-bottom:1px solid #cccccc;}
.searchList-resultlist .list-item:last-child { border: 0;}
.searchList-resultlist .list-item .i-subject { font-size: 15px; color:#333333; margin-bottom: 10px; line-height: 18px;}
.searchList-resultlist .list-item .i-subject .cat-txt { display: inline-block; width: 55px; text-align: center; background: #666666;
  color: #ffffff; padding: 2px 5px; font-size: 12px; margin-right:5px; }

.type-book { background: #ff9900 !important;; color:#ffffff !important; } /*도서 DOCTYPE005*/
.type-meeting {background: #3366cc !important; color:#ffffff !important;} /*회의록 DOCTYPE007*/
.type-museum {background: #669933 !important; color:#ffffff !important;} /*박물 DOCTYPE004*/
.type-newspaper { background: #6666cc !important; color:#ffffff !important;} /*신문/관보 DOCTYPE003*/
.type-journal { background: #996699 !important; color:#ffffff !important;} /*논문 DOCTYPE006*/
.type-etc { background: #666666 !important; color:#ffffff !important;} /*기타 DOCTYPE008*/
.type-picture { background: #cc3333 !important; color:#ffffff !important;} /*사진 DOCTYPE002*/
.type-public { background: #cc6633 !important; color:#ffffff !important;} /*공문서 DOCTYPE001*/
.type-document { background: #50a4a5 !important; color:#ffffff !important;} /*일반문서 DOCTYPE009*/

.searchList-resultlist .list-item > .i-info {margin-bottom: 10px;}
.searchList-resultlist .list-item > .i-info > li { font-size:13px; color:#666666;}

.i-link {margin-bottom:10px;}
.searchList-resultlist .list-item > .i-link > li { display: inline-block; font-size:12px; margin-right: 4px;}
.searchList-resultlist .list-item > .i-link > li a { display: inline-block; padding: 2px 10px;border: 1px solid #e7e7e7;}

.searchList-footer .searchList-paging { overflow:hidden; text-align: center;line-height: 0;/*! font-size: 0; */}
.searchList-footer span { /*! display: inline-block; */ /*! line-height: 29px; */}
.searchList-footer .paging-ui { text-align: center;overflow: hidden;}
.searchList-footer .paging-ui a { display: inline-block; width: 26px; height: 26px; border:1px solid #cccccc; overflow: hidden; text-indent: -100px; 
background-position: center center; background-repeat: no-repeat; background-size: auto 10px; margin:0 2px;
overflow: hidden;
line-height: 26px;
}
.searchList-footer .paging-ui a.page-first { background-image: url("/images/2021/provisionalAssembly/ico_paing_first.png");}
.searchList-footer .paging-ui a.page-prev { background-image: url("/images/2021/provisionalAssembly/ico_paing_prev.png");}
.searchList-footer .paging-ui a.page-next { background-image: url("/images/2021/provisionalAssembly/ico_paing_next.png")}
.searchList-footer .paging-ui a.page-last { background-image: url("/images/2021/provisionalAssembly/ico_paing_last.png")}

.searchList-footer .paging-num {padding: 0 5px;overflow: hidden;}
.searchList-footer .paging-num a {display: inline-block; /*! width: 26px; */ height: 26px; line-height:26px; margin:0 2px; text-align:center; 
  border:1px solid #cccccc;overflow: hidden;color: #999999;padding: 0 10px;}
.searchList-footer .paging-num a.on { color:#333333; font-weight:bold; background: #e0e0e0;}

.searchList-resultlist .rel-contents { border: 1px solid #cccccc; background:#eeeeee;margin-bottom: 10px;}
.searchList-resultlist .rel-contents .tx-title {padding:10px; border-bottom:1px solid #cccccc;font-size: 16px;margin-bottom: 10px;}
.searchList-resultlist .rel-contents .s-tlt {padding: 0;font-size: 14px;color: #999999;margin-bottom: 5px;}
.searchList-resultlist .rel-contents p {padding:0;}
.searchList-resultlist .rel-contents .section {padding: 0 10px;margin-bottom: 10px;}

.info-err-msg {padding:30px;border-top: 2px solid #666666;}
.msg-notfound .err-msg {margin-bottom: 20px;}
.msg-notfound .err-msg p { text-align: center; font-size: 18px; /*! font-weight:bold; */ color:#333333; word-break: keep-all;}
.msg-notfound .err-msg .hi_txt {color: #ff9900;  }
.msg-notfound .ico-disp { text-align: center; margin-bottom:35px;}
.msg-notfound .ico-disp img { height: 123px; width: auto;}
.msg-notfound .notice {max-width: 230px; margin: 0 auto;}
.msg-notfound .notice li {color:#666666;}


/* 연표 */

.sub-footer-history { display: none;}

/* - 검색 */
.history-searchbox {padding:10px 5px 7px 5px;}
.history-searchbox .history-fieldset { position: relative;  border: 3px solid #ffa302; padding:0 78px 0 0; box-sizing: border-box;}
.history-searchbox .history-fieldset .history-search-type { display:none; border:0; height: 34px; line-height:34px;  }
.history-searchbox .history-fieldset .history-input { height: 44px; line-height:34px; width: 100%; font-size:16px; border: 0; padding: 0 10px; 
  color: #333333; background: #fff; box-sizing: border-box; }
.history-searchbox .history-fieldset .history-input::-webkit-input-placeholder{color: #333;}
.history-searchbox .history-fieldset .history-input::-moz-placeholder{color: #333; opacity: 1;}
.history-searchbox .history-fieldset .history-input:-ms-input-placeholder {color: #333;}

.history-searchbox .history-fieldset > button { position: absolute; top:5px; right:5px; width: 34px; height: 34px; overflow: hidden; text-indent:-200px; 
  background-repeat: no-repeat; background-size: auto; background-size: auto;
background-position: center;
}
.history-searchbox .history-fieldset > button.btn-history-search {right: 41px; background-image: url("/images/2021/provisionalAssembly/btn_recordsearch_new_mobile.png");background-size: 20px 21px;}
/*.history-searchbox .history-fieldset > button.btn-history-search-option-open { background-image: url("/images/2021/provisionalAssembly/btn_recordsearch_option.png");}*/

.history-searchbox .history-fieldset > button.btn-history-search-option-open { background-image: url("/images/2021/provisionalAssembly/btn_detail_active.png");background-size: cover;/*! right: 7px; *//*! top: 7px; */}
.history-searchbox .history-fieldset > button.btn-history-search-option-unable { background-image: url("/images/2021/provisionalAssembly/btn_detail_unactive.png");}
.history-searchbox .history-fieldset > .btn-history-search-option-close { display: none; background-image: url("/images/2021/provisionalAssembly/btn_history_search_close.png");}

/* - 상세검색 */
.detail-option { display: none;}
.detail-option-open .history-fieldset button.btn-history-search-option-open  { display: none !important;; }
.detail-option-open .history-fieldset .btn-history-search-option-close { display: block !important;; }


.detail-option-open .detail-option { display:block !important;}
.history-searchbox .detail-option { position: fixed; top:0; left:0; width:100%; height:100%; background:#ffffff; z-index: 20000; overflow: auto; overflow-x: hidden;}

.history-searchbox .detail-option .detail-option-header {position: relative; height: 60px; border-bottom:1px solid #cccccc; overflow: hidden;background: #ffffff;}
.history-searchbox .detail-option .detail-option-header .option-title  { font-size:25px; line-height: 60px; text-align: center}
.history-searchbox .detail-option .detail-option-header button { position: absolute; top:0; left:0; width: 60px; height: 60px; overflow: hidden; text-indent:-300px; 
  background-position:center center; background-repeat: no-repeat; background-size: auto 20px;}
.history-searchbox .detail-option .detail-option-header .btn-option-close { background-size: auto 20px; background-image: url("/images/2021/provisionalAssembly/btn_layer_close_arr_l.png");}
.history-searchbox .detail-option .opt-list { width:100%;}
.history-searchbox .detail-option .opt-list li {display:block; background:#e8e8e8;/*! margin: 20px 0; */padding-bottom: 20px;}
.history-searchbox .detail-option .opt-list .lb { display:block; font-size:18px; padding:20px 5px; background:#ffffff;margin-bottom: 20px;box-sizing: border-box;}
.history-searchbox .detail-option .opt-list .lb:before {content:"-"; margin-right:2px;}
.history-searchbox .detail-option .opt-list .fid-sel,
.history-searchbox .detail-option .opt-list .fid-t,
.history-searchbox .detail-option .opt-list .fid { padding:0 20px;display: block;}

.history-searchbox .detail-option .opt-list .f-subject select { width:50%; padding:5px; box-sizing:border-box; color:#666666;border: 1px solid #c3c3c3;}

.history-searchbox .detail-option .f-inp input,
.history-searchbox .detail-option .f-subject input { display:block; width:100%; font-size:15px; box-sizing: border-box; border:1px solid #c3c3c3; padding:5px;}
.history-searchbox .detail-option .f-subject input:first-child { margin-bottom:5px;}
.history-searchbox .detail-option .f-select select { width:100%; padding:5px; box-sizing:border-box;border: 1px solid #c3c3c3;color: #666666;}
.history-searchbox .detail-option .f-trem .fid-t { margin-bottom:5px;}
.history-searchbox .detail-option .f-trem .fid-t input {width:90%; padding:5px; border:1px solid #c3c3c3; padding:5px; box-sizing:border-box; margin-right: 10px;}
.history-searchbox .detail-option .f-trem .fid-t input::-webkit-input-placeholder{color: #666666;}
.history-searchbox .detail-option .f-trem .fid-t input::-moz-placeholder{color: #666666; opacity: 1;}
.history-searchbox .detail-option .f-trem .fid-t input:-ms-input-placeholder {color: #666666;}

.history-searchbox .detail-option .btns {padding:20px 10px;}
.history-searchbox .detail-option .btns button {display:block; width:100%; padding:10px; font-size:18px; color:#ffffff; background:#666666; text-align:center}

/* - 탭 */
.page-view-type .selcet-tab { padding:0 10px; margin-bottom: 10px;}
.page-view-type .selcet-tab li {float: left; display:block; border: 1px solid #666666; width: 50%; text-align:center; box-sizing:border-box; overflow:hidden;}
.page-view-type .selcet-tab li a { display:block; line-height:40px; font-size: 16px; background:#dedede;  }
.page-view-type .selcet-tab li.active a { background:#666666; color:#ff9900;}
.page-view-type .selcet-tab li:first-child { border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; }
.page-view-type .selcet-tab li:last-child { border-radius:0 20px 20px 0 ; -webkit-border-radius:0 20px 20px 0 ; -moz-border-radius:0 20px 20px 0 ; -ms-border-radius:0 20px 20px 0 ; -o-border-radius:0 20px 20px 0 ; }
.page-view-type .selcet-tab:after {content:""; display:block; clear:both;}

/* - 연도그룹 선택 탭 */
.sub-history .history-count { padding:10px 5px;}
.sub-history .history-count .txt-count { font-size: 14px; color:#666666;}

.yearRange-select-wrapper { position: -webkit-sticky; width:100%; position: sticky; top:0; left:0; background: #666666; z-index: 10000; 
overflow-x: auto; overflow:auto; overflow-y:hidden;
height: 50px;
z-index: 5000;
}
.yearRange-select-wrapper .yearRange-select { display:block; width:100%; height:50px; background:#666666; /*! border: 1px solid #333333; */ text-align:center;
 box-sizing:border-box; white-space: nowrap;}

.yearRange-select-wrapper .yearRange-select > li {display:inline-block; height:100%; padding:7px 20px 0 20px; box-sizing: border-box; }
.yearRange-select-wrapper .yearRange-select > li.active { background:#ffa302;}
.yearRange-select-wrapper .yearRange-select > li.active .y-g-tit { color:#333333;}
.yearRange-select-wrapper .yearRange-select > li.active .y-range { color:#666666;}
.yearRange-select-wrapper .yearRange-select > li .y-g-tit { display:block; color:#ffffff; font-size: 17px; font-weight:bold;}
.yearRange-select-wrapper .yearRange-select > li .y-range { display:block; color:#cccccc; font-size: 12px; }


/* - 일자 선택  */
.contents-history { position: relative; width:100%; box-sizing:border-box;/*! padding: 0 10px 0 0; */}

.historySelect-wrapper { height: auto; position: absolute; left: 0; top:50px; bottom:0; box-sizing: border-box;overflow: hidden;border: 1px solid #c1c1c1;}
.historySelect-wrapper > div {width:33.3%; float:left;}
.historySelect-wrapper div ul > li {display: block; width: 100%; border-bottom:1px solid #c1c1c1; text-align: center; box-sizing: border-box;}
.historySelect-wrapper div ul > li:last-child { border-bottom:0;}
.historySelect-wrapper div ul > li > button {width: 100%; /*height: 100%;*/ border: 0; text-align: center;}

.historySelect-wrapper .select-year { height:100%; width:52px; overflow: auto; overflow-x: hidden; border-right:1px solid #C1C1C1;position: relative;}
.historySelect-wrapper .select-year ul.y-list li { height:50px; line-height:50px; }
.historySelect-wrapper .yearRange-inner-select {display:none;}
.historySelect-wrapper .select-month { overflow: auto; overflow-x: hidden; }

.historySelect-wrapper .select-month { display:none;}
.historySelect-wrapper .select-day { display:none; /*! border-right:1px solid #666666; */ border-left:1px solid #C1C1C1;}

.historySelect-wrapper .select-month ul,
.historySelect-wrapper .select-day ul { display: flex;  width: 100%; flex-direction: column; height: 700px;}
.historySelect-wrapper .select-month ul li,
.historySelect-wrapper .select-day ul li { flex: 1 1 auto;display: flex;align-items: center;justify-content: center;}

.historySelect-wrapper .on { background: #ffa302; }
.historySelect-wrapper .on button {color:#ffffff;}

/* - 본문 */
.history-article-wrapper { margin-left:52px;overflow: auto;overflow-x: hidden;height: 640px;}
.history-article-wrapper .history-article-header { position: relative;}
.history-article-wrapper .his-subject {position: relative; display: block;  background:#eeeeee; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; }
.history-article-wrapper .his-subject .tx-title { padding:20px 70px 20px 10px; font-size: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.history-article-wrapper .his-subject .btns { position: absolute; border-left:1px solid #cccccc; width:auto; height:100%; right:0; top:0;}
.history-article-wrapper .his-subject .btns button { width:60px; height:100%; line-height: 100%; vertical-align: middle; text-align: center;}
.history-article-wrapper .his-subject .btns button .tx { display: none;}
.history-article-wrapper .btn-subject-detail-open:before {content:url("/images/2021/provisionalAssembly/ico-expand-close-plus.png"); margin-right:2px;}
.history-article-wrapper .btn-subject-detail-close:before { content:url("/images/2021/provisionalAssembly/ico-expand-close-x.png"); margin-right:2px;}
.history-article-wrapper .btn-subject-detail-close { display:none;}

.year-text-dsplay { display: none; text-align: center; margin-bottom:20px;}
.year-text-dsplay span {display:inline-block; height:30px; line-height:30px; padding:0 20px; background:#999999; overflow: hidden; border-radius: 20px; color:#ffffff;font-size: 16px;font-weight: bold;}

.history-article-wrapper .detail-subject {display:none;}

.history-article-header.open .btn-subject-detail-open { display:none;}
.history-article-header.open .btn-subject-detail-close { display:block}
.history-article-header.open .detail-subject { display: block; position: absolute; left:0; top:63px; background:#ffffff; padding:20px; border:1px solid #cccccc; border-top:0;}
.history-article-header.open .detail-subject table th,
.history-article-header.open .detail-subject table td { border:1px solid #cccccc; border-collapse: collapse; padding:10px; font-size:14px;}
.history-article-header.open .detail-subject table th { text-align:center; color:#333333; background:#eeeeee; } 


.his-list .h-date-box { background: url("/images/2021/provisionalAssembly/bg-bar-2.png") repeat-x left center; background:none;}
.his-list .h-date-box .disp-date { height:40px; line-height:40px; font-size:16px; padding:0 10px 0 35px; display:inline-block; 
  background:#ffffff url("/images/2021/provisionalAssembly/ico-history-calendar.png") no-repeat 10px center; background-size: auto 19px; }

.h-article-box {padding:0 10px 15px 10px; margin-bottom:10px; border-bottom: 1px solid #cccccc;}
.h-article-box .h-cat {font-size:13px; color:#cccccc; margin-bottom:2px;}
.h-article-box .h-tit {font-size:19px; color:#333333; margin-bottom:10px;}
.h-article-box .h-desc {font-size: 15px; color:#666666; margin-bottom:10px;}

.h-article-box .h-rel .h-grp-tit {font-size: 14px; color:#333333; margin-bottom:5px;}
.h-article-box .h-rel .ls { border:1px solid #cccccc; padding:5px; height:auto; }
.h-article-box .h-rel .ls li { margin-bottom:5px; line-height:22px; }
.h-article-box .h-rel .ls li:last-child { margin:0;}
.h-article-box .h-rel .ls li a { display: block; width: 100%; overflow:hidden; text-overflow: ellipsis; font-size:14px; white-space: nowrap; }
.h-article-box .h-rel .ls li .cat-txt { display:inline-block; width:70px; text-align: center; margin-right:5px;}

.h-rel-more {border:1px solid #cccccc; height:30px; border-top:0; background:#eeeeee; text-align:center; overflow:hidden;}
.h-rel-more > button { display:inline-block; height: 30px; padding-left:25px; border:0; background-repeat: no-repeat; background-position: left center; background-size: auto 10px;  }
.h-rel-more > .btn-more-open {background-image:url("/images/2021/provisionalAssembly/ico-expand-arr-open.png");}
.h-rel-more > .btn-more-close {display: none; background-image:url("/images/2021/provisionalAssembly/ico-expand-arr-close.png");}

.rel-link-list .btn-more-open  { display:none;}
.rel-link-list .btn-more-close  { display:inline-block;}

.rel-link-list.close .ls {height:100px; overflow: hidden;}
.rel-link-list.close .btn-more-open  { display:inline-block;}
.rel-link-list.close .btn-more-close { display:none;}

/* 기록물 상세보기 */
.contents-recordView {padding:0 5px 10px 5px;}

.contents-recordView-top { position: relative;margin-bottom: 5px;height: 36px; }
.contents-recordView-top .cat-txt { font-size:12px; padding:2px 10px;display: inline-block;/*position: absolute;left: 0;bottom: 0;*/ vertical-align: middle; } /* 2021-11-18 지혜승 수정 */
.contents-recordView-top .btn-link-back { padding: 5px; font-size: 11px; color:#666666; background:#e0e0e0; position: absolute;right: 0;bottom: 0;}


.contents-recordView .recordView-header {font-size: 15px; border-top:2px solid #666666; border-bottom:1px solid #e7e7e7; padding: 15px 10px;}
.recordView-article {padding: 15px 0; font-size: 18px; /* border-bottom:2px solid #b8b8b8; */ position: relative;border-top: 2px solid #666666;}
.recordView-article .section {margin-bottom:15px;}
.recordView-article .section p {padding:0 10px 5px 10px; line-height: 1.5em;}
.recordView-article .tx-title { font-size: 25px; font-weight: bold; margin-bottom:10px; color:#333333; padding:0 10px;}
.recordView-article .s-tlt { font-size: 18px; /* color:#000; */ font-weight:600; margin-bottom:10px; padding:10px;}
.recordView-article .sub-ls {padding: 0 15px;}
.recordView-article .sub-ls > li {margin-bottom:10px;}
.recordView-article .sub-ls > li .ls-tlt {font-weight:bold; margin-bottom:5px;color: #999999;}
.recordView-article .sub-ls > li p {font-size:13px; padding:0;}
.recordView-article .links {padding:0 10px;}
.recordView-article .links a {display:inline-block; border:1px solid #555555; padding:2px 5px;font-weight: normal; /*color: #333;*/}
.recordView-article .links a.btn.btn7 { border: none; padding: 0 10px; } /* 2021-11-18 지혜승 추가 */
.recordView-article .links a.btn.blue { color: #fff; } /* 2021-11-18 지혜승 추가 */
.recordView-article .links .spt {padding:0 5px;}

.recordView-article .rel-contents { border: 1px solid #cccccc; background:#eeeeee;}
.recordView-article .rel-contents .tx-title {padding:10px; border-bottom:1px solid #cccccc;}
.recordView-article .rel-contents .s-tlt {padding: 0}
.recordView-article .rel-contents p {padding:0;}
.recordView-article .rel-contents .section {padding: 0 10px;}

.recordView-article .paBtn-wrap { position: relative; bottom: 13%; left: 0; text-align: center;}
.recordView-article .paBtn-wrap a {width:90%;}

/* .contents-recordView .page-btns {padding:15px 0; margin-bottom:40px; } */
/* .contents-recordView .page-btns a {display:block; text-align:center; font-size:14px; padding: 20px; background:#e0e0e0; color:#999999; } */

/* - 이미지레이어 */
.imageViewLayer.open {display: block !important;}
.imageViewLayer { position: fixed; overflow: auto; overflow-x: hidden; top:0; left:0; width: 100%; height:100%; padding:15px; 
  background: rgba(0,0,0,0.7); z-index: 999999; box-sizing: border-box; 
display: none;
}
.imgView-wrapper {position: relative;}
.imageViewLayer .btn-imgView-close {position:absolute; top:0; right:0; width: 40px; height:40px; 
  background: url("/images/2021/provisionalAssembly/btn_imgview_close.png") center center no-repeat; background-size: auto 20px; overflow: hidden; text-indent: -900px;}
.imageViewLayer .img-view-box {height:296px; width:100%; background: #000000; 
  display: flex; align-items: center; justify-content: center; flex-direction: row; overflow: hidden; margin-bottom:10px;}
.imageViewLayer .img-view-box img {max-width: 100%; max-height: 100%; flex: 0 0 auto;}

.imgView-control:after {content: ""; display: block; clear: both;}
.imgView-control .zoom-btns { float: left; line-height: 0; font-size: 0;}
.imgView-control .zoom-btns .btn-img-zoom-plus,
.imgView-control .zoom-btns .btn-img-zoom-minus { display: inline-block; width:37px; height: 41px; overflow: hidden; text-indent: -900px; 
  background-position: center center; background-repeat: no-repeat; background-size: contain; }
.imgView-control .zoom-btns .btn-img-zoom-plus {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_plus_pc.png"); margin-right:2px;}
.imgView-control .zoom-btns .btn-img-zoom-minus {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_minus_pc.png")}
.imgView-control .zoom-btns .btn-img-zoom-plus:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_plus_pc_over.png");}
.imgView-control .zoom-btns .btn-img-zoom-minus:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_minus_pc_over.png")}

.imgView-control .img-download-btns {float: right;  margin-bottom: 10px;}
.imgView-control .img-download-btns a {display: block; width: 101px; height:41px; overflow: hidden; text-indent: -900px; background: url("/images/2021/provisionalAssembly/btn_imgview_download_pc.png") no-repeat center center;}
.imgView-control .img-download-btns a:hover {background: url("/images/2021/provisionalAssembly/btn_imgview_download_pc_over.png") no-repeat center center;}

.imgView-control .page-control {clear: both; text-align: center; color:#fff; position: relative;}
.imgView-control .page-control a {display:block; float: left; width:34px; height:34px; overflow: hidden; text-indent: -900px; color:transparent; 
  background-position: center; background-repeat: no-repeat; background-size: cover;}
  .imgView-control .page-control .btns-left {position: absolute; left:0; top:0}
  .imgView-control .page-control .btns-right {position: absolute; right:0; top:0}

  .imgView-control .page-control .page-count span {line-height: 34px; font-size:15px;}
.imgView-control .page-control .btns-left a.btn-img-first {background-image: url("/images/2021/provisionalAssembly/btn_imgview_first_pc.png");margin-right: 3px;}
.imgView-control .page-control .btns-left a.btn-img-prev {background-image: url("/images/2021/provisionalAssembly/btn_imgview_prev_pc.png");}
.imgView-control .page-control .btns-right a.btn-img-next {background-image: url("/images/2021/provisionalAssembly/btn_imgview_next_pc.png");margin-right: 3px;}
.imgView-control .page-control .btns-right a.btn-img-last {background-image: url("/images/2021/provisionalAssembly/btn_imgview_last_pc.png");}

.imgView-control .page-control .btns-left a.btn-img-first:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_first_pc_over.png");margin-right: 3px;}
.imgView-control .page-control .btns-left a.btn-img-prev:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_prev_pc_over.png");}
.imgView-control .page-control .btns-right a.btn-img-next:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_next_pc_over.png");margin-right: 3px;}
.imgView-control .page-control .btns-right a.btn-img-last:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_last_pc_over.png");}   

.caption-wrapper .img-caption {padding:20px 0; color:#ffffff; font-size:15px; }

/* - 페이지 삽입 이미지레이어 */
.inner-imageViewLayer { position: relative; overflow: auto;  box-sizing: border-box; padding:15px }
.inner-imageViewLayer .imgView-wrapper {position: relative;}
.inner-imageViewLayer .img-view-box {height:296px; width:100%; background: #000000; 
  display: flex; align-items: center; justify-content: center; flex-direction: row; overflow: hidden; margin-bottom:10px;}
.inner-imageViewLayer .img-view-box img {max-width: 100%; max-height: 100%; flex: 0 0 auto;}
.inner-imageViewLayer .imgView-control .page-control .page-count span {line-height: 34px; font-size:15px; color:#333;}

/* 게시판 */  
.contents-boardList .board-search-wrapper { padding: 15px 0}
.board-search { position:relative; width: 275px; margin:0 auto; overflow:hidden; border-radius:20px; border:1px solid #cccccc;}
.board-search > input {width:100%;  height:30px; line-height:30px;padding:0 40px 0 15px; border:0; box-sizing: border-box;}
.board-search .btn-board-search { position: absolute; right:2px; top:0; height: 30px; width: 30px; 
  overflow: hidden; text-indent: -100px; background:url("/images/2021/provisionalAssembly/btn_board_search.png") center center no-repeat;
 background-size: 16px 17px;}

.tbl-board-list {padding:0 5px;}
.tbl-board-list table {border-top:2px solid #666666; border-collapse: collapse; width: 100%;box-sizing: border-box;width: 100%;}
.tbl-board-list table th,
.tbl-board-list table td {font-size: 14px; padding: 10px 5px; text-align: center; }
.tbl-board-list table th { border-bottom:1px solid #666666;  }
.tbl-board-list table th:nth-child(1) { width: 70px;}
.tbl-board-list table th:nth-child(2) { width: 70px;}
.tbl-board-list table th:nth-child(3) { width: auto;}
.tbl-board-list table th:nth-child(4) { width: 70px;}

.tbl-board-list table td { border-bottom:1px solid #cccccc; }
.tbl-board-list table td > a {display: inline-block; width: 80%; overflow: hidden; 
  text-overflow: ellipsis; white-space: nowrap; }
.tbl-board-list table td:nth-child(3) {text-align: left;overflow: hidden;white-space: normal;text-overflow: ellipsis;max-width: 0;}
.tbl-board-list table td:nth-child(1) {width: 10%;}
.tbl-board-list table td:nth-child(2) {width: 20%;}
.tbl-board-list table td:nth-child(4) {width: 20%;}
.tbl-board-list table td .ico-attach:after { content:url("/images/2021/provisionalAssembly/ico_board_list_attach.png"); display:inline-block;padding-left: 5px;}

.tbl-board-list table tr:last-child td {border-bottom:1px solid #666666;}


.board-paging { overflow:hidden; text-align: center; padding:20px 0;}
.board-paging span { display: inline-block;}
.board-paging .paging-ui { text-align: center;}
.board-paging .paging-ui a { display: inline-block; width: 26px; height: 26px; border:1px solid #cccccc; overflow: hidden; text-indent: -100px; 
background-position: center center; background-repeat: no-repeat; background-size: auto 10px; margin:0 2px;}
.board-paging .paging-ui a.page-first { background-image: url("/images/2021/provisionalAssembly/ico_paing_first.png");}
.board-paging .paging-ui a.page-prev { background-image: url("/images/2021/provisionalAssembly/ico_paing_prev.png");}
.board-paging .paging-ui a.page-next { background-image: url("/images/2021/provisionalAssembly/ico_paing_next.png")}
.board-paging .paging-ui a.page-last { background-image: url("/images/2021/provisionalAssembly/ico_paing_last.png")}

.board-paging .paging-num {padding: 0 5px;}
.board-paging .paging-num a {display: inline-block; /*! width: 26px; */ height: 26px; line-height:26px; margin:0 2px; text-align:center; 
  border:1px solid #cccccc;overflow: hidden;color: #999999;padding: 0 10px;}
.board-paging .paging-num a.on { color:#333333; font-weight:bold; background: #e0e0e0;}

/* 게시판 상세 보기 */
.contents-boardView {padding:20px 5px;}
.boardview-header { border-top:2px solid #666666; border-bottom:1px solid #666666;}
.boardview-header .bd-title { border-bottom:1px solid #cccccc; padding:10px; }
.boardview-header .bd-title .tx-title {font-size: 14px; }
.boardview-header .bd-info {padding:10px; }
.boardview-header .bd-info .lb {float: left;}
.boardview-header .bd-info .tx {float: right;}
.boardview-header .bd-info:after {content:""; display:block; clear: both;}

.contents-boardView .bd-art {padding:15px 10px; }
.contents-boardView .bd-art img {margin-bottom: 10px;}

.contents-boardView .bd-attach { border-top:1px solid #cccccc; padding:10px;}
.contents-boardView .bd-attach .bd-t {float: left; font-weight: normal;}
.contents-boardView .bd-attach .bd-file-list { margin-left:80px;}
.contents-boardView .bd-attach .bd-file-list a:hover {text-decoration: underline;}
.contents-boardView .bd-attach:after {content:""; display: block; clear: both;}

.bd-nav-link { border-top:1px solid #666666; border-bottom:2px solid #666666;}
.bd-nav-link > ul > li a { display: block; padding:10px; margin-left: 80px;}
.bd-nav-link > ul > li:first-child {border-bottom: 1px solid #cccccc;}
.bd-nav-link > ul > li.prev-article { background: url("/images/2021/provisionalAssembly/ico_bd_view_prev.png") 20px center no-repeat; background-size: auto 8px }
.bd-nav-link > ul > li.next-article { background: url("/images/2021/provisionalAssembly/ico_bd_view_next.png") 20px center no-repeat; background-size: auto 8px }

.bd-btns {padding:20px 5px;}
.bd-btns .btn-link-back {display:block; padding:20px; text-align:center; font-size:14px; color:#666666; background:#e0e0e0; }


/* 컨텐츠영역 버튼 추가 */
.innerbtns { display: block; width: 100%; box-sizing: border-box; text-align: center;}
.innerbtns > a { display: inline-block; padding: 15px 30px; border: #868585 1px solid; color: #333333;}
.innerbtns .innerbtns-link:after { content: ""; background: url(/images/2021/provisionalAssembly/ico-result-download.png) no-repeat 0 0; display: inline-block; width: 18px; height: 18px; background-size: 18px; margin-left: 10px; vertical-align: bottom;}
.innerbtns > a:hover { border-color: #000000; color: #000000;}


@media all and (min-width: 768px) and (max-width: 1024px) { 

  body.layer-open {overflow:auto;}

  .sub-header {padding: 13px 10px 0 10px; height: 68px;; background:#efefef url("/images/2021/provisionalAssembly/bg_subtitle_t.png") no-repeat left center;  font-size: 30px;}
  .sub-header .sub-menu-title .txt-menutitle { font-size: 30px;padding-top: 0;}

  .subContensts {position: relative; padding:100px 10px 70px 10px;}

  .contents-subject {  margin-bottom:35px;}
  .contents-subject .tx-title { font-size: 30px;}

  .contents-main-photo .link-btns { padding:20px 65px 20px 35px; font-size:16px; background-color: #ffffff; background-size: auto 11px; background-position: right 20px center; }

  .index-navigation { position: absolute; top:0; left:0; width: 100%; padding-top:30px;}
  .index-navigation > ul > li { font-size: 16px;  }

  .contents-main-photo { width: 484px; height: 301px; margin-bottom:20px; margin-right:25px; float:left;}

  .record-intro article { font-size: 18px; line-height: 30px;}

  .content-page-nav { padding-top:40px}
  .content-page-nav .prev-record, 
  .content-page-nav .next-record { font-size: 16px; margin-bottom:20px; background-size: auto 20px;}
  .content-page-nav .prev-record {padding-left:40px;}  
  .content-page-nav .next-record {padding-right:40px;}
  .content-page-nav .next-record-title { font-size: 16px;}
  
  .sub-overview .photoView-list {padding-top:20px;}
  .sub-overview .photoView-list li { float:left; width: 25%; /*! padding:0 10px; */ text-align: center; margin-bottom:30px;}
  .sub-overview .photoView-list li .photo-box { margin-bottom:30px;}
  .sub-overview .photoView-list li .photo-box img { width: auto; max-width:100%; height: auto;}
  .sub-overview .photoView-list li .name { font-size:18px; margin-bottom:15px;}
  .sub-overview .photoView-list li .info { font-size:16px; }
  

  /* 주제 콜렉션 리스트 */
  .contents-collectionList { padding:30px 20px;}
  .contents-collectionList .collection-list:after {content: ""; display: block; clear: both;}
  .contents-collectionList .collection-list > li { margin-bottom: 40px; float: left; width: 33.33%; padding:0 10px; }
  .contents-collectionList .collection-list > li .imgbox { width: 100%; overflow: hidden; margin-bottom:15px;}
  .contents-collectionList .collection-list > li .imgbox img { width: 100%; height: auto;}
  .contents-collectionList .collection-list > li .subject {margin-bottom:10px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .contents-collectionList .collection-list > li .txt-count { display: inline-block; font-size: 13px; padding:5px 7px; color:#ffffff; background: #ff9a00; }

  /* 주제 컬렉션 */
  
.sub-collection { box-sizing: border-box; }
.sub-collection .item-groupbox { position: relative; padding: 0; margin-bottom: 50px;margin: 0 auto 0 auto;}
.sub-collection .item-groupbox .item { width: 640px; height: 640px;margin: 0 auto;position: relative;margin-bottom: 50px;}

  
  
  .sub-collection .theme-style-cover {height:620px;width: 100%;margin-bottom: 50px;}
  .sub-collection .theme-style-cover .item { width: 100%; height: 620px;}
.sub-collection .title-box {position: relative; text-align: center; margin-bottom: 10px;}
.sub-collection .title-box .it-title { display: inline-block; background: #5b5b5b;  border-radius: 20px; overflow: hidden; padding: 8px 20px 10px 20px; font-size:15px; color: #ffffff;}
.sub-collection.collection-imgbox {  align-items: center; width: 100%; height: 320px; overflow: hidden; justify-content: center;text-align: center;}
.sub-collection .collection-imgbox .imgbox {height:640px; width:640px; margin: 0 auto; }
.sub-collection .collection-imgbox .imgbox  img {width: auto;max-width: 100%; max-height: 100%; }
.sub-collection .metadata-box {position: absolute; width: 100%; height: auto; 
background-color: rgba(0,0,0,0.7); overflow:hidden; padding:20px 0;
bottom: 0;
z-index: 100;
}
.sub-collection .metadata-box .desc {  font-size: 16px; }

.sub-collection .metadata-box .desc:after { content:""; display: block; position: absolute; left: 0; top:0; width:3px; height: 100%; color:#000000; background-color: #000000;z-index: 100;}

.sub-collection .metadata-box > ul {padding:0 20px;}
.sub-collection .metadata-box > ul > li { font-size:14px;}
.sub-collection .metadata-box > ul > li a {color:#ffffff}
.sub-collection .metadata-box > ul > li a:hover {text-decoration: underline;}
  
  .theme-style-cover { padding: 0;}
.theme-style-cover .metadata-box {display: none !important;}
.theme-box .cover-title-box { top:125px;  margin-left:-461px; width:923px; height: 357px; 
background: url("/images/2021/provisionalAssembly/bg_collection_theme_corver_titlebox_tb.png") no-repeat 0 0; padding:90px 150px 0 150px; }
.theme-style-cover .cover-title-box .cover-title { font-size: 40px;  margin-bottom:25px;}
.theme-style-cover .cover-title-box .txt-counter { font-size: 18px;   }
.theme-style-cover .collection-imgbox .imgbox { display: block; width: 100%;height: 620px;}
.theme-style-cover .collection-imgbox img { width: 100% !important; height: auto;max-width: 100% !important;max-height: none !important;}  

.collection-imgbox.owl-carousel { display: block;}
  .collection-imgbox.owl-carousel .item {margin-bottom:0;}
.owl-dots { position: absolute; bottom:120px; }
.owl-dots .owl-dot span { display: inline-block; width: 6px; height:6px; background: #ffffff; border-radius: 3px;  margin: 0 5px;}
.owl-dots .active span { background: #ffa302;}
  
  
  

  /* 기록전체보기 */
  /* 검색 */
  .recordSearch-searchbox {padding:20px 10px;}
  .recordSearch-searchbox .recordSearch-fieldset {padding:4px 112px 4px 4px; width: 500px;margin: 0 auto;}
  .recordSearch-searchbox .recordSearch-fieldset .recordSearch-input { height: 50px; line-height:50px; font-size:18px; }
  .recordSearch-searchbox .recordSearch-fieldset button {top:4px; right:4px; width: 50px; height: 50px; background-size: contain;}
  .recordSearch-searchbox .recordSearch-fieldset button.btn-recordSearch {right: 58px;}

  /* 검색 옵션 */
  .searchOption-wrapper { position: fixed; z-index: 10000; top:0; left: 0; height: 100%; width: 100%; background: #ffffff;display: none;}
  .searchOption-wrapper .option-title {height: 80px; }

  .searchOption-wrapper .option-title button { width: 80px; height: 80px; background-size: auto 20px;}

  .searchOption-wrapper .option-title button.btn-searchOption-list-close { width: 80px; height: 80px;  background-size: auto 28px; }
  .searchOption-wrapper .option-title .txt-tit { font-size:30px; line-height: 80px; }
  .searchOption-wrapper .option-group-title .txt-tit { padding:0 20px; line-height: 60px;box-sizing: border-box;height: 60px;}

  .searchOption-wrapper .option-group-title { height: 60px;}  
  .searchOption-wrapper .option-group-title .btn-searchOption-list-open { width: 60px; height: 60px; background-size: auto 20px;}

  .searchOption-wrapper .opt-list {font-size: 16px;}

  .searchOption-wrapper .opt-org .opt-list {background: #cecece;display: none;}
  .searchOption-wrapper .opt-org .opt-list .it {padding:20px 35px; }

  .searchOption-wrapper .opt-list li > .it {padding:10px 35px; }
  .searchOption-wrapper .opt-list li .count { color:#666666;}
  .searchOption-wrapper .opt-list li input[type=checkbox] { top:-2px;  }
  .searchOption-wrapper .opt-list li:last-child { margin-bottom: 0;}

  .searchOption-wrapper .opt-list li .opt-list-detail {padding:5px 0; background: #e8e8e8;}
  .searchOption-wrapper .opt-list li .opt-list-detail .it { padding: 10px 55px; }

  .searchOption-wrapper .option-summary {padding:20px 35px; font-size:16px;}
  .searchOption-wrapper .opt-cat .opt-list {display: none;}

  .searchOption-wrapper .option-group-title .btn-searchOption-close {left: auto; width: 60px; height: 60px; }

  .opt-listbox .opt-list-header { display:none; height: 80px;}
  .opt-listbox .opt-list-header .ls-title  { font-size:30px; line-height: 80px;}
  .opt-listbox .opt-list-header button { width: 80px; height: 80px;background-size: auto 28px;}
  .opt-listbox .opt-list-header button.btn-searchOption-close { background-size: auto 28px;}

  .searchOption-wrapper .option-btns { display: none; }

  .searchOption-wrapper .rangefield {padding:20px 20px; }
  .searchOption-wrapper .rangefield input[type=text] { width:72px; height: 28px;line-height: 28px;}
  .searchOption-wrapper .rangefield span { line-height: 30px;}

  /* 결과 리스트 */
  .searchList-wrapper {padding: 0 10px 50px 10px; }
  .searchList-wrapper .recordSearchList-header { height: 40px; }
  .searchList-wrapper .recordSearchList-header .count { font-size: 14px;line-height: 40px;}
  .searchList-wrapper .recordSearchList-header .list-ui { position: absolute; right: 0; bottom: 5px;vertical-align: bottom; vertical-align: bottom;}
  .searchList-wrapper .recordSearchList-header .list-ui select {padding: 2px 5px;}

  .searchList-resultlist .list-item {padding: 20px 10px;}
  .searchList-resultlist .list-item:last-child { border: 0;}
  .searchList-resultlist .list-item .i-subject { font-size: 16px; margin-bottom: 15px; line-height: 26px;}
  .searchList-resultlist .list-item .i-subject .cat-txt { width: 70px; padding: 0 5px; font-size: 14px; margin-right:10px; }

  .searchList-resultlist .list-item > .i-info {margin-bottom: 15px;}
  .searchList-resultlist .list-item > .i-info > li { font-size:14px; line-height: 20px;}

  .searchList-resultlist .list-item > .i-link > li { display: inline-block; font-size:12px; margin-right: 4px;}
  .searchList-resultlist .list-item > .i-link > li a { padding: 5px 10px;}

  .searchList-footer .searchList-paging { overflow:hidden; text-align: center;}
  .searchList-footer span { display: inline-block;}
  .searchList-footer .paging-ui { text-align: center;}
  .searchList-footer .paging-ui a { width: 34px; height: 34px; background-size: auto 13px;}


  .searchList-footer .paging-num {padding: 0 5px;}
  .searchList-footer .paging-num a { height: 34px; line-height:34px; font-size: 16px;}
  .searchList-footer .paging-num a.on { color:#333333; font-weight:bold; background: #e0e0e0;}
  

  .searchList-resultlist .rel-contents .tx-title {padding:20px;}
  .searchList-resultlist .rel-contents .section {padding: 0 20px;margin-bottom: 15px;}
  .searchList-resultlist .rel-contents .section li { line-height: 22px }

  .info-err-msg {padding:70px 30px;}
  .msg-notfound .err-msg {margin-bottom: 50px;}
  .msg-notfound .err-msg p {  font-size: 16px; }
  .msg-notfound .err-msg .hi_txt {color: #ff9900;  }
  .msg-notfound .ico-disp { margin-bottom:50px;}
  .msg-notfound .ico-disp img { height: 97px;}
  .msg-notfound .notice {max-width: 230px;} 

  /* 연표 */
  .sub-footer-history { display: block;}

  /* - 검색 */
  .history-searchbox {margin:50px 10px 30px 10px; height: 80px;z-index: 20000;padding: 0;}
  .history-searchbox .history-fieldset { position: absolute; width:590px;  /*! border: 3px solid #4d4d4d; */ 
    padding:7px; box-sizing: border-box;left: 50%;margin-left: -295px;z-index: 15000;background: #ffffff;}
  .history-searchbox .history-fieldset .history-search-type { position:relative; left:0; top:0; display:inline-block; width: 145px; height: 60px; line-height:50px; font-size:18px; border-bottom: 5px solid #eee;background-color: #fff;}
  .history-searchbox .history-fieldset .history-input { height: 60px; line-height:60px; font-size:18px; width: 290px;border-bottom: 5px solid #eee;}
  .history-searchbox .history-fieldset button { width: 60px; height: 60px; }
  .history-searchbox .history-fieldset button.btn-history-search {right: 75px; top: 7px;background-image: url("/images/2021/provisionalAssembly/btn_recordsearch_new_pc.png");background-size: 29px 30px;}
  .history-searchbox .history-fieldset button.btn-history-search-option-open {right: 7px;top: 7px;}
  /* - 상세검색 */
  .detail-option { display: none;}
  .detail-option-open .detail-option { display:block !important;}

  .history-searchbox .detail-option { position: relative; top:0; left:0; width:100%; height:auto;  overflow: visible; padding: 5px 0 0 0;border-top: 0;}

  .history-searchbox .detail-option .detail-option-header {display: none;}

  .history-searchbox .detail-option .opt-list li {  background:#ffffff; padding:2px;}
  .history-searchbox .detail-option .opt-list li span { display:inline-block !important;}
  .history-searchbox .detail-option .opt-list .lb { display:inline-block; font-size:14px; padding:0 5px; text-align: right;width: 140px;margin: 0;line-height: 40p;}
  .history-searchbox .detail-option .opt-list .lb:before { display: none;}
  .history-searchbox .detail-option .opt-list .fid-sel,
  .history-searchbox .detail-option .opt-list .fid-t,
  .history-searchbox .detail-option .opt-list .fid { padding:0 5px;display: block; }

  .history-searchbox .detail-option .opt-list .f-subject select { width:175px; height:40px; padding:5px; box-sizing:border-box; color:#666666; border:0; margin-right:5px;border-bottom: 5px solid #eee;background-color: #fff;}

  .history-fieldset select {box-sizing: border-box;
    -webkit-appearance: none;-moz-appearance: none;appearance: none;
      background:#eeeeee url("/images/2021/provisionalAssembly/ico_selectbox_arr.png"); background-repeat: no-repeat; background-position: 94% 50%; border:0;
  }
    .history-fieldset select::-ms-expand { display: none;   }
  
  .history-searchbox .detail-option .f-subject input { display:inline-block; width:140px; font-size:14px; box-sizing: border-box; border:0; padding:5px;background: #eeeeee;height: 40px;line-height: 40px;}
  .history-searchbox .detail-option .f-subject input:first-child { margin: 0;margin-right: 5px;}

  .history-searchbox .detail-option .f-inp,  
  .history-searchbox .detail-option .btns,
  .history-searchbox .detail-option .f-select {display: none !important;}

  .history-searchbox .detail-option .f-trem .fid-t { margin-bottom:2px;}
  .history-searchbox .detail-option .f-trem .fid-t input {width:140px; padding:5px 10px; border:0; margin-right: 5px;background: #fff;height: 40px;line-height: 40px;border-bottom: 5px solid #eee;color: #666;}
  

  .searchList-wrapper .recordSearchList-header .list-ui .link-result-download {display:inline-block; height:30px; 
  line-height:30px; background:#eeeeee url("/images/2021/provisionalAssembly/ico-result-download.png") no-repeat 10px center; box-sizing: border-box;
/*! top: 2px; */
position: relative;
box-sizing: border-box;
padding: 0 10px 0 32px;
background-size: 13px auto;
  overflow: hidden;
width: auto;
vertical-align: bottom;
margin-right: 2px;
}
.searchList-wrapper .recordSearchList-header .list-ui .link-result-download span { display: block; font-size:12px;}


  /* - 탭 */
  .page-view-type .selcet-tab { max-width: 330px; margin: 0 auto;}
  .page-view-type .selcet-tab li a { line-height:35px; font-size: 16px; }

  /* - 연도그룹 선택 탭 */
  .yearRange-select-wrapper {position: relative; height: 60px;}
  .yearRange-select-wrapper .history-count { padding:10px}
  .yearRange-select-wrapper .history-count .txt-count { font-size: 16px;}
  .yearRange-select-wrapper .yearRange-select {height:60px;}
  .yearRange-select-wrapper .yearRange-select > li {padding:12px 20px 0 20px;}
  .yearRange-select-wrapper .yearRange-select > li.active { background:#ffa302;}
  .yearRange-select-wrapper .yearRange-select > li .y-g-tit { font-size: 17px; }
  .yearRange-select-wrapper .yearRange-select > li .y-range { font-size: 14px; }

  /* - 일자 선택  */
  .contents-history { position: relative; width:100%; box-sizing:border-box;}

  .historySelect-wrapper {top: 60px;height: 700px;border-bottom: 1px solid #666666;}
  .historySelect-wrapper > div {width:52px;}
  .historySelect-wrapper div ul.y-list > li > button,
  .historySelect-wrapper div ul.m-list > li > button,
  .historySelect-wrapper div ul.d-list > li > button { font-size:14px;}

  .historySelect-wrapper .select-month { display:block;height: 700px;}
  .historySelect-wrapper .select-day { display:block;height: 700px;overflow: hidden;}

  /* - 본문 */
  .history-article-wrapper { padding:10px; margin-left:156px;height: 700px;margin-bottom: 80px;border-bottom: 1px solid #666666;}
  .history-article-wrapper .his-subject { position: relative; border:1px solid #d1d1d1; height:54px; overflow:hidden; padding-right:130px; margin-bottom: 20px; }
  .history-article-wrapper .his-subject .tx-title { padding:16px 15px; font-size: 18px;}
  .history-article-wrapper .his-subject .btns { display: block; }
  .history-article-wrapper .his-subject .btns button { width:120px; height:50px; line-height: 50px; vertical-align: middle; text-align: center;}
  .history-article-wrapper .his-subject .btns button .tx { display: inline-block;}

  .history-article-header.open .btn-subject-detail-open { display:none;}
  .history-article-header.open .btn-subject-detail-close { display:block}
  .history-article-header.open .detail-subject { display: block; position: absolute; left:0; top:54px; background:#ffffff; padding:20px; border:1px solid #cccccc; border-top:0;}
  .history-article-header.open .detail-subject table th,
  .history-article-header.open .detail-subject table td { border:1px solid #cccccc; border-collapse: collapse; padding:10px; font-size:14px;}
  .history-article-header.open .detail-subject table th { text-align:center; color:#333333; background:#eeeeee; min-width: 110px;} 

  .his-list .h-date-box { background: url("/images/2021/provisionalAssembly/bg-bar-2.png") repeat-x left center; }

  .h-article-box {padding:10px 35px 25px 35px; margin-bottom:10px; border:0;}
  .h-article-box .h-cat {font-size: 13px; margin-bottom:8px;}
  .h-article-box .h-tit {font-size:19px; margin-bottom:10px;}
  .h-article-box .h-desc {font-size: 15px; margin-bottom:20px;}

  .h-article-box .h-rel .h-grp-tit {font-size: 14px; color:#333333; margin-bottom:10px;}
  .h-article-box .h-rel .ls { padding:10px; }
  .h-article-box .h-rel .ls li { margin-bottom:5px; line-height:28px; }

  .h-rel-more {height:35px;;}
  .h-rel-more > button { height: 35px; padding-left:25px;  background-size: auto 10px;  }

  .rel-link-list.close .ls {height:155px; overflow: hidden;}


    /* 기록물 상세보기 */
  .contents-recordView {padding:0 20px 25px 20px; }

  .contents-recordView-top {  height: 64px;}
  .contents-recordView-top .cat-txt { font-size:14px; padding:2px 10px;}
  .contents-recordView-top .btn-link-back { padding: 12px; font-size: 14px;  }

  .contents-recordView .recordView-header {font-size: 16px; padding: 15px 10px;line-height: 26px;}
  .recordView-article {padding: 30px 0 25px 0; font-size: 14px;  }

  .recordView-article .s-tlt {line-height: 22px;}
  .recordView-article .sub-ls {padding: 0 30px;}
  .recordView-article .sub-ls > li {margin-bottom:10px;}
  .recordView-article .sub-ls > li p {font-size:13px; padding:0;}
  .recordView-article .links a { padding:5px 10px;}
  .recordView-article .links .spt {padding:0 5px;}

  .recordView-article .rel-contents .s-tlt {padding: 0}
  .recordView-article .rel-contents p {padding:0;}
  .recordView-article .rel-contents .section {padding: 0 10px;}

  /* .contents-recordView .page-btns {padding:20px 0; margin-bottom:40px; } */
  /* .contents-recordView .page-btns a {font-size:18px; padding: 15px;  } */

  /* - 이미지레이어 */
  .imageViewLayer.open {display: block !important;}
  .imageViewLayer { /*! position: fixed; */ /*! overflow: auto; */ /*! overflow-x: hidden; */ /*! top:0; */ /*! left:0; */ /*! width: 100%; */ /*! height:100%; */ /*! padding:15px; */ 
    /*! background: rgba(0,0,0,0.7); */ /*! z-index: 999999; */ /*! box-sizing: border-box; */ }
  .imgView-wrapper {position: relative;width: 530px;margin: 70px auto 0 auto;}
  .imageViewLayer .btn-imgView-close {position:absolute; top:0; right:0; width: 40px; height:40px; 
    background: url("/images/2021/provisionalAssembly/btn_imgview_close.png") center center no-repeat; background-size: auto 20px; overflow: hidden; text-indent: -900px;}
  .imageViewLayer .img-view-box {height:530px; /*! width:100%; */ /*! background: #000000; */ 
    /*! display: flex; */ /*! align-items: center; */ /*! justify-content: center; */ /*! flex-direction: row; */ /*! overflow: hidden; */ /*! margin-bottom:10px; */}
  .imageViewLayer .img-view-box img {max-width: 100%; max-height: 100%; flex: 0 0 auto;}

  .imgView-control .zoom-btns { float: left; line-height: 0; font-size: 0;}
  .imgView-control .zoom-btns .btn-img-zoom-plus,
  .imgView-control .zoom-btns .btn-img-zoom-minus { display: inline-block; width:35px; height: 38px; overflow: hidden; text-indent: -900px; 
    background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .imgView-control .zoom-btns .btn-img-zoom-plus {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_plus_pc.png"); margin-right:2px;}
  .imgView-control .zoom-btns .btn-img-zoom-minus {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_minus_pc.png")}
  .imgView-control .zoom-btns .btn-img-zoom-plus:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_plus_pc_over.png");}
  .imgView-control .zoom-btns .btn-img-zoom-minus:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_minus_pc_over.png")}

  .imgView-control .img-download-btns {float: right;  margin-bottom: 10px;}
  .imgView-control .img-download-btns a {display: block; width: 115px; height:38px; /*! overflow: hidden; */ /*! text-indent: -100px; */ /*! background: url("/images/2021/provisionalAssembly/btn_imgview_download_pc.png") no-repeat center center; */}
  .imgView-control .img-download-btns a:hover {background: url("/images/2021/provisionalAssembly/btn_imgview_download_pc_over.png") no-repeat center center;}

  .imgView-control .page-control {clear: none; /*! text-align: center; */ /*! color:#fff; */ /*! position: relative; */width: auto;margin-left: 100px;margin-right: 150px;}
  .imgView-control .page-control a {display:block; float: left; width:38px; height:38px; /*! overflow: hidden; */ /*! text-indent: -100px; */ /*! color:transparent; */ 
    /*! background-position: center; */ /*! background-repeat: no-repeat; */ /*! background-size: cover; */}
    .imgView-control .page-control .btns-left {/*! position: absolute; */ /*! left:0; */ /*! top:0 */}
    .imgView-control .page-control .btns-right {/*! position: absolute; */ /*! right:0; */ /*! top:0 */}

    .imgView-control .page-control .page-count span {/*! line-height: 34px; */ /*! font-size:15px; */}
  .imgView-control .page-control .btns-left a.btn-img-first {/*! background-image: url("/images/2021/provisionalAssembly/btn_imgview_first_pc.png"); *//*! margin-right: 3px; */}
  .imgView-control .page-control .btns-left a.btn-img-prev {/*! background-image: url("/images/2021/provisionalAssembly/btn_imgview_prev_pc.png"); */}
  .imgView-control .page-control .btns-right a.btn-img-next {background-image: url("/images/2021/provisionalAssembly/btn_imgview_next_pc.png");margin-right: 3px;}
  .imgView-control .page-control .btns-right a.btn-img-last {background-image: url("/images/2021/provisionalAssembly/btn_imgview_last_pc.png");}

  .imgView-control .page-control .btns-left a.btn-img-first:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_first_pc_over.png");margin-right: 3px;}
  .imgView-control .page-control .btns-left a.btn-img-prev:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_prev_pc_over.png");}
  .imgView-control .page-control .btns-right a.btn-img-next:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_next_pc_over.png");margin-right: 3px;}
  .imgView-control .page-control .btns-right a.btn-img-last:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_last_pc_over.png");}   

  .caption-wrapper .img-caption {padding:20px 10%; /*! color:#ffffff; */ font-size:16px; }
  
  /* - 페이지 삽입 이미지레이어 */
.inner-imageViewLayer { position: relative; overflow: auto;  box-sizing: border-box; padding:15px }
.inner-imageViewLayer .imgView-wrapper {position: relative;width: 100%;margin: 0 auto;}
.inner-imageViewLayer .img-view-box {height:296px; width:100%; background: #000000; 
  display: flex; align-items: center; justify-content: center; flex-direction: row; overflow: hidden; margin-bottom:10px;}

.inner-imageViewLayer .imgView-control .page-control .page-count span {line-height: 34px; font-size:15px; color:#333;}

  
  /* 게시판 */

  .contents-boardList .board-search-wrapper { padding: 25px 0 40px 0;}
  .board-search {width: 400px;  border-radius:30px; }
  .board-search > input { height:45px; line-height:45px;padding:0 40px 0 15px;}
  .board-search .btn-board-search { height: 45px; width: 45px; background-size: 16px 18px;}

  .tbl-board-list table th,
  .tbl-board-list table td {padding: 20px 5px; }

  .board-paging { overflow:hidden; text-align: center; padding:50px 0;}

  .board-paging span { display: inline-block;}
  .board-paging .paging-ui { text-align: center;}
  .board-paging  .paging-ui a { width: 34px; height: 34px; background-size: auto 13px;}

  .board-paging .paging-num {padding: 0 5px;}
  .board-paging .paging-num a { height: 34px; line-height:34px; font-size: 16px;}
  .board-paging .paging-num a.on { color:#333333; font-weight:bold; background: #e0e0e0;}

  /* 게시판 상세 보기 */
  .contents-boardView {padding:25px 10px;}
  .boardview-header .bd-title { padding:20px 25px; }
  .boardview-header .bd-info {padding:20px 25px; }
  .contents-boardView .bd-art { padding:20px 25px; line-height: 24px; }
  .contents-boardView .bd-art img {margin-bottom: 20px;}

  .contents-boardView .bd-attach { padding:20px 25px;}
  .contents-boardView .bd-attach .bd-file-list { margin-left:160px;}

  .bd-nav-link > ul > li a { padding:20px 25px; margin-left: 160px;}
  .bd-nav-link > ul > li.prev-article { background: url("/images/2021/provisionalAssembly/ico_bd_view_prev.png") 45px center no-repeat; background-size: auto 8px }
  .bd-nav-link > ul > li.next-article { background: url("/images/2021/provisionalAssembly/ico_bd_view_next.png") 45px center no-repeat; background-size: auto 8px }

  .bd-btns {padding:20px 5px;}
  .bd-btns .btn-link-back {display:block; padding:20px; text-align:center; font-size:14px; color:#666666; background:#e0e0e0; }

}




@media all and (min-width:1025px) {
  body.layer-open {overflow:auto;}

  .sub-header {padding:0; background:#ffffff; border-bottom:1px solid #dedede;}

  .sub-header .location { display: block; width: 1200px; margin:0 auto;}
  .loc-links { background: url("/images/2021/provisionalAssembly/ico_location_home.png") no-repeat left center; padding-left:20px; color:#666666;}
  .loc-links span { display: inline-block; height: 45px; line-height: 45px; background: url("/images/2021/provisionalAssembly/ico_location_arr.png") no-repeat right center; padding-right:15px; margin-right:10px; }
  .loc-links span:last-child { margin: 0; padding:0; background: none;}

  .sub-menu-title { display: none;}
  .sub-menu-title-desc { display: none;}

  .subContensts {position: relative; padding:90px 0 145px 0; min-width: 1200px; width: 1200px; margin: 0 auto;}

  .contents-subject { margin-bottom: 50px;}
  .contents-subject .tx-title { font-size: 35px;}

  .contents-main-photo { float: none; width: 70%; height: auto; margin-bottom:110px;margin-left: auto;margin-right: auto;}
  .contents-main-photo .link-btns { padding:22px 80px 22px 40px; font-size:16px; background-color: #ffffff; 
  background-size: auto 11px; background-position: right 45px center; }

  .record-intro {margin-bottom:85px; margin-left:300px;}
  .record-intro  article { font-size: 18px; line-height: 34px;}
  .record-intro:after {content: ""; display: block; clear: both;}

  .index-navigation { position: relative; float:left; width: 220px; padding:0; border-top:3px solid #000000; border-bottom:3px solid #000000}
  .index-navigation > ul > li span.index {display: none;}
  .index-navigation > ul > li span.index-title {display: block;}

  .index-navigation > ul { display: block; }
  .index-navigation > ul > li { flex: none; border:0; border-bottom: 1px solid #e5e5e5; text-align: left; font-size: 14px;  background:none; }
  .index-navigation > ul > li.on, .index-navigation > ul > li:hover { background: #e5e5e5; }
  .index-navigation > ul > li.on a {color:#000000; font-weight:bold;}
  .index-navigation > ul > li:last-child {border:0; background-color: #e7f0ff;}
  .index-navigation > ul > li a { display: block; color:#666666; padding:20px 10px;  }

  .content-page-nav { padding-top:40px}
  .content-page-nav .prev-record, 
  .content-page-nav .next-record { font-size: 16px; margin-bottom:20px; background-size: auto 20px;}
  .content-page-nav .prev-record {padding-left:40px;} 
  .content-page-nav .next-record {padding-right:40px;}
  .content-page-nav .next-record-title { font-size: 16px;}
  
  .photoView {margin-left:225px;}
  .sub-overview .photoView-list {padding:0px 0 50px 0;}
  .sub-overview .photoView-list li { float:left; width: 25%; /*! padding:0 10px; */ text-align: center; margin-bottom:30px;}
  .sub-overview .photoView-list li .photo-box { margin-bottom:30px;}
   .sub-overview .photoView-list li .photo-box img { width: auto; max-width:100%; height: auto;}
  .sub-overview .photoView-list li .name { font-size:18px; margin-bottom:15px;}
  .sub-overview .photoView-list li .info { font-size:16px; }
  overview .photoView-list li .info { font-size:8px; color:#666666}

  /* 주제 콜렉션 리스트 */
  .sub-collectionList .sub-header {height: auto;} 
  .sub-collectionList .sub-header .sub-menu-title { display: block !important; font-size: 30px; padding-top:40px; height:170px; 
  border-top:1px solid #dedede; background: url("/images/2021/provisionalAssembly/bg_sub_collection_header.png") no-repeat center bottom; box-sizing: border-box;  text-align: center; }
  .sub-collectionList .sub-header .sub-menu-title .txt-menutitle { display: block; width: 1200px; padding:0 20px; font-size:48px; margin:0 auto; margin-bottom:20px; }
  .sub-collectionList .sub-header .sub-menu-title .sub-menu-title-desc {display: block; width: 1200px; padding:0 20px; font-size:14px; margin:0 auto;}
  
  .contents-collectionList { width: 1200px; margin:0 auto; padding:60px 0 200px 0; box-sizing: border-box; overflow: hidden;}
  .contents-collectionList .collection-list:after {content: ""; display: block; clear: both;}
  .contents-collectionList .collection-list > li { float: left; width: 380px; padding:0; margin-right: 25px; margin-bottom: 60px; height: 341px;border: 1px solid #ccc;padding: 10px 10px 20px 10px;background: url(/images/2021/provisionalAssembly/collection_list_box_bg.png) no-repeat center bottom;box-shadow: 10px 10px 0 #efefef;}
  .contents-collectionList .collection-list > li:nth-child(3n) { margin-right:0}
  .contents-collectionList .collection-list > li .imgbox { width: 100%; height: 210px; overflow: hidden; margin-bottom:20px; position: relative;}
  .contents-collectionList .collection-list > li .imgbox img { width: 100%; height: auto;}
  
  .contents-collectionList .collection-list > li:hover .imgbox:before {content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); z-index: 100;top: 0;left: 0;} 
  .contents-collectionList .collection-list > li:hover .imgbox:after {content: url("/images/2021/provisionalAssembly/btn_img_more_plus1.png"); position:absolute; left:50%;top:50%; margin: -25px 0 0 -25px; z-index: 200;} 
  .contents-collectionList .collection-list > li .imgbox img{ transform: scale(1); transition: all 300ms ease-in-out;}
  .contents-collectionList .collection-list > li:hover .imgbox img{ transform: scale(1.1)}
  
  
  .contents-collectionList .collection-list > li .subject {margin-bottom:13px; font-size: 18px;line-height: 22px;}
  .contents-collectionList .collection-list > li .txt-count { display: inline-block; font-size: 15px; padding:2px 7px; color:#ffffff; background: #ff9a00; }

  /* 주제별 컬렉션 */

  .template-slider-ui { display: block;}

  .sub-collection .contents-subject { display: block !important; font-size: 30px; padding-top:45px;/* height:170px; background: url("/images/2021/provisionalAssembly/bg_sub_collection_header.png") no-repeat center bottom;*/ 
 box-sizing: border-box;  text-align: center; }

  .sub-collection .contents-collection { margin: 0 auto 70px auto; position: relative; }
  .sub-collection .collection-view { width: 1200px; overflow: hidden;position: relative;margin: 0 auto;height: 724px;}
  .sub-collection .collection-item { width: 1200px;}
  .sub-collection .collection-item div { box-sizing: border-box;}

  .sub-collection .theme-box {width:1200px; height: 724px; box-sizing: border-box; background: #eeeeee; overflow: hidden;display: flex;flex-direction: row; background: url("/images/2021/provisionalAssembly/bg_collection_theme.png") no-repeat 0 0;}
  .sub-collection .theme-box .item-groupbox { position: relative;overflow: hidden; height: 100%;width: 100%;padding: 12px;margin: 0;}

  .sub-collection .title-box {position: absolute; z-index: 100; top:20px; left: 20px;}
  .sub-collection .title-box .it-title { background: #5b5b5b; border-radius: 20px; overflow: hidden; padding: 8px 20px 10px 20px; font-size:18px; color: #ffffff; }
  .sub-collection .collection-imgbox { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; justify-content: center;text-align: center;}
  .sub-collection .collection-imgbox .imgbox {height:100%; width:100%;align-content: center;justify-content: center;align-items: center;display: flex;background: none;}
  .sub-collection .collection-imgbox .imgbox  img {max-width: 100%; max-height: 100%;flex: 0 0 auto;}
  .sub-collection .theme-box .metadata-box {position: absolute; z-index: 10;  width: 345px; height: 146px; background-color: rgba(0,0,0,0.6); overflow:hidden; padding:20px 0;}
  .sub-collection .metadata-box .desc {color:#ff9900; font-size: 16px; margin-bottom:12px;}
  .sub-collection .metadata-box > ul > li {color:#cccccc; font-size:14px;}
  .sub-collection .metadata-box > ul > li a {color:#ffffff}
  .sub-collection .metadata-box > ul > li a:hover {text-decoration: underline;}

  .theme-style-cover { padding: 0;}
  .theme-box .cover-title-box { position: absolute; z-index: 10; top:130px; left:70px; width:781px; height: 247px; box-sizing: border-box; padding:60px 90px; margin: 0; text-align: left;  }

  /* 테마 - 커버 */
  .theme-style-cover { width: 100%; height: 100%; padding: 0 !important;;} 
  .theme-style-cover .collection-imgbox { display: flex; height: 100%; width: 100%; overflow: hidden;}
  .theme-style-cover .cover-title-box .cover-title { font-size: 40px; color: #ffffff; margin-bottom:15px;}
  .theme-style-cover .cover-title-box .txt-counter { font-size: 18px; color: #ff9900;}
  .theme-style-cover .collection-imgbox img { width: 100% !important; height: auto;}  
  .theme-style-cover .metadata-box { right:20px; bottom:20px;display: block !important;}
  .theme-style-cover .item-groupbox:after { content: ""; display: block; position: absolute; z-index: 5; width: 100%; height: 100%; top:0 ;left:0; background: rgba(0,0,0,0.2)}

  /* 테마 A */
  .theme-style-a .item {width:100%; height:100%; }
  .theme-style-a .collection-imgbox { width: 100%; height: 100%; overflow: hidden;} 
  .theme-style-a  .metadata-box {left:125px; bottom:20px;}

  /* 테마 B */
  .theme-style-b .item {width:394px; height:394px;position: absolute;}
  .theme-style-b .order1 {top:12px; left: 12px;}
  .theme-style-b .order2 { right:12px; bottom: 12px;}
  .theme-style-b .order1 .metadata-box {right:-183px; top: 50%;margin-top: -73px;}
  .theme-style-b .order2 .metadata-box {left:-183px; top: 50%;margin-top: -73px;}

  /* 테마 C */
  .theme-style-c .item {width:394px; height:394px;position: absolute;}
  .theme-style-c .order1 {top:12px; right: 12px;}
  .theme-style-c .order2 { left:10px; bottom: 12px;}
  .theme-style-c .order1 .metadata-box {left:-183px; top: 50%;margin-top: -73px;}
  .theme-style-c .order2 .metadata-box {right:-183px; top: 50%;margin-top: -73px;}

  /* 테마 D */
  .theme-style-d { padding: 7px;}
  .theme-style-d .item {width:100%; height:100%;position: relative;}
  .theme-style-d .metadata-box {left:50%; bottom:0; margin-left: -172px;}
  .theme-style-d .collection-imgbox img {margin:5px;}

  /* 테마 E */
  .theme-style-e { padding: 12px; display:block;}
  .theme-style-e .collection-imgbox .imgbox { position: absolute; width: 300px; height: 300px; background: none;}
  .theme-style-e .collection-imgbox .imgbox.img1 { top:40px; right:0}
  .theme-style-e .collection-imgbox .imgbox.img2 { top:215px; left:0}
  .theme-style-e .collection-imgbox .imgbox.img3 { bottom:40px; right:0}

  .theme-style-e .item {width:100%; height:100%;position: relative;}
  .theme-style-e .metadata-box {left:0; bottom:0px; }

  .sub-collection .swiper-wrapper {
      display: flex;
    }
  .collection-theme-wrpper > .owl-nav > .owl-next,
  .collection-theme-wrpper > .owl-nav > .owl-prev{
      position: absolute;
      top: 50%;
      width: 48px;
      height: 48px;
      margin-top: -24px;
      z-index: 10000;
      background-size: 48px 48px;
      opacity: 0.7;
    }

  .collection-theme-wrpper > .owl-nav > .owl-prev:hover,
  .collection-theme-wrpper > .owl-nav > .owl-next:hover {
      opacity: 1;
    }

  .collection-theme-wrpper > .owl-nav > .owl-prev {
      background-image: url("/images/2021/provisionalAssembly/btn_collection_slider_prev.png") !important;;
      left: 10px;
      right: auto;
    color: transparent !important;
    }
  .collection-theme-wrpper > .owl-nav > .owl-next {
      background-image: url("/images/2021/provisionalAssembly/btn_collection_slider_next.png") !important;;
      right: 10px;
      left: auto;
      color: transparent !important;
    }

  /* Progress */

  .collection-theme-wrpper > .progress-bar {
      background:#333333;
      height: 5px;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 100;
      width: 100%;
    }
  .collection-theme-wrpper > .progress-bar .progress-bar-gage {
      position: absolute;
      height: 100%;
      display: block;
      width: 10px;
      background: #ffa302;
      transition: all 0.5s ease-out;
    }

  /* 기록전체보기 */
  .sub-recordView .sub-header { display: block;}
  
  /* 검색 */
  .recordSearch-searchbox {padding:75px 0 68px 0;}
  .recordSearch-searchbox .recordSearch-fieldset { border: 3px solid #ffa302; padding:0 70px 0 0; width: 520px;margin: 0 auto;height: 80px;margin-bottom: 10px;}
  .recordSearch-searchbox .recordSearch-fieldset .recordSearch-input { height: 74px; line-height:74px; font-size:18px; color: #333333; background: #fff;padding: 0 23px;}
  .recordSearch-searchbox .recordSearch-fieldset .recordSearch-input::-webkit-input-placeholder {
  color: #333;
}
.recordSearch-searchbox .recordSearch-fieldset .recordSearch-input:-ms-input-placeholder {
  color: #333;
}
   .recordSearch-searchbox .recordSearch-fieldset .recordSearch-input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
  .recordSearch-searchbox .recordSearch-fieldset button { top:5px; right:5px; width: 60px; height: 60px; }
  .recordSearch-searchbox .recordSearch-fieldset button.btn-recordSearch {right: 0; background-image: url("/images/2021/provisionalAssembly/btn_recordsearch_new_pc.png");background-size: 29px 30px;height: 76px;width: 76px;background-position: center;top: 0;}
  .recordSearch-searchbox .recordSearch-fieldset button.btn-recordSearch-option { display: none;}

  /* 검색 옵션 */

  .searchOption-wrapper {  position: relative; width: 230px;display: block;float: left;}  
  .searchOption-wrapper .option-title {height: 47px; 
    border-bottom:2px solid #666666;
    background: url("/images/2021/provisionalAssembly/search_option_header.png") no-repeat center bottom;
/*! border: 0; */
}
  .searchOption-wrapper .option-title .txt-tit { font-size:15px; line-height: 44px; text-align: left;/*! display: none; */color: #fff;padding-left: 20px;font-weight: bold;/*! display: none; */}

  .searchOption-wrapper .option-group-title button,
  .searchOption-wrapper .option-title button {display: none}


  .searchOption-wrapper .option-group-title { height: 50px;line-height: 50px;/*! border-top: 2px solid #333; */}
  .searchOption-wrapper .option-group-title .txt-tit {font-size:14px; height: 50px;line-height: 50px;/*! background: #ffbc47; */padding-left: 10px;}

  .searchOption-wrapper .opt-list {padding:10px 0; background: #e8e8e8;display: block !important;}

  .searchOption-wrapper .opt-org .opt-list {background: #fff; padding: 0; display:block !important}
  .searchOption-wrapper .opt-org .opt-list > ul > li > .it {padding:12px 10px; background: #cecece;border-bottom: 1px solid #cecece;}

  .searchOption-wrapper .option-summary {display: none;}

  .searchOption-wrapper .opt-list li > .it {padding:3px 10px;}
  .searchOption-wrapper .opt-list > ul > li > .it { padding:3px 10px;}
  .searchOption-wrapper .opt-list li .opt-list-detail {padding:5px 0; background: #e8e8e8;}
  .searchOption-wrapper .opt-list li .opt-list-detail > ul > li > .it { padding: 5px 20px 5px 30px; }

  .searchOption-wrapper .opt-list li .opt-list-detail > ul > li > .it > input {float:left;top: 1px;}
  .searchOption-wrapper .opt-list li .opt-list-detail > ul > li > .it > label {display: block;padding-left: 20px;}
  
  .opt-listbox .opt-list-header { display:none;}

  .searchOption-wrapper .rangefield {padding:13px 12px; line-height:28px; /*! margin-bottom: 15px; */background: #e8e8e8;}
  .searchOption-wrapper .rangefield input[type=text] { width:55px; height: 28px;line-height: 28px;padding: 0 5px;text-align: center;}
  .searchOption-wrapper .rangefield span { line-height: 28px; padding:0 4px;}

  .searchOption-wrapper .option-btns { display: block;}
  .searchOption-wrapper .option-btns button { display: block; width:100%; height:50px; line-height:50px; font-size:16px; color:#ffffff; text-align:center; background:#666666; box-sizing:border-box;}

  .contents-recordSearch { width: 1200px; margin: 0 auto; min-height: 1400px; padding-bottom:50px;}
  .contents-recordSearch:after { content:""; display: block; clear: both;}

  .searchOption-wrapper .opt-list li .opt-list-detail.collapse > ul { overflow: hidden; height:110px;}
.searchOption-wrapper .opt-list li .opt-list-detail .btn_more {
  text-align: center; display:block; width:100%;
  border: 1px solid #ccc;
  background: #fff;
  padding: 2px 0;
  font-size: 12px;
  color: #666666;
}
  /* 결과 리스트 */
  .searchList-wrapper {padding: 0 0 100px 0; margin-left: 290px;}
  .searchList-wrapper .recordSearchList-header {position: relative; height: 45px; }
  .searchList-wrapper .recordSearchList-header .count { font-size: 14px;line-height: 44px;}
  .searchList-wrapper .recordSearchList-header .list-ui { position: absolute; right: 0; bottom: 5px;}
  .searchList-wrapper .recordSearchList-header .list-ui select {padding: 2px 5px; font-size:12px;}

    .searchList-wrapper .recordSearchList-header .list-ui .link-result-download {display:inline-block; height:30px; 
  line-height:30px; background:#eeeeee url("/images/2021/provisionalAssembly/ico-result-download.png") no-repeat 10px center; box-sizing: border-box;
/*! top: 2px; */
position: relative;
box-sizing: border-box;
padding: 0 10px 0 32px;
background-size: 13px auto;
  overflow: hidden;
width: auto;
vertical-align: bottom;
margin-right: 2px;
}
.searchList-wrapper .recordSearchList-header .list-ui .link-result-download span { display: block; font-size:12px;}
  
  .searchList-resultlist {margin-bottom:40px; border-top: 2px solid #666666; border-bottom: 2px solid #666666;}
  .searchList-resultlist .list-item {padding: 20px 10px 10px 10px;}
  .searchList-resultlist .list-item:last-child { border: 0;}
  .searchList-resultlist .list-item .i-subject { color:#333333; margin-bottom: 10px; /*! line-height: 21px; */}
  .searchList-resultlist .list-item .i-subject .cat-txt { width: 55px; margin-right:10px; }

  .searchList-resultlist .list-item > .i-info {margin-bottom: 10px;}
  .searchList-resultlist .list-item > .i-info > li { line-height: 20px;}

  .searchList-resultlist .list-item > .i-link > li { line-height: 20px;}
  .searchList-resultlist .list-item > .i-link > li a { padding: 5px 10px;}

  .searchList-footer .searchList-paging { overflow:hidden; text-align: center;}
  .searchList-footer span { display: inline-block; /*! line-height: 29px; */}
  .searchList-footer .paging-ui { text-align: center;}
  .searchList-footer .paging-ui a { width: 36px; height: 36px; background-size: auto 13px;}
  .searchList-footer .paging-ui a.page-first { background-image: url("/images/2021/provisionalAssembly/ico_paing_first.png")}
  .searchList-footer .paging-ui a.page-prev { background-image: url("/images/2021/provisionalAssembly/ico_paing_prev.png")}
  .searchList-footer .paging-ui a.page-next { background-image: url("/images/2021/provisionalAssembly/ico_paing_next.png")}
  .searchList-footer .paging-ui a.page-last { background-image: url("/images/2021/provisionalAssembly/ico_paing_last.png")}

  .searchList-footer .paging-num {padding: 0 5px;}
  .searchList-footer .paging-num a { height: 36px; line-height:36px; }
  

  .searchList-resultlist .rel-contents .tx-title {padding:20px; }
  .searchList-resultlist .rel-contents .section {padding: 0 20px;margin-bottom: 15px;}
  .searchList-resultlist .rel-contents .section li { line-height: 22px }

  .info-err-msg {padding:70px 30px;}
  .msg-notfound .err-msg {margin-bottom: 50px;}
  .msg-notfound .err-msg p { font-size: 16px; }
  .msg-notfound .err-msg .hi_txt {color: #ff9900;  }
  .msg-notfound .ico-disp { margin-bottom:50px;}
  .msg-notfound .ico-disp img { height: 97px;}
  .msg-notfound .notice {max-width: 230px;}
  
  /* 연표 */
  .sub-footer-history { display: block;}
  .sub-history .sub-header {height: auto;} 
  .sub-history .sub-header .sub-menu-title { display: block !important; font-size: 30px; padding-top:40px; height:170px; 
    border-top:1px solid #dedede; background: url("/images/2021/provisionalAssembly/bg_sub_collection_header.png") no-repeat center bottom; box-sizing: border-box;  text-align: center; }
  .sub-history .sub-header .sub-menu-title .txt-menutitle { display: block; width: 1200px; padding:0 20px; font-size:48px; margin:0 auto; margin-bottom:20px; }
  .sub-history .sub-header .sub-menu-title .sub-menu-title-desc {display: block; width: 1200px; padding:0 20px; font-size:14px; margin:0 auto;}
  
/* - 검색 */
  .history-searchbox {margin:50px 10px 30px 10px; height: 80px;z-index: 20000;padding: 0;}
  .history-searchbox .history-fieldset { position: absolute; width:590px;  /*! border: 3px solid #4d4d4d; */ 
    padding:7px; box-sizing: border-box;left: 50%;margin-left: -295px;z-index: 15000;background: #ffffff;}
  .history-searchbox .history-fieldset .history-search-type { position:relative; left:0; top:0; display:inline-block; width: 145px; height: 60px; line-height:50px; font-size:18px; border-bottom: 5px solid #eee;background-color: #fff;}
  .history-searchbox .history-fieldset .history-input { height: 60px; line-height:60px; font-size:18px; width: 290px;border-bottom: 5px solid #eee;}
  .history-searchbox .history-fieldset button { width: 60px; height: 60px; }
  .history-searchbox .history-fieldset button.btn-history-search {right: 75px;top: 7px;background-image: url("/images/2021/provisionalAssembly/btn_recordsearch_new_pc.png");background-size: 29px 30px;}
.history-searchbox .history-fieldset button.btn-history-search-option-open {right: 7px;top: 7px;}
  /* - 상세검색 */
  .detail-option { display: none;}
  .detail-option-open .detail-option { display:block !important;}

  .history-searchbox .detail-option { position: relative; top:0; left:0; width:100%; height:auto;  overflow: visible; padding: 5px 0 0 0;border-top: 0;}

  .history-searchbox .detail-option .detail-option-header {display: none;}

  .history-searchbox .detail-option .opt-list li {  background:#ffffff; padding:2px;}
  .history-searchbox .detail-option .opt-list li span { display:inline-block !important;}
  .history-searchbox .detail-option .opt-list .lb { display:inline-block; font-size:14px; padding:0 5px; text-align: right;width: 140px;margin: 0;line-height: 40p;}
  .history-searchbox .detail-option .opt-list .lb:before { display: none;}
  .history-searchbox .detail-option .opt-list .fid-sel,
  .history-searchbox .detail-option .opt-list .fid-t,
  .history-searchbox .detail-option .opt-list .fid { padding:0 5px;display: block; }

  .history-searchbox .detail-option .opt-list .f-subject select { width:175px; height:40px; padding:5px; box-sizing:border-box; color:#666666; border:0; margin-right:5px;border-bottom: 5px solid #eee;background-color: #fff;}

  .history-fieldset select {box-sizing: border-box;
    -webkit-appearance: none;-moz-appearance: none;appearance: none;
      background:#eeeeee url("/images/2021/provisionalAssembly/ico_selectbox_arr.png"); background-repeat: no-repeat; background-position: 94% 50%; border:0;
  }
    .history-fieldset select::-ms-expand { display: none;   }
  
  .history-searchbox .detail-option .f-subject input { display:inline-block; width:140px; font-size:14px; box-sizing: border-box; border:0; padding:5px;background: #eeeeee;height: 40px;line-height: 40px;}
  .history-searchbox .detail-option .f-subject input:first-child { margin: 0;margin-right: 5px;}

  .history-searchbox .detail-option .f-inp,  
  .history-searchbox .detail-option .btns,
  .history-searchbox .detail-option .f-select {display: none !important;}

  .history-searchbox .detail-option .f-trem .fid-t { margin-bottom:2px;}
  .history-searchbox .detail-option .f-trem .fid-t input {width:140px; padding:5px 10px; border:0; margin-right: 5px;background: #fff;height: 40px;line-height: 40px;border-bottom: 5px solid #eee;color: #666;}

  /* - 탭 */
  .page-view-type .selcet-tab { max-width: 330px; margin: 0 auto;}
  .page-view-type .selcet-tab li a { line-height:35px; font-size: 16px; }

  .contents-history { width: 1200px; margin:0 auto;}

  .sub-history .history-count { padding:10px 0; width: 1200px; margin:0 auto;}
  .sub-history  .history-count .txt-count { font-size: 16px;}

  .contents-history { position: relative; width:1200px; margin:0 auto; box-sizing:border-box; padding-bottom: 80px;}

  /* - 연도그룹 선택 탭 */
  .sub-history .history-count { padding:10px 0;}
  .sub-history .history-count .txt-count { font-size: 14px; color:#666666;}

  .yearRange-select-wrapper { display: none;}

  /* - 일자 선택  */

  .historySelect-wrapper { height: 680px; top:0; bottom:auto; /*! border-top: 1px solid #333333; *//*! border-bottom: 1px solid #333333; */border: 1px solid #C1C1C1;}
  .historySelect-wrapper > div {width:60px; float:left;}
  .historySelect-wrapper div ul > li {display: block; width: 100%; border-bottom:1px solid #C1C1C1; text-align: center; box-sizing: border-box;}
  .historySelect-wrapper div ul > li > button {width: 100%; /*height: 100%;*/ border: 0; text-align: center;}
  .historySelect-wrapper div ul > li:last-child {border-bottom:0;}
  .historySelect-wrapper .select-year { height:100%; width: 120px;display: flex;flex-direction: row; }
  .historySelect-wrapper .select-year > ul { width: 60px;/*! margin-left: 60px; */}
  .historySelect-wrapper .select-year .y-list { margin-left:60px;}
  .historySelect-wrapper .select-year .y-list li { height:50px; line-height:50px; }
  .historySelect-wrapper .select-year .yearRange-inner-select { position: absolute;top: 0;left: 0;bottom: 0;/*! height: 100%; */}

  .select-year .yearRange-inner-select { display:block; width:60px; height:auto; /*! background:#999999; */ /*! border: 1px solid #333333; */ text-align:center;
  /*! overflow-x: auto; */-webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing:border-box; /*! white-space: nowrap; */ /*! overflow:hidden; *//*! display: flex; */
/*! align-items: center; */
}

  .select-year .yearRange-inner-select > li {display:block;height:auto;padding:0 5px;box-sizing: border-box;line-height: 100%;background: #999999;border-right: 1px solid #c1c1c1;display: flex;align-items: center;}
  .select-year .yearRange-inner-select > li.active { background:#ffa302;}
  .select-year .yearRange-inner-select > li.active .y-g-tit { color:#333333;}
  .select-year .yearRange-inner-select > li.active .y-range { color:#666666;}
  .select-year .yearRange-inner-select > li .y-g-tit { display:block; color:#ffffff; font-size: 14px; font-weight:bold;letter-spacing: -1px;white-space: normal;}
  .select-year .yearRange-inner-select > li .y-range { display:block; color:#ffffff; font-size: 10px; }  


  .historySelect-wrapper .select-month { overflow: auto; overflow-x: hidden; }

  .historySelect-wrapper .select-month { display:block;height: 680px;}
  .historySelect-wrapper .select-day { display:block; border-right:0; border-left:1px solid #C1C1C1;height: 680px;}

  .historySelect-wrapper .select-month ul,
  .historySelect-wrapper .select-day ul { display: -webkit-box;display: -ms-flexbox;display: flex; height: 680px; width: 100%; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; }
  .historySelect-wrapper .select-month ul li,
  .historySelect-wrapper .select-day ul li { display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;overflow: hidden; -webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

  .historySelect-wrapper .on { background: #ffa302; }
  .historySelect-wrapper .on button {color:#ffffff;}
 
  /* - 본문 */
  .history-article-wrapper { padding:40px 20px; margin-left:285px;height: auto;border-top: 2px solid #666666;/*! min-height: 800px; */height: 680px;border-bottom: 1px solid #666666;}
  .history-article-wrapper .his-subject { position: relative; border:1px solid #d1d1d1; height:54px; overflow:hidden; padding-right:130px; margin-bottom: 20px; }
  .history-article-wrapper .his-subject .tx-title { padding:16px 15px; font-size: 18px;}
  .history-article-wrapper .his-subject .btns { display: block; }
  .history-article-wrapper .his-subject .btns button { width:120px; height:50px; line-height: 50px; vertical-align: middle; text-align: center;}
  .history-article-wrapper .his-subject .btns button .tx { display: inline-block;}

  .history-article-header.open .btn-subject-detail-open { display:none;}
  .history-article-header.open .btn-subject-detail-close { display:block}
  .history-article-header.open .detail-subject { display: block; position: absolute; left:0; top:54px; background:#ffffff; padding:20px; border:1px solid #cccccc; border-top:0;}
  .history-article-header.open .detail-subject table th,
  .history-article-header.open .detail-subject table td { border:1px solid #cccccc; border-collapse: collapse; padding:10px; font-size:14px;}
  .history-article-header.open .detail-subject table th { text-align:center; color:#333333; background:#eeeeee; width: 140px;} 

  .his-list .h-date-box { background: url("/images/2021/provisionalAssembly/bg-bar-2.png") repeat-x left center; }

  .h-article-box {padding:10px 35px 25px 35px; margin-bottom:10px; border:0;}
  .h-article-box .h-cat {font-size: 13px; margin-bottom:8px;}
  .h-article-box .h-tit {font-size:19px; margin-bottom:10px;}
  .h-article-box .h-desc {font-size: 15px; margin-bottom:20px;}

  .h-article-box .h-rel .h-grp-tit {font-size: 14px; color:#333333; margin-bottom:10px;}
  .h-article-box .h-rel .ls { padding:10px; }
  .h-article-box .h-rel .ls li { margin-bottom:5px; line-height:28px; }

  .h-rel-more {height:35px;}
  .h-rel-more > button { height: 35px; padding-left:25px;  background-size: auto 10px;  }

  .rel-link-list.close .ls {height:155px; overflow: hidden;}
  
  .year-text-dsplay { display: block;} 

   /* 기록물 상세보기 */
  
  .sub-recordView .sub-header {height: auto;} 
  .sub-recordView .sub-header .sub-menu-title { display: block !important; font-size: 30px; padding-top:40px; height:170px; 
  border-top:1px solid #dedede; background: url("/images/2021/provisionalAssembly/bg_sub_collection_header.png") no-repeat center bottom; box-sizing: border-box;  text-align: center; }
  .sub-recordView .sub-header .sub-menu-title .txt-menutitle { display: block; width: 1200px; padding:0 20px; font-size:48px; margin:0 auto; margin-bottom:20px; }
  .sub-recordView .sub-header .sub-menu-title .sub-menu-title-desc {display: block; width: 1200px; padding:0 20px; font-size:14px; margin:0 auto;}

  .contents-recordView {padding: 0; margin: 0 auto; width: 1200px;}
   .contents-recordView-top {/*! padding:20px 0 5px 0; */ height: 95px;}
   .contents-recordView-top .cat-txt { font-size:12px; padding:4px 10px;}
   .contents-recordView-top .btn-link-back { padding: 12px; font-size: 14px;  }
 
   .contents-recordView .recordView-header {font-size: 14px; padding: 25px 10px;line-height: 26px;}
   .recordView-article {padding: 20px 0 25px 0; font-size: 16px;  min-height: 900px;}
  .recordView-article > .tx-title {font-size: 25px; margin-bottom:20px;width: 780px;} 
  
  .recordView-article .section { margin-bottom: 20px; width: 450px;}
  
   .recordView-article .s-tlt {line-height: 22px;/* font-size: 14px; */}
   .recordView-article .sub-ls {padding: 0 20px;}
   .recordView-article .sub-ls > li {margin-bottom:10px;}
   .recordView-article .sub-ls > li p {font-size:13px; padding:0;}
   .recordView-article .links a { padding:2px 10px;}
   .recordView-article .links a.btn.btn7 { padding: 0 10px; } /* 2021-11-18 지혜승 추가 */
   .recordView-article .links .spt {padding:0 5px;}
 
   .recordView-article .rel-contents { position: absolute; top: 20px;right: 10px; width: 380px;}
   .recordView-article .rel-contents .tx-title {padding:10px 20px; }

   .recordView-article .rel-contents .s-tlt {padding: 0}
   .recordView-article .rel-contents p {padding:0;}
   .recordView-article .rel-contents .section {padding: 0 20px;width: auto;}
   
   .recordView-article .paBtn-wrap { position: absolute; bottom: 13%; left: 0; }
   .recordView-article .paBtn-wrap a {width:100%;}
 
   /* .contents-recordView .page-btns {padding:20px 0; margin-bottom:40px; } */
   /* .contents-recordView .page-btns a {font-size:18px; padding: 15px;  color: #666666;display: inline-block;} */

   
   /* - 이미지레이어 */
   .imageViewLayer.open {display: block !important;}
   .imageViewLayer { /*! position: fixed; */ /*! overflow: auto; */ /*! overflow-x: hidden; */ /*! top:0; */ /*! left:0; */ /*! width: 100%; */ /*! height:100%; */ /*! padding:15px; */ 
     /*! background: rgba(0,0,0,0.7); */ /*! z-index: 999999; */ /*! box-sizing: border-box; */ }
   .imgView-wrapper {position: relative;width: 700px;margin: 0px auto 0 auto;} /* 2021-11-16 지혜승 수정 */
   .imageViewLayer .btn-imgView-close {position:absolute; top:0; right:0; width: 40px; height:40px; 
     background: url("/images/2021/provisionalAssembly/btn_imgview_close.png") center center no-repeat; background-size: auto 20px; overflow: hidden; text-indent: -900px;}
   .imageViewLayer .img-view-box {height:700px; /*! width:100%; */ /*! background: #000000; */ 
     /*! display: flex; */ /*! align-items: center; */ /*! justify-content: center; */ /*! flex-direction: row; */ /*! overflow: hidden; */ /*! margin-bottom:10px; */}
   .imageViewLayer .img-view-box img {max-width: 100%; max-height: 100%; flex: 0 0 auto;}
 
   .imgView-control .zoom-btns { float: left; line-height: 0; font-size: 0;}
   .imgView-control .zoom-btns .btn-img-zoom-plus,
   .imgView-control .zoom-btns .btn-img-zoom-minus { display: inline-block; width:35px; height: 38px; overflow: hidden; text-indent: -900px; 
     background-position: center center; background-repeat: no-repeat; background-size: contain; }
   .imgView-control .zoom-btns .btn-img-zoom-plus {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_plus_pc.png"); margin-right:2px;}
   .imgView-control .zoom-btns .btn-img-zoom-minus {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_minus_pc.png")}
   .imgView-control .zoom-btns .btn-img-zoom-plus:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_plus_pc_over.png");}
   .imgView-control .zoom-btns .btn-img-zoom-minus:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_zoom_minus_pc_over.png")}
 
   .imgView-control .img-download-btns {float: right;  margin-bottom: 10px;}
   .imgView-control .img-download-btns a {display: block; width: 115px; height:38px; /*! overflow: hidden; */ /*! text-indent: -100px; */ /*! background: url("/images/2021/provisionalAssembly/btn_imgview_download_pc.png") no-repeat center center; */}
   .imgView-control .img-download-btns a:hover {background: url("/images/2021/provisionalAssembly/btn_imgview_download_pc_over.png") no-repeat center center;}
 
   .imgView-control .page-control {clear: none; /*! text-align: center; */ /*! color:#fff; */ /*! position: relative; */width: auto;margin-left: 100px;margin-right: 150px;}
   .imgView-control .page-control a {display:block; float: left; width:38px; height:38px; /*! overflow: hidden; */ /*! text-indent: -100px; */ /*! color:transparent; */ 
     /*! background-position: center; */ /*! background-repeat: no-repeat; */ /*! background-size: cover; */}
     .imgView-control .page-control .btns-left {/*! position: absolute; */ /*! left:0; */ /*! top:0 */}
     .imgView-control .page-control .btns-right {/*! position: absolute; */ /*! right:0; */ /*! top:0 */}
 
     .imgView-control .page-control .page-count span {/*! line-height: 34px; */ /*! font-size:15px; */}
   .imgView-control .page-control .btns-left a.btn-img-first {/*! background-image: url("/images/2021/provisionalAssembly/btn_imgview_first_pc.png"); *//*! margin-right: 3px; */}
   .imgView-control .page-control .btns-left a.btn-img-prev {/*! background-image: url("/images/2021/provisionalAssembly/btn_imgview_prev_pc.png"); */}
   .imgView-control .page-control .btns-right a.btn-img-next {background-image: url("/images/2021/provisionalAssembly/btn_imgview_next_pc.png");margin-right: 3px;}
   .imgView-control .page-control .btns-right a.btn-img-last {background-image: url("/images/2021/provisionalAssembly/btn_imgview_last_pc.png");}
 
   .imgView-control .page-control .btns-left a.btn-img-first:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_first_pc_over.png");margin-right: 3px;}
   .imgView-control .page-control .btns-left a.btn-img-prev:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_prev_pc_over.png");}
   .imgView-control .page-control .btns-right a.btn-img-next:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_next_pc_over.png");margin-right: 3px;}
   .imgView-control .page-control .btns-right a.btn-img-last:hover {background-image: url("/images/2021/provisionalAssembly/btn_imgview_last_pc_over.png");}   
 
   .caption-wrapper .img-caption {padding: 90px 10% 20px; /*! color:#ffffff; */ font-size:16px; text-align: center; } /* 2021-11-15 지혜승 수정 및 추가 */

  /* - 페이지 삽입 이미지레이어 */
.inner-imageViewLayer { position: absolute; overflow: auto;  box-sizing: border-box; padding:0; right: 0;top: 60px;}
.inner-imageViewLayer .imgView-wrapper {position: relative;margin: 0;}
.inner-imageViewLayer .img-view-box {height:700px; width:100%; background: #000000; 
  display: flex; align-items: center; justify-content: center; flex-direction: row; overflow: hidden; margin-bottom:10px;}

.inner-imageViewLayer .imgView-control .page-control .page-count span {line-height: 34px; font-size:15px; color:#333;}

  
  /* 게시판 */
  .sub-boardList .sub-header {height: auto;} 
  .sub-boardList .sub-header .sub-menu-title { display: block !important; font-size: 30px; padding-top:40px; height:170px; 
    border-top:1px solid #dedede; background: url("/images/2021/provisionalAssembly/bg_sub_collection_header.png") no-repeat center bottom; box-sizing: border-box;  text-align: center; }
  .sub-boardList .sub-header .sub-menu-title .txt-menutitle { display: block; width: 1200px; padding:0 20px; font-size:48px; margin:0 auto; margin-bottom:20px; }
  .sub-boardList .sub-header .sub-menu-title .sub-menu-title-desc {display: block; width: 1200px; padding:0 20px; font-size:14px; margin:0 auto;}

  .contents-boardList {width: 1200px;margin: 0 auto;}
  .contents-boardList .board-search-wrapper { padding: 40px 0;}
  .board-search { width: 400px; border-radius:30px; }
  .board-search > input {  height:45px; line-height:45px;padding:0 40px 0 15px; }
  .board-search .btn-board-search { height: 45px; width: 45px; background-size: 16px 18px;}

  .tbl-board-list table th,
  .tbl-board-list table td { padding: 20px 5px; }

  .board-paging { overflow:hidden; text-align: center; padding:50px 0;}
  .board-paging span { display: inline-block; }
  .board-paging .paging-ui { text-align: center;}
  .board-paging .paging-ui a { width: 36px; height: 36px; background-size: auto 13px;}

  .board-paging .paging-num {padding: 0 5px;}
  .board-paging .paging-num a { height: 36px; line-height:36px; }  

  /* 게시판 상세 보기 */
  .sub-boardView .sub-header {height: auto;} 
  .sub-boardView  .sub-header .sub-menu-title { display: block !important; font-size: 30px; padding-top:40px; height:170px; 
    border-top:1px solid #dedede; background: url("/images/2021/provisionalAssembly/bg_sub_collection_header.png") no-repeat center bottom; box-sizing: border-box;  text-align: center; }
  .sub-boardView  .sub-header .sub-menu-title .txt-menutitle { display: block; width: 1200px; padding:0 20px; font-size:48px; margin:0 auto; margin-bottom:20px; }
  .sub-boardView  .sub-header .sub-menu-title .sub-menu-title-desc {display: block; width: 1200px; padding:0 20px; font-size:14px; margin:0 auto;}

  .contents-boardView {padding:90px 0; width:1200px; margin: 0 auto;}
  .boardview-header .bd-title { padding:20px 25px; }
  .boardview-header .bd-info {padding:20px 25px; }

  .contents-boardView .bd-art { padding:20px 25px; line-height: 24px; }
  .contents-boardView .bd-art img {margin-bottom: 20px;}

  .contents-boardView .bd-attach { padding:20px 25px;}
  .contents-boardView .bd-attach .bd-file-list { margin-left:160px;}

  .bd-nav-link > ul > li a { padding:20px 25px; margin-left: 160px;}
  .bd-nav-link > ul > li.prev-article { background: url("/images/2021/provisionalAssembly/ico_bd_view_prev.png") 45px center no-repeat; background-size: auto 8px }
  .bd-nav-link > ul > li.next-article { background: url("/images/2021/provisionalAssembly/ico_bd_view_next.png") 45px center no-repeat; background-size: auto 8px }

  .bd-btns {padding:20px 5px; text-align:center;}
  .bd-btns .btn-link-back {display:inline-block; width:240px; font-size:18px; }
  
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline{color:#000 !important;font-weight: bold !important;;}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p{color:#666 !important;}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout::after, 
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after{display: none !important;}




/* 대한민국 의회정치의 시작 임시의정원 */
.reviewbook {position: relative; margin-bottom:50px;}

.reviewbook a {color:#666;line-height: 160%;background: url('/resource/portal/doc/ico_link.png') no-repeat left center;padding-left: 15px;}
.reviewbook a:hover { text-decoration: underline !important; color:#333 !important;}

.reviewbook .booktitle { padding: 20px;}
.reviewbook .booktitle .title {  vertical-align: middle; font-size: 24px;font-weight: bold;}
.reviewbook .booktitle .title .ht {font-size: 30px; color:#333;}
.reviewbook .booktitle .sm { font-size: 18px; margin-bottom: 20px;}
.reviewbook .booktitle .sm_cat { display: inline-block; padding:5px 20px; font-size:16px; border-radius:20px; background:#333; color:#fff; vertical-align: top; position: relative;top: 0px;}

.reviewbook .index_header { position: relative;border: #d5cdcd 6px solid;margin-bottom: 40px;}
.reviewbook .index_header .btn_all_view { position:absolute; right:20px; bottom:20px; background-color: #958277; padding:5px 10px; color: #fff !important;}
.reviewbook .index_header .btn_all_view:hover {background-color: #9f8b7f;}
.reviewbook .book_cover { left: 0; flex: 1 1 20%;display: table-cell; width: 20%;box-sizing: border-box;}
.reviewbook .book_cover img { box-shadow: 5px 5px 20px rgba(0,0,0,0.1); border:#ccc 1px solid; max-width:100%; min-width:100%;margin: 0;}
.reviewbook .index_wrap { position: relative; display: table;width: 100%;box-sizing: border-box;}
.reviewbook .index_wrap:after { content: ""; display: block; clear: both;}

.list_section { display: table-cell;vertical-align: top;width: auto;box-sizing: border-box;padding-left: 50px;}
.reviewbook .first_list { border-bottom:#ccc 1px solid; padding:20px 0; margin-bottom: 30px;}
.reviewbook .list_group { margin-bottom: 20px;}

.reviewbook .list_item { display: flex; margin-bottom:10px; }
.reviewbook .list_item:after { content: ""; display: block; clear: both;}
.reviewbook .list_group.type2 .list_item { display: block;}

.reviewbook .list_item .subject { display: block;width: 55px;  color:#a67151; flex: 0 0 80px;}
.reviewbook .list_item > ul {float: left;}
.reviewbook .chaper_title { font-size:26px;margin-bottom: 15px;}
.reviewbook .group_title {border-bottom:#d0bba9 1px solid; margin-bottom:15px; font-size:18px; font-weight: 600; padding-bottom:10px;}
.reviewbook .list_group.type2 .subject { float:none; width: 100%;border-bottom: #eaeaea 1px solid;margin-bottom: 10px;font-weight: 600;padding-bottom: 5px;}
.reviewbook .list_group.type2 .list_item ul {float: none; padding:5px 0 0 20px; margin-bottom: 10px;}
.nlist { border-top:#ccc 1px solid; padding-top:20px;}

.list_group2 { margin-bottom:20px;}
.list_group2 .list_item a { color:#4f4f4f;}
.list_group2 .sub_depth a { color:#6c6c6c;}
.list_group2 .list_item .sub_depth {padding:10px 0 0 20px;}
.list_group2 .list_item li {margin-bottom:8px;}

@media all and (max-width:640px){

  .reviewbook .index_header { text-align: center;}
  .reviewbook .booktitle .title .ht {font-size: 30px; color:#333; display: block; margin-bottom:10px;}
  .reviewbook .booktitle .sm { font-size: 18px; margin-bottom: 10px;}
  .reviewbook .booktitle .sm_cat {margin-bottom:20px;display: block;width: 100px;margin: 10px auto 20px auto;}
  .reviewbook .index_header .btn_all_view { position: relative; right: 0}
  .reviewbook a:hover { text-decoration: underline !important; color:#333 !important;}
  .reviewbook .chaper_title {text-align: center;padding: 20px 0;}

  .reviewbook .list_item .subject { display: block;width: 55px;  color:#a67151; flex: 0 0 50px;}

  .reviewbook .book_cover { display: block; text-align: center; width: 100%; box-sizing: border-box; padding:0 30px;}
  .reviewbook .book_cover img { height: 100%; width: auto}
  .list_section { display: block; padding: 10px;}
}