@charset 'utf-8';
@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans/NotoSans-Light.eot);
	src: url(/fonts/NotoSans/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
	url(/fonts/NotoSans/NotoSans-Light.woff2) format('woff2'),
	url(/fonts/NotoSans/NotoSans-Light.woff) format('woff');;
}
@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans/NotoSans-Regular.eot);
	src: url(/fonts/NotoSans/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(/fonts/NotoSans/NotoSans-Regular.woff2) format('woff2'),
	url(/fonts/NotoSans/NotoSans-Regular.woff) format('woff');
}
@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans/NotoSans-Medium.eot);
	src: url(/fonts/NotoSans/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	url(/fonts/NotoSans/NotoSans-Medium.woff2) format('woff2'),
	url(/fonts/NotoSans/NotoSans-Medium.woff) format('woff');
}
@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans/NotoSans-Bold.eot);
	src: url(/fonts/NotoSans/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(/fonts/NotoSans/NotoSans-Bold.woff2) format('woff2'),
	url(/fonts/NotoSans/NotoSans-Bold.woff) format('woff');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; list-style:none; box-sizing:border-box; line-height:24px; font-family:"NotoKrR",sans-serif; font-size:15px; color:#333; word-break:keep-all}
body, input, textarea, select, button, table {  font-family:"NotoKrR",sans-serif; word-break:keep-all   }
img, fieldset { border:0 }
em, address { font-style:normal }
a { text-decoration:none; line-height:24px; color:#333 }  
a :hover{  color:#f04b52 }  
html, body {width: 100%; height: 100%; } 

.clear { clear:both; }

#all { min-width:1200px; position:relative; }

/* 헤더 */
#header { position:absolute; top:0; right:0; left:0; z-index:50 }

/* 헤더 -> 상단 글로벌 박스 */
#global-box { background: rgba(0,0,0,0.3); position:relative; border-bottom:1px solid #373230}

/* 헤더 -> HOME,SITEMAP */
.global-menu { width:1200px; margin:0 auto; overflow:hidden;} 
.global-menu li { display: block; vertical-align:middle; border-right:1px solid #373230 ; float:right  }
.global-menu li:last-child{ border-left:1px solid #36302e }
.g-facebook{ background:url(/images/main/g-facebook.png) no-repeat center center; text-indent:-9999px; width:30px ; height:30px; display:block ; text-align:left }
.g-instagram{ background:url(/images/main/g-instagram.png) no-repeat center center; text-indent:-9999px; width:30px ; height:30px; display:block ; text-align:left }
.g-youtube{ background:url(/images/main/g-youtube.png) no-repeat center center; text-indent:-9999px; width:70px ; height:30px; display:block ; text-align:left }
.g-tag{  color:#ceb5aa !important; display:inline-block; font-size:13px; padding:3px 10px; font-weight:700}

/* 헤더 -> 로고 + 드롭다운 전체 */
#top-box { position:relative; margin:0 auto; width:1200px; }

/* 헤더 -> 드롭다운 메뉴(메인메뉴) */
.menu-box  {  padding:0 0 0 500px; }
.menu-box::after { content:''; clear:both; display:block; }
.menu-box ul > li.list-bg a{  color:#f04b52;}
.menu-box ul > li { float:left;  width:140px;  position:relative; transition:0.3s linear; }
.menu-box ul > li:hover {  }
.menu-box ul > li:hover a{   color:#f04b52;}
.menu-box ul > li > a { font-size:17px; color:#fff; padding:36px 0 18px 0; display:block; text-align:center; }

/* 드롭다운 메뉴(서브메뉴) */
.menu-box ul li ul {  position:absolute;  z-index:15; display:none; border-top:2px solid #f04b52  }
.menu-box ul li ul li { background:rgba(0,0,0,0.7); padding:0 0 0 15px;  display: block;  }
.menu-box ul li ul li:hover { background: rgba(0,0,0,0.7);  }
.menu-box ul li ul li a { font-size:15px; font-weight:300; color:#ccc !important; padding:5px 0 5px 9px; display:block; text-align:left; background:url(/images/main/subm-01.png) no-repeat left center }
.menu-box ul li ul li a:hover {color:#f04b52 !important;  background:url(/images/main/subm-02.png) no-repeat left center  }
.pattern{background:url(/images/main/pattern.png) repeat; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1}

/* 헤더 -> 메인 로고 */
.logo { position:absolute; top:18px; width:218px; text-align:center}

/* 헤더 -> 바텀 라인 */
.line { height:4px; position:absolute; z-index:9; width:100%; bottom:-4px; }

/*메인비쥬얼*/
.main-visual{ position:relative;min-height:850px; padding:135px 0 0 0; }
.visual{background:#26201c;position: fixed;top:0; bottom:0; right:0; left:0; z-index:-9998 ; }
.visual li.slider-block{  background-position: 50% 50%;  opacity: 0; position: fixed; top:0; bottom:0; right:0; left:0; z-index:-9999 ; }
.main-contaner{ width:1200px; margin:0 auto; position:relative; padding:0 0 0 275px;}
.text-box{width:218px; position:absolute; top:0; left:0}
.text-box h2{ text-indent:-9999px; background:url(/images/main/main-text.png) no-repeat center top; padding:500px 0 55px 0}
.text-box  p{ text-align:center; color:#ceb5aa; line-height:20px; font-size:13px}

/*메인 아카이브 리스트*/
.main-archive-list{ overflow:hidden ; padding: 30px 0 130px 0; position:relative}
.main-archive-list ul{ background:url(/images/main/main-hilne.png) center top repeat-y; padding:20px 0 ;}
.main-archive-list ul li{text-align:right;  background:url(/images/main/main-spot-01.png) no-repeat 485px center;  padding:0 498px 0 0; overflow:hidden; margin:0 0 -50px 0 }
.main-archive-list ul li:nth-child(2n){text-align:left;  background:url(/images/main/main-spot-01.png) no-repeat 485px center;  padding:0 0 0 498px; overflow:hidden; margin:0 0 -50px 0 }
.main-archive-list ul li:last-child{ margin-bottom:0}
.main-archive-list ul li .archive-img-box{ width: 117px; height:117px; display:inline-block; vertical-align:middle; float:right; margin:0 10px; position:relative}
.main-archive-list ul li:nth-child(2n) .archive-img-box{ width: 117px; height:117px; display:inline-block; vertical-align:middle; float: left;margin:0 10px; position:relative}
.main-archive-list ul li:hover{ background:url(/images/main/main-spot-02.png) no-repeat 485px center; }
.m-a-info{ height:117px ; display:table; vertical-align:middle; width:340px}
.a-title{  vertical-align:middle; font-size:19px; color:#d5cbca; display:table-cell}
.a-date{ font-size:13px; color:#bb9b93; display:block }
.main-archive-list ul li a{ display:block; min-height:117px}
.main-archive-list ul li a.over .a-title{ color:#f04c53 }
.main-archive-list ul li a.over .a-date{ color:#f04c53 }
.main-archive-list ul li a.over .archive-img-box{ border:2px solid #f04c53}
.a-more{ position:absolute; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,0.3); color:#fff; text-align:center; display:none}
.a-more span{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display:inline-block; background:#f04b52; color:#fff; font-size:15px; padding:3px 10px; border-radius:3px}
.main-archive-list ul li a.over .archive-img-box .a-more{ display:block}
.mouse{ display:inline-block; position:absolute; bottom:20px; transform: translate(-50%,0%); left: 50%; color:#FFF; text-align:center; cursor:pointer; }
.mouse em{ display:block; background:url(/images/main/scroll-down.png) no-repeat center center rgba(0,0,0,0.5); width:66px; height:66px; text-indent:-9999px; border-radius:33px  }
.mouse em:hover{ background:url(/images/main/scroll-down.png) no-repeat center center #f04b52; color:#f04b52}

/* Slide */

#visual { overflow:hidden; position:relative; z-index: 10;  }
#visual .bd ul li{
	background-position: center;
	background-size:cover;
}

.slider { height:400px; position:relative; overflow:hidden;  }
.slider .bd { width:100%; position:absolute;  }
.slider .bd li { list-style:none; height:400px; position:relative; }



.slider .tempWrap { overflow:visible !important; height: 400px;}
/* .slider .tempWrap ul {margin-left:-1000px !important;} */
.slider .hd { position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center; }
.slider .hd li { display:inline-block;zoom:1;width:12px;height:10px;text-indent:-9999px; overflow:hidden;background:url(/images/sample/slider-btn.png) 0 -10px no-repeat;	margin:0 5px;  cursor:pointer;	filter:alpha(opacity=1);opacity:1; }
.slider .hd li.on {	background-position:0 0;filter:alpha(opacity=100);opacity:1; }
.slider .pnBtn { position:absolute;z-index:1;top:0;width:100%; bottom:0; cursor:pointer; }
.slider .prev { left:-42%;margin-left:-500px; }
.slider .next { left:42%;margin-left:500px; }

/* 왼쪽 오른쪽 opacity 용도 */
/* .slider .pnBtn .blackBg {display:block;position:absolute;left:0;top:0;width:100%;height:384px;background:#fff;filter:alpha(opacity=50);	opacity:0.5;} */
.slider .pnBtn .blackBg {   }
.slider .pnBtn .arrow {   position:absolute; top:50%; transform:translate(0,-50%); z-index:1;  width:46px; height:66px; opacity:0.5; }

.slider .pnBtn .arrow:hover { filter:alpha(opacity=1);opacity:1;}
.slider .prev .arrow { right:0;background:url(/images/sample/slider-l-arrow.png) center center no-repeat rgba(0,0,0,0.5); }
.slider .next .arrow { left:0;background:url(/images/sample/slider-r-arrow.png) center center no-repeat rgba(0,0,0,0.5); }


 
.main-slide {
	width: 100%;
	height: 400px;
 	background-color: #fff;
}

/* Main Board */

.main-board {
	overflow: hidden;
	padding: 50px 0;
}

.list-group-box {
	padding: 40px;
}

.list-group-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;	
}

.list-group-title h1 {
	padding-bottom: 5px;
	border-bottom: 2px solid #ceb5aa;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
}

.detail-btn a {
	color: #ceb5aa;
	font-size: 14px;
	font-family: 'NotoKrL';
}

.list-group {
	overflow: hidden;
}

.list-group-box li {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}

.list-group-box li:first-child {
	padding-top: 0px;
}

.list-group-item a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}

.list-group-date {
	padding-left: 0px;
	color: #ceb5aa;
}

.list-group-date:before {
	content: '|';
	padding-right: 10px;
	color: #7b6d6d;
}

.list-group-img {
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 30px;	
	background-position: center;
	background-size: cover;
	text-indent: -9999px;
}

/* Notice */

.main-notice {
	width: 48%;
	float: left;
	background-color: #282626;
	border: 2px solid #232121;
        height: 270px;
}

/* Gallery */

.main-gallery {
	width: 48%;
	float: right;
	background-color: #7b6d6d;
        height: 270px;
}


/* 푸터 */
#footer { }
.footer-list {  background:#282626; }
.footer-list dl{width:100%; padding:20px 0 20px 10px; position:relative}
.site-link-box{ position: absolute; right:0; top:20px}
.site-link{ position:relative; width:280px;}
.site-link h3{ font-size:15px; font-weight:normal; color:#282626; background: url(/images/main/site-link-up.png) no-repeat right center #ceb5aa; padding:5px 10px ;border:1px solid #7b6d6d; cursor:pointer}
.site-link h3:hover{background: url(/images/main/site-link-up.png) no-repeat right center #8d7c7c}
.site_list{display:none; position: absolute; bottom:35px; left:0; background:#ceb5aa; width:280px }
.site_list li{ border:1px solid #7b6d6d; margin:-1px 0 0 0;  padding:5px 10px ;}
.site_list li:hover{ background:#f04b52}
.site_list li:hover a{ color:#333}

/*서브페이지 bg*/
.MENU01{ background: url(/images/sub/sub-visual-01.jpg) no-repeat center top  #323030; height:150px; background-size:cover; position:relative; z-index:-3}
.MENU02{ background: url(/images/sub/sub-visual-02.jpg) no-repeat center top #323030; height:150px; background-size:cover; position:relative; z-index:-3}
.MENU03{ background: url(/images/sub/sub-visual-03.jpg) no-repeat center top #323030; height:150px; background-size:cover; position:relative; z-index:-3}
.MENU04{ background: url(/images/sub/sub-visual-04.jpg) no-repeat center top #323030; height:150px; background-size:cover; position:relative; z-index:-3}
.MENU05{ background: url(/images/sub/sub-visual-05.jpg) no-repeat center top #323030; height:150px; background-size:cover; position:relative; z-index:-3}
.sub-text{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:0; 	font-size:13px; line-height:20px; color:#ceb5aa; background:url(/images/sub/sub-text.png) no-repeat left center; padding:10px 0 10px 430px; white-space:nowrap; margin:30px 0 0 50px;}

/* 서브 페이지 -> 페이지 위치 */
#sub-bar {  }
.sub-location { width:1200px; margin:0 auto; text-align:right; padding:18px 120px 15px 0px ; }
.sub-location span.home-icon {  display:inline-block; text-indent:-9999px; text-align:left; width:16px; height:16px; background:url(/images/sub/sub-location-home.png)  no-repeat !important; vertical-align:middle}
.sub-location span { font-size:15px; color:#666666; vertical-align:middle; display:inline-block ; background:url(/images/sub/sub-location-arrow.png) no-repeat left center; padding:0 0 0 10px; margin:0 0 0 5px }
.sub-location span.on { color:#695154; }

/* 서브 페이지 -> 왼쪽 메뉴 */
#sub-box { width:1200px;  margin:0 auto; position:relative;  }
.left-menu { width:218px; position:absolute;top:-56px; left:0; bottom:0; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; z-index:13  }
.left-menu h1 { font-size:25px;color:#695154;line-height:30px;text-align:center;padding:35px 0; background:#fff  }
.left-menu ul { border-bottom:1px solid #dbdbdb; }
.left-menu ul li { border-top:1px solid #dbdbdb; }
.left-menu ul li a  { font-size:17px; color:#666; padding:12px 0 12px 28px; display:block; line-height:24px;  background:url(/images/sub/right_arrow_gray.png) no-repeat 198px center   }
.left-menu ul li a:hover {  color:#fff; background:url(/images/sub/right_arrow_white.png)  no-repeat 198px center #695154 }
.left-menu ul li a.on { color:#fff; background: url(/images/sub/right_arrow_white.png)  no-repeat 198px center  #695154 }

/* 서브 페이지 -> 오른쪽  */
.sub-right-box {  margin:0 0 0 300px; min-height:700px; width:900px; position:relative; padding:0 0 50px 0; }

/* 서브 제목 */
.sub-right-box h1.sub-head { font-size:30px; color:#333; line-height:35px; padding:15px 0 37px 0; }
.wait{ background: url(/images/pages/wating.png) no-repeat center top; padding:130px 0 30px 0; text-align:center ; color:#999; font-weight:bold; font-size:30px;  margin:45px 0 0 0;} 

/*SNS*/
#sns_bar{position: absolute; top: -45px; right: 0;  z-index:100;}
.sns-link li{ display: inline-block; vertical-align: top; position:relative ;  margin:0 4px; width:40px}
.sns-link li > a{width:40px;  height:40px;display:block;border:1px solid #e4e3e3;border-radius:20px; text-indent:-9999px; position:absolute; top:0; left:0; z-index:15;cursor:pointer  }
.sns-link li a.share { background: url(/images/pages/share_icon.png) no-repeat center center #fff;}
.sns-link li a.share:hover{ background:url(/images/pages/share_icon02.png) no-repeat center center #fff; }
.sns-link li a.print{background:url(/images/pages/print_icon.png) no-repeat center center}
.sns-link li a.print:hover{background:url(/images/pages/print_icon02.png) no-repeat center center; }
.sns_list { background:#e4e3e3; border-top-left-radius:30px;  border-top-right-radius:30px; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; padding: 50px 7px 0px 7px; display:none; position:absolute; top:0px; left:0px;z-index:14 } 
.sns_list a{ border-radius:3px; text-indent:-9999px; display:block; width:26px; height:26px; margin:0 0 5px 0  }
.sns_list a.facebook {background:url(/images/pages/facebook.png)no-repeat center center #989898;text-indent:-9999px;}
.sns_list a.facebook:hover{background-color: #2c4586;   }
.sns_list a.band {background:url(/images/pages/band.png)no-repeat center center #989898; }
.sns_list a.band:hover { background-color: #3ecd33; }
.sns_list a.twitter {background:url(/images/pages/twitter.png)no-repeat center center #989898;}
.sns_list a.twitter:hover{background-color: #4fb9ea; }
.sns_list a.kakao {background:url(/images/pages/kakao.png)no-repeat center center #989898; }
.sns_list a.kakao:hover{background-color: #f9e200; }
.sns_list a.google {background:url(/images/pages/google.png)no-repeat center center #989898;}
.sns_list a.google:hover{background-color: #dc4a37; }

/*서브 아카이브*/
.archive-search-box{ border:1px solid #dfd6d3; padding:0 25px}
.search-option-01{ position: relative; border-bottom:1px solid #dfd6d3; padding: 10px 0 10px 60px}
.search-option-01 dt{ position:absolute; width:48px; background:#ceb5aa; border-radius:24px; padding:12px 0; text-align:center; left:5px; top:20px  }
.search-option-01 dd span{ display:inline-block; padding:6px 20px}
.search-option-02{ position:relative; padding:20px 0 }
.search-option-02 span{ display:inline-block; padding:6px 20px}
.searching{ position:absolute; right:0; top:20px; padding:0 !important}
.archive-input{ border:2px solid #69493a; padding:5px 15px; font-size:15px; vertical-align:middle ; width:410px}
.archive-submit{ background:#69493a; color:#fff;  padding:6px 15px ; border:none; font-size:16px; vertical-align:middle; height:36px}
.archive-search-list{}
.bg-document{ background:url(/images/sub/text-list-iocn.png) no-repeat left center; padding:0 0 0 30px}
.search-list-info{ position:relative; padding:10px 0 }
.array-box{ position:absolute; right:0px; bottom:-1px; background:#69493a  }
.array-box li{ float: left;background:#fff; padding:5px 15px; vertical-align:middle; color:#ae8a79; border:1px solid #dfd6d3; border-bottom:1px solid #ae8a79; }
.array-box li:hover{  color:#69493a}
.array-box li.on{  color:#69493a;  border:1px solid #69493a;  border-bottom:1px solid #fff  }
.array-box li:first-child{border-right: none}
.array-box li:last-child{border-left: none}
.array-box li a{ width:20px; height:20px ; display:inline-block; border-radius:3px; vertical-align:middle; background-color:#ceb5aa }
.array-box li a.on{ background-color:#69493a}
.array-box li a span.up{ background:url(/images/sub/up-icon.png) no-repeat center center; width:20px; height:20px ; display:inline-block;text-indent:-9999px; }
.array-box li a span.down{  background:url(/images/sub/down-icon.png) no-repeat center center;width:20px; height:20px ; display:inline-block;text-indent:-9999px;}
.search-list-box{ border-top:1px solid #69493a}
.search-list-box li{ position:relative; padding:10px 0; border-bottom:1px solid #dbdbdb ; overflow:hidden}
.archive-img{ width:177px; height:177px; position:relative; float:left;  margin: 0 35px 0 0; border:1px solid #ebebeb }
.search-list-box li.over .a-more{ display:block}
.archive-info-box{ float:left; width:680px }
span.info-01{ display:inline-block; margin:5px 20px 5px 0}
span.info-01 em{ color:#ae8a79; display:inline-block; margin:0 5px 0 0}
span.info-01 a{ display:inline-block; margin:0 10px 0 0} 
.bor-tp{ border-top:2px solid #695154}
.bor-bt{ border-bottom:1px solid #dbdbdb; position:relative }
.a-file-icon{ background:url(/images/sub/a-file-icon.png) no-repeat left center; position:absolute; top:10px; left:5px; padding:2px  0 2px 30px; display:inline-block}
.a-news-icon{ background:url(/images/sub/a-newa-icon.png) no-repeat left center; position:absolute; top:10px; left:5px; padding:2px  0 2px 30px; display:inline-block}
.a-video-icon{ background:url(/images/sub/a-video-icon.png) no-repeat left center; position:absolute; top:10px; left:5px; padding:2px  0 2px 30px; display:inline-block}
.a-tag-icon{ background:url(/images/sub/a-tag-icon.png) no-repeat left center; position:absolute; top:10px; left:5px; padding:2px  0 2px 30px; display:inline-block}
.a-down-icon{ background:url(/images/sub/a-down-icon.png) no-repeat right center #333333; border-radius:3px; padding:2px 34px 2px 12px; display:inline-block; margin:0 0 0 5px}
.a-arrow-icon{ background:url(/images/sub/a-arrow-icon.png) no-repeat right center; border-radius:3px; border:1px solid #ae8a79; padding:0 25px 0 8px; display:inline-block; margin:0 0 0 5px}
.a-tag{ display:inline-block; margin:0 10px 0 0;}
.a-btn{ background:#333; color:#fff; font-size:17px; padding:5px 25px; display:inline-block; border-radius:3px}
.tag-list-box { width:920px; margin-left:-10px }
.tag-list{ padding:10px; display:inline-block; vertical-align:top; width:180px; }
.tag-list a{ display:block; margin:5px}
.tag-list a span{ font-size:13px; color:#999}
.tag-list h3{ border-bottom:1px solid #dbdbdb}
.tag-list h3 span{ display: inline-block; width:44px; padding:10px 0; text-align:center; font-size:19px; margin:10px 0; background:#ceb5aa; border-radius:22px    }


/*함게하는 사람들*/
.tab-menu{ overflow: hidden;  text-align: center}
.tab-menu li{float: left; padding:0 1px; margin-left:-1px  }
.tab-menu li a{  display:block; padding: 10px 0px; font-size: 18px; color:#fff; cursor: pointer;background: #ceb5aa; }
.tab-menu li.current a{background: #695154;}
.tab-content{ overflow:hidden; position:absolute; clip:rect(0,0,0,0) ; width:1px; height:1px ; margin:-1px; border:0  }
.tab-content.current{position: relative; width:100%; height:100%; margin:0; overflow:auto; }
.group-icon{ background: url(/images/sub/group-iocn.png) no-repeat left center; padding:7px 0 7px 40px}
.member-icon{ background: url(/images/sub/member-iocn.png) no-repeat left center; padding:7px 0 7px 40px}
.organization-icon{ background: url(/images/sub/organization-iocn.png) no-repeat left center; padding:7px 0 7px 40px}
.table-01{ border-top:2px solid #695154; width:100%; border-collapse:collapse }
.table-01 td{  padding:5px 10px; border:1px  solid #dbdbdb}
.member-list{ border-top:2px  solid #695154}
.member-list li{ position:relative; padding:10px 0 10px 54px; border-bottom:1px solid #dbdbdb}
.member-list li span{ position:absolute; left:13px; top:10px; font-size:20px; color:#695154;}
.organization-list{border-top:2px  solid #695154}
.organization-list li{  padding:10px 0 ; border-bottom:1px solid #dbdbdb}

/* 미디어스크랩  */
ul.media-board { border-top:2px solid #695154; color:#333; font-size:15px; margin:20px 0 0 0; }
ul.media-board li { line-height:30px; padding:9px 0; border-bottom:1px solid #dbdbdb; position:relative; }
ul.media-board li:nth-child(2n) { background:#fff }
ul.media-board li span { top:7px; }
ul.media-board li a { font-size:15px; color:#333; text-decoration:none; word-break:break-all; font-weight:bold }
li.media-head { font-size:15px; text-align:center; font-weight:bold ; background:#f2f2f2;}
li.media-head span { padding:0; }
li.media-head .media-num { left:25px; }
p.media-info { font-size:13px; color:#695154; line-height:24px; text-align:center; display:block; }
span.media-num { left:30px; position:absolute; }
span.media-press { left: 90px; position: absolute; width:130px; text-align:center; }
span.media-date { width: 110px; left: 220px; position: absolute; text-align: center; }
span.media-subject { width:50%; display: block; margin: 0 0 0 340px; }
span.media-hit { width: 93px; right: 12px; position: absolute; text-align: center; }
.search-box2 { border:1px solid #dbdbdb; text-align:center; padding:10px 0; margin:0 0 15px 0; }
.search-box2 .search-input { background:#f9f9f9; padding:5px 0 5px 5px; border:1px solid #dbdbdb; border-radius:4px; vertical-align:middle; width:50%; margin:0 3px; }
.search-box2 .search-btn { background:url(/images/board/search-icon.png) no-repeat center center #695154; width:44px; height:30px; text-indent:-9999px; display:inline-block; vertical-align:middle; border:none; border-radius:4px; cursor:pointer; }

/*동영상*/
.video{ border-top:2px solid #333}
.video_list{ overflow:hidden; border-bottom:1px solid #dbdbdb; margin:15px 0 0 0; padding:0 0 15px 0}
.video_list dt{ float:left; position:relative}
.video_list dt a{ display:block; width:300px; height:169px}
.video_list dt em.time{    display: inline-block;position: absolute;padding: 0 5px; font-size: 12px; background: #000;right: 0;bottom: 0;z-index: 100;color: #fff;}
.video_list dd{ float:left; margin:0  0 0 20px; width:580px}
.video_list dd h4{ font-size:17px; font-weight:bold; margin:5px 0 15px 0}
.video_list dd span{ display:inline-block; font-size:13px; color:#666; margin:0 15px 0 0; padding:0 0 0 25px }
.video_list dd span.date{ background:url(/images/pages/date_icon.png) no-repeat left center}
.video_list dd span.hit{ background:url(/images/pages/hit_icon.png) no-repeat 5px center}
.video_list dd div.content{ color:#666; margin:15px 0 0 0; line-height:24px; font-size:15px}
.page-info{ text-align:center; margin:25px 0 0 0}
.page-info a{ display:inline-block;   }
.page-info span.h-line{ display:inline-block; color:#ccc; margin:0 15px; width:1px; background:#ccc; text-indent:-9999px}
.video_view_box{ position:relative; margin:25px 0 0 0;}
.video_view_box h4{ font-size:17px; font-weight:bold; color:#333; width:80%}
.view_date_hit{ position:absolute; right:0; top:0}
.view_date_hit span{ display:inline-block; font-size:13px; color:#666; margin:0 15px 0 0; padding:0 0 0 25px }
.view_date_hit span.date{ background:url(/images/pages/date_icon.png) no-repeat left center}
.view_date_hit span.hit{ background:url(/images/pages/hit_icon.png) no-repeat 5px center}
.video_view_memo{ margin:25px 0 0 0; padding:25px 0; border-bottom:1px solid #dbdbdb}
.btn_box{ text-align:center; padding:25px}
.btn_box a{ display:inline-block; background:#333; font-size:17px; font-weight:bold; color:#fff; padding:5px 15px; border-radius:4px}
.new-icon {background: url(/images/pages/new-icon.png) no-repeat;width: 40px;margin-top: 4px;text-indent: -9999px;}