﻿/*갤러리 웹진스타일 리스트 화면 */
.board_btn {width:100%; padding:10px 0 30px 0 ;overflow:hidden;}
.board_btn li{float:left; padding-right:2px}
.board_btn li.right{float:right}

.board_search{overflow:hidden;margin-bottom:10px; border-bottom: 1px solid #ededed; padding-bottom: 15px;}
.board_search .left{float:left; margin-left:8px;}
.board_search dl{position: relative; width: 400px; height: 35px; float:right; border: 1px solid #c5c7cc; background: #fff; box-sizing: border-box; padding-right: 56px; padding-left: 170px; }
.board_search dl * 	{ border: none; height: 33px; }
.board_search dl dt {position: absolute; top: 0; bottom: 0; left: 0; width: 100px; }
.board_search dl dt select	{ width: 100%; box-sizing: border-box; padding: 0 10px; line-height: 33px; }
.board_search dl dd {float:left;}
.board_search dl dd .board_search_inp	{ border: none; box-sizing: border-box; width: 100%; height: 33px; margin: 0; font-size: 20px; font-weight: bold; line-height: 33px; }
.board_search dl dd+dd			{ position: absolute; top: 0; bottom: 0; right: 0; width: 46px; line-height: 33px; text-align: center; }
.board_search dl dd #boardNormalList_btn_Search { position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -9px; height: auto; width: auto; }


.gallery_list {
	margin-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.gallery_list li {
	display: inline-block;
	position: relative;
	float: left;
	text-align: center;
	margin: 0px 0;
	cursor: pointer;
}
.gallery_list li a{
	width: 100%;
	text-decoration: none;
}
.gallery_list li .img{
	width: 100%;
	display: block;
	cursor: pointer;
}
.gallery_list li .img .thumbnail{
	width:150px;
	text-align: center;
	width: 95%;
	height: 95%;
	padding: 5px;
	border: 1px solid #eee;
	vertical-align: middle;
}
.gallery_list li .img .thumbnail_max{
	text-align: center;
	width: 95%;
	height: 95%;
	padding: 5px;
	border: 1px solid #eee;
}
.gallery_list li .img_data{
	width: 100%;
	display: block;
}
.gallery_list li .tit {
	width: 95%;
	font-size: 10pt;
	color:#FFF;
	height: 15px;
	position: absolute;
	bottom: 3px;
	left: 1px;
	margin: 0 5px 0 5px;
	border:none;
	display:none;
	z-index: 200;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gallery_list .emptySpace {
	position: absolute;
	top: 1px;
	left: 1px;
	opacity: 1;
	background-color:#000;
	z-index: 199;
	color: #FF2424;
	font-size: 12px;
	vertical-align: middle;
}

.gallery_list li .insertynBlackLayer {
	margin: 5px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 1px;
	left: 1px;
	opacity: 1;
	z-index: 199;
	color: #FF2424;
	font-size: 12px;
	vertical-align: middle;
}
.gallery_list li .insertynTitle {
	width: 99%;
	padding-:0 1px 0 1px; 
	height: 30px;
	line-height: 30px;
	left: 1px;
	position: absolute;
	opacity: 1;
	background-color:#930000;
	z-index: 199;
	color: #FFF;
	font-size: 12px;
	vertical-align: middle;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
/* 	border: 1px solid #000; */
}

.checkList {
	border:1px solid #000;
	width: 15px;
	font-size: 10pt;
	height: 15px;
	position: absolute;
	border:none;
	top: 8px;;
	left: 7px;
	z-index: 200;
}


.layerXBtn{
	color: #fff;
	font-size:12px;
	position: absolute;
	opacity: 1;
	z-index: 9910;
	display:none;
}
.layerXBtn img {
	float:left;
	padding-left: 3px;
}

.jemokLayerDiv{
	color:#EAEAEA;
	font-size:18px;
	font-weight: bold;
	position: absolute;
	opacity: 1;
	z-index: 9800;
	line-height:20px;
	min-height:40px;
	display:none;
}

.nextBtn, .prevBtn{
	cursor: pointer;
	position: absolute;
	z-index: 9950;
	opacity: 0;
	display:none;
	overflow:visble;
	background: url("/jsp/module/board/skin_img/GALLERY/gallery_img.css/background_non.png");
}

.nextBtnImg, .prevBtnImg{
	cursor: pointer;
	position: absolute;
	opacity: 0;
	z-index: 9940;
	display:none;
}


.viewImg{
	top:0px;
	left:0px;
	position: absolute;
	opacity: 0;
	background-color:#000;
	display:none;
	z-index: 9800;
	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.viewGalleryNaeyong {
	padding:10px;
	width:350px;
	color: #999;
	font-size:12px;
	position: absolute;
	opacity: 0;
	background-color:#FFF;
	display:none;
	z-index: 9900;
	word-break: break-all;
	overflow-y: scroll;
	overflow-x: hidden;
	
	scrollbar-face-color:#ffffff; 
	scrollbar-shadow-color:#e5e5e5; 
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#e5e5e5; 
	scrollbar-darkshadow-color:#e5e5e5; 
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#999;
	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.viewGalleryNaeyong .viewNaeyong {
	min-height: 200px;
	overflow:visble;
	word-wrap: break-word;  
}

.comment_list {
	
}


.viewLayer {
	top:0px;
	left:0px;
	position: absolute;
	background-color:#000;
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  */
/*     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  */
/*     opacity: .7;  */
	opacity: 0;
	display:none;
	z-index: 9700;
}
.gallery_list li .blackLayer {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 1px;
	left: 1px;
	background: #000;
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  */
/*     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  */
/*     opacity: .5;  */
	opacity: .8;
	display:none;
	z-index: 199;
}
.gallery_list li a:hover .tit {
/*     color: #366EAD; */
/*     text-decoration: underline; */
}
.gallery_list li .date {
	width: 95%;
	font-size: 10pt;
	color: #EAEAEA;
	height: 15px;
	position: absolute;
	bottom: 3px;
	left: 1px;
	margin: 0 5px 0 5px;
	border:none;
	display:none;
	z-index: 200;
	text-align:right;
}


.gallery_list li .txt {
	width: 100%;
	display: none;
}
.gallery_list li .name {
	width: 100%;
	display: none;
}
/* 글작성 화면 부분 */
.gallery_write{
	width: 100%;
	min-height: 100px;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #ececec;
}
.gallery_write ul{
	width: 100%;
}
.gallery_write ul li{
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 5px 0 4px 0; 
}
.gallery_write .attachment{
	width: 100%;
	min-height: 130px;
	border: 1px solid #ddd;
	background-color: #fcfcfc;
	margin: 10px 0 10px 0;
}
.gallery_write .attachment dl{
	min-height: 12px;
	padding: 10px 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ececec;
	background-color: rgb(245, 245, 245);
}
.gallery_write .attachment dl dt{
	color:#6e6d80;
	font-weight: bold;
	float: left;
}
.gallery_write .attachment dl dd{
	color:#6e6d80;
	font-weight: normal;
	float: right;
}
.gallery_write .attachment dl dd .current{
	font-size: 11px;
	font-weight: normal;
}
.gallery_write .attachment dl dd .all{
	font-size: 11px;
	font-weight: bold;
}
.gallery_write .attachment ol{
	clear: both;
	width: 96%;
	padding: 12px 15px;
	min-height: 70px;
	display: inline-block;
}
.gallery_write .attachment ol li{
	width: 70px;
	height: 69px;
	padding: 1px;
	display: inline-block;
	position: relative;
	float: left;
}
.gallery_write .attachment ol li a{
	width: 69px;
	height: 68px;
	border: 1px solid #ddd;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.gallery_write .attachment ol li a .attach_img{
	width: 69px;
	height: 68px;
	display: block;
}

.gallery_write .attachment ol li a .img_list{
	width: 69px;
	height: 68px;
	display: block;
}

.gallery_write .attachment ol li a .btn_attach{
	width: 69px;
	height: 68px;
	display: block;
}
.gallery_write .attachment ol li a .btn_attach img{
	padding-top: 22px;
}
.gallery_write .attachment ol li a:hover{
	border:1px solid #8ea8db;
}
.gallery_write .attachment ol li .represent{
	width: 11px;
	height: 11px;
	position: absolute;
	top: 1px;
	left: 1px;
	margin: 0;
	border:none;
	cursor: pointer;
}
.gallery_write .attachment ol li .delete_file{
	width: 11px;
	height: 11px;
	position: absolute;
	top: 1px;
	right: 1px;
	margin: 0;
	border:none;
	cursor: pointer;
}
.gallery_write .attachment ol li .choice{
	width: 21px;
	height: 12px;
	position: absolute;
	bottom: 1px;
	left: 1px;
	margin: 0;
	border:none;
	cursor: pointer;
}
.gallery_write .attachment_text{
	clear: both;
	display: block;
	min-height: 100px;
	width: 100%;
}
.gallery_write .attachment_text .select_img{
	display: block;
	width: 10%;
	min-width: 105px;
	height: 105px;
	float: left;
}
.gallery_write .attachment_text .select_img img{
	display: inline-block;
	width: 92px;
	height: 91px;
	border: 1px solid #ddd;
}
.gallery_write .attachment_text dl{
	display: block;
	float: left; 
	width: 83%;
	height: 105px;
}
.gallery_write .attachment_text dl dd{
	width: 100%;
	min-with: 610px;
	height: 100px;
	position: relative;
	display: block;
}
.gallery_write .attachment_text dl dd .btn_save{
	display: inline-block;
	width: 48px;
	height: 55px;
	position: absolute;
	bottom: 11px;
	right: 0px;
}
.gallery_write .attachment_text dl dd .btn_save img{
	padding: 0 0 0 5px;
}
.gallery_write .attachment_text dl dd ul{
	width: 100%;
}
.gallery_write .attachment_text dl dd ul li{
	border: none;
	padding: 6px 0;
	display: inline-block;
}

.subject {
    color: #c8c8d4;
    background-color: #f9f9f9;
}
.textarea {
    color: #c8c8d4;
    background-color: #f9f9f9;
}
/*기본적인 폼관련 css*/
form, fieldset, img{border:0;}
img {vertical-align:middle;}
label {cursor:pointer;vertical-align: middle;}
address, cation, em {
	font-weight:normal;
	font-style:normal;
}
caption{display:none;}

textarea {
	border: 1px solid #ddd;
	padding: 0px;
}
select{
	height:25px;
	line-height:25px;
	vertical-align: middle;
}
input[type=text] {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	margin: 1px 6px 0 0;
	padding: 0;
	height:21px;
}
input[type=password] {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	margin: 0px 6px 0 0;
	padding: 0;
	height:21px;
}
input[type=file] {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	margin: 0px 6px 0 0;
	padding: 0;
	height:22px;
	background-color: #f6f6f6;
}

input[type=checkbox] {
	padding: 0;
	vertical-align: middle;
	line-height: 20px;
}

input[type=radio] {
	line-height: 20px;
	vertical-align: middle;
	padding: 0;
	margin: -4px 0 0 !important;
}
select.select {
	margin: 2px 0 0 0;
    border: 1px solid #dcdcdc;
    color: #888888;
    height: 25px;
    letter-spacing: 0 !important;
}
input, select, button {
    vertical-align: middle;
}
select, input, option, textarea {
    font: 12px gulim,"굴림",dotum,"돋움",sans-serif;
    vertical-align: middle;
}

/* 버튼 부분 */
.btn_wrap{
	clear: both;
	display: block;
	margin: 20px 0;
}
.btn_admin{
	display: inline-block;
	float: left;
}
.btn_common{
	display: inline-block;
	float: right;
}
.btn_admin{
	display: inline-block;
	float: left;
}
.btn_common{
	display: inline-block;
	float: right;
}
.btn_common_center{
	text-align: center;
}

/* 게시판 페이징 부분 */
.paging {
	padding: 20px 0;
	position: relative;
	z-index: 1;
}
.paging .page {
	height: 23px;
	line-height: 15px;
	text-align: center;
}
.paging .first_page {
	background: url("../img/icon_board.gif") no-repeat scroll 0px 0px transparent;
	display: inline-block;
	width: 24px;
	height: 23px;
	position: relative;
	vertical-align: middle;
}
.paging .first_page:hover {
	background: url("../img/icon_board.gif") no-repeat scroll 0px -58px transparent;
}
.paging .end_page {
	background: url("../img/icon_board.gif") no-repeat scroll -30px -29px transparent;
	display: inline-block;
	width: 24px;
	height: 23px;
	position: relative;
	vertical-align: middle;
}
.paging .end_page:hover {
	background: url("../img/icon_board.gif") no-repeat scroll -30px -88px transparent;
}
.paging .pre_page {
	background: url("../img/icon_board.gif") no-repeat scroll -30px 0px transparent;
	display: inline-block;
	width: 24px;
	height: 23px;
	margin: 0 10px 0 1px;
	position: relative;
	vertical-align: middle;
}
.paging .pre_page:hover {
	background: url("../img/icon_board.gif") no-repeat scroll -30px -58px transparent;
}
.paging .next_page {
	background: url("../img/icon_board.gif") no-repeat scroll 0px -29px transparent;
	display: inline-block;
	width: 24px;
	height: 23px;
	margin: 0 1px 0 10px;
	position: relative;
	vertical-align: middle;
}
.paging .next_page:hover {
	background: url("../img/icon_board.gif") no-repeat scroll 0px -88px transparent;
}
.paging .page_num {
	display: inline-block;
	height: 23px;
}
.paging .page_num a {
	color: #666666;
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	margin: 0 -2px;
	text-decoration: none;
	vertical-align: middle;
	width: 24px;
}
.paging .page_num strong {
	background-color: #8D8D8D;
	color: #fff;
	display: inline-block;
	font-family: Arial;
	font-weight: normal;
	width: 24px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	vertical-align: middle;
}


/* input file type CSS */
 
 .file_input_div{
 	align: left;
	position: relative;
	width: 69px;
	height: 68px;
	overflow: hidden;
	cursor: pointer;
}

.file_input_button{
	position: relative;
	width: 69px;
	height: 68px;
	color: #FFFFFF;
	border: 0px;
}
 
.file_input_hidden
{
font-size:45px;
position: absolute;
right: -5px;
top: 23px;
cursor: pointer;
opacity: 0; 
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}
.divLayerInclude {
	z-index: 9999;
}

/* ----------------- */


/* 검은레이어  */
.submitBlackLayer {
	opacity: 0.4;
	background: #000000;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.submitBlackLayer img{
	width: 50px;
	height: 50px;
	display: none;
	position: absolute;
	z-index: 201;
}

/* 비회원 글 작성시 패스워드, 이름 입려하는 부분 */

#boardIdAndPasswordBlackLayer {
	display:none;
}

.boardIdAndPasswordInputDiv {
	display:none; 
	line-height:20px;
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan {
	letter-spacing:-1px;
	line-height:20px; 
	text-align:center; 
	font-size:small; 
	width:190px; 
	height:120px;
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan li{
	display: block;
	width:190px;
	text-align: right;
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan li #jakseongja_nm {
	width: 75px; 
	height: 15px; 
	font-size:12px;
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan li #bimil_no {
	width:75px; 
	height:15px; 
	font-size:12px;
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan #notice span {
	display: block;
	text-align: center;
	padding: 0 0 20px 0; 
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan #input_area {
	vertical-align:middle;
}

.boardIdAndPasswordInputDiv .boardIdAndPasswordInputSpan #input_area span {
	float: left;
	display: block;
}



/* 코멘트 관련 */

.comment_content {
	background-color:rgb(245, 245, 245);
	border: 1px solid rgb(230,230,230);
}

.reply_content{
	padding:5px 0 5px 0 ;
}

.reply_content textarea {
	width: 95%; 
	height: 60px; 
	border: 1px solid #ddd;
	vertical-align: middle; 
	margin: 0 5px 0 5px;
	background-color: transparent;
	color: #999;
}

.comment_insert_span {
	float:right; 
	margin:0 5px 10px 0;
}

.commentListTable textarea{
	color: #999;
	width: 99.5%; 
	height: 60px; 
	border: 1px solid #ddd;
	vertical-align: middle; 
	display:none;
	background-color: transparent;
}

.commentListTable{
	font-size:12px;
}

.commentListTable .comment_title{
	font-size: 12px;
	color:#999999;
	padding: 0 0 5px 14px;
}

.commentListTable table{
	width: 98%;
	border-top: 2px solid #e5e5e5;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
}

.commentListTable tr{
}

.commentListTable td{
	padding: 10px 0 10px 0;
	min-height: 10px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

.commentListTable td span{
	line-height:18px;
}

.commentListTable td .jakseongja_nm {
	font-weight:bold;
	line-height:25px;
}

.commentListTable td .insert_dt {
	margin:0 5px 0 5px;
	font-size: 0.88em;
	line-height:25px;
	color: #999;
}

.commentListTable td .insert_ip {
	margin:0 5px 0 5px;
	font-size: 0.88em;
	line-height:25px;
	color: #999;
	float:right;
}
.commentListTable td #profile{
	width: 45px;
	height: 45px;
}

.commentListTable td .naeyong {
}

.commentListTable td .btnDivItem {
	float:right; 
	display:none; 
	padding-top:5px;
}

#commentIdAndPasswordBlackLayer {
	display:none;
}

.commentIdAndPasswordInputDiv {
	display:none; 
	line-height:20px;
}
/*  */
.commentIdAndPasswordInputDiv {
	display:none; 
	line-height:20px;
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan {
	letter-spacing:-1px;
	line-height:20px; 
	text-align:center; 
	font-size:small; 
	width:190px; 
	height:120px; 
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan li{
	display: block;
	width:190px;
	text-align: right;
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan li #jakseongja_nm {
	width: 75px; 
	height: 15px; 
	font-size:12px;
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan li #bimil_no {
	width:75px; 
	height:15px; 
	font-size:12px;
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan #naeyong span {
	color: #000;
	display: block;
	text-align: center;
	padding: 0 0 20px 0; 
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan #input_area {
	color: #000;
	vertical-align:middle;
}

.commentIdAndPasswordInputDiv .commentIdAndPasswordInputSpan #input_area span {
	float: left;
	display: block;
}

#commentPasswordBlackLayer {
	display:none;
}

.commentPasswordInputDiv {
	display:none;
	line-height:20px;
}

.commentPasswordInputDiv .commentPasswordInputSpan {
	letter-spacing:-1px;
	line-height:20px; 
	text-align:center; 
	font-size:small; 
	width:170px; 
	height:65px;
}

.commentPasswordInputDiv .commentPasswordInputSpan li {
	display: block;
	width:170px;
	text-align: center;
	margin-top:8px;
}
.commentPasswordInputDiv .commentPasswordInputSpan li #modifyBimil_no {
	width:70px; 
	height:15px; 
	font-size:12px; 
}


/* 글작성 수정시 비밀번호 입력하는 부분 */

#listPasswordblackLayer {
	display:none;
}

.listPasswordInputDiv {
	display: none; 
}

.listPasswordInputDiv .listPasswordInputSpan {
	letter-spacing:-1px;
	line-height:20px; 
	text-align:center; 
	font-size:small; 
	width:190px; 
	height:120px; 
}

.listPasswordInputDiv .listPasswordInputSpan li{
	width:190px; 
	display: block;
	text-align: right;
}

.listPasswordInputDiv .listPasswordInputSpan li span{
	display: block;
	text-align: center;
	padding: 0 0 30px 0; 
}

.listPasswordInputDiv .listPasswordInputSpan li #bimil_no {
	width:75px; 
	height:15px; 
	font-size:12px;
}
.listPasswordInputDiv .listPasswordInputSpan li #board_bimil_no {
	width:75px; 
	height:15px; 
	font-size:12px;
}

#ifrMain { min-height: 300px; }

.photo_list2 { width:100%; }
.photo_list2 li { 
  width: 24%;
  display: inline-block;
  /* padding: 50px 4px 50px 4px; */
  margin: 0 0 0 0;
  float: inherit;
  height: 273px;
}
.photo_list2 li dl {
  text-align: center;
}
.photo_list2 li dl dt {
  margin-bottom: 21px;
}
.photo_list2 li dl dt a img {
  width: 100%;
  height: 165px;
  max-width: 248px;
}
.photo_list2 li dl dd {
  font-family: Verdana, "돋움", Dotum, sans-serif;
}

.photo_list2 li dl dd.contentTitle {
  display: block;
  font-family: Georgia, 돋움, Dotum, sans-serif;
  color: rgb(53, 53, 56);
  font-size: 16px;
}

.board_view2{
	clear: both;
	position: relative;
	border-top:1px solid #ededed;
	width: 100%;
	margin: 30px 0 30px 0;
}

.board_view2 .title { background-color: #f8f8f8; padding: 20px 10px 10px 0; } 


.board_view2 .title li{
	color:#333;
	padding-left: 20px;
}

.board_view2 .title li.jemok{
	color: #353538;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 17px;
	font-family: Georgia, "돋움", Dotum, sans-serif;
}

.board_view2 .title li.hit{
	color: #8c8c8e;
    margin-bottom: 11px;
    font-family: Verdana, "돋움", Dotum, sans-serif;
}

.board_view2 .view_h{
	width:100%;
	border: 0px solid #e5e5e5;
	float:right;
}

.board_view2 .view_h ul{
	font-size:12px;
	padding: 10px 0 10px 0;
	margin: 20px 15px 30px 15px;
	border: 1px solid #e5e5e5;
	float: left;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color:rgb(250, 250, 250);
}

.board_view2 .view_h ul li{
	width: 300px;
	text-align: left;
	color: #4d4d4d;
	line-height: 200%;
	letter-spacing: -1px;
	padding: 0 0 0 8px;
	margin: 0 20px 0 20px;
	float: left;
	display: inline;
	position: relative;
	/* background-image: url(../skin_img/default.css/bu_dot_gray02.jpg); */
	background-attachment: scroll;
	background-repeat: no-repeat;
	/* background-position-x: left%; */
	background-position-y: 11px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.board_view2 .view_h ul li .downloadbutton{
	float:right;
}
.board_view2 .view_h ul li .downloadLink{
	float:left;
}

.board_view2 .view_h dl{
	float:left;
	width:177px;
	height:20px;
	padding-top:10px
}

.board_view2 .view_h dt{
	background: url(../img/board_arrow_view.gif) no-repeat 0 5px;
	float:left;
	padding-left:5px;
}

.board_view2 .view_h dd{
	font-weight:bold;
	color:#555;
	float:left;
	margin-right:10px;
	margin-left:5px;
}

.board_view2 .view_h_ext{
	display: none;
}

.board_view2 .view_h_ext dl{
	float: left;
	width: 260px;
	height: 17px;
	padding-top: 6px;
	margin-left:7px;
	font-size:12px;
}

.board_view2 .view_h_ext dt{
	float:left;
	padding-left:5px;
	font-size:100%
}

.board_view2 .view_h_ext dd{
	color:#555;
	float:left;
	margin-right:10px;
	margin-left:5px;
	font-size:100%;
	font-weight:bold;
}

.board_view2 .view_h_ext .dl2{
	padding: 8px 5px 0 5px;
	float: right;
	width: 380px;
	height: 17px;
	line-height: 1.6em;
	padding-top: 6px;
	margin-left:7px
}

.board_view2 .view_h_ext .dl2 dt{
	float:right;
	padding-left:5px;
	font-size:100%
}

.board_view2 .view_h_ext .dl2 dd {
	color:#999;
	float:right;
	margin-right:0px;
	margin-left:15px;
	font-size:100%;
	font-weight:bold;
}

.board_view2 .reply_h{
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #ddd;
	clear:both;
}

.board_btn {width:100%; padding:10px 0 60px 0 ;overflow:hidden;}
.board_btn li{float:right; padding-left:2px}
.board_btn li.right{float:left}

writing{
	overflow:hidden;
	padding: 50px 0 30px 0;
}

.writing dl dd #jemok {
	width:100%; 
	height:20px;
}

.writing dl{
	overflow:hidden;
	clear:both;
	border-bottom: 1px solid #e5e5e5;
}

.writing dl dt{
	height:20px;
	width:15%;
	padding:14px 0 5px 0;
	font-weight:bold;
	color:#222;
	text-align: center;
}

.writing dl dd{
	width: 80%;
	padding:10px 10px 5px 15px;
}
.writing dl dt.con02{
	height:240px;
}

.writing dl dt.con02e{
	height:490px;
}

.writing dl dt, .writing dl dd{
 float:left;
}

.writing .file_add_button_layer .file_text_layer{
	width: 300px; 
	margin-right: 10px;
	height: 24px; 
	float:left;
}

.writing .file_add_button_layer .file_text_layer input{
	width:300px; 
	height:20px; 
	vertical-align:bottom;
}

.writing .file_add_button_layer .file_button{
	width: 84px; 
	height: 24px; 
	background-image: url(/jsp/module/board/skin_img/NORMAL/default.css/btn_file_find_add.jpg);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	position:relative; 
	overflow: hidden;
	float:left;
}

.writing .file_add_button_layer .fileInputButton{
	width: 55px; 
	height: 24px; 
	cursor: pointer;
	position:relative; 
	overflow: hidden;
	float:left;
}

.writing .file_add_button_layer .file_button input{
	width:80px; 
	height:22px; 
	filter:alpha(opacity=0);
	opacity: 0;
	position: relative;
	cursor: pointer;
}

.file_add_button_layer #add_file_btn{
}


.writing .view_h{
	width:100%;
	border: 0px solid #e5e5e5;
	float:left;
}

.writing .view_h ul{
	padding: 10px 0 10px 0;
	margin: 20px 15px 30px 15px;
	border: 1px solid #e5e5e5;
	float: left;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
}

.writing .view_h ul li{
	width: 240px;
	text-align: left;
	color: #4d4d4d;
	line-height: 200%;
	letter-spacing: -1px;
	padding: 0 0 0 8px;
	margin: 0 10px 0 10px;
	float: left;
	display: inline;
	position: relative;
	/* background-image: url(../skin_img/default.css/bu_dot_gray02.jpg); */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: 11px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}

.attach_img_list {
  text-align: center;
}
.attach_img_list img {
  max-width: 980px;
  height: auto;
}

.board_div .board_photo {
    clear: both;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.board_div .board_photo dl:hover {
    background-color: #FBFBFB;
}

.board_div .board_photo dl {
    position: relative;
    overflow: hidden;
    min-height: 200px;
    clear: both;
    border-bottom: 1px solid #ededed;
    padding: 40px 0;
   /*  padding-left: 240px; */
    box-sizing: border-box;
}

.board_div .board_photo dl > dd:first-child {
    display: block;
    margin-bottom: 15px;
    color: #8c8c8e;
    font-family: Verdana, "돋움", Dotum, sans-serif;
}
.board_div .board_photo dl dd {
    text-align: left;
}
.board_div .board_photo dl dt {
    display: block;
    position: absolute;
    /* border: 1px solid #ddd; */
    width: 153px;
    height: 200px;
    text-align: center;
    /* vertical-align: middle; */
    top: 40px;
    left: 25px;
    overflow: hidden;
}
.board_div .board_photo dl > dt + dd {
    display: block;
    margin-bottom: 40px;
    font-size: 18px;
    color: #353538;
    font-family: Georgia, "돋움", Dotum, sans-serif;
}
.board_div .board_photo dl > dt + dd + dd {
    display: block;
    color: #8c8c8e;
    font-family: Verdana, "돋움", Dotum, sans-serif;
    line-height: 1.6em;
}

.board_view2 .view_h {
    width: 100%;
    border: 0px solid #e5e5e5;
    float: right;
}
.board_view2 .view_h ul {
    font-size: 12px;
    padding: 10px 0 10px 0;
    margin: 20px 15px 30px 15px;
    border: 1px solid #e5e5e5;
    float: left;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(250, 250, 250);
}
.board_view2 .view_h ul li {
    width: 300px;
    text-align: left;
    color: #4d4d4d;
    line-height: 200%;
    letter-spacing: -1px;
    padding: 0 0 0 8px;
    margin: 0 20px 0 20px;
    float: left;
    display: inline;
    position: relative;
    /* background-image: url(../skin_img/default.css/bu_dot_gray02.jpg); */
    background-attachment: scroll;
    background-repeat: no-repeat;
    /* background-position-x: left %; */
    background-position-y: 11px;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
}
.board_view2 .view_h ul li .downloadbutton {
    float: right;
}

.board_view2 .view_content {
    clear: both;
    padding: 60px 10px;
    font-size: 12px;
    line-height: 1.8em;
    color: #333;
    border-bottom: 1px solid #ededed;
}

.board_div .board_alumni {
    clear: both;
    width: 99%;
    overflow: hidden;
    margin: 10px 0;
    margin-left: 10px;
    text-align: center;
}
.board_div .board_alumni dl {
    display: blcok;
    position: relative;
    min-height: 300px;
    clear: both;
    border-bottom: 1px solid #ededed;
    padding: 60px 0;
    padding-left: 200px;
    box-sizing: border-box;
}
.board_div .board_alumni dl dt {
    display: block;
    position: absolute;
    width: 200px;
    /* height: 150px; */
    height: auto;
    text-align: left;
    vertical-align: middle;
    top: 60px;
    left: 0;
    overflow: hidden;
}
/* 
.board_div .board_alumni dl dt a {
    width: 110px !important;
    height: 155px !important;
}
 */
.board_div .board_alumni dl dt a img {
    max-width: 150px;
    height: auto;
}
.board_div .board_alumni dl > dt + dd {
    display: block;
    position: relative;
    margin-bottom: 20px;
    font-size: 18px;
    color: #353538;
    font-family: Georgia, "돋움", Dotum, sans-serif;
}
.board_div .board_alumni dl > dt + dd + dd {
    display: block;
    color: #8c8c8e;
    font-family: Verdana, "돋움", Dotum, sans-serif;
    line-height: 1.6em;
}
.board_div .board_alumni dl dd {
    text-align: left;
}