header.noSub .gnb:hover .nav_bg{ display:none;}

#wraper .subArea .board .searchBox{ text-align: left; }
#wraper .subArea .contents_view .view_titleBox .view_option li {cursor: pointer;}
#wraper .subArea .contents_view {overflow: auto;}

#wraper .mainArea .timeline section { padding:0px; }
	#wraper .mainArea section .archive_state .contents .graphBox  #chart .bars li {width:10%;}

	#wraper .mainArea section .post .swiper-slide .swiper_contents .textBox .text{ max-height: 130px;overflow: hidden;text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;}
	#wraper .mainArea section .archive_state .contents .graphBox {width:80%;}
.ccl-image img {height:30px}
header .search_popup .searchBox .inputBox .btn {border:none;background: none;padding:0px;margin: 0px;font-size: 25px;color:var(--custom-color-A)}
header .search_popup .searchBox .inputBox .btn img {display: none;}

#classification1 * { 
	box-sizing: border-box;
}

#wraper .subArea .board .gallery_type > li .textBox .text01 {font-size: 20px;}

@media (max-width:1024px) {
	header .gnb {overflow-y:auto;}
	header .gnb .m_xBtn {position: fixed;right:auto;left:165px;z-index: 12;display: none}
	header .gnb.on .m_xBtn {display: block;}
	header .gnbOn {position: fixed;width:100%;height: 100%;background: white;top:0px;left:0px;z-index: 10;opacity: 0;display: none;}
}

#classification1 .arc-accordion {margin-right: 10px;}
.arc-list-accordion {margin-top: 0px;}
@media (max-width:768px) {
	.searchBox4 {margin-bottom: 50px;}
	.searchBox4 .arc-list-accordion {flex-wrap:wrap;height:auto;}
	.searchBox4 .arc-list-accordion .arc-accordion {min-width:40%;}
}
@media (max-width:600px) {
	.searchBox4 .arc-list-accordion .arc-accordion {min-width:90%;}
	#wraper .mainArea section .post .swiper-button-prev{ display: none;}
	#wraper .mainArea section .post .swiper-button-next{ display: none;}
	#wraper .mainArea section .photo .swiper-button-prev{ display: none;}
	#wraper .mainArea section .photo .swiper-button-next{ display: none;}
	#wraper .mainArea section .archive_list .swiper-button-prev{ display: none;}
	#wraper .mainArea section .archive_list .swiper-button-next{ display: none;}

}

header .sub7 .gnb li{ padding: 0px;width:130px;}
header .sub7 .gnb li > a{ font-size: 16px;}

@media (max-width: 1600px) {
	.main {
		width: 100%;
	}
	header .sub7 .gnb li{ width:120px;}
  header .sub7 .gnb li{ padding: 0px;}
  header .sub7 .gnb li > a{ font-size: 14px;}
}
@media (max-width: 1400px) {
	header .sub7 .logo{ width: 150px;}
	header .sub7 .gnb li{ width:120px;}
  header .gnb li{ padding: 0px;}
  header .gnb li > a{ font-size: 13px;}
}

.label-depth1 {}

.label-depth0 {
	padding-left: calc(var(--depth-padding-right) * 1 * 0.5);
}
.label-depth1 {
	padding-left: calc(var(--depth-padding-right) * 2 * 0.5);
}
.label-depth2 {
	padding-left: calc(var(--depth-padding-right) * 3 * 0.5);
}
.label-depth3 {
	padding-left: calc(var(--depth-padding-right) * 4 * 0.5);
}

.searchBox2 {}
.searchBox2 select {width: 100%;height:100%;font-size: 14px;background: #484a56;border: none;color: white;padding-left: 20px;}
.noBG {background: none !important}

.hidden {display: none;}
.whiteFilter {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
footer .logo img {
	width:auto;
	height:40px;
	margin-bottom:10px;
  /*filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg)
    brightness(103%) contrast(108%);*/

    -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);
}
.introduction {min-width: auto;min-height: auto;padding-left:0px;}
.introduction__contents {max-width: 1000px;width:100%;}
.introduction__contents__text * {
	font-size: 18px;line-height: 160%;
}
@media (max-width:1400px) {
	.introduction {padding: 40px 0px;}
	.introduction__contents__text {
		font-size: 18px;line-height: 160%;
	}
}

@media (max-width:1024px) {
	.introduction__contents {margin:0px;padding: 0px;}
	.introduction__contents__subtitle {width:100%;text-align: center;padding: 10px;font-size: 24px;font-weight: bold;}
	.introduction__contents__subtitle h2 {font-size: 24px;}
	.introduction__contents__text {
		width:100%;font-size: 16px;line-height: 160%;padding: 10px;
	}
}

#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .text01 {}
@media (max-width:767px) {
	#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .text01 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

}


#wraper .subArea .i_scope * {font-size: 18px;line-height: 160%;max-width: 100%;}
@media (max-width:1200px) {
	#wraper .subArea .i_scope * {font-size: 16px;}
}
@media (max-width:1024px) {
	#wraper .subArea .i_scope * {font-size: 14px;}
}

@media (max-width:768px) {
	#wraper .subArea .i_scope * {font-size: 12px;}
	#wraper .subArea .center {padding:0 10px;}
}
#wraper .subArea.detail_search .searchArea .searchBox1:before {content:none}

.pdfWithIndex {height:748px;}
.pdfWithIndex .viewer {width:70%;height:748px;float: left;}
.pdfWithIndex .pdfIndex {width:30%;height:748px;float:right;background: #f7f7f7;overflow-y: auto}
.pdfWithIndex .pdfIndex .title {font-size: 20px;padding:30px 20px 10px;font-weight: bold;}
.pdfWithIndex .pdfIndex #pdfIndex {margin:0px 20px 10px;border-top:1px solid #222;padding-top: 10px;}
.pdfWithIndex .pdfIndex #pdfIndex li {margin:5px 5px;}
@media (max-width:1400px) {
	.pdfWithIndex .viewer {width:50%;}
	.pdfWithIndex .pdfIndex {width:50%;}
}
@media (max-width:768px) {
/*.pdfWithIndex {height:748px;}*/
	.pdfWithIndex .viewer {width:100%;float:none;height:450px;}
	.pdfWithIndex .pdfIndex {width:100%;float:none;height:298px;overflow-y: auto}
/*	.pdfWithIndex .pdfIndex #pdfIndex {;height:100%;}*/
}

.historyTable {width: 100%; border-collapse: collapse; border-top: 2px solid #212121; border-bottom:1px solid #aaa;margin-bottom:10px;}

.historyTable th{width:20%;max-width:150px;min-width:70px; font-size: 16px; font-weight: bold; color: #212121; padding: 12px 0; border-bottom:1px solid #aaa;background-color:#eee;}
.historyTable td{ font-size: 18px; font-weight: 500; color: #212121; text-align: left !important;text-indent:10px; padding: 12px 0; border-bottom:1px solid #aaa;}

.historyTable thead {}
.historyTable thead tr {}
.historyTable thead tr th {}
.historyTable tbody {}
.historyTable tbody tr {}
.historyTable tbody tr th {}
.historyTable tbody tr td {}


/* 게시판 번호 */
#wraper .pageBox{ text-align: center; margin-top: 40px;}
#wraper .pageBox a{ display: inline-block; justify-content: center; align-items: center; width:35px; height:35px; line-height:35px;}
#wraper .pageBox a.first-page{ width: 30px; margin-right: 10px;background: url('/images/arc_02/img/pageBtn_first.png') no-repeat 50% 50%;background-size: 14px}
#wraper .pageBox a.first-page:after {content: "\00a0";display: block;}
#wraper .pageBox a.prev-page{ width: 30px; margin-right: 10px;background: url('/images/arc_02/img/pageBtn_prev.png') no-repeat 50% 50%;background-size: 7px}
#wraper .pageBox a.prev-page:after {content: "\00a0";display: block;}
#wraper .pageBox a.page-number{ text-align:center;font-size:16px; font-weight: bold; color:#212121;;}
/*#wraper .pageBox a.page-number span { display:inline-block; line-height:1; font-size:16px; font-weight: bold; color:#212121; padding-bottom:3px;}*/
#wraper .pageBox a.page-number.current-page,
#wraper .pageBox a.page-number:hover{ background-color: var(--custom-color-A)}
#wraper .pageBox a.page-number.current-page ,
#wraper .pageBox a.page-number:hover { color:#fff; border-bottom:1px solid #fff;}
#wraper .pageBox a.next-page{ width: 30px; margin-left: 10px;background: url('/images/arc_02/img/pageBtn_next.png') no-repeat 50% 50%;background-size: 7px}
#wraper .pageBox a.next-page:after {content: "\00a0";display: block;}
#wraper .pageBox a.last-page{ width: 30px; margin-right: 10px;background: url('/images/arc_02/img/pageBtn_last.png') no-repeat 50% 50%;background-size: 14px}
#wraper .pageBox a.last-page:after {content: "\00a0";display: block;}
#wraper .pageBox a img{ height: 12px;}




#wraper .mainArea section .title {padding-right:30px;}
#wraper .mainArea section .title2 span {padding-right: 30px;}
#wraper .mainArea section .archive_state .archive_title span {padding-left: 30px;}
#wraper .mainArea section .photo .swiper-slide .swiper_title span {padding-left: 30px;}
#wraper .mainArea section .photo .swiper-slide .swiper_title.swiper_subtitle {position: absolute;margin-top: 20px}
#wraper .mainArea section .photo .swiper-slide .swiper_title.swiper_subtitle span {font-size: 50px;font-weight: 500;}
#wraper .mainArea section .photo .swiper-slide .swiper_title.swiper_subtitle span:before {display: none}
#wraper .mainArea section .photo .swiper-slide .swiper_contents {padding-top:120px;}

@media (max-width:600px) {
	#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .sub_info ul {padding:10px 0px 15px 10px;}
	#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .sub_info ul li b {width:calc(100% - 60px)}
}
#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .sub_info ul li b span {width:auto}

#wraper .mainArea section .photo .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--custom-color-A)}
header .gnb li:hover > a:before,
header .gnb li > a.active:before{ background-color: var(--custom-color-A); }
#wraper .subArea .right_contents .right_contents_titleBox {background-color: var(--custom-color-B); }
#wraper .subArea .right_contents .right_contents_titleBox .title {color:#000;}
#wraper .subArea .right_contents .right_contents_titleBox .subTitle {color:#333;}

#wraper .subArea .archive_title:before {background: none;}

#wraper .subArea .board {margin-top: 20px;}
@media (max-width: 425px) {
	#wraper .mainArea section .archive_list .tabBox a {padding-left: 0px;padding-right: 0px;}
}

#wraper .mainArea section .photo .swiper-slide .swiper_title span {background: white;}
#wraper .mainArea section .photo .swiper-slide .swiper_title span:before {content: '' }
@media (max-width: 600px) {
    #wraper .mainArea section .photo .swiper-slide .swiper_title span {
      font-size: 24px;
      padding-right: 20px;
      padding-left: 20px;
  }
  #wraper .mainArea section .photo .swiper-slide .swiper_contents {margin-top: -12px}

	#wraper .subArea .board .card_type > li .textBox .tag {display: none;height:20px;overflow: hidden}
	#wraper .subArea .board .card_type > li .textBox .date {position: relative;margin-top: 5px;left:auto}
	#wraper .mainArea section .archive_state .contents .graphBox  #chart .bars li {width:20%;margin-bottom: 10px;}
	#wraper .mainArea section .archive_state .contents .graphBox  #chart {height: 400px}
	#wraper .mainArea section.group-wrap {padding:0px;}
	.group-wrap div.group {padding-top:40px;padding-bottom: 30px}
	.group-wrap div.group .flickity-viewport {overflow-x: scroll !important;touch-action: pan-x !important}
}
@media (min-width: 601px) {
	#wraper .subArea .board .card_type > li .textBox .tag {height:20px;overflow: hidden;width:70%;}
}
@media (min-width: 1281px) {
	#wraper .subArea .board .card_type > li .textBox .tag {height:25px;overflow: hidden;width:70%;}
}
@media (max-width: 768px) {
	#wraper .mainArea section .photo .swiper-slide .swiper_contents {padding-top:60px;}
	#wraper .subArea {padding: 100px 10px}
}
@media (max-width: 1024px) {
	#wraper .subArea {padding: 120px 20px}
}
@media (max-width: 1240px) {
	#wraper .subArea {padding: 150px 20px}
}
@media (max-width: 1240px) {
	#wraper .subArea {padding: 150px 20px}
}
@media (max-width: 768px) {
	#wraper .mainArea section .photo .swiper-slide .swiper_title.swiper_subtitle span {font-size: 20px;}
	#wraper .subArea .titleBox .title_img {max-height: 200px;width:auto;max-width: 100%;}
}
@media (max-width: 600px) {
	#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox {padding:10px;}
}
@media (min-width: 769px) {
	#wraper .subArea .titleBox .title_img {height:95%;width:auto;left:50%;max-width: 100%;}
	#wraper .subArea .board .card_type > li .textBox .text02{height:110px;overflow: hidden;}
	#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .sub_info {background: white;padding-top:4px;}
}
@media (min-width: 1241px) {
	#wraper .subArea .titleBox .title_img {height:95%;width:auto;left:50%;max-width: 100%;}
	#wraper .subArea .board .card_type > li .textBox .text02{height:130px;overflow: hidden;}
}
@media (min-width: 1601px) {
	#wraper .subArea .titleBox .title_img {height:95%;width:auto;left:50%;;max-width: 100%;}
	#wraper .subArea .board .card_type > li .textBox .text02{height:150px;overflow: hidden;}
}
@media (min-width: 1025px) {
	header .gnb li {width:150px}
	#wraper .mainArea section .archive_state .contents .graphBox{ width: 1050px;}

	header .nav_bg {height: 400px}
}


.archive_list .swiper {display: none;}
.archive_list .swiper.active {display: block;}

#wraper .mainArea section .photo .swiper-slide .swiper_contents .textBox .sub_info .linkBtn {text-align: center;}

#wraper .mainArea section .notice .half .text {

/*  width: 200px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.boardBtn {
    margin: 50px auto 0;
    text-align: center;
  }
.boardBtn a {
    display: inline-block;
    width: 150px;
    height:52px;
    border: 1px solid #212121;
    box-sizing: border-box;
}
#wraper .mainArea section .notice .half ul li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

/*기록물 분류 migration */
:root {
	--color-point-1:var(--custom-color-A);
	--color-point-2:var(--custom-color-B);
	
	--line-grey-1:1px solid #d0d0d0;
	--line-grey-2:1px solid var(--color-grey-2);
	--color-grey-1:#e5e5e5;
	--color-grey-2:#808080;
	--color-grey-3:#F5F6F7;
	--color-grey-4:#EFEFF9;
	--line-point-1:1px solid var(--color-point-1);
	--line-point-2:1px solid var(--color-point-2);
	--line-point-1-2px:2px solid var(--color-point-1);
	--select-btn-height-1:2.68rem;
	--padding-top-1:4.375rem;
	--padding-bottom-1:3.5rem;
	--color-cover-1:#000000;
	--opacity-cover-1:0.7;
	--opacity-laid-1:0.5;
}

/*from reset.css*/
.group-wrap * { 
	margin: 0px;
	padding: 0px;
	vertical-align: baseline;
	box-sizing: border-box;
}

/*from ../arc00/PC/styles-01.css*/
/* section title */
.section-title {
	position: relative;
	width: 100%;
	max-width: 1280px;
	height: 3rem;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3rem;
}
.section-title > h2 {font-size: 2.5rem;font-weight:500;letter-spacing: -3px;line-height: 3rem;}
.section-title > a.more {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	line-height: 3rem;
	color: #666;
	text-align: right;
	background-image: url('../../images/common/ico-txt-arrow.png');
	background-position: right 4px center;
	background-repeat: no-repeat;
	padding-right: 1.375rem;
}
.section-title.has-bg > h2 {
	color: #fff;
}
.cont-wrap {
	width: 100%;
	max-width: 1280px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5rem;
	padding-bottom: 5rem;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
.group-wrap > .cont-wrap {
	padding-top: 0;
	padding-bottom: 0;
	max-width: 100%;
	overflow-x:hidden;
}
.group-wrap div.group {
	width: 100%;
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
	text-align: center;
}
.group-wrap div.group .flickity-viewport {
	overflow: visible;
}
.group-wrap div.group div.group-cell {
	position: relative; /*display:inline-block; zoom:0; *display:inline;*/
	width: 299px;
	margin: 0 0.875rem;
	height: 600px;
	text-align: left;
	border-radius: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	transition: all, 0.4s;
	z-index: 1;
	box-shadow: 16px 16px 56px rgba(0, 0, 0, 0);
}
/*.group-wrap div.group div.group-cell.type {
	background-image: url('../../../images/main/bg-cate-type-05.jpg');
}
.group-wrap div.group div.group-cell.time {
	background-image: url('../../../images/main/bg-cate-time-05.jpg');
	background-position: left;
}
.group-wrap div.group div.group-cell.source {
	background-image: url('../../../images/main/bg-cate-source-05.jpg');
}
.group-wrap div.group div.group-cell.topic {
	background-image: url('../../../images/main/bg-cate-topic-05.jpg');
}*/
/* case */
.group-wrap div.group.set-4 div.group-cell {
	width: 299px;
	margin: 0 0.875rem;
}
.group-wrap div.group.set-3 div.group-cell {
	width: 408px;
	margin: 0 0.875rem;
}
.group-wrap div.group.set-2 div.group-cell {
	width: 626px;
	margin: 0 0.875rem;
}
.group-wrap div.group.set-1 div.group-cell {
	width: 768px;
	margin: 0 0.875rem;
}
/* title */
.group-wrap div.group div.group-cell h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: rgba(21, 21, 21, 0.5);
	font-weight:500;
	letter-spacing: -3px;
	line-height: 3rem;
	padding-left: 1.5rem;
	font-size: 2rem;
	padding-top: 2.25rem;
	padding-bottom: 1rem;
	transition: all, 0.4s;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.9);
}
/* common */
.group-wrap div.group div.group-cell a {
	width: 100%;
	display: block;
	line-height: 2.25rem;
	height: 2.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem; /*background-color:rgba(255,255,255,1);*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.group-wrap div.group div.group-cell a:hover {
	text-decoration: underline;
}
/* list */
.group-wrap div.group div.group-cell .depth-1-wrap {
	height: calc(600px - 6.25rem);
	background-color: rgba(255, 255, 255, 0.2);
}
.group-wrap div.group div.group-cell ul.depth-1 {
	margin-top: 6.25rem;
	margin-bottom: 2.25rem;
}
.group-wrap div.group div.group-cell ul.depth-1 > li > h3 > a {
	width: 100%;
	line-height: 2.75rem;
	height: 2.75rem;
	color: rgba(21, 21, 21, 0.4); /*background-color:rgba(255,255,255,.2);*/
	transition: all, 0.4s;
}
.group-wrap div.group div.group-cell ul.depth-1 > li > ul.depth-2 {
	display: none;
}
.group-wrap
	div.group
	div.group-cell
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> h4
	> a {
	padding-left: 3rem;
	color: rgba(21, 21, 21, 0.4); /*background-color:rgba(255,255,255,.2);*/
	transition: all, 0.4s;
}
.group-wrap
	div.group
	div.group-cell
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> ul.depth-3 {
	display: none;
}
.group-wrap
	div.group
	div.group-cell
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> ul.depth-3
	> li
	> h4
	> a {
	padding-left: 4.5rem;
	color: rgba(140, 140, 140, 0.4);
	background-color: #eee;
	transition: all, 0.4s;
}

/* 200807 그룹 액션 변경 */
.group-wrap div.group div.group-cell .has-sub {
	width: 100%;
	overflow: hidden;
}
.group-wrap div.group div.group-cell .has-sub > a {
	float: left;
	width: 85% !important;
	background-color: none !important;
}
.group-wrap div.group div.group-cell .has-sub > .open-btn {
	float: right;
	width: 15%;
	height: 2.75rem;
	background-image: url('../../images/common/btn-notice-next.png');
	background-repeat: no-repeat;
	background-position: right 1.25rem center; /*background-color:rgba(255,255,255,.2);*/
	opacity: 0.4;
}
.group-wrap div.group div.group-cell .has-sub.active > .open-btn {
	background-image: url('../../images/common/btn-notice-prev.png'); /*background-color:rgba(255,255,255,.6);*/
}
.group-wrap div.group div.group-cell h4.has-sub > .open-btn {
	height: 2.25rem;
}

/* case : hover */
.group-wrap div.group div.group-cell {
	z-index: 80;
	box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.05);
}
#slideView > li {margin-top: 20px}
#slideView > li#audioPlayer {text-align: center;}
#slideView > li#audioPlayer audio {width:100%;max-width: 1200px;}
@media (max-width:1600px) {
	#slideView > li#audioPlayer audio {width:100%;max-width: 1000px;}
}
@media (max-width:1240px) {
	#slideView > li#audioPlayer audio {width:100%;max-width: 800px;}
}
#wraper .subArea .board .card_type > li .imgBox img.no-image {position: static;margin:auto;width:auto;}
#wraper .subArea .board .card_type > li:hover .imgBox img.no-image { transform:scale(1.0);}

.group-wrap div.group div.group-cell.active,
.group-wrap div.group div.group-cell:hover {
	z-index: 80;
	box-shadow: 16px 16px 56px rgba(0, 0, 0, 0.2);
}
.group-wrap div.group div.group-cell.type.active,
.group-wrap div.group div.group-cell.type:hover {
/*	background-image: url('../../../images/main/bg-cate-type-2.jpg');*/
}
.group-wrap div.group div.group-cell.time.active,
.group-wrap div.group div.group-cell.time:hover {
/*	background-image: url('../../../images/main/bg-cate-time-2.jpg');*/
	background-position: left;
}
.group-wrap div.group div.group-cell.source.active,
.group-wrap div.group div.group-cell.source:hover {
/*	background-image: url('../../../images/main/bg-cate-source-2.jpg');*/
}
.group-wrap
	div.group
	div.group-cell.topic.active
	.group-wrap
	div.group
	div.group-cell.topic:hover {
/*	background-image: url('../../../images/main/bg-cate-topic-2.jpg');*/
}

.group-wrap div.group div.group-cell.active .depth-1-wrap,
.group-wrap div.group div.group-cell:hover .depth-1-wrap {
	background-color: rgba(255, 255, 255, 0.6);
}
.group-wrap div.group div.group-cell.active h2,
.group-wrap div.group div.group-cell:hover h2 {
	color:var(--color-point-1);
}
.group-wrap div.group div.group-cell.active ul.depth-1 > li > h3 > a,
.group-wrap div.group div.group-cell:hover ul.depth-1 > li > h3 > a {
	color: rgba(21, 21, 21, 1); /*background-color:rgba(255,255,255,.6);*/
}
.group-wrap div.group div.group-cell:hover ul.depth-1 > li > h3.has-sub > a {
	background-color: none !important;
}
.group-wrap
	div.group
	div.group-cell.active
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> h4
	> a,
.group-wrap
	div.group
	div.group-cell:hover
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> h4
	> a {
	color: rgba(21, 21, 21, 1); /*background-color:rgba(255,255,255,.6);*/
}
.group-wrap
	div.group
	div.group-cell.active
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> ul.depth-3
	> li
	> h4
	> a,
.group-wrap
	div.group
	div.group-cell:hover
	ul.depth-1
	> li
	> ul.depth-2
	> li
	> ul.depth-3
	> li
	> h4
	> a {
	color: rgba(140, 140, 140, 0.6);
}

.group-wrap div.group div.group-cell .has-sub > a {
	background-color: none !important;
}
.group-wrap div.group div.group-cell.active .has-sub > .open-btn,
.group-wrap div.group div.group-cell:hover .has-sub > .open-btn {
	background-image: url('../../images/common/btn-notice-next.png');
	background-repeat: no-repeat;
	background-position: right 1.25rem center; /*background-color:rgba(255,255,255,.6);*/
	opacity: 1;
}
.group-wrap div.group div.group-cell.active .has-sub.active > .open-btn,
.group-wrap div.group div.group-cell:hover .has-sub.active > .open-btn {
	
	color: #4a28c7 !important;
	opacity: 1;
}

#wraper .subArea .board_view .view_mainBox .textBox img {max-width: 100%;height: auto;}

#wraper .subArea .contents_view .view_textBox img {max-width: 100%;height: auto;}

#wraper .subArea .galleryBox{ position: relative; margin-top: 90px;}
@media (max-width:1240px){
	#wraper .subArea .galleryBox{ position: relative; margin-top: 70px;}
}
@media (max-width:768px){
	#wraper .subArea .galleryBox{ position: relative; margin-top: 50px;}
	#wraper .subArea .galleryBox .option {top:-30px;}
}



/*tomatoGallery*/

table.tomatoGallery {display:none;width:100%;}
.tomatoGallery_tools .shortcut {display:none;}
.tomatoGallery_tools .totalPage {display:none;}
.tomatoGallery_tools .original_name {display:none;}

.tomatoGallery_tools .btns {float:right; margin-left:10px;line-height: 17px;}
.tomatoGallery_tools .btns button {float:right; width:12px; height:12px; margin-left:10px; text-indent:-9999px;border:0; color:#666; vertical-align:middle; font-family:tss; cursor:pointer}

.tomatoGallery_tools .btns button:first-child {margin-left:0;}
.tomatoGallery_tools .btns button {background-position-y:0px;}
.tomatoGallery_compiled.blue .btns button {background-position-y:0px;}
.tomatoGallery_compiled.red .btns button {background-position-y:-34px;}
.tomatoGallery_compiled.green .btns button {background-position-y:-68px;}
.tomatoGallery_compiled.yellow .btns button {background-position-y:-102px;}
.tomatoGallery_compiled.orange .btns button {background-position-y:-136px;}

.tomatoGallery_tools .btns 	 button:hover {background-position-y:-17px;}
.tomatoGallery_compiled.red .btns 	 button:hover {background-position-y:-52px;}
.tomatoGallery_compiled.green .btns  button:hover {background-position-y:-685px;}
.tomatoGallery_compiled.yellow .btns button:hover {background-position-y:-119px;}
.tomatoGallery_compiled.orange .btns button:hover {background-position-y:-153px;}

.tomatoGallery_tools .btns button {background-position-y:-0px;background-image: url(../src/btn_view_option.gif);background-repeat: no-repeat;}
.tomatoGallery_tools .btns >span {float:right;padding:0px 4px;cursor: pointer;font-size: 14px;}
.tomatoGallery_tools .btns button.m1 {background-position-x:3px }
.tomatoGallery_tools .btns button.m2 {background-position-x: -13px;}
.tomatoGallery_tools .btns button.m3 {background-position-x: -32px;}
.tomatoGallery_tools .btns button.m4 {background-position-x: -54px;}

.tomatoGallery_tools .btns button.m5 {background-position-x: -76px;}
.tomatoGallery_tools .btns button.m6 {background-position-x: -98px;}
.tomatoGallery_tools .btns button.m7 {background-position-x:-120px;}
.tomatoGallery_tools .btns button.m8 {background-position-x:-141px;}
.tomatoGallery_tools .btns button.m9 {background-position-x:-163px;width:13px;}
.tomatoGallery_tools .btns .m9 {display: none;}

.TGBOX {margin:10px 0px;height:730px;}
@media (max-width:768px) {
	.TGBOX {margin:10px 0px;height:600px;}	
	#wraper .subArea .galleryBox .option {position: absolute;}
}
@media (max-width:600px) {
	.TGBOX {margin:10px 0px;height:500px;}	
}
.TGBOX .mouseExplain {display: none;}
.TGBOX .btn_reportMistake {display: none;}
div.tomatoGallery_compiled {height:730px;overflow: hidden;position: relative;background: #999;padding-top:0px;clear:both;}
div.tomatoGallery_compiled.fullScreen {position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 200}
div.tomatoGallery_compiled .tomatoGallery_btn_close {display:none;}



div.tomatoGallery_compiled.fullScreen .tomatoGallery_btn_prev,
div.tomatoGallery_compiled.fullScreen .tomatoGallery_btn_next {width:100px;height:100px;background-size: 30%;}

div.tomatoGallery_compiled .tomatoGallery_btn_prev,
div.tomatoGallery_compiled .tomatoGallery_btn_next {width:60px;height:60px;position: absolute;z-index: 5;display:block;border:none;font-size:20px;font-family:Helvetica;color:#999;opacity:1.0;-webkit-transition: all 0.2s ease-in-out;;cursor: pointer;-webkit-appearance: none;border-radius: 0;top:250px;background-size:27%;}

div.tomatoGallery_compiled .tomatoGallery_btn_prev {left :0px;background: rgba(0, 0, 0, 0.3);}

div.tomatoGallery_compiled .tomatoGallery_btn_next {right:0px;background: rgba(0, 0, 0, 0.3);}

	div.tomatoGallery_compiled.noAnimation .tomatoGallery_btn_prev ,
	div.tomatoGallery_compiled.noAnimation .tomatoGallery_btn_next {-webkit-transition: all 0s ease-in-out !important;transition: all 0s ease-in-out !important;}



div.tomatoGallery_compiled.fullScreen .tomatoGallery_btn_close {right:0px;top:0px;width:50px;height:50px;position: absolute;z-index: 50;display:block;border:none;font-size:20px;font-family:Helvetica;color:white;background: none;-webkit-transition: all 0.2s ease-in-out;;cursor: pointer;}


div.tomatoGallery_compiled.hover .tomatoGallery_btn_prev ,
div.tomatoGallery_compiled.hover .tomatoGallery_btn_next {opacity: 1}
div.tomatoGallery_compiled .tomatoGallery_btn_prev:hover ,
div.tomatoGallery_compiled .tomatoGallery_btn_next:hover {opacity: 1}

div.tomatoGallery_compiled>ul.tomatoGallery_visualUl {width:100%;height:100%;overflow:hidden;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;padding:0px;margin:0px;}
div.tomatoGallery_compiled.noAnimation>ul.tomatoGallery_visualUl {-webkit-transition: all 0s ease-in-out !important;transition: all 0s ease-in-out !important;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi {width:100%;height:100%;text-align: center;float:left;position: relative;overflow: hidden;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>img.tomatoGallery_visualImg {z-index: 3;position: absolute;max-width: none !important;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {text-align:left;position: absolute;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.7);z-index: 5;color:white;font-size:18px;font-family:tss;line-height: 30px;text-indent: 5px;opacity:0.7;-webkit-transition: all 0.2s ease-in-out;height:30px;margin:none !important;margin:0px;padding:10px;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP>a.openArchives {font-size:12px;text-indent: 5px;}
div.tomatoGallery_compiled.hover>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {opacity: 1}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl {width:100%;height:74px;overflow:hidden;z-index:10;position: absolute;bottom:0px;opacity:1;-webkit-transition: all 0.1s ease-in-out;text-align: left;padding:0px;margin:0px;}
div.tomatoGallery_compiled.hover ul.tomatoGallery_thumbnailUl {opacity:1;}
div.tomatoGallery_compiled ul,
div.tomatoGallery_compiled ol,
div.tomatoGallery_compiled li {list-style:none;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi {width:100px;height:70px;float:left;-webkit-transition: all 0.2s ease-in-out;cursor: pointer;border:2px solid rgba(0,0,0,0);bottom:0px;background:#ccc;padding:0px 2px;position: relative;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover,
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.selected.tomatoGallery_thumbnailLi {border:2px solid white;z-index:10;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg {opacity: 0.6;position: absolute;max-height:100%;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover>img.tomatoGallery_thumbnailImg,
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi.selected>img.tomatoGallery_thumbnailImg {opacity: 1;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg>p.tomatoGallery_thumbnailP {display:none;}




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

	div.tomatoGallery_compiled .tomatoGallery_btn_prev ,
	div.tomatoGallery_compiled .tomatoGallery_btn_next {display:none;}

	div.tomatoGallery_compiled .tomatoGa 
	llery_btn_prev ,
	div.tomatoGallery_compiled .tomatoGallery_btn_next {top:-50%;margin-top:100%;}
	
	div.tomatoGallery_compiled div.thumbnailPack {width:100%;height:74px;overflow-x:auto;z-index:10;position: absolute;bottom:0px;}
	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl {width:100%;height:74px;overflow:hidden;z-index:10;position: absolute;bottom:0px;opacity: 1;-webkit-transition: all 0.1s ease-in-out;text-align: left;}
	/*div.tomatoGallery_compiled div.thumbnailPack ul.tomatoGallery_thumbnailUl {-webkit-transition:none;transition:none;}*/
	div.tomatoGallery_compiled.hover ul.tomatoGallery_thumbnailUl {opacity:1;}
	div.tomatoGallery_compiled ul,
	div.tomatoGallery_compiled ol,
	div.tomatoGallery_compiled li {list-style:none;}

	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi {width:100px;height:70px;float:left;-webkit-transition: all 0.2s ease-in-out;cursor: pointer;border:2px solid rgba(0,0,0,0);bottom:0px;background:#ccc;padding:0px 2px;position: relative;}

	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover,
	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.selected.tomatoGallery_thumbnailLi {border:2px solid white;z-index:10;}

	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg {opacity: 0.6;position: absolute;max-height:100%;}
	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover>img.tomatoGallery_thumbnailImg,
	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi.selected>img.tomatoGallery_thumbnailImg {opacity: 1;}

	div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg>p.tomatoGallery_thumbnailP {display:none;}
}

@media screen and (max-width: 980px) {
	.tomatoGallery_tools .btns .m5,.tomatoGallery_tools .btns .m4 {display: none}
}


/*
.tomatoGallery_tools {width:100%;height:29px;background: white;}
.tomatoGallery_compiled.fullScreen .tomatoGallery_tools {display: none;}
.tomatoGallery_tools .btns {float:left; margin-left:10px;}
.tomatoGallery_tools .btns button {float:left; width:12px; height:12px; margin-left:10px; text-indent:-9999px;border:0; color:#666; vertical-align:middle; font-family:tss; cursor:pointer}
.tomatoGallery_tools .btns button:first-child {margin-left:0;}
.tomatoGallery_tools .btns button {background-position-y:0px;}
.tomatoGallery_compiled.blue .btns button {background-position-y:0px;}
.tomatoGallery_compiled.red .btns button {background-position-y:-34px;}
.tomatoGallery_compiled.green .btns button {background-position-y:-68px;}
.tomatoGallery_compiled.yellow .btns button {background-position-y:-102px;}
.tomatoGallery_compiled.orange .btns button {background-position-y:-136px;}
.tomatoGallery_tools .btns 	 button:hover {background-position-y:-17px;}
.tomatoGallery_tools.red .btns 	 button:hover {background-position-y:-52px;}
.tomatoGallery_tools.green .btns  button:hover {background-position-y:-685px;}
.tomatoGallery_tools.yellow .btns button:hover {background-position-y:-119px;}
.tomatoGallery_tools.orange .btns button:hover {background-position-y:-153px;}
.tomatoGallery_tools .btns button {background-position-y:-0px;background-image: url(../images/btn_view_option.gif);background-repeat: no-repeat;}
.tomatoGallery_tools .btns >span {float:left;padding:0px 4px;cursor: pointer;font-size: 14px;}
.tomatoGallery_tools .btns button.m1 {background-position-x:3px }
.tomatoGallery_tools .btns button.m2 {background-position-x: -13px;}
.tomatoGallery_tools .btns button.m3 {background-position-x: -32px;}
.tomatoGallery_tools .btns button.m4 {background-position-x: -54px;}
@media screen and (max-width: 980px) {
	.tomatoGallery_tools .btns button.m5,.tomatoGallery_tools .btns button.m4 {display: none}
}
.tomatoGallery_tools .btns button.m5 {background-position-x: -76px;}
.tomatoGallery_tools .btns button.m6 {background-position-x: -98px;}
.tomatoGallery_tools .btns button.m7 {background-position-x:-120px;}
.tomatoGallery_tools .btns button.m8 {background-position-x:-141px;}
.tomatoGallery_tools .btns button.m9 {background-position-x:-163px;width:13px;}
div.TG {width:100%;height:800px;}
div.tomatoGallery_compiled {width:100%;height:630px;overflow: hidden;position: relative;background: #333;padding-top:0px;}
div.tomatoGallery_compiled.fullScreen {position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 200}
div.tomatoGallery_compiled .tomatoGallery_btn_close {display:none;}
div.tomatoGallery_compiled .tomatoGallery_btn_prev ,
div.tomatoGallery_compiled .tomatoGallery_btn_next {right:0px;top:250px;width:50px;height:100px;position: absolute;z-index: 5;display:block;border:none;font-size:20px;font-family:Helvetica;color:#999;opacity:0;background: white;-webkit-transition: all 0.2s ease-in-out;;cursor: pointer;-webkit-appearance: none;
border-radius: 0;}
div.tomatoGallery_compiled.fullScreen .tomatoGallery_btn_close {right:0px;top:0px;width:50px;height:50px;position: absolute;z-index: 50;display:block;border:none;font-size:20px;font-family:Helvetica;color:white;background: none;-webkit-transition: all 0.2s ease-in-out;;cursor: pointer;}
div.tomatoGallery_compiled .tomatoGallery_btn_prev {left :0px;top:250px}
@media screen and (max-width: 640px) {
	div.tomatoGallery_compiled .tomatoGallery_btn_prev ,
	div.tomatoGallery_compiled .tomatoGallery_btn_next {top:-50%;margin-top:100%;}
}
div.tomatoGallery_compiled.hover .tomatoGallery_btn_prev ,
div.tomatoGallery_compiled.hover .tomatoGallery_btn_next {opacity: 0.5}
div.tomatoGallery_compiled .tomatoGallery_btn_prev:hover ,
div.tomatoGallery_compiled .tomatoGallery_btn_next:hover {opacity: 0.9}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl {width:100%;height:100%;overflow:hidden;-webkit-transition: all 0.4s ease-in-out;padding:0px;margin:0px;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi {width:100%;height:100%;text-align: center;float:left;position: relative;overflow: hidden;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>img.tomatoGallery_visualImg {z-index: 3;position: absolute;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {text-align:left;position: absolute;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.5);z-index: 5;color:white;font-size:18px;font-family:tss;line-height: 30px;text-indent: 5px;opacity:0.7;-webkit-transition: all 0.2s ease-in-out;height:60px;margin:none !important;margin:0px;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP>a.openArchives {font-size:12px;text-indent: 5px;}
div.tomatoGallery_compiled.hover>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {opacity: 1}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl {width:100%;height:74px;overflow:hidden;z-index:10;position: absolute;bottom:0px;opacity: 0;-webkit-transition: all 0.1s ease-in-out;text-align: left;}
div.tomatoGallery_compiled.hover ul.tomatoGallery_thumbnailUl {opacity:1;}
div.tomatoGallery_compiled ul,
div.tomatoGallery_compiled ol,
div.tomatoGallery_compiled li {list-style:none;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi {width:100px;height:70px;float:left;-webkit-transition: all 0.2s ease-in-out;cursor: pointer;border:2px solid rgba(0,0,0,0);bottom:0px;background:#333;padding:0px 2px;position: relative;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover,
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.selected.tomatoGallery_thumbnailLi {border:2px solid white;z-index:10;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg {opacity: 0.6;position: absolute;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover>img.tomatoGallery_thumbnailImg,
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi.selected>img.tomatoGallery_thumbnailImg {opacity: 1;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg>p.tomatoGallery_thumbnailP {display:none;}
*/