﻿body {
}
/* 게시판 기본 설정 */
div.article
{
	width: 100%;
	margin: 1em 0 0 0.75em;
}

div.article *
{
	margin: 0;
	padding: 0;
}

div.article ul li,
div.article ol li
{
	list-style: none;
}

div.article form fieldset input
{	
	font-size: 1em;
	font-family: Tahoma, "돋움", "굴림";
}
/* 검색 */
div.article div.article-search form div.article-search-detail
{
	width: 30em;
}

div.article div.article-search form div.article-search-detail *
{
	vertical-align: middle;
}

div.article div.article-search form div.article-search-detail form
{
	width: 30em;
	height: 2em;
}

div.article div.article-search form div.article-search-detail form div.article-search-detail
{
	float: left;
	padding-right: 0.5em;
}

div.article div.article-search form div.article-search-detail span.search-category select
{
	width: 5em;
	height: 1.66em;
	border: 1px solid #BFC3CD;
	font-family: Tahoma, "돋움", "굴림";
}

div.article div.article-search form div.article-search-detail span.search-keyword input
{
	height: 1.66em;
	font-size: 1em;
	border: 1px solid #BFC3CD;
	font-family: Tahoma, "돋움", "굴림";
}

/* 검색 submit 버튼 이미지 사이징 */
div.article div.article-search form div.article-search-detail span.search-submit input
{
	width: 3.33em;
	height: 1.66em;
	margin-top: -0.2em;
}

/* 전체목록보기 버튼 이미지 사이징 */
div.article div.article-search form div.article-search-detail span.all-list img
{
	width: 7em;
	height: 1.66em;
}

/* 겈색결과 */
div.search-clause
{
	height: 1em;
	margin: 1em 0;
}

div.search-clause strong
{
	color: #259CBE;
}

/* 분류 */
div.article-select-station
{
	clear: both;
	margin: 1em 0;
	padding: 0.5em 1.5em;
	background-color: #fefefe;
	border: solid 1px #d9dada;
}

* html div.article-select-station
{
	overflow: hidden;
	height: 1%;
}

div.article-select-station ul
{
	clear: both;
	list-style: none;
	overflow:auto; 
	table-layout:fixed;
}

div.article-select-station ul li
{
	float: left;
	height: 1.5em;
	margin-right: 1.5em;
	padding-left: 0.75em;
	background: url(/images/common/contents/icon_depth_03.gif) no-repeat 0 0.5em;
	line-height: 1.5em;
}

/* 리스트 */
div.article div.article-wrap
{
	margin: 0 0 0 -0.25em;
	padding: 1.5em 0 0 0;
}

div.article div.article-wrap table.article
{
	width: 100%;
	font-size: 1em;
	text-align: center;
	border-collapse: collapse;
	border-top: 2px solid #72A3D0;
	border-bottom: 0.16em solid #E1E1E1;
}

div.article div.article-wrap table.article caption
{
	padding: 0 0.3em 0.3em 0;
	text-align: right;
}

div.article div.article-wrap table.article thead tr th
{
	height: 1.75em;
	border-bottom: 1px solid #72A3D0;
	background-color: #EFF5FA;
	color: #3691A3;
}


div.article div.article-wrap table.article tbody tr td
{
	height: 2em;
	border-bottom: 1px solid #DDD;
}

div.article div.article-wrap table.article tbody tr td.subject
{
	text-align: left;
}

div.article div.article-wrap table.article tbody tr td.subject span.re-space
{
	margin-left: 1em;
}

/* 현재보고있는 게시물 하이라이트 효과 */
div.article div.article-wrap table tbody tr.current td
{
	color: #3691A3;
	font-weight: bold;
	text-decoration: underline;
}

div.article div.article-wrap table tbody tr.current td a
{
	color: #3691A3;
	text-decoration: underline;
}

div.article-paging
{
	clear: both;
	height: 1em;
	margin: 1em 0;
	text-align: center;
}

div.article-paging *
{
	vertical-align: middle;
}

div.article-paging span
{
	margin: 0 0.15em;
}

div.article-paging span.current
{
	color: #269BBD;
	font-size: 1.5em;
	padding: 0 0.2em 0 0.2em;
	font-weight: bold;
	letter-spacing: -1px;
}

/* 페이징 버튼 이미지 사이징 */
div.article-paging span img
{
	height: 1.08em;
}

/* 게시물 상세보기 */
div.contents div.article div.writer-info-wrapper
{
	margin-bottom: 1em;
}

div.article div.writer-info-wrapper div.row
{
	clear: both;
	width: 60.25em;
	padding: 0.5em 0 0.3em 0;
	text-align: left;
	border-bottom: 1px solid #739ED6;
}

* html div.article div.writer-info-wrapper div.row
{
	width: 58em;
}

div.article div.writer-info-wrapper div.row01
{
	width: 58.75em;
	height: 1.5em;
	margin: 0 0 0 -0.25em;
	padding: 0.5em 0 0.3em 1.75em;
	background-color: #739ED6;
	color: #fff;
	font-weight: bold;
	border: none;
	font-size: 1em;
}

div.article div.writer-info-wrapper div.row01 span.head
{
	display: none;
}

div.article div.writer-info-wrapper div.attach
{
	min-height: 1.5em;
	height: auto !important;
	height: 1.5em;
	padding: 0.5em 0 0.3em 0;
}

div.article div.writer-info-wrapper div.row span.box span.head,
div.article div.writer-info-wrapper div.attach span.head
{
	color: #636163;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0em;
}

div.article div.writer-info-wrapper span.box
{
	font-size: 0.95em;
	margin: 0 0 0 0;
	padding: 0 1em 0 0;
}

div.article div.contents-wrapper
{
	clear: both;
	width: 57.75em;
	padding: 2em 1.2em 2em 1.2em;
	line-height: 1.4em;
	border: solid 2px #DEDFDE;
}

div.article div.contents-wrapper div.image
{
	text-align: center;
	margin-bottom: 1.5em;
}
	
/* 처리명령 */
div.article div.command
{
	clear: both;
	margin: 1em;
	text-align: right;
}

/* 처리명령버튼 이미지 사이징  */
div.article div.command img
{
	height: 1.83em;
}

/* 이미지 사이즈 조정 */
div.article div.article-wrap table.article thead tr th
{
	height: 1.91em;
}

/* 번호 */
div.article div.article-wrap table.article thead tr th.no
{
	width: 4.66em;
}

/* 제목 */
div.article div.article-wrap table.article thead tr th.subject
{
	width: 26em;
}

/* 첨부 */
div.article div.article-wrap table.article thead tr th.attach-file
{
	width: 3.58em;
}

/* 작성자 */
div.article div.article-wrap table.article thead tr th.author
{
	width: 9.33em;
}

/* 작성일 */
div.article div.article-wrap table.article thead tr th.reg-date
{
	width: 5.5em;
}

/* 조회수 */
div.article div.article-wrap table.article thead tr th.hit
{
	width: 5.08em;
}

/* 페이지 하단 처리명령 버튼 이미지 사이징 */
div.article-command img
{
	height: 1.83em;
}

/* 게시물 입력폼 */
form#input_form_article1
{
	margin: 2em 1em 0 0;
	padding: 0;
	border-top: 2px solid #43B7D9;
}

form#input_form_article1 * 
{
	margin: 0;
	padding: 0;
}

form#input_form_article1 fieldset
{
	border: none;
	border-bottom: 1px solid #DDD;
}

/* 폼 내부 textbox 설정 */
form#input_form_article1 fieldset div.row span.content input.textbox,
form#input_form_article1 fieldset div.row span.content input#cust_cate_article1,
form#input_form_article1 fieldset div.row span.content input.text
{
	font-size: 1em;
	height: 1.5em;
	margin-top: 0.3em;
	border: 1px solid #BFC3CD;
	line-height: 1.5em;
}

/* 폼 내부 select 엘레멘트 설정 */
form#input_form_article1 fieldset div.row span.content select.combobox,
form#input_form_article1 fieldset div.row span.content select#cate_article1
{
	font-size: 1em;
	height: 1.5em;
	margin-top: 0.3em;
	border: 1px solid #BFC3CD;
	line-height: 1.5em;
}

/* 폼 내부 라디오버튼, 라디오버튼에 대한 레이블 설정 */
form#input_form_article1 fieldset div.row span.content input.radio,
form#input_form_article1 fieldset div.row span.content label.radio,
form#input_form_article1 fieldset div.row span.content label.close
{
	float: left;
	width: 1.25em;
	height: 1.5em;
	margin-top: 0.3em;
}	

form#input_form_article1 fieldset div.row span.content label.radio,
form#input_form_article1 fieldset div.row span.content label.close
{
	width: 3em;
	height: 1.25em;
	margin: 0.6em 0 0 0.25em;
}

form#input_form_article1 fieldset legend
{
	display: none;
}
	
form#input_form_article1 fieldset div.merge
{
	height: 2em;
	margin: 0 1em 0 0;
	padding: 0.5em 0.5em 0.3em 0.5em;
	text-align: right;
}

form#input_form_article1 fieldset div.merge span.required
{
	color: #43B7D9;
	font-weight: bold;
}

form#input_form_article1 fieldset div.row
{
	clear: both;
	border-top: 1px solid #DDD;
}

form#input_form_article1 fieldset div.row *
{
	vertical-align: middle;
}

form#input_form_article1 fieldset div.row span.header,
form#input_form_article1 fieldset div.row span.head
{
	float: left;
	width: 9em;
	margin: 0 0.5em 0 0;
	padding: 0.5em 0.5em 0.8em 0;
	border-right: 1px solid #DDD;
	background-color: #F1F1F1;
	font-weight: bold;
	text-align: center;
}

form#input_form_article1 fieldset div.row span.content
{
	float: left;
}

form#input_form_article1 fieldset div.row span.content *
{
	vertical-align: middle;
}

form#input_form_article1 fieldset div.merge span.content
{
	float: right;
}

form#input_form_article1 fieldset div.merge span.header span.image,
form#input_form_article1 fieldset div.merge span.head span.image
{
	display: inline;
}

/* 상세 사이즈 설정 */
/* 홈페이지 주소 입력창 사이즈 조정 */
form#input_form_article1 fieldset div.homepage span.content input.textbox
{
	width: 35em;
}
/* 휴대전화 번호 입력창 사이즈 조정 */
form#input_form_article1 fieldset div.hp span.content select.combobox
{
	width: 5em;
	height: 1.75em;
}

form#input_form_article1 fieldset div.hp span.content input.textbox
{
	width: 5.5em;
	text-align: center;
}

/* 주소입력 높이값, 넓이값 조정 */
form#input_form_article1 fieldset div.address span.header
{
	height: 6em;
}

form#input_form_article1 fieldset div.address span.content input.zipcode1,
form#input_form_article1 fieldset div.address span.content input.zipcode2
{
	width: 3em;
	text-align: center;
}

form#input_form_article1 fieldset div.address span.content input.addr1
{
	width: 20em;
}

form#input_form_article1 fieldset div.address span.content input.addr2
{
	width: 25em;
}

form#input_form_article1 fieldset div.title span.content input.title
{
	width: 35em;
}

form#input_form_article1 fieldset div.address span.content a img
{
	width: 7.41em;
	height: 1.58em;
}

/* 제목입력 넓이값 조정 */

/* 내용입력 높이값 조정 */
form#input_form_article1 fieldset div.contz span.header
{
	width: 9em;
	height: 22em;
}

form#input_form_article1 fieldset div.contz span.header span.image
{
	clear: both;
}

form#input_form_article1 fieldset div.contz span.content textarea.textarea
{
	font-size: 1em;
	line-height: 1.4em;
}

/* 첨부파일 입력 넓이값 조정 */
form#input_form_article1 fieldset div.attach span.header
{
	height: 7em;
}

form#input_form_article1 fieldset div.attach span.content span.attach
{
	clear: both;
	float: left;
	margin-bottom: 0.25em;
}

form#input_form_article1 fieldset div.attach span.content span.attach input
{
	width: 35em;
}

/* 폼 명령버튼 */
form#input_form_article1 div.command
{
	margin-top: 1em;
	text-align: center;
}

form#input_form_article1 div.command img
{
	height: 1.83em;
}

/* 비밀번호 입력 - 게시물삭제 등 */
form#input_form_article1 fieldset div.info
{
	height: 2em;
	margin: 0 1em 0 0;
	padding: 0.5em 0.5em 0.3em 0.5em;
	text-align: right;
}

form#input_form_article1 fieldset div.info span.required
{
	color: #43B7D9;
	font-weight: bold;
}

/* 웹진 기본스타일 */
div.article-wrap div.counter-wrap
{
	margin: 0 0 0 0;
	padding: 0 0.5em 0.2em 0;
	text-align: right;
	border-bottom: 2px solid #73A6D6;
}

div.article-wrap div.webzine-aricles
{
	height: 7em;
	margin-bottom: 0.5em;
	border-bottom: solid 1px #DCDCDC;
}

* html div.article-wrap div.webzine-aricles
{
	overflow: hidden;
	height: 1%;
}

div.article-wrap div.webzine-aricles div.article-image
{
	float: left;
	width: 9.41em;
	height: 5.66em;
	margin: 0 0 0 0;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border: 1px solid #DDD;
}

div.article-wrap div.webzine-aricles div.article-image *
{
	vertical-align: middle;
}

div.article-wrap div.webzine-aricles div.article-image img
{
	width: 9.41em;
	height: 5.66em;
}

div.article-wrap div.webzine-aricles ul.article-detail
{
	margin: 0 0.5em 0 11.5em;
	padding: 0.5em 0.5em 1.5em 0.5em;
	list-style-type: none;
	border: 1px solid #DDD;
	background-color: #F9F9F9;
}

div.article-wrap div.webzine-aricles ul.article-detail li
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.article-wrap div.webzine-aricles ul.article-detail li.subject
{	
	color: #447CB4;
	width: 23.5em;
	padding: 0 0.5em 0 0;
}

div.article-wrap div.webzine-aricles ul.article-detail li.subject a
{
	color: #447CB4;
}

div.article-wrap div.webzine-aricles ul.article-detail li span.title
{
	color: #447CB4;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0.5em;
}

div.article-wrap div.webzine-aricles div.contents-view
{
	margin: 0 0 0 11.5em;
	padding: 0.5em 1em 0 0.5em;
	line-height: 1.3em;
	text-align: justify;
}

/* 웹진 데이터 없을때 */
div.article-wrap  div.no-data
{
	width: 100%;
	height: 3em;
	margin-top: 1em;
	text-align: center;
	border-bottom: solid 2px #ddd;
}
/* 갤러리 게시판 기본 스타일 */
div.article div.gallery
{
	margin: 0 1em 2em 0;
	padding: 1.5em 0 0 0;
}

div.article div.gallery div.counter-wrap
{
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.2em 0;
	text-align: right;
	border-bottom: 2px solid #5DB3C4;
}

div.article  div.gallery ul.article-detail li.article-image
{
	text-align: center;
}

div.article  div.gallery ul.article-detail li.article-image img
{
	width: 11.66em;
	height: 7.91em;
}

div.article  div.gallery ul.article-detail li.subject
{	
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 0.8em;
	letter-spacing: -1px;
	border-bottom: 1px dashed #DDD;
	background: url(/images/common/board/icon_photo_board.jpg) no-repeat 0.2em 0.6em;
}

div.article  div.gallery ul.article-detail li.reg_date
{
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 0.8em;
	border-bottom: 1px dashed #DDD;
	background: url(/images/common/board/icon_photo_board.jpg) no-repeat 0.2em 0.6em;
}

div.article  div.gallery ul.article-detail li.hit
{
	padding: 0.3em 0 0 0.8em;
	background: url(/images/common/board/icon_photo_board.jpg) no-repeat 0.2em 0.6em;
}

/* 갤러리 목록 없을때 */
div.article-wrap div.gallery-aricles div.no-data
{
	width: 100%;
	margin-top: 1em;
	text-align: center;
}
	
/* 동영상 게시판 */
div.article div.movie-player
{
	float: left;
	height: 25em;
}

div.article div.movie-player object#mediaplayer_article1
{
	float: left;
	width: 26.8em;
	height: 24em;
}

/* 동영상 자막 */
div.article div.movie-caption
{
	float: right;
	width: 21em;
	height: 24em;
	margin-right: 1em;
	border: solid 2px #dfe4e7;
	border-top: solid 2px #90bde7;
}

div.article div.movie-caption h3.article-title
{
	color: #1A90A8;
	font-size: 1em;
	margin: 0 0 0 0.5em;
	padding: 0.3em 0 0.5em 2em;
	background: url(/images/common/contents/icon_depth_01.gif) no-repeat 0.3em 0;
	display: block;
}

div.article div.movie-caption div.movie-info-wrapper
{
	margin: 0 0 0 0.2em;
	padding: 0.3em 0.3em 0.3em 0.3em;
	background-color: #F7F7F7;
	border-bottom: solid 1px #e3e3e3;
}

div.article div.movie-caption div.movie-info-wrapper *
{
	vertical-align: middle;
}

div.article div.movie-caption div.movie-info-wrapper span.head-reg-date,
div.article div.movie-caption div.movie-info-wrapper span.head-hit
{
	font-size: 0.9em;
	padding: 0 0 0 0.8em;
	background: url(/images/common/movie/icon_02.jpg) no-repeat 0 0.2em;
}

div.article div.movie-caption div.movie-info-wrapper span.reg-date,
div.article div.movie-caption div.movie-info-wrapper span.hit
{
	font-size: 0.9em;
	padding: 0 1.2em 0 0;
}

/* 자막내용 */
div.article div.movie-caption div.contents-wrapper
{
	width: 20em;
	height: 18em;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: none;
	line-height: 1.4em;
	text-align: justify;
	overflow: auto;
}

* html div.article div.movie-caption div.contents-wrapper
{
	width: 21em;
}

/* 동영상 목록 */
div.article div.article-wrap div.gallery-aricles
{
	width: 100%;
	min-height: 16em;
	height: auto !important;
	height: 16em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

div.article div.article-wrap div.gallery-aricles
{
	float: left;
	text-align: justify;
	display: inline;
}

div.article div.article-wrap div.gallery-aricles ul.article-detail
{
	float: left;
	width: 12.33em;
	margin: 0 0.4em 1.5em 0.6em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	list-style-type: none;
	border: 1px solid #E2E2E2;
	background-color: #F7F7F7;
}

div.article div.article-wrap div.gallery-aricles ul.article-detail li.article-image img
{
	width: 11.66em;
	height: 7.91em;
	vertical-align: top;
}

div.article div.article-wrap div.gallery-aricles ul.article-detail li.subject
{
	color: #447cb4;
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 0.8em;
	letter-spacing: -1px;
	line-height: 1.2em;
	border-bottom: 1px dashed #DDD;
	background: url(/images/common/movie/icon_02.jpg) no-repeat 0.3em 0.6em;
	text-align: center;
}

div.article div.article-wrap div.gallery-aricles ul.article-detail li.subject a
{
	color: #447cb4;
}

div.article div.article-wrap div.gallery-aricles ul.article-detail li.reg_date
{
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 0.8em;
	border-bottom: 1px dashed #DDD;
	background: url(/images/common/movie/icon_02.jpg) no-repeat 0.3em 0.6em;
}

div.article div.article-wrap div.gallery-aricles ul.article-detail li.hit
{
	margin: 0 0 0 0;
	padding: 0.3em 0 0 0.8em;
	background: url(/images/common/movie/icon_02.jpg) no-repeat 0.3em 0.6em;
}


/* 에러처리 */
div.contents_main div.errors-wrap
{
	width: 30em;
	margin: 1.5em 0 0 0;
	padding: 1em 2em;
	border: solid 2px #e0e0e0;
}

div.article-wrap div.webzine-aricles
{
	margin: 0 0 0 0;
	padding: 0.5em 0 0.5em 0.7em;
}

div.contents_main div.errors-wrap h4
{
	padding: 0 0 0 1.25em;
	font-size: 1em;
	color: #E55E1B;
	background: url(/images/common/contents/icon_depth_02.gif) no-repeat 0 0em;
}

div.contents_main div.errors-wrap ul.errors
{
	margin: 0 0 0 2em;
	padding: 0;
	list-style: none;
}

div.contents_main div.errors-wrap ul.errors li
{
	height: 1.3em;
	padding: 0 0 0 0.75em;
	background: url(/images/common/contents/icon_depth_03.gif) no-repeat 0 0.4em;
	line-height: 1.3em;
}

