/* 공통 */
div.board
{
	margin-top: 60px;
	line-height: normal;
}

div.board select,
div.board input[type="text"],
div.board input[type="password"]
{
	height: 32px;
	border-radius:2px;
}

div.board textarea
{
	width: 100%;
	padding: 5px !important;
	line-height: 21px;
	overflow-y: auto;
}

div.board button[type="button"]
{
	display: inline-block;
	height: 32px;
	padding: 0 10px;
	border: 1px solid #474747;
	border-radius: 2px;
	color: #fff;
	background: #474747;
}

div.board a
{
	color: #666;
}

/* 검색 */
div.boardSearch
{
	margin-bottom: 15px;
	text-align: right;
}

div.boardSearch *
{
	/* padding: 0; */
}

div.boardSearch select,
div.boardSearch input,
div.boardSearch button
{
	width: 100%;
}

div.boardSearch input,
div.boardSearch button
{
	margin-top: 5px;
}

@media screen and (min-width: 440px)
{
	div.boardSearch select
	{
		width: auto;
	}
	
	div.boardSearch input
	{
		width: 200px;
		margin-top: 0;
	}

	div.boardSearch button
	{
		width: auto;
		margin-top: 0;
	}
}

@media screen and (min-width: 660px)
{
	div.boardSearch
	{
		margin-bottom: -16px;
	}
}

/* 게시물 정보 */
div.boardPostInfo
{
	margin-bottom: 15px;
}

div.boardPostInfo strong
{
	color: #373737;
}

/* div.boardPostInfo span
{
	margin-left: 15px;
} */

div.boardPostInfo p
{
	margin-top:15px;
	padding: 0;
	font-size: 12px;
	line-height: 19px;
}

/* 테이블목록 */
div.boardTable
{
	margin-bottom: 30px;
}

div.boardTable table
{
	width: 100%;
	border-top: 1px solid #222;
}

div.boardTable table caption
{
	display: none;
}

div.boardTable table tr.viewing
{
	background: #fffaee;
}

div.boardTable table tr th
{
	padding: 15px;
	text-align: center;
	color: #222;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

div.boardTable table tr td
{
	padding:13px 10px;
	text-align: center;
	line-height: 19px;
	color: #666;
	border-bottom: 1px solid #ddd;
}

div.boardTable table tr td a
{
	display: block;
}


div.boardTable table tr td a.notice
{
	position: relative;
	padding-left: 35px;
}

div.boardTable table tr td a.notice span.noticeIcon {
	position: absolute;
	left: 0;
	top: 50%;
    display: inline-block;
    width: 25px;
	height: 25px;
	margin-top: -13px;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 100%;
    background: #474747;
}

div.boardTable table tr td a img
{
	vertical-align: 0;
}

div.boardTable table tr td a img.reply,
div.boardTable table tr td p.deletePost img.reply
{
	width: 31px;
	padding-right: 5px;
}

div.boardTable table tr td a span.lock
{
	margin-right: 5px;
	font-size: 14px;
    color: #777;
}

div.boardTable table tr td a span.attachFile
{
	display: none;
}

div.boardTable table tr td a img.newContent
{
	width: 11px;
	margin-left:5px;
	vertical-align:middle;
}

div.boardTable table tr td div.info
{
	display: none;
}

div.boardTable table tr td div.info span
{
	display: none;
}

div.boardTable table tr td p.deletePost
{
	color: #b6b6b6;
}

p.noList
{
	margin: 30px 0;
	padding: 80px 0;
	text-align: center;
	font-family: "Malgun Gothic";
	font-weight: 400;
	color: #ccc;
	border-top: 1px solid #999;
	border-bottom: 1px solid #ddd;
	font-size:13px;
}

p.noList span
{
	display: block;
    margin-bottom: 20px;
    font-size: 30px;
	color: #ddd;
}

@media screen and (max-width: 990px)
{
	div.boardTable table tr th:nth-of-type(1),
	div.boardTable table tr td:nth-of-type(1)
	{
		display: none;
	}
}

@media screen and (max-width: 880px)
{
	div.boardTable table tr th:nth-of-type(3),
	div.boardTable table tr td:nth-of-type(3)
	{
		display: none;
	}

	div.boardTable table tr td a span.attachFile
	{
		display: inline-block;
	}
}

@media screen and (max-width: 770px)
{
	div.boardTable table tr th:nth-of-type(6),
	div.boardTable table tr td:nth-of-type(6)
	{
		display: none;
	}
}

@media screen and (max-width: 660px)
{
	div.boardTable table tr th:nth-of-type(4),
	div.boardTable table tr td:nth-of-type(4)
	{
		display: none;
	}

	div.boardTable table tr td div.info
	{
		display: block;
		text-align: left;
		margin-top: 10px;
	}

	div.boardTable table tr td div.info span
	{
		font-size: 12px;
		margin-right: 10px;
		line-height: 19px;
	}

	div.boardTable table tr td div.info span:nth-child(1),
	div.boardTable table tr td div.info span:nth-child(3)
	{
		display: inline-block;
	}
}

@media screen and (max-width: 550px)
{
	div.boardTable table tr th:nth-of-type(5),
	div.boardTable table tr td:nth-of-type(5)
	{
		display: none;
	}

	div.boardTable table tr td div.info span:nth-child(2)
	{
		display: inline-block;
	}
}

/* 메뉴 */
div.boardMenu
{
	text-align:right;
	margin: 20px 0 45px 0;
}

div.boardMenu ul
{
	display: inline-block;
}

div.boardMenu ul li
{
	float: left;
	margin-left: 5px;
}

div.boardMenu ul li *
{
	display: block;
	height: 38px;
	padding: 9px 20px;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
}

div.boardMenu ul li *.active,
div.boardMenu ul li *:hover
{
	color: #fff;
	border-color: #373737;
	background: #373737;
}

/* 입력 */
ul.boardFieldset
{
	margin-bottom: 30px;
	border-top: 1px solid #999;
}

ul.boardFieldset > li
{
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

ul.boardFieldset > li > label,
ul.boardFieldset > li > span.label
{
	display: block;
	padding-bottom: 10px;
}

ul.boardFieldset > li > label span,
ul.boardFieldset > li > span.label span
{
	color: #373737;
}

ul.boardFieldset > li p.guide
{
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 19px;
}

ul.boardFieldset > li div.reviewScore input[type="radio"]
{
	margin-left: 20px;
}

ul.boardFieldset > li div.reviewScore input[type="radio"]:nth-of-type(1)
{
	margin-left: 0;
}

ul.boardFieldset > li div.reviewScore label
{
	font-size: 15px;
	margin-right:5px;
}

ul.boardFieldset > li select,
ul.boardFieldset > li input[type="text"],
ul.boardFieldset > li input[type="password"]
{
	padding: 5px;
}

ul.boardFieldset > li textarea
{
	width: 100%;
	padding: 5px;
	overflow-y: auto;
}

ul.boardFieldset li ul.attachFileList
{
	margin: 0 !important;
	padding: 0;
	background: none;
}

ul.boardFieldset li ul.attachFileList li label
{
	margin-right: 10px;
}

ul.boardFieldset > li input[type="file"] {
	display: none;
}

ul.boardFieldset > li.attachFile div
{
	margin-top: 15px;
}

ul.boardFieldset > li.attachFile div:nth-of-type(1)
{
	margin-top: 0;
}

ul.boardFieldset > li.attachFile div input[type="text"]
{
	margin-bottom: 5px;
	width: 100%;
}

ul.boardFieldset > li.attachFile div button[type="button"]
{
	width: 100%;
}

ul.boardFieldset > li.attachFile div button[type="reset"]
{
	margin-top: 10px;
	border: none;
}

ul.boardFieldset > li a
{
	display: inline-block;
	height: 32px;
	padding: 6px 10px;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fff;
}

ul.boardFieldset > li a.active
{
	color: #fff;
	border: 1px solid #373737;
	background: #373737;
}

ul.boardFieldset input[type="checkbox"].checkBox
{
	display: none;
}

ul.boardFieldset input[type="checkbox"].checkBox:checked + label.checkbox::after
{
    content: "\f00c";
    text-align: center;
	font-family: "fontAwesome";
	font-size: 10px;
    line-height: 16px;
    color: #fff;
    background: #373737;
}

ul.boardFieldset label.checkbox
{
	display: inline-block;
	padding-left: 24px;
	padding-right: 10px;
	font-size: 12px;
	cursor: pointer;
	position: relative;
}

ul.boardFieldset label.checkbox::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: #ededed;
}

ul.boardFieldset li ul.attachImageList
{
	margin-left: -10px;
}

ul.boardFieldset li ul.attachImageList li
{
	float: left;
	width: 50%;
	padding-left: 10px;
}

ul.boardFieldset li ul.attachImageList li div
{
	margin-bottom: 5px;

	/* after */
	position: relative;
}

ul.boardFieldset li ul.attachImageList li div::after
{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.1);
}

@media screen and (min-width: 770px)
{
	ul.boardFieldset > li
	{
		position: relative;
		padding-left: 150px;
	}

	ul.boardFieldset > li > label,
	ul.boardFieldset > li > span.label
	{
		position: absolute;
		left: 15px;
		top: 22px;
		padding: 0;
	}

	ul.boardFieldset > li > label.no_top,
	ul.boardFieldset > li > span.label.no_top
	{
		top: 15px;
	}

	ul.boardFieldset li ul.attachImageList li
	{
		width: 25%;
	}

	ul.boardFieldset > li.attachFile div input[type="text"]
	{
		margin: 0;
		width: 350px;
	}

	ul.boardFieldset > li.attachFile div button[type="button"]
	{
		width: 100px;
	}

	ul.boardFieldset > li.attachFile div button[type="reset"]
	{
		margin-top: 0;
		margin-left: 10px;
	}
}

@media screen and (min-width: 990px)
{
	ul.boardFieldset li ul.attachImageList li
	{
		width: 20%;
	}
}

/* 보기 */
div.viewInfo
{
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

div.viewInfo h6
{
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

div.viewInfo ul li
{
	float: left;
	margin-right: 20px;
	font-size: 12px;
	line-height: 19px;
}

div.board div.viewInfo a
{
	position: absolute;
	right: 15px;
	bottom: 13px;

	display: inline-block;
	padding: 5px 5px 4px 5px;
	
	font-size: 12px;
	color: #fff;
	border: 1px solid #373737;
    background: #373737;
	border-radius: 3px;
}

@media screen and (max-width: 500px)
{
	div.board div.viewInfo a
	{
		position: static;
		margin: 5px 0 0 0;
	}
}

div.viewImages
{
	padding: 0 15px;
}

div.viewImages div
{
	margin-bottom: 15px;
	text-align: center;
}
/* .board_mypage div.viewImages
{
	margin-top:30px;
}
.board_mypage div.viewInfo
{
	margin-bottom:0;
}
.board_mypage .viewContent
{
	padding: 9px 15px 30px;
} */
.board_myMain .boardMenu
{
	margin:35px 0 45px 0
}

div.viewContent
{
	padding: 0 15px;
	line-height: 21px;
	border-bottom: 1px solid #ddd;
	padding-bottom:30px;
}

/* 첨부파일 */
ul.attachFileList
{
	margin-top: 30px;
	padding: 15px;
	background: #fafafa;
}

ul.attachFileList li
{
	margin-top: 5px;
	padding-left: 20px;
	line-height: 19px;
	color: #666;
	position: relative;
}

ul.attachFileList li:first-child
{
	margin-top: 0;
}

ul.attachFileList li span
{
	position: absolute;
	left: 0;
	top: 0;
}

ul.attachFileList li a
{
	display: block;
	color: #666;
}

/* 페이징 */
div.boardPaging
{
	text-align: center;
}

div.boardPaging ul
{
	display: inline-block;
}

div.boardPaging ul li
{
	float: left;
	margin: 0 2px;
}

div.boardPaging ul li.pagingPrev,
div.boardPaging ul li.pagingNext,
div.boardPaging ul li.pagingFirst,
div.boardPaging ul li.pagingLast
{
	display: none;
}

div.boardPaging ul li a,
div.boardPaging ul li strong
{
	display: block;
	height: 32px;
	padding: 0 11px;
	font-family: "Verdana", "Malgun Gothic";
	font-weight: normal;
	line-height: 29px;
	color: #888;
	border-radius: 3px;
	border: 1px solid #d2d2d2;
}

div.boardPaging ul li strong
{
	color: #fff;
	/*background: transparent; */
	border: 1px solid #474747;
	background: #474747;
}

div.boardPaging ul li a i
{
	font-size: 15px;
}

@media screen and (min-width: 770px)
{
	div.boardPaging ul li.pagingPrev,
	div.boardPaging ul li.pagingNext,
	div.boardPaging ul li.pagingFirst,
	div.boardPaging ul li.pagingLast
	{
		display: inline-block;
	}

	div.boardPaging ul li.pagingFirst a,
	div.boardPaging ul li.pagingLast a
	{
		letter-spacing: -100px;
	}
}

/* FAQ 목록 */
div.boardFaq
{
	margin-bottom: 30px;
}

div.boardFaq > ul
{
	border-top: 1px solid #222;
}

div.boardFaq > ul > li
{
	border-bottom: 1px solid #ddd;
}

div.boardFaq > ul > li > div
{
	position: relative;
	line-height: 19px;
}

div.boardFaq > ul > li > div.question
{
	padding: 15px 55px 15px 64px;
	cursor: pointer;
	/* background: url("/images/common/board/img_close.png") right center no-repeat; */
	background: url("/images/user/common/img_close.png") right center no-repeat;
	background-size:auto 7px;
	/* width:14px;
	height:7px */
}

div.boardFaq > ul > li > div.question.active
{
	/* background: url("/images/common/board/img_open_new.png") right center no-repeat; */
	background: url("/images/user/common/img_open_new.png") right center no-repeat;
	background-size:auto 7px;
}

div.boardFaq > ul > li > div.answer
{
	display: none;
	padding: 28px 28px 28px 80px;
	border-top: 1px solid #ddd;
	background: #fafafa;
	line-height:24px;
}

div.boardFaq > ul > li > div.answer.active
{
	display: block;
}

div.boardFaq > ul > li > div div.postMark
{
	position: absolute;
	left: 20px;
}

div.boardFaq > ul > li > div.question div.postMark
{
	top: 50%;
	transform:translateY(-50%);
}
div.boardFaq > ul > li > div.question div.postMark img
{
	width:24px;
}

div.boardFaq > ul > li > div.answer div.postMark
{
	top: 18px;
}
div.boardFaq > ul > li > div.answer div.postMark img
{
	width:24px;
}

div.boardFaq > ul > li > div.answer div.boardMenu
{
	margin-bottom: 0;
}

@media screen and (max-width: 550px)
{
	div.boardFaq > ul > li > div.question
	{
		padding: 15px 55px 15px 58px;
	}
	
	div.boardFaq > ul > li > div.answer
	{
		padding: 15px 15px 15px 58px;
	}

	/* div.boardFaq > ul > li > div div.postMark
	{
		position: static;
		display: block;
		text-align: center;
		margin: 0 0 10px 0 !important;
	} */

	/* div.boardFaq > ul > li > div div.postMark img
	{
		width: 35px;
	} */

	div.boardFaq > ul > li > div.question div.postMark img
	{
		margin-right:0px;
		width:24px;
	}
}

/* 갤러리 */
div.boardGallery
{
	margin-bottom: 30px;
	padding: 15px 15px 0 15px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #ddd;
}

div.boardGallery ul li
{
	width: 100%;
	margin: 0 0 15px 0;
}

div.boardGallery ul li div
{
	display: block;
	position: relative;
	overflow: hidden;
}

div.boardGallery ul li div:before,
div.boardGallery ul li div:after
{
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	opacity: 0;
	background: #777;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

div.boardGallery ul li div:before
{
	top: 0;
	left: 0;
}

div.boardGallery ul li div:after
{
	right: 0;
	bottom: 0;
}

div.boardGallery ul li div:hover:before,
div.boardGallery ul li div:hover:after
{
	width: 100%;
	height:50%;
	opacity: 0.8;
}

div.boardGallery ul li div span.imageWrap
{
	position: relative;
	display: block;
}

div.boardGallery ul li div span.imageWrap:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}

div.boardGallery ul li div span.imageWrap img
{
	width: 100%;
}

div.boardGallery ul li div span.hoverIcon
{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	margin: -14px 0 0 -14px;
	font-size: 28px;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

div.boardGallery ul li div:hover span.hoverIcon
{
	opacity: 1;
}

div.boardGallery ul li div dl
{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 100px 20px 20px;
	color: #fff;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

div.boardGallery ul li div dl dt
{
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.boardGallery ul li div dl dt img.newContent
{
	width: 11px;
	margin-right: 5px;
}

div.boardGallery ul li div dl dd
{
	display: block;
	margin: 3px 0 0 0;
	font-family: "Verdana";
	font-size: 12px;
	letter-spacing: 0;
	color: rgba(255,255,255,0.7) !important;
}

div.boardGallery ul li div dl dd span
{
	margin-left: 7px;
}

@media screen and (min-width: 660px)
{
	div.boardGallery
	{
		overflow: hidden;
	}

	div.boardGallery ul
	{
		margin-left: -15px;
	}

	div.boardGallery ul li
	{
		width: 50%;
		float: left;
		padding-left: 15px;
	}
}

@media screen and (min-width: 990px)
{
	div.boardGallery ul li
	{
		width: 33.33333333333333%;
	}
}

video
{
	width: 90%;
    padding: 4% 0 0;
}

div.board button[type="button"].crm
{
	height: auto;
	padding: 2px 4px;
	font-size: 10px;
}

div.viewYoutube
{
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	max-width: 600px;
	margin: 0 auto;
}

div.viewYoutube iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}








/* 이벤트 */
.event_board .boardList
{
	/* padding:0 67px; */
}
.event_type
{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:40px;
	/* max-width:1000px; */
	margin:30px auto 0;
}
.event_type .event_title_wrap
{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}
.event_type .event_post span
{
	font-size:14px;
	letter-spacing:-0.03em;
	display:inline-block;
}
.event_type .event_post span b
{
	color:#f53f59
}
.event_type .event_post span:nth-child(2)
{
	margin-left:5px;
}
.event_type .event_list ul li
{
	position:relative;
	width:100%;
	height:234px;
	border:1px solid #ccc;
	margin-bottom:40px;
}
.event_type .event_list ul li:last-child
{
	margin-bottom:0;
}
.event_type .event_list ul li div.left
{
	position:relative;
	float:left;
	width:38%;
	height:100%;
	overflow:hidden;
}
.event_type .event_list ul li div.left img
{
	transition:all 2s ease-out;
	vertical-align:middle;
}
.event_type .event_list ul li:hover img
{
	transform:scale(1.2);
}
.event_type .event_list ul li div.right
{
	position:relative;
	float:right;
	width:62%;
	height:100%;
	overflow:hidden;
}
.event_type .event_list ul li div.right div
{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:50px;
	width:100%;
}
.event_type .event_list ul li div.right a
{
	font-family:'NanumEB';
	font-size:22px;
	color:#000;
	display:block;
	letter-spacing:-0.05em;
	line-height:1.3;
	width:80%;
	transition:all .3s;
}
.event_type .event_list ul li div.right a:hover
{
	color:#00a885
}
.event_type .event_list ul li div.right p
{
	font-size:14px;
	color:#8b8b8b;
	margin-top:12px;
	letter-spacing:-0.05em;
	line-height:1.3;
	padding-right:14%;
}
.event_type .event_post
{
	float:left;
	padding-top:21px;
}
.event_type .event_search
{
	float:right;
	position:relative;
}
.event_type .event_search select
{
	width:126px;
    height:40px;
    font-size:15px;
    color:#666666;
    padding-left:10px;
    margin-top:-1px;
    border:0;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    border-right:1px solid #dddddd;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:url(/images/board/select.png) no-repeat 90% 50%;
    background-size:11px;
}
.event_type .event_search input
{
	width:306px;
    height:40px;
    border-radius:0;
    margin-left:-5px;
    border:0;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    border-right:1px solid #dddddd;
    color:#666;
    padding-left:10px;
    padding-right:55px;
}
.event_type .event_search button
{
	position:absolute;
    top:50%;
    margin:-10px 0 0 -10px;
    right:12px;
    display:block;
    height:auto;
    padding:0;
    border-radius:0;
    background:transparent;
    border:0;
    color:#000;
    cursor:pointer;
}
.event_type .event_search button img
{
	width:18px
}
.event_type .boardPaging
{
	margin-top:50px;
}

.event_type .event_icon
{
	position:absolute;
	top:20px;
	left:20px;
	z-index:1;
}
.event_type .event_icon span
{
	float: left;
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 4px;
    background: #fff;
    z-index: 101;
    border-radius: 100%;
    margin-bottom: 4px;
    padding-right: 1px;
    letter-spacing: -0.12em;
    text-align: center;
}
.event_type .event_icon span.unready
{
	color:#fff;
	background:#00a885
}
.event_type .event_icon span.now
{
	color:#fff;
	background:#f53f59
}
.event_type .event_icon span.off
{
	color:#fff;
	background:#444a5a;
}

@media screen and (max-width:1360px)
{
	/* .event_type .event_list ul li
	{
		height:auto;
		overflow:hidden;
	} */
	.event_type .event_list ul li div.right div
	{
		position:static;
		transform:inherit;
		padding:50px;
	}
}

@media screen and (max-width:1280px)
{
	.event_type .event_list ul li div.right div
	{
		padding:82px 50px;
	}
}

@media screen and (max-width:1024px)
{
	.event_type .event_list ul li div.right div
	{
		padding:54px 50px;
	}
	.event_board .boardList,
	div.board.review_board
	{
		padding:0;
	}
	div.board.common_board .boardSearch select
	{
		padding-top:2px !important;
	}
}

@media screen and (max-width:768px)
{
	.event_type .event_list ul li
	{
		height:auto;
	}
	.event_type .event_list ul li div.left,
	.event_type .event_list ul li div.right
	{
		float:none;
		width:100%;
	}
	/* .event_type .event_list ul li div.left img
	{
		width:100%;
	} */
	.event_type .event_list ul li div.right
	{
		padding:20px;
	}
	.event_type .event_list ul li div.right div
	{
		position:static;
		transform:inherit;
		padding:10px 10px 20px 10px;
	}
}

@media screen and (max-width:500px)
{
	.event_type .event_list ul li div.right div
	{
		position:static;
		transform:inherit;
		padding:0;
	}
	.event_type .event_list ul li div.right a
	{
		font-size:18px;
	}
	.event_type .event_list ul li div.right p
	{
		font-size:13px;
		line-height:1.3;
		margin-top:5px;
	}
	/* div.board.common_board .boardSearch
	{
		padding:0 15px;
	} */
	div.board.common_board button[type="button"]
	{
		margin:13px 4px 0 -10px !important
	}
	div.board.common_board div.boardPostInfo
	{
		margin-left:15px;
	}
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
}

.wrap-loading div{ /*로딩 이미지*/
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -21px;
    margin-top: -21px;
}

.display-none{ /*감추기*/
	display:none;
}