/* 공통 */
div.board select,
div.board input[ type="text" ],
div.board input[ type="password" ]
{
	width: 100%;
	height: 40px;
	border-radius: 2px;
	background: none;
	font-size: 16px;
}

div.board input[ type="text" ],
div.board input[ type="password" ]
{
	padding: 0 5px 3px 10px;
}

span.select_custom
{
	display: inline-block;
	position: relative;
}

span.select_custom:after
{
	content: "\f107";
	position: absolute;
	right: 12px;
	top: 11px;
	z-index: -1;
	font-family: "fontAwesome";
	font-size: 18px;
	color: #666;
}

span.select_custom select
{
	padding: 0 0 2px 8px;
}

div.board_input input[ type="file" ]
{
	display: none;
}

@media screen and (min-width: 770px)
{
	.width_50px{ width: 50px !important; }
	.width_75px{ width: 70px !important; }
	.width_100px{ width: 100px !important; }
	.width_125px{ width: 125px !important; }
	.width_150px{ width: 150px !important; }
	.width_175px{ width: 175px !important; }
	.width_200px{ width: 200px !important; }
	.width_225px{ width: 225px !important; }
	.width_250px{ width: 250px !important; }
	.width_275px{ width: 275px !important; }
	.width_300px{ width: 300px !important; }
	.width_325px{ width: 325px !important; }
	.width_350px{ width: 350px !important; }
	.width_375px{ width: 375px !important; }
	.width_400px{ width: 400px !important; }
	.width_425px{ width: 425px !important; }
	.width_450px{ width: 450px !important; }
	.width_475px{ width: 475px !important; }
	.width_500px{ width: 500px !important; }
}

/* 게시물 개수 정보 */
div.board_info
{
	margin: 0 0 10px 0;
}

div.board_info p
{
	margin: 0;
	font-size: 16px;
	font-weight: 100;
	color: #666;
}

div.board_info p strong
{
	margin-right: 2px;
	font-weight: 600;
	letter-spacing: 0;
	color: #d43367;
}

@media screen and (min-width: 770px)
{
	div.board_info
	{
		float: left;
		margin: 16px 0 0 0;
	}
}

/* 검색 */
div.board_search
{
	margin: 0 0 15px 0;
}

div.board_search
{
	position: relative;
	padding: 0 0 0 105px;
}

div.board_search span
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
}

div.board_search input[ type="text" ]
{
	padding: 0 40px 1px 12px;
}

div.board_search button
{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 35px;
	font-size: 16px;
	color: #ddd;
	border: none;
	background: none;
}

div.board_search button i
{
	position: relative;
	top: 0;
}

@media screen and (min-width: 770px)
{
	div.board_search
	{
		float: right;
		margin: 0 0 20px 0;
	}
}

/* 목록 */
div.board_list
{
	margin: 0 0 30px 0;
}

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

div.board_list table caption
{
	/* display: none; */
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
}

div.board_list table tr th
{
	display: none;
	padding: 21px 15px 20px 15px;
	font-size: 16px;
	text-align: center;
	letter-spacing: -0.06em;
	color: #222;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

div.board_list table tr th:nth-of-type(5)
{
	width: 140px;
}

div.board_list table tr th:nth-of-type(1),
div.board_list table tr th:nth-of-type(6)
{
	width: 100px;
}

div.board_list table tr td:nth-of-type(2)
{
	text-align: left;
}

div.board_list table tr th:nth-of-type(3)
{
	width: 110px;
}

div.board_list table tr th:nth-of-type(4)
{
	width: 150px;
}

div.board_list table tr td
{
	display: none;
	padding: 15px 15px 16px 15px;
	text-align: center;
	font-family: "verdana", "Malgun Gothic";
	font-size: 16px;
	line-height: 1.7em;
	color: #666;
	border-bottom: 1px solid #ddd;
}

div.board_list table tr td.writer
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.board_list table tr td a
{
	display: block;
	position: relative;
	font-size: 16px;
	color: #666;
}

div.board_list table tr td a span
{
	color: #1457a3;
}

div.board_list table tr td a span i
{
	font-size: 14px;
}

div.board_list table tr td a img.reply
{
	width: 28px
}

div.board_list table tr td a.notice
{
	padding: 0 0 0 45px;
	font-weight: 600;
	color: #222;
}

div.board_list table tr td a.notice span
{
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	font-size: 16px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	border-radius: 100%;
	background: #1457a3;
}

div.board_list p.no_list
{
	margin: 0;
	padding: 80px 0;
	text-align: center;
	font-family: "Malgun Gothic";
	font-size: 19px;
	font-weight: 100;
	color: #ccc;
	letter-spacing: -0.02em;
	border-top: 1px solid #999;
	border-bottom: 1px solid #ddd;
}

div.board_list p.no_list span
{
	display: block;
	margin-bottom: 20px;
	color: #ddd;
	font-size: 60px;
}

div.board_list table tr th:nth-of-type(2),
div.board_list table tr th:nth-of-type(5),
div.board_list table tr td:nth-of-type(2),
div.board_list table tr td:nth-of-type(5)
{
	display: table-cell;
}


@media screen and (max-width: 769px)
{
	div.board_list table tr td a.notice span
	{
		width: 28px;
		height: 28px;
		margin-top: -13px;
		line-height: 26px;
	}

	div.board_list table tr th
	{
		padding: 15px 12px;
	}

	div.board_list table tr td
	{
		padding: 10px 12px;
		line-height: 1.3em;
	}

	div.board_list table tr th:nth-of-type(5)
	{
		width: 100px;
	}

	div.board_list table tr td:nth-of-type(5)
	{
		padding-left: 0px;
		padding-right: 12px;
		font-size: 14px;
	}
}

@media screen and (min-width: 770px)
{
	div.board_list
	{
		clear: both;
	}

	div.board_list table tr th:nth-of-type(3),
	div.board_list table tr td:nth-of-type(3)
	{
		display: table-cell;
	}
}

@media screen and (min-width: 880px)
{
	div.board_list table tr th:nth-of-type(4),
	div.board_list table tr td:nth-of-type(4)
	{
		display: table-cell;
	}
}

@media screen and (min-width: 990px)
{
	div.board_list table tr th:nth-of-type(1),
	div.board_list table tr th:nth-of-type(6),
	div.board_list table tr td:nth-of-type(1),
	div.board_list table tr td:nth-of-type(6)
	{
		display: table-cell;
	}
}

/* 페이징 */
div.board_paging
{
	margin: 0 0 30px 0;
	text-align: center;
}

div.board_paging ul
{
	display: inline-block;
	margin: 0;
}

div.board_paging ul li
{
	display: inline-block;
}

div.board_paging ul li a
{
	display: block;
	height: 34px;
	padding: 0 12px;
	font-family: "Tahoma";
	line-height: 32px;
	color: #666;
	border-radius: 2px;
	border: 1px solid #ddd;
}

div.board_paging ul li a.active
{
	color: #fff;
	font-weight: 600;
	background: #1457a3;
	border: 1px solid #1457a3;
}

div.board_paging ul li a i
{
	font-size: 17px;
}

@media screen and (max-width: 769px)
{
	div.board_paging ul li.mobile_hidden
	{
		display: none;
	}
}

/* 메뉴 */
div.board_menu
{
	margin: 0 0 60px 0;
	text-align: right;
}

div.board_menu ul
{
	margin: 0;
	display: inline-block;
}

div.board_menu ul li
{
	display: inline-block;
	padding: 0;
}

div.board_menu ul li a,
div.board_menu ul li input
{
	display: block;
	padding: 13px 20px;
	text-align: center;
	font-size: 15px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	background: #fff;
}

div.board_menu ul li a.active,
div.board_menu ul li input.active
{
	color: #fff;
	border-color: #1457a3;
	background: #1457a3;
}

div.board_menu ul li a.active:hover,
div.board_menu ul li input.active:hover
{
	color: #fff;
}

div.board_menu ul li a:hover,
div.board_menu ul li input:hover
{
	color: #1457a3;
	border-color: #1457a3;
}

div.board_view_menu
{
	text-align: right;
}

@media screen and (max-width: 769px)
{
	div.board_menu
	{
		margin: 0 0 30px 0;
		text-align: right;
	}

	div.board_view_menu ul
	{
		display: block;
	}

	div.board_view_menu ul:after
	{
		content: "";
		clear: both;
		display: block;
	}

	div.board_view_menu ul li
	{
		display: block;
		width: 25%;
		float: left;
	}

	div.board_view_menu ul li:first-child
	{
		padding: 0 3px 0 0;
	}

	div.board_view_menu ul li:nth-child(2)
	{
		padding: 0 2px 0 1px;
	}

	div.board_view_menu ul li:nth-child(3)
	{
		padding: 0 1px 0 2px;
	}

	div.board_view_menu ul li:nth-child(4)
	{
		padding: 0 0 0 3px;
	}
}

/* 보기 */
div.board_view
{
	margin: 0 0 30px 0;
	padding: 0 0 15px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

div.board_view div.view_info
{
	padding: 15px 15px 17px 15px;
	border-bottom: 1px solid #dcdcdc;
	background: #fbfafa;
}

div.board_view div.view_info h6
{
	margin: 0 0 0 0;
	line-height: 26px;
	font-family: "Malgun Gothic";
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -0.02em;
	color: #333;
}

div.board_view div.view_info div
{
	margin: 10px 0 0 0;
	font-family: "Verdana", "Malgun Gothic";
	font-size: 14px;
	letter-spacing: 0;
	color: #73767c;
}

div.board_view div.view_info div span
{
	display: inline-block;
	padding: 5px 15px 0 0;
}

div.board_view div.view_images
{
	text-align: center;
}

div.board_view div.view_images button
{
	max-width: 100%;
	margin: 15px 0 0 0;
	border: none;
	position: relative;
}

div.board_view div.view_images button:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0 , 0 , 0 , 0.10);
}

div.board_view div.view_images button img
{
	max-width: 100%;
}

div.board_view div.view_images img
{
	margin: 15px 0 0 0;
	max-width: 100%;
}

div.board_view div.view_content
{
	margin: 15px 0 0 0;
	font-size: 15px;
	line-height: 21px;
}

div.board_view div.view_content *
{
	overflow: hidden;
}

div.board_view ul.attach
{
	margin: 30px 0 0 0;
	padding: 0 15px 15px 15px;
	background: #fafafa;
}

div.board_view ul.attach li
{
	padding: 15px 0 0 20px;
	font-family: "Verdana", "Malgun Gothic";
	font-size: 16px;
	line-height: 24px;
	color: #666;
	position: relative;
}

div.board_view ul.attach li span
{
	position: absolute;
	left: 0;
	top: 14px;
}

@media screen and (min-width: 770px)
{
	div.board_view ul.attach
	{
		margin: 50px 60px 0 60px;
		padding: 15px 20px 30px 35px;
	}

	div.board_view div.view_info
	{
		padding: 40px 45px 43px 45px;
	}

	div.board_view div.view_info h6
	{
		line-height: 29px;
		font-size: 25px;
	}

	div.board_view div.view_info div
	{
		font-size: 15px;
	}

	div.board_view
	{
		margin: 0 0 30px 0;
		padding: 0 0 60px 0;
	}

	div.board_view div.view_images
	{
		margin: 50px 60px 0 60px;
	}

	div.board_view div.view_content
	{
		margin: 60px 60px 0 60px;
	}
}

/* 댓글목록 */
div.comment div.comment_input
{
	border: 1px solid #ababab;
}

div.comment div.comment_input:after
{
	content: "";
	clear: both;
	display: block;
}

div.comment div.comment_input span
{
	display: block;
	margin: 15px 15px 0 15px;
}

div.comment div.comment_input textarea
{
	display: block;
	width: 100%;
	height: 100px;
	padding: 15px 15px 0 15px;
	resize: none;
	border: none;
	border-bottom: 1px solid #eaeaea;
}

div.comment div.comment_input input
{
	float: right;
	display: block;
	padding: 15px 20px;
	border: none;
	border-left: 1px solid #eaeaea;
	background: none;
}

div.comment dl
{
	margin: 30px 0 0 0;
}

div.comment dl dt
{
	position: relative;
	padding: 0 0 15px 0;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #dcdcdc;
}

div.comment dl dt span
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #333;
}

div.comment dl dd
{
	padding: 0 0 15px 0;
	border-bottom: 1px solid #dcdcdc;
}

div.comment dl dd:last-child
{
	border-bottom: none;
}

div.comment dl dd strong,
div.comment dl dd span
{
	display: block;
}

div.comment dl dd strong
{
	margin: 15px 0 7px 0;
	color: #000;
	font-size: 14px;
}

div.comment dl dd span
{
	margin: 5px 0 0 0;
	color: #999;
	font-size: 13px;
	letter-spacing: 0;
	font-family: "Verdana";
}

div.comment div.board_input ul.board_form
{
	border: none;
	padding: 0 15px;
	background: #fafafa;
}

div.comment div.board_input ul.board_form li:last-child
{
	border-bottom: none;
}

@media screen and (min-width: 770px)
{
	div.comment
	{
		margin: 50px 60px 0 60px;
	}
}

/* 이전 다음글 */
div.board_list_nav
{
	margin: 0 0 15px 0;
}

div.board_list_nav:after
{
	content: "";
	clear: both;
	display: block;
}

div.board_list_nav ul li
{
	float: left;
	width: 50%;
}

div.board_list_nav ul li:first-child
{
	padding: 0 2px 0 0;
}

div.board_list_nav ul li:nth-child(2)
{
	padding: 0 0 0 2px;
}

div.board_list_nav ul li a
{
	display: block;
	padding: 8px 0 9px 0;
	font-size: 24px;
	text-align: center;
	color: #666;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
}

div.board_list_nav ul li a i
{
	position: relative;
	top: -1px;
}

@media screen and (min-width: 770px)
{
	div.board_list_nav
	{
		float: left;
	}

	div.board_list_nav ul li
	{
		width: 45px;
	}
}

/* 입력 */
ul.board_guide
{
	display: none;
}

ul.board_form
{
	margin: 0 0 30px 0;
	border-top: 1px solid #999;
}

ul.board_form li
{
	padding: 15px 0;
	font-size: 15px;
	border-bottom: 1px solid #dcdcdc;
}

ul.board_form li label
{
	display: block;
	margin: 0 0 8px 0;
}

ul.board_form li label span
{
	color: #1457a3;
}

ul.board_form li p.form_guide
{
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: -0.06em;
}

ul.board_form li div.choice_edit
{
	margin-bottom: 10px;
}

ul.board_form li div.choice_edit span
{
	padding-right: 10px;
}

#webEditor
{
	overflow: hidden;
}

div.choice_edit input[type="radio"]
{
	-webkit-appearance: radio;
}

ul.board_form li textarea
{
	width: 100%;
	padding: 10px;
	overflow: auto;
}

ul.board_form li > div
{
	position: relative;
}

ul.board_form li.title div
{
	padding: 0 0 0 95px;
}

ul.board_form li.title div span
{
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
}

ul.board_form li.email div
{
	margin: 10px 0 0 0;
	padding: 0 105px 0 0;
}

ul.board_form li.email div span.at
{
	position: absolute;
	left: 5px;
	top: 11px;
}

ul.board_form li.email div input
{
	padding: 0 5px 3px 10px;
}

ul.board_form li.email div span.select_custom
{
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

ul.board_form li.contact > div
{
	padding: 0 0 0 70px;
}

ul.board_form li.contact > div:after
{
	content: "";
	clear: both;
	display: block;
}

ul.board_form li.contact div span.select_custom
{
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
}

ul.board_form li.contact div div
{
	float: left;
	width: 50%;
	max-width: 150px;
	padding: 0 0 0 15px;
}

ul.board_form li.contact div div span
{
	position: absolute;
	left: 5px;
	top: 10px;
}

ul.board_form li.attach div:nth-of-type(2)
{
	margin: 20px 0 0 0;
}

ul.board_form li.attach div input[ type="text" ]
{
	margin: 0 0 5px 0;
}

ul.board_form li.attach div button[ type="button" ]
{
	width: 100%;
	height: 40px;
	color: #ffffff;
	border: none;
	background: #343434;
}

ul.board_form li.attach div button[ type="reset" ]
{
	margin: 10px 0 0 0;
	border: none;
}

@media screen and (min-width: 770px)
{
	ul.board_form li
	{
		position: relative;
		padding: 15px 0 15px 180px;
	}

	ul.board_form li label
	{
		position: absolute;
		left: 0;
		top: 28px;
		padding: 0 0 0 45px;
	}

	ul.board_form li label span
	{
		position: absolute;
		left: 23px;
		top: 0;
	}

	ul.board_form li.email div
	{
		display: inline-block;
		margin: 0;
		padding: 0 105px 0 23px;
	}

	ul.board_form li.email div span.at
	{
		left: 3px;
	}

	ul.board_form li.email div input
	{
		padding: 0 5px 0 22px;
	}

	ul.board_form li.attach div:nth-of-type(2)
	{
		margin: 10px 0 0 0;
	}

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

	ul.board_form li.attach div button[ type="button" ]
	{
		width: 100px;
	}

	ul.board_form li.attach div button[ type="reset" ]
	{
		margin: 0 0 0 10px;
	}
}

/* 갤러리 */
div.board_gallery
{
	clear: both;
	margin: 0 0 15px 0;
}

div.board_gallery div.grid-item
{
	width: 100%;
	margin: 0 0 15px 0;
}

div.board_gallery div.grid-item>a {
	display:block;
}

div.board_gallery div.grid-item div
{
	display: block;
	position: relative;
	overflow: hidden;
}

div.board_gallery div.grid-item div:before,
div.board_gallery div.grid-item div:after
{
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	opacity: 0;
	background: #034ea2;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

div.board_gallery div.grid-item div:before
{
	top: 0;
	left: 0;
}

div.board_gallery div.grid-item div:after
{
	right: 0;
	bottom: 0;
}

div.board_gallery div.grid-item div:hover:before,
div.board_gallery div.grid-item div:hover:after
{
	width: 100%;
	height:50%;
	opacity: 0.8;
}

div.board_gallery div.grid-item div span.image_wrap
{
	position: relative;
	display: block;
}

div.board_gallery div.grid-item div span.image_wrap:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0 , 0 , 0 , 0.1);
}

div.board_gallery div.grid-item div span.image_wrap img
{
	width: 100%;
}

div.board_gallery div.grid-item div span.hover_icon
{
	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.board_gallery div.grid-item div:hover span.hover_icon
{
	opacity: 1;
}

div.board_gallery div.grid-item div dl
{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 100px 20px 20px;
	color: #fff;

	background: -moz-linear-gradient(top , rgba(0 , 0 , 0 , 0) 0% , rgba(0 , 0 , 0 , 0.7) 100%);
	background: -webkit-linear-gradient(top , rgba(0 , 0 , 0 , 0) 0% , rgba(0 , 0 , 0 , 0.7) 100%);
	background: linear-gradient(to bottom , rgba(0 , 0 , 0 , 0) 0% , rgba(0 , 0 , 0 , 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000' , endColorstr='#b3000000' , GradientType=0);
}

div.board_gallery div.grid-item div dl dt
{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.board_gallery div.grid-item 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;
}

@media screen and (min-width: 550px)
{
	div.board_gallery
	{
		margin: 0 0 25px 0;
	}

	div.board_gallery div.grid-item
	{
		width: 50%;
	}

	div.board_gallery div.grid-item:nth-child(2n+1)
	{
		padding: 0 6px 0 0;
	}

	div.board_gallery div.grid-item:nth-child(2n)
	{
		padding: 0 0 0 6px;
	}
}

@media screen and (min-width: 770px)
{
	div.board_gallery div.grid-item
	{
		width: 33.33333333333333%;
	}

	div.board_gallery div.grid-item:nth-child(2n+1)
	{
		padding: 0;
	}

	div.board_gallery div.grid-item:nth-child(2n)
	{
		padding: 0;
	}

	div.board_gallery div.grid-item:nth-child(3n+1)
	{
		padding: 0 10px 0 0;
	}

	div.board_gallery div.grid-item:nth-child(3n+2)
	{
		padding: 0 5px 0 5px;
	}

	div.board_gallery div.grid-item:nth-child(3n)
	{
		padding: 0 0 0 10px;
	}
}

/*
@media screen and (min-width: 990px)
{
	div.board_gallery div.grid-item
	{
		width: 25%;
	}

	div.board_gallery div.grid-item:nth-child(3n+1)
	{
		padding: 0;
	}

	div.board_gallery div.grid-item:nth-child(3n+2)
	{
		padding: 0;
	}

	div.board_gallery div.grid-item:nth-child(3n)
	{
		padding: 0;
	}

	div.board_gallery div.grid-item:nth-child(4n+1)
	{
		padding: 0 12px 0 0;
	}

	div.board_gallery div.grid-item:nth-child(4n+2)
	{
		padding: 0 8px 0 4px;
	}

	div.board_gallery div.grid-item:nth-child(4n+3)
	{
		padding: 0 4px 0 8px;
	}

	div.board_gallery div.grid-item:nth-child(4n)
	{
		padding: 0 0 0 12px;
	}
}
*/

/* 웹진 */
div.board_webzine div.grid-item
{
	margin: 0 0 15px 0;
}

div.board_webzine div.grid-item div
{
	padding: 25px;
	/*border: 1px solid rgba(0 , 0 , 0 , 0.1);*/
	/*box-shadow: 0px 0px 2px rgba(0 , 0 , 0 , 0.05) , 0px 2px 2px rgba(0 , 0 , 0 , 0.1);*/
	border: 1px solid #dcdcdc;
}

div.board_webzine div.grid-item div:before,
div.board_webzine div.grid-item div:after,
div.board_webzine div.grid-item div span.hover_icon
{
	display: none;
}

div.board_webzine div.grid-item div dl
{
	position: static;
	padding: 20px 0 0 0;
	color: #000;
	background: none;
	filter: none;
}

div.board_webzine div.grid-item div dl dd
{
	position: relative;
	padding: 0 0 0 60px;
	font-size: 15px;
	line-height: 21px;
	color: rgba(0 , 0 , 0 , 0.7) !important;
	font-family: 'verdana','malgun gothic' !important;
}

div.board_webzine div.grid-item div dl dd span
{
	position: absolute;
	left: 0;
	top: 0;
	width: 53px;
}

div.board_webzine div.grid-item div dl dd span:before,
div.board_webzine div.grid-item div dl dd span:after
{
	content: "";
	position: absolute;
	right: 0;
	width: 2px;
	height: 2px;
	background: rgba(0 , 0 , 0 , 0.7) !important;
}

div.board_webzine div.grid-item div dl dd span:before
{
	top: 6px;
}

div.board_webzine div.grid-item div dl dd span:after
{
	bottom: 6px;
}

@media screen and (min-width: 550px)
{
	div.board_webzine div.grid-item
	{
		margin: 0 0 25px 0;
	}

	div.board_webzine div.grid-item:nth-child(2n+1)
	{
		padding: 0 12px 0 0;
	}

	div.board_webzine div.grid-item:nth-child(2n)
	{
		padding: 0 0 0 12px;
	}
}

@media screen and (min-width: 770px)
{
	div.board_webzine div.grid-item:nth-child(2n+1)
	{
		padding: 0;
	}

	div.board_webzine div.grid-item:nth-child(2n)
	{
		padding: 0;
	}

	div.board_webzine div.grid-item:nth-child(3n+1)
	{
		padding: 0 16px 0 0;
	}

	div.board_webzine div.grid-item:nth-child(3n+2)
	{
		padding: 0 8px 0 8px;
	}

	div.board_webzine div.grid-item:nth-child(3n)
	{
		padding: 0 0 0 16px;
	}
}

@media screen and (min-width: 990px)
{
	div.board_webzine div.grid-item
	{
		width: 25%;
	}

	div.board_webzine div.grid-item:nth-child(3n+1)
	{
		padding: 0;
	}

	div.board_webzine div.grid-item:nth-child(3n+2)
	{
		padding: 0;
	}

	div.board_webzine div.grid-item:nth-child(3n)
	{
		padding: 0;
	}

	div.board_webzine div.grid-item:nth-child(4n+1)
	{
		padding: 0 16px 0 0;
	}

	div.board_webzine div.grid-item:nth-child(4n+2)
	{
		padding: 0 12px 0 8px;
	}

	div.board_webzine div.grid-item:nth-child(4n+3)
	{
		padding: 0 8px 0 12px;
	}

	div.board_webzine div.grid-item:nth-child(4n)
	{
		padding: 0 0 0 16px;
	}
}

/* 매거진 */
div.board_magazine
{
	margin: 0 0 30px 0;
}

div.board_magazine div.grid-item
{
	margin: 0;
}

div.board_magazine div.grid-item div
{
	min-height: 235px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	box-shadow: none;
}

div.board_magazine div.grid-item:last-child div
{
	border-bottom: 1px solid #dcdcdc;
}

div.board_magazine div.grid-item div span.image_wrap
{
	position: absolute;
	left: 25px;
	top: 25px;
	width: 135px;
	height: 185px;
	overflow: hidden;
}

div.board_magazine div.grid-item div dl
{
	padding: 0 0 0 160px;
}

div.board_magazine div.grid-item div dl dt span
{
	display: inline-block;
	margin-bottom: 10px;
	padding: 2px 10px 0 10px;
	font-size: 14px;
	color: #fff;
	border-radius: 250px;
	background: #1457a3;
}

div.board_magazine div.grid-item div dl dt span strong
{
	font-family: Verdana;
	font-weight: 400;
}

div.board_magazine div.grid-item div dl dd
{
	padding: 0;
}

div.board_magazine div.grid-item div dl dd:last-child
{
	width: 110px;
	margin-top: 30px;
	padding: 5px 12px 4px 12px;
	border: 1px solid #dcdcdc;
	position: relative;
	transition: border-color 0.25s ease-out;
}

div.board_magazine div.grid-item:hover div dl dd:last-child
{
	color: #1457a3 !important;
	border: 1px solid #1457a3;
}

div.board_magazine div.grid-item div dl dd:last-child:after
{
	content: "";
	content: "\f06e";
	position: absolute;
	right: 12px;
	top: 5px;
	z-index: -1;
	font-family: "fontAwesome";
	font-size: 16px;
	color: #666;
}

div.board_magazine div.grid-item:hover div dl dd:last-child::after
{
	color: #1457a3;
	transition: border-color 0.25s ease-in;
}

div.board_magazine div.grid-item div dl dd span
{
	position: static;
	font-family: Verdana !important;
}

div.board_magazine div.grid-item div dl dd span::before,
div.board_magazine div.grid-item div dl dd span::after
{
	display: none;
}

@media screen and (min-width: 550px)
{
	div.board_magazine div.grid-item
	{
		width: 100%;
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(2n+1)
	{
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(2n)
	{
		padding: 0;
	}
}

@media screen and (min-width: 760px)
{
	div.board_magazine
	{
		margin: 0 15px 15px 15px;
	}

	div.board_magazine div.grid-item
	{
		width: 50%;
		margin: 0 0 25px 0;
	}

	div.board_magazine div.grid-item div
	{
		border: 1px solid #dcdcdc;
		transition: border-color 0.25s ease-out;
	}

	div.board_magazine div.grid-item:nth-child(3n+1)
	{
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(3n+2)
	{
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(3n)
	{
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(2n+1)
	{
		padding: 0 12px 0 0;
	}

	div.board_magazine div.grid-item:nth-child(2n)
	{
		padding: 0 0 0 12px;
	}

	div.board_magazine div.grid-item div:hover
	{
		border: 1px solid #1457a3;
		transition: border-color 0.25s ease-in;
	}
}

@media screen and (min-width: 1024px)
{
	div.board_magazine div.grid-item
	{
		width: 33.33333333333333%;
	}

	div.board_magazine div.grid-item:nth-child(2n+1)
	{
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(2n)
	{
		padding: 0;
	}

	div.board_magazine div.grid-item:nth-child(3n+1)
	{
		padding: 0 16px 0 0;
	}

	div.board_magazine div.grid-item:nth-child(3n+2)
	{
		padding: 0 8px 0 8px;
	}

	div.board_magazine div.grid-item:nth-child(3n)
	{
		padding: 0 0 0 16px;
	}
}

div.board_video
{
	clear: both;
	margin-top: 15px;
}

div.board_video div.grid-item div
{
	padding: 0;
	border: none;
	box-shadow: none;
	transition: all 0.15s ease-out;
}

div.board_video div.grid-item div:hover
{
	background: #034ea2;
	transition: all 0.15s ease-in;
}

div.board_video div.grid-item div dl
{
	padding: 20px;
	border: 1px solid #dcdcdc;
	border-top: none !important;
}

div.board_video div.grid-item div:hover dl
{
	color: #fff;
	border: 1px solid #034ea2;
}

/*
div.board_video div.grid-item div span.image_wrap:after
{
	transition: all 0.15s ease-out;
}

div.board_video div.grid-item div:hover span.image_wrap:after
{
	border: 1px solid #28a7e0;
	transition: all 0.15s ease-in;
}
*/

div.board_video div.grid-item div dl dd
{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
}

div.board_video div.grid-item div:hover dl dd
{
	color: rgba(255,255,255,1) !important;
}

div.first_video
{
	clear: both;
	position: relative;
}

div.first_video::before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.2);
}

div.first_video:after
{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.2);
}

div.first_video div.side_line:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 1px;
	height: 100%;
	background: rgba(0,0,0,0.2);
}

div.first_video div.side_line:after
{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 1px;
	height: 100%;
	background: rgba(0,0,0,0.2);
}


div.first_video div.side_line div.wrap dl
{
	margin: 0;
	padding: 20px;
}

div.first_video div.side_line div.wrap dl dt
{
	font-family: "NanumSB";
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -0.02em;
	line-height: 26px;
}

div.first_video div.side_line div.wrap dl dd.date
{
	margin: 11px 0 0;
	font-family: "Verdana", "Malgun Gothic";
	font-size: 14px;
	color: #999;
	letter-spacing: 0;
}

div.first_video div.side_line div.wrap dl dd.date span
{
	display: inline-block;
	padding: 5px 15px 0 0;
}

div.first_video div.side_line div.wrap dl dd.date span
{
	display: inline-block;
	padding: 5px 15px 0 0;
}

div.first_video div.side_line div.wrap dl dd.data
{
    margin: 20px 0 0 0;
	width: 100%;
    padding: 20px;
    font-size: 15px;
	line-height: 23px;
	color: #73767c;
    background: #f7f7f7;
}

@media screen and (min-width: 1024px)
{
	div.board_video
	{
		margin-top: 25px;
	}

	div.first_video div.side_line div.wrap::after
	{
		content: '';
		clear: both;
		display: block;
	}

	div.first_video div.side_line div.wrap div.height_response
	{
		float: left;
		width: 60%;
	}

	div.first_video div.side_line div.wrap dl
	{
		float: right;
		width: 40%;
		padding: 40px 40px 0 40px;
	}

	div.first_video div.side_line div.wrap dl dt
	{
		height: 62px;
		position: relative;
		font-size: 25px;
		line-height: 31px;
	}

	div.first_video div.side_line div.wrap dl dt span
	{
		position: absolute;
		right: 0;
		top: 0;
		display:block;
		width: 100%;
		max-height:62px;
		padding-bottom:15px;
		overflow:hidden;
		background: #fff;
		transition:all .25s;
	}

	div.first_video div.side_line div.wrap dl dt:hover span
	{
		max-height:300px;
	}

	div.first_video div.side_line div.wrap dl dd.data
	{
		height: 140px;
		overflow: auto;
	}
}

@media screen and (min-width: 1120px)
{
	div.first_video div.side_line div.wrap dl dd.data
	{
		height: 180px;
	}
}

#play img:first-child
{
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#play img:nth-child(2)
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 45px;
}

#play iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 1024px)
{
	#play img:nth-child(2)
	{
		width: 70px;
	}
}





/****************** 0410 Modify **********************/
@media screen and (max-width:500px)
{
	div.board_search button
	{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	span.select_custom select
	{
		padding:0 0 1px 8px
	}
}

.se-contents img{
	max-width: 100% !important;
	height: auto !important;
}