html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:14px; color: #666; line-height: 160%; font-family: NotoKR-Regular, sans-serif;}

.select {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:4px; font-family: NotoKR-Regular, sans-serif;}
.input {border:0px; font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#f7f7f7; font-family: NotoKR-Regular, sans-serif;}
.search_input {font-size:14px; color: #666; border: #d4d4d4 1px solid; background-color: #ffffff; padding:7px; font-family: NotoKR-Regular, sans-serif;}

.hide {font-size:0; text-indent:-9999px;}

/* list */
#bbs_con{width:100%; border-collapse:collapse}
#bbs_con th{font-size:14px; color:#333; font-weight:100; font-family:NotoKR-Bold; text-align:center; padding:13px 0; background-color:#f9f9f9; border-bottom:1px solid #ddd; border-top:1px solid #262626; letter-spacing:-0.5pt;}
#bbs_con td{padding:13px 0; text-align:center; border-bottom:1px dotted #d4d4d4; font-size:14px;}
#bbs_con td a {font-size:14px; letter-spacing:-0.5pt;}
#bbs_con td.left{text-align:left; padding-left:10px;}

/* list */
#gallery_con{overflow:hidden; clear:both !important; border-bottom:1px solid #ddd;}
#gallery_con li { float:left; margin:0 2% 30px 0; width:23.4%; box-sizing:border-box; position:relative; }
#gallery_con li:nth-child(4n){margin:0 0 30px 0 !important;}
#gallery_con li div{overflow:hidden !important; border:1px solid #ddd;}
#gallery_con li div img{width:100%;}

#gallery_con li >a { width:100%; height:20px; font-size:14px; padding:5px 0; font-family: NotoKR-Medium, sans-serif; letter-spacing:-0.5px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space:nowrap;
overflow:hidden;
word-wrap:normal; }
#gallery_con li >a { display:block; text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space:nowrap;
overflow:hidden;
word-wrap:normal; width:100%; text-align:center;}



.movie_list {position:relative; overflow:hidden; width:100%;}
.movie_list dl{float:left; width:31.71875%; margin-right:2.421875%; margin-bottom:2.421875%; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.movie_list dl:nth-child(3n){margin-right:0 }
.movie_list dl a{display:block;}
.movie_list dl:hover dt{border-color:#888}
.movie_list dl:hover dd p.title{color:var(--main);}
/* .movie_list dl:hover dd{background:#888; border-color:#888}
.movie_list dl:hover dd p.date{color:rgba(255,255,255,0.7); background:url('/comm/script_bbs/img/time2.png') left center no-repeat;} */
.movie_list dl dt{position:relative; border:1px solid #ddd; box-sizing:border-box; }
.movie_list dl dt:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: rgba(0,0,0,0.3) url("/comm/script_bbs_response/img/icon_play_s.png") center center no-repeat; z-index: 1;}
.movie_list dl dt img{background-size:cover !important;background-repeat: no-repeat;  background-position: center; transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.movie_list dl:hover dt img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}
.movie_list dt{overflow:hidden; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.movie_list dt img{width:100%}
.movie_list dd{transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position:relative; overflow: hidden; box-sizing:border-box; padding:6.29095354523% 0; text-align: center;}
.movie_list dd p.title{font-size:1.0714rem; color:#333; font-family: NotoKR-Medium, sans-serif; letter-spacing:-0.5px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; word-wrap:break-word; /* word-break: break-all; */ line-height: 1.4em; height: 1.4em;}
.movie_list dd p.date{color:#999; padding-top:4px; font-size: 0.938rem; color: #777; margin-top:5px; padding: 2px 0 2px 21px; background: url('/comm/script_bbs/img/time.png') left center no-repeat; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}



/* page_num */
.page_num{padding:20px 0;}
/* 페이지 넘버 */
.page_number_on{font-family: NotoKR-Bold; font-weight:100; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-family: NotoKR-Bold; font-weight:100; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}

/* 검색 */
#board_search {width:100%; text-align:center; border:none; background:#f9f9f9; border-top:1px solid #a9a9a9; border-bottom:1px solid #d7d7d7; padding:15px 0px;}
#board_search .img {vertical-align:top;}
#board_search .search_input {color:#666; border: #cfcfcf 1px solid; background-color: #ffffff; width:30%; padding:5px;}
#board_search legend {display:none;}


.bbs_btn{width:100%; padding-top:10px;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}

/* view */
.bbs_view{width:100%; border-collapse:collapse; border-spacing:0px;}
.bbs_view th{font-size:15px; color:#333; font-weight:100; font-family:NotoKR-Bold; text-align:left; padding:13px 12px; background-color:#f9f9f9; border-bottom:1px solid #ddd; border-top:1px solid #262626; letter-spacing:-0.5pt;}
.bbs_view td{border-bottom:1px solid #d4d4d4; padding:12px; text-align: left;}
.bbs_view td.view_detail{color:#888; text-align:left; border-bottom:1px dashed #d4d4d4;}
.bbs_view td .view_content{padding:10px 0 !important; font-size:14px !important; letter-spacing:-0.5pt;}
.bbs_view td.tit{font-size:14px; color:#333; font-family: NotoKR-Bold; font-weight:100; text-align:center; width:150px !important; background-color:#f9f9f9; border-right:1px solid #d4d4d4; padding:10px 0;}

.view_content td{border:none !important;}
.attach { border-bottom:none !important; padding:20px 12px 0 12px !important;}
.attach .box { width:100%; background:#f5f5f5; padding:12px 20px; box-sizing:border-box;}

.view_content td{border:none !important; font-size:14px; letter-spacing:-0.5pt;}
.view_content div{width:100% !important; font-size:14px; letter-spacing:-0.5pt; box-sizing:border-box;}
.view_content img{width:auto; max-width:100% !important;}

.view_content .movie_box {position:relative; margin:0 auto 40px auto; width:100%; max-width:800px; box-sizing:border-box; background:#000; padding:10px 10px 25px 10px; border: 2px solid #fff; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.view_content .movie_box img {position:relative; max-width:100%; vertical-align:top; margin:0 auto;}
.view_content .movie_box > div {position:relative; width:100%; padding-bottom:56.56%; }
.view_content .movie_box > div iframe {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}


.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-size:14px; font-family: NotoKR-Bold; font-weight:100; padding-bottom:10px; color:#333;} 
.pri_message {width:100%; text-align:right; padding-top:5px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}
.textarea {font-family:inherit; color:#666; line-height:150%; letter-spacing: -0.5px; padding:5px; border:#ccc 1px solid; background-color:#f6f6f6;}

/*.cate_tab{overflow:hidden; clear:both; margin-bottom:30px}*/
.cate_tab li{float:left;}
.cate_tab a{display:block; width:110px; height:52px; margin-right:2px; border:1px solid #dddddd; background:#fff; text-align:center; line-height:52px; font-size:14px; color:#666;}
.cate_tab a:hover{text-decoration:none; background-color:#f9f9f9}
.cate_tab a span{display:block; font-family: NotoKR-Bold; font-weight:100; line-height:52px; border:1px solid #064e91; background:#fff; width:110px; position:relative; left:-1px; top:-1px; color:#064e91;}

/* 저작권공지 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:20px;}
.input_notice h4{font-size:16px; font-family: NotoKR-Bold; font-weight:100; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px;}
.input_notice p.point{color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline}

.reply_icon{position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding:8px 15px 4px 15px;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #ccc;
	height:20px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 34px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	/*height: auto;*/
	height: 100%;
}

/*
.img_border {
	display: inline-block;
	width: 70px;
	height: 34px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}

.img_border2 {
	display: inline-block;
	width: 70px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}
*/



/*******************************************************************************
	@media 980~1179px
*******************************************************************************/
@media all and (max-width:1179px){

/* list */
#gallery_con li{float:left; width:23.4%; margin:0 2% 5% 0 !important;}
#gallery_con li img{width:100%;}
#gallery_con li:nth-child(4n){margin-right:0 !important;}
#gallery_con li:nth-child(3n){margin-right:2% !important.;}

}

/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){

/* list */
#gallery_con li{float:left; width:31.9% !important;}
#gallery_con li img{width:100%; }
#gallery_con li:nth-child(5n){margin-right:2% !important;}
#gallery_con li:nth-child(4n){margin-right:2% !important;}
#gallery_con li:nth-child(3n){margin-right:0 !important;}
#gallery_con li:nth-child(2n){margin-right:2%;}

.movie_list dl{width:49%; margin-right:2%; margin-bottom:2%}
.movie_list dl:nth-child(odd){margin-right:2%}
.movie_list dl:nth-child(even){ margin-right:0%}


}

/*******************************************************************************
	@media
*******************************************************************************/

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

.l_input {width:80%;}
.m_input {width:50%;}


/******** 리스트 영역 *********/

/* 게시물 목록 */
#bbs_con {border-collapse:separate; border-top:1px solid #333;}
#bbs_con th {display:none;}
#bbs_con td.no {display:none;}
#bbs_con td.count {display:none;}
#bbs_con td.subject {width:60%;}
#bbs_con td.subject a {width:100%; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#bbs_con td.name {width:20%; text-align:center;}
#bbs_con td.wdate {width:20%; text-align:center;}


/******** 글쓰기 *********/
.bbs_input th {display:block; padding:7px; background:#f4f4f4; border-bottom:1px solid #ccc; color:#333; font-family: NotoKR-Bold; font-weight:100; text-align:left;}
.bbs_input td {display:block; padding:7px; border-bottom:1px solid #d7d7d7;}


/******** 비밀번호 *********/
.password_div {position:relative; margin:0 auto; border:2px solid #ddd; width:80%; padding:10px; text-align:center;}
.password_div .tit {font-size:14px; letter-spacing:-1pt;}

.bbs_view td .view_content img {width:100%; max-width:100% !important;}

/* list */
#gallery_con li{float:left; width:48.8% !important;}
#gallery_con li img{width:100%; }
#gallery_con li:nth-child(5n){margin-right:2%}
#gallery_con li:nth-child(4n){margin-right:2%}
#gallery_con li:nth-child(3n){margin-right:2% !important}
#gallery_con li:nth-child(2n){margin-right:0% !important;}


}

/*******************************************************************************
	@media ~ 480px
*******************************************************************************/
@media all and (max-width:480px) {

.mobile_enter {display:block;}
.l_input {width:80%;}
.m_input {width:50%;}

/******** 리스트 영역 *********/

.movie_list dl{float:none; width:100%; margin-right:0}
.movie_list dd{padding:20px}
.movie_list dd p.date{margin-top:10px;}
.movie_list dd p.title{}


/* 게시물 목록 */
#bbs_con {border-collapse:separate; border-top:1px solid #333;}
#bbs_con th {display:none;}
#bbs_con td.no {display:none;}
#bbs_con td.count {display:none;}

/* 뷰페이지 */
.bbs_view td.tit{width:110px !important;}


/******** 글쓰기 *********/
.bbs_input th {display:block; padding:7px; background:#f4f4f4; border-bottom:1px solid #ccc; color:#333; font-family: NotoKR-Bold; font-weight:100; text-align:left;}
.bbs_input td {display:block; padding:7px; border-bottom:1px solid #d7d7d7;}
.bbs_input .long_input {width:50%;}


/******** 비밀번호 *********/
.password_div {position:relative; margin:0 auto; border:2px solid #ddd; width:80%; padding:10px; text-align:center;}
.password_div p.tit {font-size:13px; letter-spacing:-1pt;}

}