@charset "utf-8";

.left { float: left; }
.right { float: right; }
.center, .alignC { text-align: center; }
.alignR { text-align: right; }
.display { display: inline !important; }
.none { display: none; }

.clear { clear: both; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; }
.clear-wrap { *zoom: 1; }
.clear-wrap:after { content: ""; display: block; clear: both; }

.ellipsis { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }


.div_board_contents { margin: 10px 0; }
.div_board_contents ol, .div_board_contents ul, .div_board_contents li { padding:0px; margin:0px; list-style:none;}
.div_board_contents form, .div_board_contents fieldset {border:0; margin:0px; padding:0px;}
.div_board_contents img {border:0;}
/*.div_board_contents div {vertical-align:top; padding:0px; /*margin:0px;*/}*/

.div_board_contents ul li	{margin:0; padding:0; display:inline; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none;}

.div_board_contents textarea, .div_board_contents select {/*font-family: Dotum, 돋움;*/ color:#000000; font-size: 10pt; margin-top:1px;border:1px solid #A2A2A2; border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;/*background-color:#F6F6F6;*/padding:1px 2px;}

.div_board_contents .dsn {position:absolute; visibility:hidden; width:0px; height:0px; overflow:hidden; font:0px;}

/*  리스트 */
#list_layout{ position: relative; width:650px; top:0px; left:0px; margin:0px; padding:0px; clear: both;}

#list_top{ position: relative; /*top:5px;*/ left:0px; margin:0; padding:0 0 0 0; /*width:640px;*/ clear: both;}
#list_top ul{ position: relative; top:0px; left:0px; margin:0; padding:0;}
#list_top ul li{ position: relative; top:0px; left:0px; margin:0; padding:0;  float:left;}
#list_top ul li.b{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 5px; width: 100%; float:left; text-align:left; }
#list_top ul li.l{ position: relative; top:0px; left:0px; margin:0; padding:0; float: /*left*/ right; width: 60px; text-align:right; }

#list_tab{position: relative; top:0px; left:0px; margin:0; padding:5px 0 10px 0; /*width:640px;*/ clear: both;}


#list_btn{ position: relative; margin: 0; margin-top: 5px; padding:0 0 0 0; /*width:640px;*/ clear: both;}
#list_btn ul{ position: relative; top:0px; left:0px; margin:0; padding:0;}
#list_btn ul li{ position: relative; top:0px; left:0px; margin:0; padding:0;  float:left;}
#list_btn ul li.left_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 5px; width:270px; float:left; text-align:left; }
#list_btn ul li.rig_btn{ position: relative; top:0px; /*left:130px;*/ margin:0; padding:0; float: /*left*/right; width:300px; text-align:right; }

.div_board_contents .prev{padding:5px 2px 0 0; width:10px; height:13px;}
.div_board_contents .next{padding:5px 0px 0 2px; width:10px; height:13px;}

#list_btn ul.list_search{position: relative; top:0px; left:0px; margin: 0; /*padding:5px 0px 0px 190px;*/ height:30px; clear: both; }
#list_btn ul.list_search ul{position: relative; top:0px; left:0px; margin:0; padding:0; clear: both; }
#list_btn ul.list_search li.sel{position: relative; top:0px; left:0px; margin:0; padding:0 5px 0 0 ; width:80px; float:left;}
#list_btn ul.list_search li.inp{position: relative; top:0px; left:0px; margin:0; padding:1px 0 0 5px; width:215px; float:left; }
#list_btn ul.list_search li.btn{position: relative; top:0px; left:0px; margin:0; padding:0px 5px 0px 3px; width:49px; float:left;}

.div_board_contents .w3btn{position: relative; top:10px; left:-250px; margin:0; padding:0; width:80px; height:15px; clear: both;}
.div_board_contents .ggjek_numof { color: #7E7E7E; font-size: 8px; }

#list_tab tr td { padding: initial; }
#list_tab tr td img { vertical-align: middle; }
/* 리스트 */

/* 뷰 */
#view_layout{ position: relative; /*width:640px;*/ top:0px; left:0px; margin:0px; padding:0px; clear: both;}

#view_top{ position: relative; /*top:5px;*/ left:0px; margin:0; padding:0 0 0 0; /*width:640px;*/ clear: both;}
#view_top ul{ position: relative; top:0px; left:0px; margin:0; padding:0;}
#view_top ul li{ position: relative; top:0px; left:0px; margin:0; padding:0;  float:left;}
#view_top ul li.b{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 5px; width: 100%; float:left; text-align:left; }
#view_top ul li.l{ position: relative; top:0px; left:0px; margin:0; padding:0; float: /*left*/ right; width:100px; text-align:right; }

#view_tab{position: relative; top:0px; left:0px; margin:0; padding:10px 0 10px 0; /*width:640px;*/ clear: both;}

#view_btn{ position: relative; margin: 0; margin-top: 5px; padding:0 0 0 0; /*width:640px;*/ clear: both;}
#view_btn ul{ position: relative; top:0px; left:0px; margin:0; padding:0;}
#view_btn ul li{ position: relative; top:0px; left:0px; margin:0; padding:0;  float:left;}
#view_btn ul li.left_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 0px; width:200px; float:left; text-align:left; }
#view_btn ul li.rig_btn{ position: relative; top:0px; /*left:130px;*/ margin:0; padding:0; float: /*left*/ right; width:300px; text-align:right; }
#view_btn ul:after { content: ""; clear: both; display: block; }
#view_btn ul { *zoom: 1; }

#view_tab p { margin: 0; padding: 0; }

#view_tab .board_contents_wrap .contents-title { padding: 12px 0; }
#view_tab .board_contents_wrap .contents-title h5 { font-size: 18px; font-family: "nsb"; }
/* 뷰 */

/* 등록하기 */
#write_layout{ position: relative; /*width:640px;*/ top:0px; left:0px; margin:0px; padding:0px; clear: both;}

#write_tab{position: relative; top:0px; left:0px; margin:0; padding:10px 0 10px 0; /*width:640px;*/ clear: both;}

#write_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 0 0 0; /*width:640px;*/ clear: both;}
#write_btn ul{ position: relative; top:0px; left:0px; margin:0; padding:0;}
#write_btn ul li{ position: relative; top:0px; left:0px; margin:0; padding:0;  float:left;}
#write_btn ul li.left_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 0px; width:200px; float:left; text-align:left; }
#write_btn ul li.rig_btn{ position: relative; top:0px; /*left:120px;*/ margin:0; padding:0; float: /*left*/ right; width:300px; text-align:right; }
#write_btn input { margin: initial; }
#write_btn img { vertical-align: middle; }
/* 등록하기 */

.div_board_contents .stress { color:#25A437; }
.div_board_contents .amenu{ display: none; }

.div_board_contents .attached-files { margin: 5px 0; }
.div_board_contents .attached-files ul { margin: 5px 0; line-height: 200%; }
.div_board_contents .attached-files ul li { display: inline; margin: 2px 3px; }

.next_prev_link { border-top: 2px solid gray; margin: 10px 0; }
.next_prev_link li { margin: 3px 0 !important; padding: 5px !important; border-bottom: 1px dotted gray; }

.div_board_contents .button {
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	padding: 3px 7px;
	margin: 1px 0;
	font-size: 12px;
	line-height: 170%;
	background: none;
}

.div_board_contents div.contents { padding: 0; min-height: 200px; line-height: 1.5; }
.div_board_contents div.contents p { line-height: 1.5; }

.div_board_contents TD { COLOR: #62625E; FONT-SIZE: 15px; TEXT-DECORATION: none; }
.div_board_contents th { COLOR: #62625E; FONT-SIZE: 15px; TEXT-DECORATION: none; }
.div_board_contents A:link { COLOR: #62625E; TEXT-DECORATION: none; }
.div_board_contents A:visited { COLOR: #62625E; TEXT-DECORATION: none; }
.div_board_contents A:active { COLOR: #62625E; TEXT-DECORATION: underline; }
.div_board_contents A:hover { COLOR: #0587b4; TEXT-DECORATION: none; }

.div_board_contents form {border:0; margin:0; padding:0;}
.div_board_contents img {border:0px;}

.div_board_contents .boardlist { border-top:#555555 1px solid; table-layout: fixed; }
.div_board_contents .boardlist thead th { padding: 12px; border-bottom:#555555 1px solid;}
.div_board_contents .boardlist tbody tr.list { height: 30px; text-align:center; }
.div_board_contents .boardlist tbody tr td { padding:9px !important; }
.div_board_contents .boardlist tbody tr td:first-child { border-left:0; }
.div_board_contents .boardlist tbody tr td.line { padding:0 !important; }
.div_board_contents .notice { color:#008080; }

.div_board_contents .boardcomment { table-layout:fixed; }
.div_board_contents .boardcomment thead th{ background-color:#F9F9F9; height:27px; border-bottom:#E5E5E5 1px solid; color:#333333; }
.div_board_contents .boardcomment tbody td.rel{ padding:3px 0 3px 0; text-align:center; color:#333333; }
.div_board_contents .boardcomment tbody td.rel a{ color:#333333; }
.div_board_contents .boardcomment tbody td.memo{ padding:3px 0 3px 3px; }
.div_board_contents .boardcomment tbody td.date{ padding:3px 0 3px 0; font-size:8pt; text-align:center; }
.div_board_contents .boardcomment tbody td.rel_fo{ text-align:center; padding:3px 0 3px 0; }

.div_board_contents .boardwrite { margin: 5px 0; }
.div_board_contents .boardwrite thead th{ background-color:#F9F9F9; height:27px; border-bottom:#E5E5E5 1px solid;}
.div_board_contents .boardwrite tbody th{ background-color:#F9F9F9; height:27px; text-align:left; padding:0 0 0 10px; }
.div_board_contents .boardwrite tbody td.in{ height: 30px; padding: 0; padding-top: .5em; }
.div_board_contents .boardwrite tbody td.main{ padding: 3px 0; }
.div_board_contents .boardwrite input { border: 1px solid #ccc; padding: 3px; }
.div_board_contents .boardwrite label { font-weight: inherit; }

.div_board_contents .line { border-bottom: 1px solid #e5e5e5; padding: 0; height: 0.5px; }
.div_board_contents .img_view{ padding:0 0 5px 0;}
.div_board_contents .contents p { margin: 0; margin-bottom: 5px; }
.div_board_contents .form1  { font-size: 15px; color: #000000; background-color: #FFFFFF; border: 1px solid #B2B2B2; padding: .3em; }
.div_board_contents .repl-wrap { border-top: 1px solid #e5e5e5; padding-top: 5px; }

.div_board_contents #list_tab { margin: 5px 0; }
.div_board_contents #ez_title { width: 100%; max-width: 500px; }

.board_contents_wrap { border-top: 2px solid #555555; COLOR: #62625E; FONT-SIZE: 15px; TEXT-DECORATION: none; font-family: '나눔고딕', 'Nanum Gothic', Helvetica; }
.board_contents_wrap .contents-title { border-bottom: 1px solid #e5e5e5; }
.board_contents_wrap .contents-info { border-bottom: 1px solid #e5e5e5; padding: 5px 0; }
.board_contents_wrap .board_contents { padding: 15px 0; min-height: 15em; }

.div_board_contents .thumb_container * { font-family: '나눔고딕', 'Nanum Gothic', sans-serif; }
.div_board_contents .thumb_container { position: relative; width: 100%; /*height: 190px;*/ overflow: hidden; border: 1px solid #c0c0c0; /*margin-left: 10px;*/ border-radius: 4px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; behavior: url('/iez14/js/backgroundsize.min.htc'); }
.div_board_contents .thumb_container.on { border: 1px solid red; overflow: hidden; }
.div_board_contents .thumb_title_background {
	position: absolute;
/*	top: 130px;*/
	bottom: 0;
	left: 0;
	background: #000000;
	width: 100%;
	height: 25px;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
	z-index: 90;
	border-radius: 0 0 4px 4px;
}
.div_board_contents .thumb_title { font-weight: 700; position: absolute; /*top: 130px;*/ bottom: 0; left: 0; color: white; text-align: center; width: 100%; height: 25px; z-index: 100; padding: 3px 3px 0 3px; }
.div_board_contents .thumb_title > div { font-weight: 700; color: white; line-height: 20px; }
.div_board_contents .thumb_check { position: absolute; top: 2px; right: 2px; }

/* list */
.div_board_contents #list_tab { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.div_board_contents ul > li.mobile_list { background: #ffffff; margin: 0; padding: 5px; display: inline-block; width: 25%; position: relative; float: left; }

.div_board_contents ul li.mobile_list.notice{background-color:#b5d8ff;}
.div_board_contents ul li.mobile_list.notice a{color:#3366cc;}
/* ~list */

#uploader_photo {
	background-color: rgb(245, 245, 245); border: 1px solid #c5c5c5; position: absolute; top: 50px; right: 10px;
}

@media only screen and (max-width: 700px) {
	.for-pc { display: none; width: 0%; }
	colgroup col:nth-of-type(2) { width: 100%; }
	table.boardlist tr th:nth-of-type(2) { width: 100%; }
	table.boardlist tr td:nth-of-type(2) { width: 100%; }
/*	.div_board_contents #list_tab .cls_ellipsis_subjct { width: 90vw; }*/
}