@charset "utf-8";
/* CSS Document */


/*@font-face {
	font-family:'NanumGothic';
	src:url('/gWeb_Module55/font/NanumGothic.eot');
	src:local('☺'), url('/gWeb_Module55/font/NanumGothic.woff') format('woff'),  url('/gWeb_Module55/font/NanumGothic.ttf') format('truetype');
}
@font-face {
	font-family:'NanumGothicBold';
	src:url('/gWeb_Module55/font/NanumGothicBold.eot');
	src:local('☺'), url('/gWeb_Module55/font/NanumGothicBold.woff') format('woff'),  url('/gWeb_Module55/font/NanumGothicBold.ttf') format('truetype');
}*/

input { outline:none; }
html, body {height:100%;}

body {
	/*background-color: #000;*/
	margin:0;
	padding:0;
	font-family:Dotum, Gulim, 나눔고딕, Arial, Helvetica, AppleGothic, sans-serif;
	font-size: 0.75em;
	/* 2015.07.01 line-height: 1.2em; */
	color: #333;
	/* 스클롤바 모양 변경*/
	
	SCROLLBAR-FACE-COLOR: #fff;
	SCROLLBAR-HIGHLIGHT-COLOR: #999;
	SCROLLBAR-SHADOW-COLOR: #999;
	SCROLLBAR-3DLIGHT-COLOR: #fff;
	SCROLLBAR-ARROW-COLOR: #999;
	SCROLLBAR-TRACK-COLOR: #fff;
	SCROLLBAR-DARKSHADOW-COLOR: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, fieldset, p, h1, h2, h3, ul, li, ol, p, dl, dt, dd {
	display:block;
	margin:0;
	padding:0;
}
footer { clear:both; }
ul, ol, dl { list-style:none; }
a { text-decoration:none; }
a:active {	background:none; }
img { border:none; }
figure {
	padding:0;
	margin:0;
}
figcaption { display:none }
iframe {
	border:none;
	margin:0;
	padding:0;
}

.clear { clear:both; height:0; }
#container {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#container:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ 

.bold { font-weight:bold; }

.transparent {

    /* works for IE 5+. */
    filter:alpha(opacity=30); 

    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity:0.3; 

    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.3; 

    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */  
    opacity: 0.3; 
}



/*팝업창을 위한 페이지 불투명 처리*/
.ggMask {
	top:0px;
	left:0px;
	min-height:100%;
	width:100%;
	position:absolute;
	background-color:black;
	opacity: 0.5;
	filter: alpha(opacity=70);
}

/*메인게시판 연결 글자제한시 ... */

.mainlistboard a .subject {
	clear:both;
	width:230px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height:20px;
	height:20px;
}

/*메인게시판 연결 타이틀 글자제한시 ... */
.mainlistboard .tit {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*탑메뉴 글자 넓이값 제한*/
.topmu .muArea ul li a {
	display:inline-block;
	/* 20130806 글자수10자까지로 수정 max-width:100px;*/
	max-width:150px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/* 컨텐츠 기본*/
.content {
	clear:both;
	margin-top:5px;
	min-height:500px;
	text-align:center;
}

/*서브메뉴 글자수 넘칠때 ...처리 관련*/
.submu .tit01,
.submu .mu li {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/*서브메뉴 UL간격 IE 버그 수정*/
.submu .mu {
	min-height:100px;
}


/*게시판관련#######################################################################*/

/*게시판목록(리스트형)-------------------------------------------------------------*/
.board { width:700px; min-height:500px; }
.board .topbtn { text-align:right; }
.board .listboard { margin-top:10px; }
.board .listboard .subject {
	width:430px;
	padding:0 5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:left;
}
.board .numlist {
	margin-top:20px;
	text-align:center;
}
.board .search {
	margin-top:20px;
	text-align:center;
}
.board .search select { border:1px solid #e0e0e0; }
.board .search input { border:1px solid #e0e0e0; }
.board .search img { margin-top:-3px; }
.tbl_type, .tbl_type th, .tbl_type td { border:0; }
.tbl_type {
	width:100%;
	border-bottom:2px solid #e0e0e0;
	font-family:'돋움', dotum;
	font-size:12px;
	text-align:center;
	border-collapse:collapse;
}
.tbl_type caption { display:none }
.tbl_type tfoot {
	background-color:#e0e0e0;
	font-weight:bold;
	color:#F00;
}
.tbl_type th {
	padding:0;
	margin:0;
	border-top:2px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background-color:#868686;
	color:#ffffff;
	font-family:'돋움', dotum;
	font-size:12px;
}
.tbl_type td {
	height:18px;
	padding:6px 0 4px;
	border:1px solid #e0e0e0;
	color:#4c4c4c;
}
.tbl_type td a { color:#4c4c4c; }
.tbl_type td.ranking { font-weight: bold; }




/*게시판목록(갤러리형)-------------------------------------------------------------*/

.board .galleryboard { margin-top:10px; }
.board .galleryboard .thumbnailArea {
	float:left;
	height:195px;
	width:195px;
	margin:18px 18px 35px;
}
.board .galleryboard .thumbnailArea .imagesArea {
	width:185px;
	height:125px;
	padding:4px;
	background-color:#FFF;
	border:1px solid #CCC;
	text-align:center;
	margin-bottom:8px;
}
.board .galleryboard .thumbnailArea .subject,
.board .galleryboard .thumbnailArea .date,
.board .galleryboard .thumbnailArea .name  {
	width:191px;
	padding:0 2px;
	overflow:hidden;
	text-align:right;
	line-height:16px;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-family:Dotum;
	font-size:12px;
	color:#757575;
}




/*게시판뷰------------------------------------------------------------*/
#boardwrap {
	margin:10px 10px 0 10px;
	width:680px;
}
#boardwrap #gallery_txt .tbl_type tbody tr td .galleryTxt {
	padding:10px;
	text-align:left;
}
.boardListreplynum {
	color:#F60;
	font-weight:bold;
}
.tbl_type2, .tbl_type th, .tbl_type td { border:0 }
.tbl_type2 {
	width:100%;
	border-bottom:2px solid #dcdcdc;
	font-family:'돋움', dotum;
	font-size:12px;
	text-align:center;
	border-collapse:collapse
}
.tbl_type2 caption { display:none }
.tbl_type2 tfoot {
	background-color:#f5f7f9;
	font-weight:bold
}
.tbl_type2 th {
	padding:7px 0 4px;
	border-top:2px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	background-color:#f5f7f9;
	color:#666;
	font-family:'돋움', dotum;
	font-size:12px;
	font-weight:bold
}
.tbl_type2 th.view {
	padding:8px 0 5px 20px;
	width:80px; /*20130621 html의 col를 삭제한후 넓이값수정*/
	border-top:1px solid #dddee2;
	background:#f1f1f3;
	color:#666;
	font-weight:bold;
	text-align:left;
	vertical-align:top
}
.tbl_type2 td {
	padding:6px 0 4px;
	border:1px solid #e5e5e5;
	color:#4c4c4c
}
.tbl_type2 td.ttl {
	padding:6px 0 4px 7px;
	border:1px solid #e5e5e5;
	color:#4c4c4c;
	text-align:left;
}
.tbl_type2 td.view {
	padding:8px 5px 5px 12px;
	/*border-top:1px solid #dddee2;*/
	line-height:16px;
	vertical-align:top;
	text-align:left;
}
.tbl_type2 td.ranking { font-weight:bold }
/*20121108 댓글 및 덧글 기능 추가*/
#boardwrap .replyArea {
	width:668px;
	background:#ffffff;
	padding:5px;
	border:1px solid #d3d3d3;
}
#boardwrap .replyArea .resum {
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#F30;
	border-bottom:1px solid #dddddd;
}
#boardwrap .replyView {
	height:auto;
	padding:5px;
	border-bottom:1px dotted #CCC;
}
#boardwrap .replyInfo .info .data { color:#666; }
#boardwrap .replyInfo .info {
	float:left;
	width:70%;
}
#boardwrap .replyInfo .auction {
	float:right;
	font-size:11px;
}
#boardwrap .replyInfo .auction a { color:#333; }
#boardwrap .replyInfo .auction a:active { background:none }
#boardwrap .replytxt {
	clear:both;
	padding-top:5px;
	color:#666;
}
#boardwrap .writeArea {
	margin-top:5px;
	padding:5px;
}


/* 20130620 #boardwrap textarea 수정으로 인한 댓글 부분 밀리는 현상 수정*/
#boardwrap .writeArea textarea {
	border:1px solid #dddddd;
	width:560px;
	height:38px;
	vertical-align:middle;
}


#boardbtn {
	margin:10px;
	text-align:center;
}


/* 20130620 게시판 글쓰기 관련 추가*/
#boardwrap .writeinput { 
	height:20px;
	border:1px solid #CCC;
	font-family:Dotum;
	font-size:12px;
	color:#000;
}

/* 20130620 게시글 뷰 및 쓰기 화면의 글쓰기 textarea 부분 관련추가*/
#boardwrap textarea {
	width:500px;
	border:1px solid #CCC;
	font-family:Dotum;
	font-size:12px;
	color:#000;
}

#boardwrap .ssbtnWhite {
	height:20px;
	padding:2px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#FFF;
	font-size:12px;
	cursor:pointer;
}



/*버튼 관련 css######################################################################*/

/*최소작은 기본 흰색*/
.ssbtnWhite {
	padding:2px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#FFF;
	font-size:12px;
	cursor:pointer;
}
/*기본 테이블 내 작은 버튼 흰색*/
.sbtnWhite {
	padding:4px 5px 1px 5px;
	vertical-align:middle;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:3px;
	/*background:#FFF;*/
	background:url(../images/sbtnWhite_bg.png) repeat-x center;
	font-size:12px;
	color:#333;
	cursor:pointer;
}
/*기본 하단 액션 버튼 */

.actionbtnBlack {
	padding:6px 20px 4px 20px;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#363636;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.actionbtnGrey {
	padding:6px 20px 4px 20px;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#8e8e8e;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.actionbtnOrange {
	padding:6px 20px 4px 20px;
	line-height:16px;
	border:1px solid #964228;
	border-radius:4px;
	background:#F60;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
/*액션큰버튼*/

.actionbtnbigRed {
	padding:10px 20px 10px 45px;
	line-height:16px;
	border:1px solid #969696;
	border-radius:6px;
	background-color:#c41f19; /*기본빨강컬러*/
	/*background-color:#313131; */
	font-family:NanumGothicBold;
	font-size:18px;
	color:#fff;
	cursor:pointer;
}
.actionbtnbigGrey {
	padding:10px 20px 10px 45px;
	line-height:16px;
	border:1px solid #969696;
	border-radius:6px;
	background-color:#999;
	font-family:NanumGothicBold;
	font-size:18px;
	color:#fff;
	cursor:pointer;
}


/* 게시판뷰의 이미지 사이즈 제어 */
.tbl_type2 td.view {
	width:auto;
	overflow:auto;
}
.tbl_type2 td.view img {
	max-width: 560px ;
	height: auto ;
}