@charset "utf-8";


/*/////////////////////////
// layout
/////////////////////////*/
#BoardContainer {position: relative;max-width: 1280px;margin: 0 auto;padding:100px 0 150px 0;}
@media screen and (max-width: 1300px){
	#BoardContainer {padding:70px 30px 100px 30px;}
}






/*/////////////////////////
// 검색
/////////////////////////*/


.user #container .board_top{position:relative; z-index:200; padding:0; margin-bottom:20px; text-align:center; font-family:"Noto Sans KR";}
.user #container .board_top .ti{float:left; position:relative; line-height:60px; font-weight:400; font-size:16px; color:#585858;}
.user #container .board_top .ti span{color:#000;}
.user #container .board_top>.lay{display:block; position:relative; float:right;}
.user #container .board_top:after{content:""; display:block; clear:both;}
.user #container .board_top .select,
.user #container .board_top input[type="text"],
.user #container .board_top input[type="submit"]{display:inline-block; height:60px; margin:0; vertical-align:top;}
.user #container .board_top .select{float:left; position:relative; width:200px;}
.user #container .board_top .select .lay{width:100%; border:1px solid #e1e1e1; background-color:#fff; box-sizing:border-box;}
.user #container .board_top .select .lay a{display:block; position:relative; width:100%; height:58px; line-height:58px; padding:0 40px 0 17px; text-decoration:none; text-align:left; font-weight:400; font-size:15px; color:#484848; box-sizing:border-box;}
.user #container .board_top .select .lay a:hover{color:#000;}
.user #container .board_top .select .lay>strong{display:block; width:100%; height:100%;}
.user #container .board_top .select .lay>strong a:after{
	content:""; display:block; position:absolute; right:18px; top:50%; width:14px; height:8px; margin-top:-4px; background:url(/media/Board/img/common/select_bul.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #container .board_top .select .lay .lists{display:none;}
.user #container .board_top .select .lay .lists ul li{}
.user #container .board_top .select .lay .lists ul li a{display:block; padding-right:17px; border-top:1px dotted #e1e1e1;}
.user #container .board_top .select .lay .lists ul li a:hover{background-color:#efefef;}
.user #container .board_top input[type="text"]{float:left; width:246px; padding:0 20px; border:1px solid #e1e1e1; border-left:none; background-color:#fff; box-sizing:border-box;}
.user #container .board_top input[type="submit"]{overflow:hidden; float:left; width:60px; height:60px; text-indent:-1000px; background:url(/media/Board/img/common/board_top_search_icon.png) no-repeat center center;}

.user #container .board_top .select.on .lay>strong a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.user #container .board_top .select.on .lay .lists{display:block;}

@media screen and (max-width: 700px){
	.user #container .board_top .ti{float:none; display:block; line-height:20px; margin-bottom:10px; text-align:left;}
	.user #container .board_top>.lay{float:none; position:relative; width:100%; height:124px; padding:64px 60px 0 0; box-sizing:border-box;}
	.user #container .board_top .select{float:none; position:absolute; left:0; top:0; z-index:100; width:100%;}
	.user #container .board_top input[type="text"]{width:100%; border-left:1px solid #e1e1e1;}
	.user #container .board_top input[type="submit"]{position:absolute; right:0; bottom:0; z-index:0;}
}
@media screen and (max-width: 450px){
	.user #container .board_top .ti{font-size:13px;}
	.user #container .board_top>.lay{height:104px; padding:54px 50px 0 0;}
	.user #container .board_top .select{height:50px; line-height:50px;}
	.user #container .board_top .select .lay a{height:50px; line-height:48px;}
	.user #container .board_top input[type="text"]{height:50px;}
	.user #container .board_top input[type="submit"]{position:absolute; right:0; bottom:0; z-index:0; width:50px; height:50px;}
}








/*/////////////////////////
// 공지형 list - 기본형
/////////////////////////*/

.board-list-table {border-collapse:collapse;border-spacing:0px;width:100%;border-top:2px solid #192a49;}
.board-list-table {text-align:center;}
.board-list-table img {vertical-align:middle;margin-left:3px;}

/* 상단 타이틀 설정(th) */
.board-list-table thead th {padding:16px 0;font-weight:500;line-height:110%;font-size:1em;background:#f9f9f9;border-bottom:1px solid #999;text-align:center;color:#444;}
.board-list-table thead th:first-child  {background-image:none;}

/* 기본 td 속성 */
.board-list-table tbody td, .board-list-table tbody th {padding-left:3px;padding-right:3px;padding-top:17px;padding-bottom:16px;border-bottom:1px solid #ddd;line-height:130%;}
.board-list-table tbody td a, .board-list-table tbody td span {color:#444;}

.board-list-table .chk {width:20px;text-align: center;}
.board-list-table .num {width:50px;font-size:13px;text-align: center;}
.board-list-table .writer {width:90px;font-size:14px;text-align: center;}
.board-list-table .cate {width:100px;font-size:14px;text-align: center;}
.board-list-table .fdown {width:30px;font-size:13px;text-align: center;}
.board-list-table .date {width:120px;font-size:13px;text-align: center;}
.board-list-table .date2 {width:140px;font-size:13px; color:#777;}
.board-list-table .read {width:50px;font-size:13px;text-align: center;}
.board-list-table .subject {text-align:left;padding-left:20px;padding-right:3px;}
.board-list-table .subject .r-stat {margin-right:5px;}
.board-list-table .status {width:60px;}
.board-list-table .ing {width:70px;}
.board-list-table .no-data {font-size:100%;}
.board-list-table .cmtNum {font-size:10px;color:#d4151c; font-family:Verdana; font-weight:none;}
.board-list-table .home {width:70px;font-size:13px;}

.board-list-table .num_lg {width:150px;font-size:13px;text-align: center;}
.board-list-table .writer_lg {width:150px;font-size:14px;text-align: left;}
.board-list-table .date_lg {width:140px;font-size:13px; color:#777;}

/* 공지사항 출력 */
.board-list-table .isnotice td{background:#fbfbfb} 

/* 짝수,홀수 라인 속성 */
.board-list-table .child_1 td {}	 /*홀수 라인*/
.board-list-table .child_2 td {/*background-color:#f5f5f5;*/} /*짝수 라인*/

/* 마우스 오버시 스타일 지정*/
.board-list-table tbody  tr:hover th, .board-list-table .on-over tbody th, .board-list-table tr:hover td, .board-list-table .on-over td {background-color:#fbfbfb;} /*배경색*/
.board-list-table tbody tr:hover th, .board-list-table tbody tr:hover th, .board-list-table tr:hover td, .board-list-table tr:hover td  {} /*일반 텍스트 스타일 */
.board-list-table tr:hover td a, .board-list-table tr:hover td a:visited, .board-list-table tr:hover td a span, .board-list-table tr:hover td a:visited span {color:#1c4190;text-decoration:underline;} /*링크텍스트 스타일*/
.board-list-table tr:hover td a:hover span , board-list-table tr:hover td a:focus span {color:#1c4190;text-decoration:underline;}  

/*게시판 상단 박스*/
@media only screen and (max-width:640px){
	.board-list-table .f-chk,
	.board-list-table .f-num,
	.board-list-table .f-hits,
	.board-list-table .f-nm {display:none;}

	.vgallery-list li .pimg {height:60px}
	.vgallery-list-cont {height:120px;}
	.vgallery-llist .btnPrev {position:absolute;left:0px;top:25px}
	.vgallery-llist .btnNext {position:absolute;right:0px;top:25px}

	.webzine-list-li .ptitle {padding-right:0;}
	.webzine-list-li .ptit {max-width:96%;}
}

@media only screen and (max-width:699px){
	.board-stab {display:block;margin-bottom:15px;}
	.board-stab select {width:100%;}
}
@media only screen and (max-width:540px){
	.board-tot-wrap {float:left;max-width:100%;padding:5px 0px;font-size:12px;line-height:1.3em;}
	.board-search-wrap {display:block;line-height:120%;max-width:100%;min-width:50%;width:100%;}
	.board-search  {display:block;text-align:right;padding:0px 0px 0px 0px;position:relative;overflow:hidden;}
	.board-search select {font-size:12px;width:80px;background-color:#fff;border:1px solid #ddd;padding-left:5px;}
	.board-search .text {width:40%;min-width:90px;max-width:70%;}
}

	
@media only screen and (max-width:480px) {	
	/* 상단 타이틀 설정(th) */
	.board-list-table thead th {height:auto;line-height:1.3em;padding-top:0.85em;padding-bottom:0.75em;}
	/* 기본 td 속성 */
	.board-list-table tbody td {padding-left:2px;padding-right:2px;padding-top:0.85em;padding-bottom:0.75em;}
	.board-list-table tbody td * {vertical-align:middle}

	.board-list-table .chk {width:20px;}
	.board-list-table .num {width:30px;font-size:11px;}
	.board-list-table .writer {width:90px;}
	.board-list-table .date {width:80px;font-size:11px;}
	.board-list-table .date2 {width:80px;font-size:11px; }
	.board-list-table .cate {width:90px;font-size:11px;}
	.board-list-table .read {width:40px;font-size:11px;}

	.board-list-table .subject {text-align:left;padding-left:7px;padding-right:3px;}
	.board-list-table tbody td.subject > p {min-width:120px;/* max-width:200px; */}
	.board-list-table tbody td.subject span.r-stat {float:left;margin:3px 5px 0 0;}
	.board-list-table tbody td.subject img.isFileIcon {margin-left:3px;vertical-align:bottom;}
	.board-list-table tbody td.writer > p {max-width:90px;}
	.board-list-table tbody td.cate > p {max-width:90px;}
	.board-list-table tbody td.date > p {max-width:80px;}
	.board-list-table tbody td.date2 > p {max-width:80px;}
	.board-list-table tbody td.read > p {max-width:40px;}

}






/*/////////////////////////
// 공지형 list - type2
/////////////////////////*/

.notice.lists{}
.notice.lists ul li{}
.notice.lists ul li a{display:block; position:relative; padding:30px 20px 30px 155px; text-decoration:none;}
.notice.lists ul li a:before,
.notice.lists ul li a:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px;}
.notice.lists ul li a:before{z-index:0; background-color:#ddd;}
.notice.lists ul li a:after{
	left:50%; z-index:1; width:0; background-color:#d40c84;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.notice.lists ul li a:hover:after{left:0; width:100%;}
.notice.lists ul li a .days{position:absolute; left:0; top:24px; width:120px; padding-top:54px; text-align:center; font-family:"Nanum Square"; font-weight:600; font-size:17px; color:#1a2949;}
.notice.lists ul li a .days em{position:absolute; left:0; top:0; width:100%; line-height:47px; text-align:center; font-style:normal; font-weight:900; font-size:46px;}
.notice.lists ul li a .objs{display:block; width:100%; padding-right:72px; font-family:"Nanum Square"; box-sizing:border-box;}
.notice.lists ul li a .objs:after{
	overflow:hidden; content:""; display:block; position:absolute; right:12px; top:50%; width:49px; height:49px; margin-top:-24px; border:1px solid #b4b4b4; background:url(/kr/img/content/notice_bul.png) no-repeat center center;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.notice.lists ul li a .objs:hover:after{border-color:#da2e95; background:url(/kr/img/content/notice_bul_ov.png) no-repeat center center;}
.notice.lists ul li a .objs .ti{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; height:28px; line-height:28px; font-weight:700; font-size:19px; color:#000;}
.notice.lists ul li a .objs .te{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:20px; margin-top:15px; font-size:15px; color:#707070;}

.notice.lists ul li a.att .objs .ti{}
.notice.lists ul li a.att .objs .ti:before{content:"공지"; display:inline-block; width:63px; height:28px; line-height:26px; margin-right:15px; vertical-align:middle; text-align:center; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; vertical-align:top; border:1px solid #d40c84; color:#d40c84; box-sizing:border-box;}

@media screen and (max-width: 700px){
	.notice.lists ul li a{padding:25px 20px 25px 100px;}
	.notice.lists ul li a .days{top:19px; width:100px; padding-top:40px; font-size:14px;}
	.notice.lists ul li a .days em{line-height:37px; font-size:36px;}
	.notice.lists ul li a .objs{padding-right:0px;}
	.notice.lists ul li a .objs:after{display:none;}
	.notice.lists ul li a .objs .ti{height:18px; line-height:18px; font-size:17px;}
	.notice.lists ul li a .objs .te{line-height:14px; margin-top:15px; font-size:14px;}
	.notice.lists ul li a.att .objs .ti:before{width:43px; height:18px; line-height:16px; margin-right:10px; font-size:12px;}
}
@media screen and (max-width: 450px){
	.notice.lists ul li a{padding:25px 15px;}
	.notice.lists ul li a .days{display:block; position:relative; left:auto; top:auto; width:100%; line-height:15px; padding:7px 0 0 0; text-align:left; font-size:14px; color:#707070;}
	.notice.lists ul li a .days em{display:inline; position:relative; line-height:15px; margin-left:-2px; text-align:left; font-size:14px; color:#707070;}
	.notice.lists ul li a .days em:before{content:".";}
}






/*/////////////////////////
// 보도형 list
/////////////////////////*/

.bodo.lists{font-family:"Nanum Square"; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.bodo.lists ul li{
	position:relative; min-height:172px; padding:37px 0 37px 327px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.bodo.lists ul li:not(:nth-child(1)){border-top:1px solid #ddd;}
.bodo.lists ul li .photos{
	opacity:1; overflow:hidden; position:absolute; left:0; top:37px; width:284px; height:172px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.bodo.lists ul li .photos span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.bodo.lists ul li .photos span img{height:100%;}
.bodo.lists ul li .box .ti{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-family: 'Noto Sans KR';display:block; line-height:26px; padding-right:100px; margin-top:8px; margin-bottom:15px; font-weight:700; font-size:22px; color:#000; box-sizing:border-box;}
.bodo.lists ul li .box .etc{ display:block; font-size:15px; color:#707070;margin-top:25px;}
.bodo.lists ul li .box .etc em{position:relative; padding-right:17px; font-style:normal;}
.bodo.lists ul li .box .etc em:after{content:""; display:block; position:absolute; right:6px; top:2px; width:1px; height:12px; background-color:#d6d6d6;}
.bodo.lists ul li .box .te{overflow:hidden; display:block;  line-height:24px;  font-size:15px; color:#707070;}
.bodo.lists ul li .box .hit{position:absolute; right:0; top:50px; font-size:15px; color:#707070;}
.bodo.lists ul li .box .hit em{position:relative; padding-right:17px; font-style:normal;}
.bodo.lists ul li .box .hit em:after{content:""; display:block; position:absolute; right:6px; top:2px; width:1px; height:12px; background-color:#d6d6d6;}

@media screen and (max-width: 700px){
	.bodo.lists ul li{min-height:10px; padding:25px 0;}
	.bodo.lists ul li .photos{position: relative;top: auto;left: auto;width: 100%;margin-bottom: 20px;}
	.bodo.lists ul li .box .ti{margin-top:0;}
	.bodo.lists ul li .box .te{margin-top:15px;}
	.bodo.lists ul li .box .hit{top:30px;}
}
@media screen and (max-width: 500px){
	.bodo.lists ul li .box .ti{padding-right:0; margin-bottom:10px; font-size:17px;}
	.bodo.lists ul li .box .etc{font-size:13px;}
	.bodo.lists ul li .box .te{line-height:20px; margin-top:10px; font-size:13px;}
	.bodo.lists ul li .box .hit{position:relative; top:auto; margin-top:5px; font-size:13px;}
	.bodo.lists ul li .box .hit em:after{top:1px;}
}






/*/////////////////////////
// 갤러리형 list
/////////////////////////*/

.photo.lists{font-family:"Nanum Square"; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.photo.lists ul{padding:50px 0;}
.photo.lists ul:after{content:""; display:block; clear:both;}
.photo.lists ul li{float:left; width:25%; box-sizing:border-box;}
.photo.lists ul li:nth-child(4n+1){padding:12px 18px 12px 0;}
.photo.lists ul li:nth-child(4n+2){padding:12px 12px 12px 6px;}
.photo.lists ul li:nth-child(4n+3){padding:12px 6px 12px 12px;}
.photo.lists ul li:nth-child(4n+4){padding:12px 0 12px 18px;}
.photo.lists ul li a{overflow:hidden; display:block; position:relative; width:100%; height:100%;}
.photo.lists ul li a:before{
	/**content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background:url(/media/Board/img/common/photo_ov.png) no-repeat center center; background-size:100% auto;**/
	content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background-size:100% auto;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.photo.lists ul li a:hover:before{
	transform:scale(1);
	-webkit-transform:scale(1);
}
.photo.lists ul li a:after{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; box-sizing:border-box;}
.photo.lists ul li a .grid{display:block; width:100%;}
.photo.lists ul li a .lay{display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; padding-bottom:115px; box-sizing:border-box;}
.photo.lists ul li a .lay .photos{display:block; position:relative; width:100%; height:100%;}
.photo.lists ul li a .lay .photos span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center; background-color:#000;}
.photo.lists ul li a .lay .photos span img{height:100%;}
.photo.lists ul li a .lay .tx{position:absolute; left:0; bottom:0; width:100%; height:115px; padding:24px 0; box-sizing:border-box;}
.photo.lists ul li a .lay .tx strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;  line-height:19px; font-family:"Nanum Square"; font-weight:300; font-size:18px; color:#191919;}
.photo.lists ul li a .lay .tx span{display:block; padding-top:14px; font-family:"Nanum Square"; font-weight:400; font-size:15px; color:#707070;}
@media screen and (max-width: 1100px){
	.photo.lists ul li{width:33.3%;}
	.photo.lists ul li:nth-child(3n+1){padding:7px 10px 7px 0;}
	.photo.lists ul li:nth-child(3n+2){padding:7px 5px;}
	.photo.lists ul li:nth-child(3n+3){padding:7px 0 7px 10px;}
}
@media screen and (max-width: 800px){
	.photo.lists ul{padding:30px 0;}
	.photo.lists ul li a .lay{padding-bottom:90px;}
	.photo.lists ul li a .lay .tx{height:90px; padding:17px 20px 0px 20px;}
	.photo.lists ul li a .lay .tx strong{height:28px; font-size:17px;}
	.photo.lists ul li a .lay .tx span{padding-top:8px; font-size:13px;}
}
@media screen and (max-width: 650px){
	.photo.lists ul{padding:20px 0;}
	.photo.lists ul li{width:50%;}
	.photo.lists ul li:nth-child(2n+1){padding:7px 7px 7px 0;}
	.photo.lists ul li:nth-child(2n+2){padding:7px 0 7px 7px;}
}
@media screen and (max-width: 450px){
	.photo.lists ul li{width:100%;}
	.photo.lists ul li:nth-child(1n+1){padding:7px 0;}
}


/* 갤러리 상세보기 */
#galleryView{margin:0 0 30px 0;text-align:center}
#galleryView img{}
#galleryView img, .gView img {vertical-align: middle; max-width: 100%;}
#galleryThum{position:relative;width:100%;padding:15px 0;background:#f9f9f9}
#galleryThum .holder{position:relative;width:80%;overflow:hidden;margin:0 auto}
/**
#galleryThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item {overflow: hidden;position: relative;float: left;width:160px;height: 120px;margin: 0 5px;background: #f9f9f9;}
#galleryThum .item a{display:inline-block;width:160px;height: 120px;}
#galleryThum .item img{width: 90%;}
#galleryThum .item .button{display:none;}
**/
#galleryThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item {float: left;width:120px}
#galleryThum .item img{width:100px;height:73px}
#galleryThum .item .button{display:none;}
#galleryThum .arrLeft{position:absolute;left:0;top:50%;margin-top: -19px;width:5%;height:100%;background:none;text-align:center}
#galleryThum .arrLeft img{position:relative;top:0px}
#galleryThum .arrRight{position:absolute;right:0;top:50%;margin-top: -19px;width:5%;height:100%;background:none;text-align:center}
#galleryThum .arrRight img{position:relative;top:0px}






/*/////////////////////////
// youtube list
/////////////////////////*/

.youtube.lists{font-family:"Nanum Square"; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.youtube.lists ul{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:50px 0;}
.youtube.lists ul:after{content:""; display:block; clear:both;}
.youtube.lists ul li{float:left; width:25%; box-sizing:border-box;}
.youtube.lists ul li:nth-child(4n+1){padding:12px 18px 12px 0;}
.youtube.lists ul li:nth-child(4n+2){padding:12px 12px 12px 6px;}
.youtube.lists ul li:nth-child(4n+3){padding:12px 6px 12px 12px;}
.youtube.lists ul li:nth-child(4n+4){padding:12px 0 12px 18px;}
.youtube.lists ul li a{overflow:hidden; display:block; position:relative; width:100%; height:100%;}
.youtube.lists ul li a:before{
	/**content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background:url(/media/Board/img/common/photo_ov.png) no-repeat center center; background-size:100% auto;**/
	content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background-size:100% auto;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.youtube.lists ul li a:hover:before{
	transform:scale(1);
	-webkit-transform:scale(1);
}
.youtube.lists ul li a:after{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; box-sizing:border-box;}
.youtube.lists ul li a .grid{display:block; width:100%;}
.youtube.lists ul li a .lay{display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:98%; padding-bottom:115px; box-sizing:border-box;}
.youtube.lists ul li a .lay .photos{display:block; position:relative; width:100%; height:100%;}
.youtube.lists ul li a .lay .photos span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center; background-color:#000;}
.youtube.lists ul li a .lay .photos span img{height:100%;}
.youtube.lists ul li a .lay .tx{position:absolute; left:0; bottom:0; width:100%; height:115px; padding:24px 0; box-sizing:border-box;}
.youtube.lists ul li a .lay .tx strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;  line-height:19px; font-family:"Nanum Square"; font-weight:300; font-size:18px; color:#191919;}
.youtube.lists ul li a .lay .tx span{display:block; padding-top:14px; font-family:"Nanum Square"; font-weight:400; font-size:15px; color:#707070;}
@media screen and (max-width: 1100px){
	.youtube.lists ul li{width:33.3%;}
	.youtube.lists ul li:nth-child(3n+1){padding:7px 10px 7px 0;}
	.youtube.lists ul li:nth-child(3n+2){padding:7px 5px;}
	.youtube.lists ul li:nth-child(3n+3){padding:7px 0 7px 10px;}
}
@media screen and (max-width: 800px){
	.youtube.lists ul{padding:30px 0;}
	.youtube.lists ul li a .lay{padding-bottom:90px;}
	.youtube.lists ul li a .lay .tx{height:90px; padding:17px 0 0 0;}
	.youtube.lists ul li a .lay .tx strong{height:28px; font-size:17px;}
	.youtube.lists ul li a .lay .tx span{padding-top:8px; font-size:13px;}
}
@media screen and (max-width: 650px){
	.youtube.lists ul{padding:20px 0;}
	.youtube.lists ul li{width:50%;}
	.youtube.lists ul li:nth-child(2n+1){padding:7px 7px 7px 0;}
	.youtube.lists ul li:nth-child(2n+2){padding:7px 0 7px 7px;}
}
@media screen and (max-width: 450px){
	.youtube.lists ul li{width:100%;}
	.youtube.lists ul li:nth-child(1n+1){padding:7px 0;}
	.youtube.lists ul li a .grid { height: 300px;}
}





/*/////////////////////////
// cardnews list
/////////////////////////*/

.cardnews.lists{font-family:"Nanum Square"; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.cardnews.lists ul{padding:50px 0;}
.cardnews.lists ul:after{content:""; display:block; clear:both;}
.cardnews.lists ul li{float:left; width:25%;height:405px;box-sizing:border-box;}
.cardnews.lists ul li:nth-child(4n+1){padding:12px 18px 12px 0;}
.cardnews.lists ul li:nth-child(4n+2){padding:12px 12px 12px 6px;}
.cardnews.lists ul li:nth-child(4n+3){padding:12px 6px 12px 12px;}
.cardnews.lists ul li:nth-child(4n+4){padding:12px 0 12px 18px;}
.cardnews.lists ul li a{overflow:hidden; display:block; position:relative; width:100%; height:100%;}
.cardnews.lists ul li a:before{
	/**content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background:url(/media/Board/img/common/photo_ov.png) no-repeat center center; background-size:100% auto;**/
	content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background-size:100% auto;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.cardnews.lists ul li a:hover:before{
	transform:scale(1);
	-webkit-transform:scale(1);
}


.cardnews.lists ul li a:after{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; box-sizing:border-box;}
.cardnews.lists ul li a .grid{display:block; width:100%;}
.cardnews.lists ul li a .lay{display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:98%; padding-bottom:131px; box-sizing:border-box;}
.cardnews.lists ul li a .lay .photos{overflow: hidden;display:block; position:relative; width:100%; height:100%;background: #e6e6e6;}
.cardnews.lists ul li a .lay .photos span img{width:100%;}
.cardnews.lists ul li a .lay .tx{position:absolute; left:0; bottom:0; width:100%; height:115px; padding:24px 0; box-sizing:border-box;}
.cardnews.lists ul li a .lay .tx strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;  line-height:19px; font-family:"Nanum Square"; font-weight:300; font-size:18px; color:#191919;}
.cardnews.lists ul li a .lay .tx span{display:block; padding-top:14px; font-family:"Nanum Square"; font-weight:400; font-size:15px; color:#707070;}
@media screen and (max-width: 1100px){
	.cardnews.lists ul li{width:33.3%;}
	.cardnews.lists ul li:nth-child(3n+1){padding:7px 10px 7px 0;}
	.cardnews.lists ul li:nth-child(3n+2){padding:7px 5px;}
	.cardnews.lists ul li:nth-child(3n+3){padding:7px 0 7px 10px;}
}
@media screen and (max-width: 800px){
	.cardnews.lists ul{padding:30px 0;}
	.cardnews.lists ul li a .lay{padding-bottom:90px;}
	.cardnews.lists ul li a .lay .tx{height:90px; padding:17px 0 0 0;}
	.cardnews.lists ul li a .lay .tx strong{height:28px; font-size:17px;}
	.cardnews.lists ul li a .lay .tx span{padding-top:8px; font-size:13px;}
}
@media screen and (max-width: 650px){
	.cardnews.lists ul{padding:20px 0;}
	.cardnews.lists ul li{width:50%;}
	.cardnews.lists ul li:nth-child(2n+1){padding:7px 7px 7px 0;}
	.cardnews.lists ul li:nth-child(2n+2){padding:7px 0 7px 7px;}
}
@media screen and (max-width: 450px){
	.cardnews.lists ul li{width:100%;}
	.cardnews.lists ul li:nth-child(1n+1){padding:7px 0;}
}












/*/////////////////////////
// Page
/////////////////////////*/

.pagenation{text-align:center; margin:60px 0px 15px 0px;}
.pagenation a{overflow:hidden; display:inline-block; position:relative; width:48px; height:48px; line-height:46px; margin:0px; vertical-align:middle; font-size:13px; box-sizing:border-box;}
.pagenation a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #e7e7e7; box-sizing:border-box;}
.pagenation a:link,
.pagenation a:visited,
.pagenation a:active{color:#767676;}
.pagenation a:hover{text-decoration:none; color:#767676;}
.pagenation a strong{display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; text-decoration:none; font-weight:normal; color:#fff; background-color:#828b9c;}
.pagenation a.page_first,
.pagenation a.page_left,
.pagenation a.page_right,
.pagenation a.page_end{margin:0; text-indent:-200px;}
.pagenation a.page_left{margin-right:10px;}
.pagenation a.page_right{margin-left:10px;}
.pagenation a.page_first{background:url(/media/Board/img/common/page_first.png) no-repeat center center;}
.pagenation a.page_left{background:url(/media/Board/img/common/page_left.png) no-repeat center center;}
.pagenation a.page_right{background:url(/media/Board/img/common/page_right.png) no-repeat center center;}
.pagenation a.page_end{background:url(/media/Board/img/common/page_end.png) no-repeat center center;}
.pagenation a.page_first:hover{background:url(/media/Board/img/common/page_first.png) no-repeat center center;}
.pagenation a.page_left:hover{background:url(/media/Board/img/commont/page_left.png) no-repeat center center;}
.pagenation a.page_right:hover{background:url(/media/Board/img/commont/page_right.png) no-repeat center center;}
.pagenation a.page_end:hover{background:url(/media/Board/img/commont/page_end.png) no-repeat center center;}

@media screen and (max-width: 700px){
	.pagenation{margin-top:40px;}
	.pagenation a{width:40px; height:40px; line-height:38px;}
	.pagenation a.page_left{margin-right:5px;}
	.pagenation a.page_right{margin-left:5px;}
}
@media screen and (max-width: 500px){
	.pagenation{margin-top:20px;}
	.pagenation a{width:30px; height:30px; line-height:30px; font-size:11px;}
	.pagenation a.page_left{margin-right:2px;}
	.pagenation a.page_right{margin-left:2px;}
}







/*/////////////////////////
// 상세페이지 view
/////////////////////////*/


.notice.views{}
.notice.views .title{display:block; position:relative; padding-bottom:30px;}
.notice.views .title strong{display:block; line-height:30px; font-size:24px; color:#000;}
.notice.views.att .title strong:before{ display:inline-block; width:63px; height:28px; line-height:26px; margin-right:15px; vertical-align:top; text-align:center; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; border:1px solid #046cc5; color:#046cc5; box-sizing:border-box;}

.notice.views .event_title{display:block; position:relative; padding-bottom:30px;}
.notice.views .event_title strong{display:block; line-height:30px; font-size:24px; color:#000;}
.notice.views.att .event_title strong:before{ display:inline-block; width:63px; height:28px; line-height:26px; margin-right:15px; vertical-align:top; text-align:center; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; border:1px solid #046cc5; color:#046cc5; box-sizing:border-box;}



.notice.views .box{border-top:1px solid #5c5c5c; border-bottom:1px solid #b2b2b2;}
.notice.views .box .files{position:relative; min-height:26px; padding:18px 13px; border-bottom:1px solid #b2b2b2;}
.notice.views .box .files ul li{/*display:inline-block;*/}
/*.notice.views .box .files ul li:not(:nth-child(1)){margin-left:20px;}*/
.notice.views .box .files ul li a{display:block; position:relative; line-height:26px; padding-left:31px; font-family:"Nanum Square"; font-weight:400; font-size:15px; color:#707070;}
.notice.views .box .files ul li a:before{content:""; display:block; position:absolute; left:0; top:0; width:26px; height:26px;}
.notice.views .box .files ul li a.img:before{background-image:url(/media/Board/img/common/bodo_down.png);}
.notice.views .box .files ul li a.hwp:before{background-image:url(/media/Board/img/common/bodo_down.png);}
.notice.views .box .files ul li a.pdf:before{background-image:url(/media/Board/img/common/bodo_down.png);}
.notice.views .box .files .etc{position:absolute; right:13px; top:18px; line-height:26px; font-family:"Nanum Square"; font-weight:400; font-size:15px; color:#707070;}
.notice.views .box .files .etc span{display:inline-block; position:relative;}
.notice.views .box .files .etc span:not(:nth-child(1)){padding-left:30px;}
.notice.views .box .files .etc span:not(:nth-child(1)):before{content:""; display:block; position:absolute; left:14px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#d0d0d0;}

.notice.views .box .viewbox{padding:85px 75px;}
/*
.notice.views .box .viewbox p{text-align:center; font-size: 15px;}
*/

.notice.views .foot{position:relative; margin-top:50px;}
.notice.views .foot .list_btn{overflow:hidden; display:block; position:relative; z-index:10; width:72px; height:72px; margin:0 auto; text-indent:-1000px; background-color:#222;}
.notice.views .foot .list_btn:before{
	content:""; display:block; width:100%; height:100%; background:url(/kr/img/content/list_btn.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.notice.views .foot .list_btn:hover:before{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.notice.views .foot .befor,
.notice.views .foot .after{display:table; table-layout:fixed; position:absolute; top:0; z-index:0; width:40%; height:72px; text-decoration:none; box-sizing:border-box;}
.notice.views .foot .befor{left:0; padding-right:36px;}
.notice.views .foot .after{right:0; padding-left:36px;}
.notice.views .foot .befor span,
.notice.views .foot .after span{display:table-cell; width:100%; height:100%; line-height:16px; vertical-align:middle; text-align:center; font-family:"Nanum Square"; font-weight:400; font-size:15px; color:#707070;}
.notice.views .foot .befor span:before,
.notice.views .foot .after span:before{display:block; line-height:23px; margin-bottom:10px; font-weight:700; font-size:22px; color:#3a3a3a;}
.notice.views .foot .befor span:before{content:"PREV";}
.notice.views .foot .after span:before{content:"NEXT";}
.notice.views .foot .befor span em,
.notice.views .foot .after span em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-style:normal;}
@media screen and (max-width: 700px){
	.notice.views .title{padding-bottom:20px;}
	.notice.views .box .files{min-height:26px; padding:15px 13px;}
	.notice.views .box .files ul li a,
	.notice.views .box .files .etc{font-size:12px;}
	.notice.views .box .files .etc{top:15px;}
	.notice.views .box .files .etc span:not(:nth-child(1)){padding-left:15px;}
	.notice.views .box .files .etc span:not(:nth-child(1)):before{left:7px;}
	.notice.views .box .viewbox{padding:55px 35px;}
	.notice.views .foot{margin-top:30px;}
	.notice.views .foot .list_btn{width:50px; height:50px;}
	.notice.views .foot .list_btn:before{background-size:25% auto;}
	.notice.views .foot .befor,
	.notice.views .foot .after{height:50px;}
	.notice.views .foot .befor span,
	.notice.views .foot .after span{line-height:13px; font-size:12px;}
	.notice.views .foot .after span:before,
	.notice.views .foot .after span:before{line-height:18px; margin-bottom:5px; font-size:17px;}
}
@media screen and (max-width: 600px){
	.notice.views .title strong{font-size:20px;}
	.notice.views .box .files .etc{position:relative; right:auto; top:auto; margin-top:5px;}
	.notice.views .box .viewbox{padding:40px 20px;}
	.notice.views .foot{margin-top:20px;}
	.notice.views .foot .list_btn{width:40px; height:40px;}
	.notice.views .foot .befor span,
	.notice.views .foot .after span{line-height:12px; font-size:11px;}
	.notice.views .foot .after span:before,
	.notice.views .foot .after span:before{line-height:15px; margin-bottom:3px; font-size:14px;}
}







/* file 아이콘 */
.down{overflow:hidden; display:inline-block; width:26px; height:26px; vertical-align:middle; text-indent:-1000px; background:url(/kr/img/content/bodo_down.png) no-repeat center center;}

/* MEMBER JOIN VALIDATE CHECK */
.join_form_check {  border:2px solid #a00c65 !important;  }



.board_btn{padding:15px 0;}
.board_btn:after {content:"";display:block;visibility:hidden;clear:both;}
.board_btn .pull-left{display:inline-block;float:left;text-align:left;}
.board_btn .pull-right{display:inline-block;float:right;text-align:right;}
.board_btn .pull-right a {display:inline-block;}
.board_btn .bn {padding:8px 14px;}

.btn {display: inline-block;padding: 0; width: 85px;height: 45px;line-height: 43px;text-align: center;}



.btn-default,
.btn-default:link,
.btn-default:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{background:#656565;color:#fff;border:1px solid #383838;}
.btn_cancel,
.btn_cancel:link,
.btn_cancel:visited{border:1px solid #dedede;background-color:#f5f5f5;color:#444;}
.btn_cancel:hover,
.btn_cancel:focus,
.btn_cancel:active{background:#333;color:#fff;border:1px solid #f5f5f5;}
.btn_modify,
.btn_modify:link,
.btn_modify:visited{border:1px solid #dedede;background-color:#f5f5f5;color:#444;}
.btn_modify:hover,
.btn_modify:focus,
.btn_modify:active{background:#333;color:#fff;border:1px solid #f5f5f5;}
.btn_reply,
.btn_reply:link,
.btn_reply:visited{border:1px solid #dedede;background-color:#f5f5f5;color:#444;}
.btn_reply:hover,
.btn_reply:focus,
.btn_reply:active{background:#333;color:#fff;border:1px solid #f5f5f5;}
.btn_delete,
.btn_delete:link,
.btn_delete:visited{border:1px solid #BE0100;background-color:#BC0000;color:#fff;}
.btn_delete:hover,
.btn_delete:focus,
.btn_delete:active{background:#fff;color:#BC0000;border:1px solid #BC0000;}
.btn_list,
.btn_list:link,
.btn_list:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn_list:hover,
.btn_list:focus,
.btn_list:active{background:#656565;color:#fff;border:1px solid #383838;}

input.btn_store,
.btn_store:link,
.btn_store:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn_store:hover,
.btn_store:focus,
.btn_store:active{background:#656565;color:#fff;border:1px solid #383838;}
input.btn_image,
.btn_image:link,
.btn_image:visited{border:1px solid #E8E9E8;background-color:#D5D6D5;color:#2a2a2a;}
.btn_image:hover,
.btn_image:focus,
.btn_image:active{background:#E8E9E8;color:#fff;border:1px solid #D5D6D5;color:#2a2a2a;}


.btn_writ,
.btn_writ:link,
.btn_writ:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn_writ:hover,
.btn_writ:focus,
.btn_writ:active{background:#656565;color:#fff;border:1px solid #383838;}
.btn_close,
.btn_close:link,
.btn_close:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn_close:hover,
.btn_close:focus,
.btn_close:active{background:#656565;color:#fff;border:1px solid #383838;}
.btn_find,
.btn_find:link,
.btn_find:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn_find:hover,
.btn_find:focus,
.btn_find:active{background:#656565;color:#fff;border:1px solid #383838;}



/*
.btn{display:inline-block;padding:0 10px;height:38px;line-height:38px;vertical-align:middle;}
.btn-default,
.btn-default:link,
.btn-default:visited{border:1px solid #dedede;background-color:#f5f5f5;color:#444 ;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{background:#333;color:#fff;border:1px solid #f5f5f5 !important;}
*/

.board_youtube_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.board_youtube_container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}