/*
* Default CSS
*/
#collapse-box-full-nav a {
	display: inline-block; 
	margin: 0px 5px 10px 0px; 
	padding: 5px 20px; 
	border: 1px solid #000;
	border-radius: 18px;
	background-color: #4C4F52;
	font-weight: 200;
	font-size: 14px;
	color: #fff;		
}
#collapse-box-full-nav a:hover {
	display: inline-block; 
	margin: 0px 5px 10px 0px; 
	padding: 5px 20px; 
	border: 1px solid #000;
	border-radius: 18px;
	background-color: #ccc;
	font-weight: 200;
	font-size: 14px;
	color: #222;	
}
 
/* 화면 스크롤시 네비게이션 출력 */
.defaultTitle {
	background-color: #fff;
	float: right;
	margin-right: 30px;
}
.defaultMenu {
	z-index: 5000000;
	text-align: center;
	background-color: #fff;
	width: 100%;
}
.defaultContent {

}
.defaultFixed {
	position: fixed;
	top: 0px;
}
	  


/* 정렬 옵션  */
.sort-option {
	margin-top: 10px;
}
.sort-option a {
	color: #888; 
	font-weight: 200; 
	font-size: 14px; 
	vertical-align: middle;
	margin-right: 10px;
}
.sort-option span {
	color: #888; 
	font-weight: 200; 
	font-size: 14px; 
	vertical-align: middle;
	margin-right: 10px;
}



/* 서브페이지 좌측 사이드 메뉴  */
.sidemenu {

}
.sidemenu .top-name {
	font-size: 30px; 
	font-weight: 500; 	
	color: #222;
}
.sidemenu .sub-name {
	font-size: 18px; 
	font-weight: 200; 	
	line-height: 30px;
}
.sidemenu .sub-name-ex {
	font-size: 17px; 
	font-weight: 200; 	
	line-height: 28px;
	letter-spacing: -1px;
}
.sidemenu .active {
	font-size: 18px; 
	font-weight: 500; 	
	line-height: 30px;
}
.sidemenu .sub-2-name {
	font-size: 14px; 
	font-weight: 200; 	
	padding-left: 7px; 
}
.sidemenu a {
	color: #333;
}
.sidemenu a:hover {
    color: #D39A13;
}


/* 페이지 경로  */
.bcb {
	margin-top: 8px;
	font-size: 14px; 
	font-weight: 200; 	
	color: #666;
}
.bcb a {
	color: #666;
	padding-right: 3px	
}
.bcb a span {
	color: #666;
	padding-right: 3px	
}
.bcb a:hover {
    color: #D39A13;
}
.bcb span {
	color: #ccc;
}
.bcb span:hover {
    color: #D39A13;
}



/* 좌측 사이드바 네비게이션 */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 70px;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 33px;
    color: #818181;
    display: block;
    transition: 0.3s;	
}
.sidenav a:hover {
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* 상단 사이트맵 네비게이션 */
.sidenav-full {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 130px;
}
.sidenav-full a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 42px;
    color: #818181;
    display: block;
    transition: 0.3s;	
}
.sidenav-full a:hover {
    color: #f1f1f1;
}
.sidenav-full .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 45px;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .sidenav-full {padding-top: 15px;}
  .sidenav-full a {font-size: 30px;}
}


/* 푸터부 네비게이션 */
#footer-nav {
	float: left;
}
#footer-nav ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	line-height: 200%;		
}
.footer-nav-title {
	font-size: 26px; 
	font-weight: 600; 
	color: #fff;
}
.footer-nav-subtitle {
	font-size: 15px; 
	font-weight: 400; 
	color: #e1e1e1;
}
.footer-nav-separator {
	font-size: 10px; 
	color: #ccc; 
	display: inline-block; 
	margin-left: 14px; 
	margin-right: 14px; 
	width: 1px; 
	height: 11px; 
	vertical-align: 2px;
}


em {
	font-weight: 400; 
	color: #7E8CCA;
	font-style: normal;
}
.level1 li	{
  display:none;
}


/* 전체메뉴 보기 */
/* 데스크탑 전용 */
.dropdownX {
	position: relative;
	display: inline-block;
}
.dropbtnX {
	cursor: pointer;
}
.dropdown-contentX {
	display: none;
	position: absolute;
	right: 0;
	margin-top: -40px;

	width: 970px;
	height: 450px;
	
		border: 1px solid rgba(0,0,0,.15); 
		border-radius: 1px; 
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
		box-shadow: 0 6px 12px rgba(0,0,0,.175); 	
		
	z-index: 9000000000000000000;
	
	background-color: #fff;	
	opacity: 0.98;
	filter: alpha(opacity=98);			
}
.dropdown-contentX a {
	font-size: 13px;
	font-weight: 200;	
	text-align: left !important;
	padding: 10px 10px;
	text-decoration: none;
	display: inline-block;	
}
.dropdown-contentX a:hover {background-color: ;}
.dropdownX:hover .dropdown-contentX {
	display: block;
}	
	
/* 사이트맵 보기 */
.sitemapX {
	
	
}
.sitemapX a {
	font-size: 14px;
	font-weight: 200;	
	text-align: left !important;
	padding: 10px 10px;
	text-decoration: none;
	display: inline-block;	
}



/* 메인 및 서브페이지 검색창 */	
/* 데스크탑 전용 */
.search_input_box {
	box-sizing: border-box;
	border: 2px solid #eee;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 200;
	color: #555;
	background-color: #EFEFEF;
	background-image: url('../images/icon/nav/1x/baseline_search_black_18dp.png');
	background-position: 18px 10px; 
	background-repeat: no-repeat;
	padding: 7px 17px 7px 49px;		
	min-width: 300px; 		
	/* border: 5px solid transparent;
	border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
	border-image-slice: 1;	 */	
	
	/* background: 
     linear-gradient(#fff,#fff) padding-box,     
	 linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%) border-box;
	border: 5px solid transparent;
	border-radius: 40px;		*/	
}
.search_input_box:focus {
	outline: none;
}
/* 모바일 전용 */
.search_input_box_m {
	box-sizing: border-box;
	border: 2px solid #eee;
	border-radius: 40px;
	font-size: 15px;
	font-weight: 200;
	color: #888;
	background-color: #EFEFEF;
	background-image: url('../images/icon/nav/1x/baseline_search_black_18dp.png');
	background-position: 18px 10px; 
	background-repeat: no-repeat;
	padding: 8px 18px 8px 50px;		
	width: 100%; 
}
.search_input_box_m:focus {
	outline: none;
}	


/* 새소식(공지사항) 플로팅 메뉴 팝업 */
.notice-baloon {
	background: url("../images/go-to-notice2.png") no-repeat scroll 0 0 transparent;		
	width: 220px;				
	height: 220px;
	top: 130px;
	left: 10px;					
	padding: 0px;
	position: fixed;
	z-index: 500000;	
}

#layer_popup_notice { 
	position: relative;
}
.closePop_notice div {
	float: left; 
	text-align: right;
}
#check_notice {
	color: #666;
	font-size: 12px; 
	font-weight: 200;
	position: absolute; 
	bottom: 10px; 
	left: 20px;
}
#check_notice .input {
	display: inline-block;
	width: 12px !important;
	height: 12px;
	border: 1px solid #bcbcbc !important;
	cursor: pointer !important;
}
#check_notice .input:checked {
	background-color: #000;
}	
#closePop_notice {
	font-size: 12px; 
	position: absolute; 
	bottom: 10px; 
	right: 20px; 
}
#closePop_notice a { 
	font-weight: 200;	
	text-decoration: underline;
}	
	


/* 참여하기 플로팅 메뉴 팝업 */
.contribution-baloon {
	background: url("../images/go-to-contribution-v2.png") no-repeat scroll 0 0 transparent;		
	width: 210px;				
	height: 264px;
	top: 130px;
	right: 10px;					
	padding: 0px;
	position: fixed;
	z-index: 500000;
}

#layer_popup { 
	position: relative;
}
.closePop div {
	float: left; 
	text-align: right;
}
#check {
	color: #666;
	font-size: 12px; 
	font-weight: 200;
	position: absolute; 
	bottom: 30px; 
	right: 65px; 
}
#check .input {
	display: inline-block;
	width: 12px !important;
	height: 12px;
	border: 1px solid #bcbcbc !important;
	cursor: pointer !important;
}
#check .input:checked {
	background-color: #000;
}	
#closePop {
	font-size: 12px; 
	position: absolute; 
	bottom: 30px; 
	right: 20px; 
}
#closePop a { 
	font-weight: 200;	
	text-decoration: underline;
}	
	

/* 컬렉션 분류 */	
.nav-tree ul {
	list-style: none;
	margin-left: 0px;
}
.nav-tree ul {
	margin-left: -20px;
	margin-right: 20px;
}
.nav-tree ul li {
	position: relative;
	margin-left: -0px;
}
.nav-tree ul li a {
	text-indent: 10px;
	margin-left: 30px;
}
.nav-tree ul li span.opener {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #333;
	z-index: +1;
}
.nav-tree ul li span.opener.closed span.tree-icon-opened {
	display: none;
}
.nav-tree ul li span.opener.closed span.tree-icon-closed {
	display: block;
}
.nav-tree ul li span.opener.opened span.tree-icon-open {
	display: block;
}
.nav-tree ul li span.opener.opened span.tree-icon-closed {
	display: none;
}

	
/* 중앙 정렬 */
	.outer {
	  display: table;
	  width: 100%;
	  /* height: 100%; */
	}
	.inner {
	  display: table-cell;
	  vertical-align: middle;
	  text-align: center;
	}
	.centered {
	  position: relative;
	  display: inline-block;   
	}


/* 기본 대메뉴 네비게이션 */
* {
    box-sizing: border-box;
}

.navbar-default {
	overflow: hidden;
    background-color: #fff;

}

.navbar-default a {
    float: left;
    font-size: 14px;   
    text-align: center;
    padding: 0;
    text-decoration: none;
}

.dropdown-default {
    float: left;
    overflow: hidden;
}

.dropdown-default .dropbtn-default {	
    font-size: 20px; 
	font-weight: 400;
    border: none;

	/* padding-top: 10px; */
	padding-top: 3px;
	/* padding-bottom: 0px;	*/
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
    background-color: inherit;
    /* margin: 0; */
}

.navbar-default a:hover, .dropdown-default:hover .dropbtn-default {
    background-color: #fff;
}

.dropdown-content-default {
    display: none;
    position: absolute;
    background-color: #535561;
    width: 100%;
    left: 0;
	border-top: 1px solid #111; 
	border-bottom: 1px solid #1F2024; 			
	border-radius: 1px; 
	 z-index: 10000;
}

.dropdown-content-default .header-default {
    padding: 16px;
    color: white;
}

.dropdown-default:hover .dropdown-content-default {
    display: block;
}

.column-default {
    float: left;	
    width: 20%;
	padding-top: 15px;	
    background-color: #535561;
    height: 240px;
	 border-right: 1px solid #494b56; 
	 z-index: 10000;
}

.column-default a {
    float: none;
    color: #fff;
	text-shadow: 0 0 3px #3E4049;
    padding: 10px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.column-default a:hover {
    background-color: #3E4049;
	color: #fff; 
	text-decoration: none;
}

.row-default:after {
    content: "";
    display: table;
    clear: both;
}



/* 탭 메뉴 공통 */
.tab-menu ul li {
	border: 1px solid #bbb;
	display: inline-block;

	padding: 16px 24px;
	vertical-align: middle;
	overflow: hidden;	
	font-size: 16px; 
	text-decoration:none;	
	margin-bottom: 5px;
}

.tab-menu ul li.active, .tab-menu ul li:hover {
	border: 1px solid #bbb;
	display: inline-block;

	padding: 16px 24px;
	vertical-align: middle;
	overflow: hidden;			
	background-color: #B6B6B6;
	font-size: 16px; 
	text-decoration:none;
	color:#fff !important;
}

.tab-menu ul li.active a, .tab-menu ul li a:hover {
	font-size: 13px; 
	font-weight: 500;	
	text-shadow: 0 0 2px #363636;				
	text-decoration:none;
	color:#fff !important;
}



/* 이미지 확대 */
.image_zoom { 
overflow: hidden; 
}

.image_zoom  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.9s;
    -moz-transition:.9s;
    -ms-transition:.9s;
    -o-transition:.9s;
    transition:.9s;
}

.image_zoom:hover img {
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);   
    -o-transform:scale(1.3);
    transform:scale(1.3);
}


/* 정렬 */
#sort-links {
    line-height: 1.71429em;
    clear: both;
}
#sort-links span {
    font-size: 0.9em;    
	color: #000;
    margin-right: 0.7em;

}
#sort-links-list {
    list-style: none;
    display: inline-block;
    padding-left: 0;
}
#sort-links-list li {
    display: inline-block;
    margin-right: 0.7em;
}
#sort-links + .item {
    border-top: 0px solid #fff;
    clear: both;
}


/* a 태그 */
a:hover {
	text-decoration: none;	
}

.desc a:after, .asc a:after {
    font-family: "FontAwesome";
    display: inline-block;
}

.desc a:after {
    content: "\00a0\f0d8";
}

.asc a:after {
    content: "\00a0\f0d7";
}



/* 검색 박스/입력창/버튼 */

.search_box {
display: inline-block;
max-width: 300px; height: 33px;		
min-width: 300px; height: 33px;	
width: 300px; height: 33px;	
border: 1px solid #999 !important;
margin-right: 0px;
background-color: white;
border-radius: 0px !important;		
}
.keyword_input {
	width: 260px; height: 30px;
	margin: 6px 0 0 9px;
	border: 0;
	line-height: 21px;
	font-weight: bold;
	font-size: 20px;

}
.search_button {
	width: 50px; 
	height: 33px;
	margin: 0; 
	vertical-align: top;
	background-color: #888;
	color: white;
	font-weight: bold;
	font-size: 12px;
	border-radius: 0px;
	border: 1px solid #666;
	cursor: pointer;
}
.search_button:hover {
	background: #555;
}
	


/* 전체메뉴(좌측) : 모바일폰 전용 */
.dropdown-mobile {
	position: relative;
	display: inline-block;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown:hover .dropdown-right-menu-content {
	display: block;	
}

/* 전체메뉴(우측) : 모바일폰 전용 */



/* 검색메뉴(우측) */
.dropbtn-right-search-button {
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
	font-size: 24px;
	border: 1px solid #ffffff;
	cursor: pointer;
}		
.dropdown-right-search-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #fff;
	min-width: 400px;
	z-index: 100000;
	text-align: left !important;
	padding: 20px;
	border: 1px solid #bbb; 
	border-radius: 1px; 
}	
.dropdown-right-search-content a {
	font-size: 15px;
	font-weight: 400;	
	color: #666;
	padding: 10px 14px;
	text-decoration: none;
	display: block;	
}	
.dropdown-right-search-content a:hover {background-color: #fff}
.dropdown:hover .dropdown-right-search-content {
	display: block;
}		



/* 데스크탑용 전체메뉴 */
.dropbtn {
	background-color: #fff;
	color: #bbb;
	padding: 0px;
	min-width: 85px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
	border: 2px solid #ccc;
	cursor: pointer;
}	
.dropdown:hover .dropbtn {
	background-color: #ccc;
	color: #fff;
}



/* 검색 버튼 클릭시 전체화면에서 검색 모드로 전환   */
* {
    box-sizing: border-box;
}
.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}

.openBtn:hover {
    background: #bbb;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 25px;
	font-weight: 200;
    border: none;
    float: left;
    width: 80%;
	height: 65px;
    background: white;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 20%;
	height: 65px;
    padding: 15px;
    background: #fff;
    font-size: 26px;
	font-weight: 200;	
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #333;
	color: #fff;
}










	
	

/* 연표보기 탭 메뉴 */

.tabs {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  background: white;
  padding: 10px;
  padding-bottom: 80px;
  border-radius: 1px;
  min-width: 340px;  
 
}
.tabs input[name="tab-control"] {
  display: none;
}
.tabs .content section h2,
.tabs ul li label {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 14px;
  color: #01B0F1;
    border: 1px solid #ccc;
	padding: 5px; 
}
.tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tabs ul li {
  -webkit-box-sizing: border-box;
   box-sizing: border-box;
  width: 25%;
  padding: 0 10px;
  text-align: center;
}




.tabs ul li label {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #929daf;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs ul li label br {
  display: none;
}
.tabs ul li label svg {
  fill: #929daf;
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {

  color: #bec5cf;
}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
  fill: #bec5cf;
}
.tabs .slider {
  position: relative;
  width: 25%;
  -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: #01B0F1;
  border-radius: 1px;
}
.tabs .content {
  margin-top: 30px;
}
.tabs .content section {
  display: none;
  -webkit-animation-name: content;
          animation-name: content;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  line-height: 1.4;
}
.tabs .content section h2 {
  color: #01B0F1;
  display: none;
}
.tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #01B0F1;
  margin-top: 5px;
  left: 1px;
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(7):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(7):checked ~ .content > section:nth-child(7) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(8):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(8):checked ~ .content > section:nth-child(8) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(9):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(9):checked ~ .content > section:nth-child(9) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(10):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(10):checked ~ .content > section:nth-child(10) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(11):checked ~ ul > li:nth-child(11) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(11):checked ~ ul > li:nth-child(11) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(11):checked ~ ul > li:nth-child(11) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(11):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(11):checked ~ .content > section:nth-child(11) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(12):checked ~ ul > li:nth-child(12) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(12):checked ~ ul > li:nth-child(12) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(12):checked ~ ul > li:nth-child(12) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(12):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(12):checked ~ .content > section:nth-child(12) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(13):checked ~ ul > li:nth-child(13) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(13):checked ~ ul > li:nth-child(13) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(13):checked ~ ul > li:nth-child(13) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(13):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(13):checked ~ .content > section:nth-child(13) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(14):checked ~ ul > li:nth-child(14) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(14):checked ~ ul > li:nth-child(14) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(14):checked ~ ul > li:nth-child(14) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(14):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(14):checked ~ .content > section:nth-child(14) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(15):checked ~ ul > li:nth-child(15) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(15):checked ~ ul > li:nth-child(15) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(15):checked ~ ul > li:nth-child(15) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(15):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(15):checked ~ .content > section:nth-child(15) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(16):checked ~ ul > li:nth-child(16) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(16):checked ~ ul > li:nth-child(16) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(16):checked ~ ul > li:nth-child(16) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(16):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(16):checked ~ .content > section:nth-child(16) {
  display: block;
}

.tabs input[name="tab-control"]:nth-of-type(17):checked ~ ul > li:nth-child(17) > label {
  cursor: default;
  color: #01B0F1;
}
.tabs input[name="tab-control"]:nth-of-type(17):checked ~ ul > li:nth-child(17) > label svg {
  fill: #01B0F1;
}
@media (max-width: 600px) {
  .tabs input[name="tab-control"]:nth-of-type(17):checked ~ ul > li:nth-child(17) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(17):checked ~ .slider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.tabs input[name="tab-control"]:nth-of-type(17):checked ~ .content > section:nth-child(17) {
  display: block;
}

@-webkit-keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .tabs ul li label {
    white-space: initial;
  }
  .tabs ul li label br {
    display: initial;
  }
  .tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width: 600px) {
  .tabs ul li label {
    padding: 5px;
    border-radius: 5px;
  }
  .tabs ul li label span {
    /* display: none; */
    display: block;	
  }
  .tabs .slider {
    display: none;
  }
  .tabs .content {
    margin-top: 20px;
  }
  .tabs .content section h2 {
    display: block;
  }
}



/* 연표보기 탭 메뉴 c1, c2 */
.tab-menu-c1 ul li {	
	margin-right: 0px;
	border-top: 1px solid #888; 
	border-left: 1px solid #888; 
	border-right: 1px solid #888; 	
	border-bottom: 0px;
	padding: 8px 18px; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	text-decoration: none; 
	margin-bottom: 0px; 
	display: inline-block;
    background-color: #E9E9E9;		
}

.tab-menu-c1 ul li.active, .tab-menu-c1 ul li:hover {
margin-right: 0px;	
	border-top: 1px solid #888; 
	border-left: 1px solid #888; 
	border-right: 1px solid #888; 
	border-bottom: 0px;	
	padding: 8px 18px; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	text-shadow: 0 0 2px #464F7A;	
	text-decoration: none; 
	margin-bottom: 0px; 
	display: inline-block;	
	color:#fff !important;
    background-color: #535561;	
}

.tab-menu-c1 ul li.active a, .tab-menu-c1 ul li a:hover {
	font-size: 16px; 
	font-weight: 500; 
	text-decoration: none;
    color:#fff !important;
}

.tab-menu-c2 ul li {	
	border: 1px solid #888; 
	padding: 8px 18px; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	text-decoration: none; 
	margin-bottom: 10px; 
	display: inline-block;
    background-color: #E9E9E9;		
}

.tab-menu-c2 ul li.active, .tab-menu-c2 ul li:hover {
	border: 1px solid #888; 
	padding: 8px 18px; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	text-shadow: 0 0 2px #464F7A;	
	text-decoration: none; 
	margin-bottom: 10px; 
	display: inline-block;	
	color:#fff !important;
    background-color: #535561;	
}

.tab-menu-c2 ul li.active a, .tab-menu-c2 ul li a:hover {
	font-size: 16px; 
	font-weight: 500; 
	text-decoration: none;
    color:#fff !important;
}


.tab-menu-c3 ul li {
	border: 1px solid #666;
	display: inline-block;

	padding: 8px 20px;
	vertical-align: middle;
	overflow: hidden;	
	font-size: 15px; 
	text-decoration:none;	
	margin-bottom: 2px;
	background-color: #f8f8f8;	
}

.tab-menu-c3 ul li.active, .tab-menu-c3 ul li:hover {
	border: 1px solid #666;
	display: inline-block;

	padding: 8px 20px;
	vertical-align: middle;
	overflow: hidden;			
	background-color: #7E8088;
	font-size: 15px; 
	text-decoration:none;
	color:#fff !important;
}

.tab-menu-c3 ul li.active a, .tab-menu-c3 ul li a:hover {
	font-size: 15px; 			
	text-decoration:none;
	color:#fff !important;
}

.tab-menu-c4 ul {
	margin-left: 0px; padding-left: 0px;
}

.tab-menu-c4 ul li {	
	border: 1px solid #888; 
	padding: 8px 34px; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	text-decoration: none; 
	margin-bottom: 10px; 
	display: inline-block;
    background-color: #E9E9E9;		
}

.tab-menu-c4 ul li.active, .tab-menu-c4 ul li:hover {
	border: 1px solid #111; 
	padding: 8px 34px; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	text-shadow: 0 0 2px #464F7A;	
	text-decoration: none; 
	margin-bottom: 10px; 
	display: inline-block;	
	color:#fff !important;
    background-color: #535561;	
}

.tab-menu-c4 ul li.active a, .tab-menu-c4 ul li a:hover {
	font-size: 16px; 
	font-weight: 500; 
	text-decoration: none;
    color:#fff !important;
}



/* 페이징 버튼 */
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 0px;
}
.pagination-button-1 {
	padding: 1px 8px 3px 5px; 
	border-radius: 0px; 
	border-left: 1px solid #bbb; 
	border-top: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
}
.pagination-button-2 {
	padding: 1px 10px 3px 10px; 
	border-radius: 0px; 
	border-left: 1px solid #bbb; 
	border-top: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
}
.pagination-button-3 {
	padding: 1px 8px 3px 5px; 
	border-radius: 0px; 
	border: 1px solid #bbb; 
}



/* 태그 클라우드를 위한 customize CSS */
.tags {}
	.tags li {display:inline;} /* 태그를 모두 한 줄로 처리 */
.hTagcloud {text-align: center; list-style: none;}
.hTagcloud ul {list-style:none; margin-left:0; padding-left:0; margin-top:0px;} /* 태그 위치 */
.hTagcloud li {font-weight: 300; display:inline; /* margin-right:10px;*/} /* 태그간 간격 */
.hTagcloud a{text-decoration:none;}
	.popular a {font-size:100%; background-color:#717171;}
	.v-popular a {font-size:100%; background-color:#717171;}
	.vv-popular a {font-size:100%; background-color:#616161;}
	.vvv-popular a {font-size:100%; background-color:#616161;}
	.vvvv-popular a {font-size:100%; background-color:#515151;}
	.vvvvv-popular a {font-size:100%; background-color:#515151;}	
	.vvvvvv-popular a {font-size:100%; background-color:#424141;}	
	.vvvvvvv-popular a {font-size:100%; background-color:#414141;}	
	.vvvvvvvv-popular a {font-size:100%; background-color:#303030;}  
	.vvvvvvvvv-popular a {font-size:100%; background-color:#202020;}  
	.vvvvvvvvvv-popular a {font-size:100%; background-color:#1C1C1C;}  	
	.vvvvvvvvvvv-popular a {font-size:100%; background-color:#000000;}  		
	.vvvvvvvvvvvv-popular a {font-size:100%; background-color:#800000;}  	


	
/* 탭 메뉴 글자 색상 */
.nav-tabs > li > a { color: #666; font-weight: 200; }
.nav-tabs > li.active > a { color: #fff; font-weight: 400; }



/* 글자 위에 강조점 넣기 */
.highlight {
font-family:font-size:16px; letter-spacing:1px; padding-top:6px; line-height:175%; background-image:url(../images/highlight18.gif); background-repeat:repeat-x; }
.highlight_small {
font-family:font-size:15px; letter-spacing:0px; padding-top:6px; line-height:175%; background-image:url(../images/highlight16.gif); background-repeat:repeat-x; } 



/*  최상단 헤더부의 네비게이션 출력 영역  */
#admin-bar {
    font-size: 13px;	
    /* padding: 0px 0 10px; 
    padding: 0;	
	margin-bottom: 5px; */
	color: #999; 
	font-weight: 200;
	
}
#admin-bar ul {
    font-size: 13px;
    margin: 0;
	padding-left: 0px;
}
#admin-bar li {
    display: inline-block;
    /* width: auto;
    margin:0;
	vertical-align: top;    
    font-size: 12px; */
}
#admin-bar li:last-child {
    border-right: 0px;
}
#admin-bar a {
    text-decoration:none;
    padding: 0 0px 0 10px; 	
    /* padding: 0 0px 0 20px; 
    font-size:12px;
    display: inline;
    border: 0; */
	color: #999; 
	font-weight: 200;	
}
#admin-bar li a:link,
#admin-bar li a:visited {
    color: #999 !important;
}
#admin-bar li a:hover,
#admin-bar li a:active {
    color: #D39A13 !important;
}
#admin-bar a:hover,
#admin-bar a:active {
    color: #D39A13 !important;
}




.hsintro-header {
	z-index: 100000000000000000000000000000000;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hsintro-header h1 {
	margin: 0;
	font-weight: 600;
	font-size: 40px;
	line-height: 1;
}
.hsintro-header h1 span {
	display: block;
	padding: 0.5em 0 0.6em 0.1em;
	font-size: 50%;
	font-weight: 400;
	line-height: 1.2;
	opacity: 0.8;
}
.hsintro-button {
	padding-top: 1.7em;
	font-size: 1.1em;

}
.hsintro-button a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.4em 0.8em;
	border: 1px solid #FFD0D0;
	border-radius: 44px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 150px;
	background: #FF8080;
	opacity: 0.9;
	font-weight: 400;
}
.hsintro-button a:hover,
.hsintro-button a.current-demo,
.hsintro-button a.current-demo:hover {
	color: #fff;
	border-color: #FF8080;
	background-color: #FF7070;
}