/*Board ***********************************************************************************************************/

.dpn { display: none !important; }
.dpb { display: block !important; }
.dpi { display: inline !important; }

.board { clear: both; width: 100%; margin: 0 auto; }/*게시물전체너비설정*/
.board a,
.board a:link { color: #555; text-decoration: none; }
.board a:visited { color: #666; }
.board a:hover, a:active, a:focus { color: #000; text-decoration: underline; } /* a:focus??? */

.board em { color: #f00; font-weight: bold; }/*강조글씨*/ 
.board img { vertical-align: middle; }

/*게시물상단정보(총페이지,검색,등..)*/
.board .infomenu { clear: both; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }

.board .left {position: relative; padding: 4px 0; }
.board .right { float: right; position: relative; padding: 4px 0; }
.board .center { position: relative; text-align: center; padding: 4px 0; margin: 0 auto; }

.board .totalpage {  }
.board .totalpage em {  }

.board .imbar { clear: both; height: 34px; margin: 0 0 .75em 0; padding: 10px 0 0 /* .75em */ 0; border-bottom: 0 solid #eee; color: #ccc; }
.board .imbar .left { padding-left: 20px; }
.board .imbar .right { padding-right: 20px; }

.board .bt_set { margin-top: -44px; }
.board .bt_set .left { padding-left: 20px; }
.board .bt_set .right { padding-right: 20px; }


/*검색폼 */
.board .search { width: 100%; margin: 0; padding: 2px 0 5px; border-bottom: 0 solid #ddd; background: #fff; text-align: right; }
.board .search input.text { width: 100px; }
.board .search button.button { width: 55px; height: 21px; border: 0; text-indent: -2000px; }
.board .search img {vertical-align: middle;}

.board .searchClass { clear:both; float: left; position:relative; width: 50%; margin: 0; padding: 0; border-bottom: 0 solid #ddd; background: #fff; text-align: right; }
.board .searchClass input.text { width: 100px; }
.board .searchClass button.button { width: 55px; height: 21px; border: 0; text-indent: -2000px; }
.board .searchClass img {vertical-align: middle;}

.board .searchKeyword { float: right; position:relative; width: 50%; margin: 0; padding: 0; border-bottom: 0 solid #ddd; background: #fff; text-align: right; display: inline;}
.board .searchKeyword input.text { width: 100px; }
.board .searchKeyword button.button { width: 55px; height: 21px; border: 0; text-indent: -2000px; }
.board .searchKeyword img {vertical-align: middle;}



/*페이지 이전글,다음글 */

div.board ul.pager {margin: 1.2em 0 0.5em; list-style: none; text-align: center; width: 100%;}
div.board ul.pager li {display: inline; border-left: 0.1em solid #9EADBB; padding: 0 0.3em; text-align: center;}
div.board ul.pager li.first, 
div.board ul.pager li.prev, 
div.board ul.pager li.next, 
div.board ul.pager li.last {border: 0 none;}
div.board ul.pager img {vertical-align: middle;	border:none;}
div.board ul.pager span.current {font-weight: bold;}


/* 게시물리스트테이블 */

.board table.basic { position: relative;clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 .67em 0px; border-top: 2px solid #EDB001; border-bottom: 1px solid #FBBB03;}
.board table.basic thead.tb tr,
.board table.basic tbody.tb tr { line-height: 1.25; text-align: center;}
.board table.basic tbody.tb td,
.board table.basic tbody.tb th { padding: 7px 15px 5px; border-bottom: 1px solid #e9e9e9; border-top: 0 dashed #ccc; font-weight: normal; white-space: nowrap; }
.board table.basic thead.tb th { background:#FDF3D8; padding: 8px 15px 5px; border-bottom: 1px solid #d9d9d9; color: #C97507; font-weight: bold; letter-spacing: -1px; white-space: nowrap; }
.board table.basic thead.tb th.first { padding-left: 3px; padding-right: 0; }
.board table.basic tbody.tb td.first { padding-left: 18px; }
.board table.basic thead.tb th.last { padding-right: 18px;}
.board table.basic tbody.tb td.last { padding-right: 18px; }
.board table.basic tbody.tb td.subject { text-align: left; white-space: normal; }
.board table.basic thead.tb th.subject { text-align: left; white-space: normal; }
.board table.basic tbody td.substance { padding: 1.4em 5px; }
.board table.basic tbody td.attach { text-align: left; padding: 0; border-top: 1px dashed #ccc; white-space: normal; }
.board table.basic tbody td.attach a { float: left;margin:0;padding:0;}
.board table.basic tbody.tb tr:hover { background: #f9f9f9; }
.board table.basic tbody.tb.tt tr:hover { background: transparent; }


.board table.basic { position: relative;clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 .67em 0px; border-top: 2px solid #EDB001; border-bottom: 1px solid #FBBB03;}
.board table.basic thead.tbe tr,
.board table.basic tbody.tbe tr { line-height: 1.25; text-align: center;}
.board table.basic tbody.tbe td,
.board table.basic tbody.tbe th { padding: 7px 5px 5px; border-bottom: 1px solid #e9e9e9; border-top: 0 dashed #ccc; font-weight: normal; white-space: nowrap; }
.board table.basic thead.tbe th { background:#FDF3D8; padding: 8px 15px 5px; border-bottom: 1px solid #d9d9d9; color: #C97507; font-weight: bold; letter-spacing: -1px; white-space: nowrap; }
.board table.basic thead.tbe th.first { padding-left: 3px; padding-right: 0; }
.board table.basic tbody.tbe td.first { padding-left: 5px; }
.board table.basic thead.tbe th.last { padding-right: 5px;}
.board table.basic tbody.tbe td.last { padding-right: 5px; }
.board table.basic tbody.tbe td.subject { text-align: left; white-space: normal; }
.board table.basic thead.tbe th.subject { text-align: left; white-space: normal; }
.board table.basic tbody tde.substance { padding: 1.4em 5px; line-height: normal !important;}
.board table.basic tbody tde.substance * { line-height: normal !important;}
.board table.basic tbody tde.attach { text-align: left; padding: 7px 5px; border-top: 1px dashed #ccc; white-space: normal; }
.board table.basic tbody tde.attach a { margin-left: 4px; }
.board table.basic tbody.tbe tr:hover { background: #f9f9f9; }
.board table.basic tbody.tbe.tt tr:hover { background: transparent ; }

/**/
.board table.basic thead.write th.first { padding-left: 13px; text-align: left; }
.board table.basic tbody.write td { padding: 0 0 10px 0; text-align: left; }

/*팝업창*/
#popwin {
	position:relative;
	width:450px; 
	height:450px; 
	margin:0; 
	padding:0; 
	border:7px solid #efefef;
	}
#popwin h2{
	position:absolute; 
	top:-7px; 
	left:-7px; 
	margin:0; 
	padding:0; 
	width:470px; 
	height:56px;
	}
#popwin .poplogo {
	position:relative;
	float:left; 
	top:15px; 
	left:340px; 
	width:100px; 
	height:30px;
	}
#popwin .popcon {
	position:relative;
	float:left;  
	top:30px; 
	left:20px; 
	margin:0; 
	padding:20px; 
	width:380px; 
	text-align:center;
	}
#popwin .popcon .searchresult {
	overflow:auto;
	max-height:200px;
	text-align:center;
	}
#popwin .popcon p.txt {margin:0; padding:5px 0;}
#popwin .popcon div.formbox {margin:10px 0; padding:20px; border-top:1px solid #cad3e2; border-bottom:1px solid #cad3e2;}
#popwin .ment {position:absolute; left:40px; width:380px; top:130px; margin:10px 0; letter-spacing:-1px; padding:10px 0; line-height:1.3em; font-size:1.25em; font-weight:bold; text-align:center;}
#popwin .ment .greenfont {font-weight:bold; color:#1ba10d;}
#popwin .ment .pinkfont {font-weight:bold; color:#ed145b;}
#popwin .ment .textline {text-decoration:underline;}
#popwin .popcon img {vertical-align:top; margin:0 6px; padding:0;}
#popwin .popbtn {position:absolute; bottom:40px; left:20px; margin:0; padding:20px; width:380px; text-align:center;}
#popwin .popbtn img {margin:0; padding:0 2px;}
#popwin .zippopclose {
	position:relative;
	float:left;  
	top:391px;
	bottom:6px; 
	right:-1px;
	}
#popwin .popclose {
	position:absolute;
	float:left;  
	top:405px;
	bottom:6px; 
	right:7px;
	}
	
#popwin .search{
	font-size:0.8em ;
	}
#popwin .searchtxt{
	font-size:0.7em ;
	}
#popwin .scraptxt {position:absolute; top:200px; left:40px; width:380px;}
#popwin .scraptxt p.scrapbox {margin:0; padding:5px 0 5px 15px; background:url(../../site/common/image/PopBg03.gif) no-repeat 0 0; font-weight:bold;}

/* 목록,쓰기,읽기등의 타이틀지정 */
.board {clear:both;width:100%;}
.board .title { margin: 0 !important; padding: 0; border-bottom: 1px solid #d9d9d9; border-top: 2px solid #edb001;line-height: 1.25; z-index: 1; }
.board .title2 { margin: 0; padding: 0 0 0 1%; border-top: 2px solid #04B44C; line-height: 1.25; z-index: 1; }
.board .title h3 { margin: 0; padding: 5px 2% 5px 1%; padding-right: 0; background:#fdf3d8; letter-spacing: 0; text-align: center;}
.board .title h3 span { display: none /* inline */; float: left; width: 8.9%; margin: 0 1% 0 0; padding: 0 1% 0 1%; text-align: center; background: transparent;}
* html .board .title h3 span { width: 8.6%; margin-right: .6%; }
*:first-child+html .board .title h3 span { width: 8.6%; }


/* 쓰기폼 */

.board div.write div.fieldset { position: relative; margin: 4px 0 .67em 0; padding: 0 0 4px 0; overflow: hidden; border-bottom: 1px solid #22579c; background: #fff; line-height: 1.25; }
.board div.write fieldset { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.board div.write legend { display: none; }
.board div.write div.item { clear: both; position: relative; width: 78%; height: auto; top: -1px; margin: 0; padding: 4px 2% 4px 20%; border-top: 1px solid #eee;}
.board div.write div.item .head { display: block; position: absolute; left: 0; top: 0; width: 14%; height: 100%; margin: 0; padding: 6px 2% 2px 2%; text-align: right; white-space: nowrap; }
.board div.write div.item2 { clear: both; position: relative; width: 78%; height: auto; top: -1px; margin: 0; padding: 4px 2% 4px 122px; border-top: 1px solid #eee;}
.board div.write div.item2 .head { display: block; position: absolute; left: 0; top: 0; width: 14%; height: 100%; margin: 0; padding: 6px 2% 2px 18px; text-align: right; white-space: nowrap; }

.board .explain { margin: 0; padding: 3px 0; color: #666; font-size: 1em; letter-spacing: 0;}
.board span.required, .board span.essential { color: #f30; }
.board .write input.w100 { margin-right: -2%; }
.board .write input.file { width: 100%; }
.board .write textarea { width: 100%; height: 150px; margin: 0; }

.board div.write div.expand { width: auto; margin: 0; padding: 4px 2% 4px 2%; background: #fff;}
.board div.write div.expand .head { display: none !important; }


/* 읽기 */

.board div.view { clear: both; margin: 0 0 .67em 0; border-bottom: 1px solid #22579c; }
.board div.view .info dl { width: 100%; margin: 0; padding: 0; overflow: hidden; border-bottom: 0 solid #cad0d6; line-height: 1.25; }
.board div.view .info dl dt { display: inline; float: left; width: 9.9%; margin: 0; padding: 6px 1% 4px 1.5%; border-bottom: 1px solid #e9e9e9; text-align: right; }
.board div.view .info dl dd { display: inline; float: left; width: 86%; margin: 0; padding: 6px .5% 4px 1.1%; border-bottom: 1px solid #e9e9e9;}
.board div.view .info dl dd img { vertical-align: middle; margin: 0 0 4px; }
.board div.view .info dl.attach { position: relative; top: -1px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #f7f8f9; }
.board div.view .info dl.attach dt,
.board div.view .info dl.attach dd { border: 0; }
.board div.view .info dl.attach dd ul { list-style: none; margin: 0; padding: 0; }
.board div.view .info dl.attach dd ul li { margin: 0 4px 4px 0; padding: 0; white-space: nowrap; }
.board div.view .info dl.attach dd img { vertical-align: middle; margin: -3px 0 2px; }
.board div.view .substance { min-height: 140px; padding: 1.8em 2em  2em  2em;  line-height: 1.6em !important;}
* html .board div.view .substance { height: 140px; line-height: 1.6em !important; }

.board div.view .info dl.col4 dt { }
.board div.view .info dl.col4 dd { width:36% }
.board div.view .info dl.col5 dt { }
.board div.view .info dl.col5 dd { width:40% }

#list img{
	float: right;
	left:50px; 
	}
#act{
	clear: both;
	list-style: none;
	}
div.actboard ul,
div.actboard li {
	clear:both;
	list-style: none;
}

/* 설문조사 읽기 */

.board div.view .opinion {margin:20px;}
.board div.view table caption {display:none;}
.board div.view .opinion h2 {display:none;}
.board div.view .opinion span.q {font-weight:bold; letter-spacing:-1px; color:#333; margin:0; padding:5px 0 5px 5px;}
.board div.view .opinion span.etco {letter-spacing:-1px; color:#333; margin:10px; padding:5px 0 5px 5px; border:1px solid #ccc; width:100%; height:28px;}
.board div.view .opinion ul {list-style:none; margin:10px; padding:0; line-height:1.6em;}
.board div.view .opinion ul li { padding-left:15px; background:url(/site/common/image/PollistIco.gif) no-repeat 0.2em 0.5em;}

.board div.view .opinion_w {margin:20px;}
.board div.view .opinion_w ul {list-style:none; margin:10px; padding:0; line-height:1.6em;}
.board div.view .opinion_w ul li {padding-left:15px;}
.board div.view .opinion_w h2 {display:none;}
.board div.view .opinion_w span.q {font-weight:bold; letter-spacing:-1px; color:#333; margin:0; padding:5px 0 5px 5px;}
.board div.view .opinion_w label{display:none;}
.board div.view .opinion_w .etco_w {margin:10px 0 0 5px;}
.board div.view .opinion_w .etco_w input { width: 100%; margin: 0; }


/* 이카드읽기 */

.board div.ecardview { clear: both; margin: 0 0 .67em 0; border-bottom: 1px solid #22579c; }
.board div.ecardview .ecardinfo dl { width: 100%; margin: 0; padding: 0; overflow: hidden; border-bottom: 2px dotted #cad0d6; line-height: 1.25; }
.board div.ecardview .ecardinfo dl dt { display: inline; float: left; width:25%; height: 22px; margin: 0; padding: 1px 1% 4px 1.5%; border-bottom: 1px solid #e9e9e9; text-align: left;}
.board div.ecardview .ecardinfo dl dd { display: inline; float: left; width:65%; height: 22px; margin: 0; padding: 1px .5% 4px 1.1%; border-bottom: 1px solid #e9e9e9; }
.board div.ecardview .ecardinfo dl dd img { vertical-align: middle; margin: 0 0 4px; }
.board div.ecardview .ecardinfo dl dd span.mailadd { font-size:0.85em; color:#00a99d;}
.board div.ecardview .ecardinfo dl dd span.mailadd a { font-size:0.85em; color:#00a99d;}
.board div.ecardview .substance { min-height: 140px; padding: 1.8em 2em  2em  2em; }
.board .ecardwrite textarea { width: 100%; height: 150px; margin: 0; color:#286457;}

/*읽기에 이미지나 플래쉬가 삽입되었을경우 */

.board div.ecardview .substance img.picture { display: block; margin: 1.8em auto 1.8em; padding: 6px; border: 4px solid #eee; }
.board div.ecardview .substance div.flash { display: block; width: 320px; height: auto; margin: 1.8em auto 1.8em; padding: 0; border: 4px solid #e4e4e4; }

/*직원상세보기*/
.board .person {width:100%; margin-bottom:7px; border:1px solid #c6c6ca;}
.board .person dl { width: 100%; margin: 10px; padding: 0;line-height: 1.25;}
.board .person dl dt { display: inline; float: left; width: 11%; margin: 0; padding:0 0 0 10px; color:#4c4c70; font-size:0.85em; font-weight:bold; background:url{/image/executive/common/personico.gif) no-repeat top 0;}
.board .person dl dd { display: inline; float: left; width: 79%; margin: 0; padding:0;}


/*PhotoGallery*/

#PhotoGallery {width:100%; margin:0; padding: 0;}
#PhotoGallery dl{clear:both; margin:0; padding:0; overflow: hidden;}
#PhotoGallery dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#PhotoGallery dl dt{margin: 0.9em; padding:1em; font-size:1em;}
#PhotoGallery dl dd{
	display: inline;
	float: left;
	margin: 0.5em 0 0.625em 1.4em;    /*포토갤러리 간격조정*/
	width: 100px;               /*포토갤러리 사진너비조정*/
	height: 130px;
	font-size: 1em;
	line-height:1.2em;
	letter-spacing:-0.1em;
	text-align:center;
}
#PhotoGallery dl dd img{ border:1px solid #e1e1e1; margin:0; padding:2px;}
#PhotoGallery table.frame td {vertical-align:middle; margin:0; padding: 0;}
#PhotoGallery table.frame td a:active, 
#PhotoGallery table.frame td a:hover{color:#327575;}
#PhotoGallery table.frame td.image {height:100px; text-align:center; border:0.1em solid #d7d7d7;}
#PhotoGallery dl dd ul{list-style:none; margin:0; padding:10px 0 0 0;}
#PhotoGallery dl dd ul li{margin:0; padding:0; display:block; width:100px;}   /*동영상다운로드버튼제어*/
#PhotoGallery dl dd ul li a{ color:000; font-size:1em;}
#PhotoGallery dl dd ul li span.tit { color:555; font-size:0.85em;}
#PhotoGallery dl dd ul li img{ display:block; border:none !important;}
#PhotoGallery table.

/*회원관련*/

/*회원약관*/
h2.agreement { font-size: 1em; padding:0;margin: 1.5em 0 0.8em 0;}
div.agreement {	width: 700px; height: 10em;	padding: 16px 20px;	margin: 0;}
div.agreement div.content {	width: 100%;border: 1px solid #ccc;	background-color: #fff;}
#agreement p.agree-submit { width: 700px;text-align: right;	margin: 1.5em 0;padding:0;}
#agreement p { width: 700px; text-align:center;}

/*실명인증*/
div.certificate {font-size: 1em; width: 700px; border: 3px solid #ccc; background-color: #fff; margin: 16px 20px; padding: 10px 10px; line-height:1.3em;}
div.certificate div.textarea {width: 97%; overflow: auto; background-color: #dedbd7; margin: 15px 5px; padding: 5px;}
div.certificate p {text-align: center;}
div.certificate p img{border:0;}
div.certificate p.click a:link, div.certificate p.click a:visited,div.certificate p.click a:active, div.certificate p.click a:hover {
  display:block; text-align: center; color:#327575; border:0;}



/* form*/

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { margin: 0; padding: 0; }
input,
select,
textarea,
button { margin: 0; padding: 0; font-size: 1em ; line-height: 1.25; vertical-align: middle; }
select { *margin-top: 1px; } /* IE */
:root select { height: 18px; } /* FF */
html:first-child select { height: 19px; } /* Op */
textarea { padding: 2px 0 0 2px; border: 1px solid #bbb; background: #fff; overflow: auto; }

/* Class Base */
input.text { padding: 2px 2px 1px 2px; border: 1px solid #bbb; background: #fff; }
:root input.text { padding-bottom: 0px; } /* FF */
html:first-child input.text { padding-top: 3px; padding-bottom: 2px; } /* Op */
input.file { padding: 2px 2px 0 2px; height: 19px; border: 1px solid #bbb; background: #fff; }
body:first-of-type input.file { border-width: 0; } /* Sf3 hack CSS ver3 valid */
input.radio, input.checkbox { width: 13px; margin: 0 1px 2px 0; }
input.image { vertical-align: middle; }

/* 교현 추가 */
.board table.pbasic {clear: both; border-collapse: collapse; width: 94px; margin: 0 0 0 0; }
.board table.pbasic tbody.ptb tr {clear:both; margin:0; padding:0; overflow: hidden; }
.board table.pbasic tbody.ptb td {
	display: inline;
	float: center;
	margin: 0 0 0 0;    /*포토갤러리 간격조정*/
	font-size: 1em;
	line-height:1.3em;
	letter-spacing:-0.1em;
}
.board table.pbasic tbody.ptb td.text a{
	clear:both;
	text-align:center !important;
	width: auto;
}

/* 교현 추가 끝 */