@charset "utf-8";

/* Body */
.body {
	background-image : url(/iop/bodybg.gif);
	background-repeat:repeat-x;
	background-color:#ffffff; 
	overflow-y:scroll;
	color : #444444;
}

/* Form */
form {
	margin-top : 0px;
	margin-bottom :0px;
}

/* Form Input Box*/
.input {
	font-family:"Dotum";
	font-size:12px;
	color:#333333;
	height : 20px;
	border : 1px solid #dedede;	
	padding : 2 0 0 2px;
}
 
/* 수평 22px 간격 조정 */
.hspace22 {
	width:100%;
	height:22px;
	display:block;
}

/* 수평 10px 간격 조정 */
.hspace10 {
	width:10px;
	height:10px;
	margin:0px;
	padding:0px;
	font-size:1px;
	display:block;
}

/* 수직 수평 7px 간격 조정 */
.hspace7 {
	width:7px;
	height:7px;
	margin:0px;
	padding:0px;
	font-size:1px;
	display:block;
}

/* 블루 도트 아이콘 */
.dot_blue {
	background-image : url(/iop/dot_blue.gif);
	background-repeat:no-repeat;
	width:9px;
	height:12px;
	font-size:9px;
	margin:0 0 0 0px;
}

/* 클로스 아이콘 */
.dot_cross {
	background-image : url(/section/commons/blog_icon_4dot.gif);
	background-repeat:no-repeat;
	width:7px;
	height:7px;
	font-size:7px;
	overflow:hidden;
	margin:0 5 0 0px;
}


/* 그레이 도트 아이콘 */
.dot_gray {
	background-image : url(/iop/dot_gray.gif);
	background-repeat:no-repeat;
	width:9px;
	height:11px;
	font-size:9px;
	margin:0 2 0 5px;
}

/* 제목 도트 아이콘 */
.dot_title {
	background-image : url(/section/commons/icon_title.gif);
	background-repeat:no-repeat;
	width:19px;
	height:12px;
	font-size:10px;
	float : left;
}

/* 도트 라인 */
.dotline {
	border-bottom:1px dotted #999999;
}

/* 그레이 라인 */
.grayline {
	border-bottom:1px solid #d5d5d5;
}

.line_gray {
	background-color: #e5e5e5;
	height:1px;
}

.line_gray2 {
	background-color: #e5e5e5;
	height:2px;
}

.line_gray_3px {
	background-image : url(/iop/line_3px.gif);
	height:3px;
}

.contents .graybg {
	background-color:#eeeeee;
	height:29px;
}


/* 메인용 287px  박스 */
.box_287 {
	width:287px;height:253px;overflow:hidden;
}

/* 카테고리 상단 */
.cate_div {
	border-top:1px solid #e5e5e5;
	padding :5 0 5 0px;
	border-bottom:1px solid #e5e5e5;
	width:100%;
	overflow : hidden;
}

.cate_div table{
	margin :0 5 0 5px;
}


/* 카테고리 이름 */
.cate_name, .cate_name a:visited, .cate_name a:link, .cate_name a:hover{
 	font-family:"arial";
	font-size:11px;
	color:#999999;
	line-height:120%;
}


/* font 11px */
.text11 {
	font-size:11px;
}

/* font 12px */
.text12 {
	font-size:12px;
	line-height:16px;
}

/* 별명 관련 */
.nick, .nick a:visited, .nick a:link, .nick a:hover{
	font-family:"Dotum";
	font-size:11px;
	word-spacing:-2px;
	text-decoration:none;
	overflow:hidden;
	word-break:keep-all;white-space: nowrap;
	text-overflow:ellipsis;
}

.nick a:hover {
	text-decoration:underline;
}

/* 일자 관련 */
.date_txt {
	font-family:"arial";
	font-size:11px;
	letter-spacing:0;
	word-break:keep-all;
	white-space: nowrap;
	color:#999999;
}

/* 이미지 프레임 */
.imgframe {
	width : 156px;
	height :184px;
	overflow :hidden;
	float:left;
	margin:4 6 4 0px;
}

/* 이미지 프레임 상단*/
.imgframe .imgtop {
	background-image:url(/iop/imgfrm_top.gif);
	height : 7px;
	font-size:1px;
}

/* 이미지 프레임 중앙 */
.imgframe .imgmid {
	background-image:url(/iop/imgfrm_mid.gif);
	height : 170px;
	text-align:center;
	overflow :hidden;
	padding :0 6 0 6px;
}

/* 이미지 프레임 하단 */
.imgframe .imgbot {
	background-image:url(/iop/imgfrm_bot.gif);
	height : 7px;
	font-size:1px;
}

/* 12px 타이틀 */
.title12 {
	font-family:"Dotum";
	font-size:12px;
	padding:3 10 0 0px;
	/*font-weight:bolder;*/
	color:#000000;
}

/* 16px 타이틀 */
.title16 {
	height:31px;
}
.title16 a:visited, .title16 a:link, .title16 a:hover{
	font-family:"Verdana";
	font-size:16px;
	color:#3074b8;
	font-weight:bolder;
}


/* 서버 타이틀 */
.subtitle1 {
	font-family:"Dotum";
	font-size:12px;
	color:#000000;
	font-weight:bolder;
	height:19px;
}

.subtitle2 {
	font-family:"Dotum";
	font-size:12px;
	color:#3074b8;
	font-weight:bolder;
	height : 23px;
}
.subtitle2 a:visited, .subtitle2 a:link, .subtitle2 a:hover{
	font-family:"Dotum";
	font-size:12px;
	color:#357ec3;
	font-weight:bolder;
}


/* 상단 메뉴 */
.top{
	background-image : url(/iop/topbg.gif);
	height : 109px;
	background-repeat:no-repeat;
	background-position:center top;
}

/* 상단 네비게이션바 */
.top .navibar {
	width :875px;
	height:23px;
	text-align:left;
	padding: 0 0 0 0px;
}

.top .navibar td,.top .navibar font,.top .navibar a,.top .navibar a:visited,.top .navibar a:link,.top .navibar a:hover {
	font-size : 10px;
	word-spacing:-3px;
	color :#b5b5b5;
	text-decoration:none;
}
.top .navibar a:hover{
	text-decoration:underline;
}

/* 상단 네비게이션바 영문폰트 */
.top .navibar .eng,.top .navibar .eng a:visited,.top .navibar .eng a:link,.top .navibar .eng a:hover {
	font-family:"Verdana";
	font-size:10px;
	text-decoration:none;
}
.top .navibar .eng a:hover{
	text-decoration:underline;
}

/* 상단 네비게이션바 한글폰트 */
.top .navibar .han,.top .navibar .han a:visited,.top .navibar .han a:link,.top .navibar .han a:hover {
	font-family:"Dotum";
	font-size:11px;
	text-decoration:none;
}
.top .navibar .han a:hover{
	text-decoration:underline;
}

/* 상단 hot 폰트 */
.hot, .hot a:visited, .hot a:link, .hot a:hover{
	font-family:"Dotum";
	font-size:12px;
	color :#00ffff;
	text-decoration:none;
}
.hot a:hover{
	text-decoration:underline;
}

/* 상단 네비게이션바 구분선 */
.top .navibar .bar {
	font-size:10px;
	color :#5e5e5e;
	margin : 0 3 0 3px;
}

/* 상단 네비게이션바 로그인 로그아웃 강조 */
.top .navibar .loginout,.top .navibar .loginout a,.top .navibar .loginout a:visited,.top .navibar .loginout a:link,.top .navibar .loginout a:hover {
	font-family:"Verdana";
	font-size:10px;
	text-decoration:none;
	color :#e4e4e4;
}
.top .navibar .loginout a:hover{
	text-decoration:underline;
}

/* 상단 네비게이션바 핫링크 */
.top .navibar #hotlink {
	padding:5 0 0 0px;
}
.top .navibar #hotlink table{
	table-layout:fixed;
}
.top .navibar #hotlink a,.top .navibar #hotlink a:visited,.top .navibar #hotlink a:link,.top .navibar #hotlink a:hover {
	font-family:"Verdana";
	font-size:9px;
}
.top .navibar #hotlink a:hover{
	color : #464646;
}

/* 상단 네비게이션바 핫링크 배경 58px 크기 */
.top .navibar #hotlink .bg58 {
	background-image:url(/iop/tophotlink_bg01.gif);
	background-repeat:no-repeat;
	width :58px;
}
.top .navibar #hotlink .bg58_on {
	background-image:url(/iop/tophotlink_bg01_b.gif);
	background-repeat:no-repeat;
	width :58px;
}

/* 상단 네비게이션바 핫링크 배경 68px 크기 */
.top .navibar #hotlink .bg68 {
	background-image:url(/iop/tophotlink_bg02.gif);
	background-repeat:no-repeat;
	width : 68px;
}
.top .navibar #hotlink .bg68_on {
	background-image:url(/iop/tophotlink_bg02_b.gif);
	background-repeat:no-repeat;
	width : 68px;
}

/* 상단 검색 */
.top .search {
	font-size : 13px;
	padding-top :3px;
	border-style:inset;
	border-width:1px;
	background-color:#FFFFFF;
	font-size : 11px;
	width:153px;
	height:20px;
}

/* 상단 상세검색 TEXT */
.top .searchdetail,.top .searchdetail:visited,.top .searchdetail:link,.top .searchdetail:hover {
	font-family:"Verdana";
	font-size:10px;
	word-spacing:-2px;
	text-decoration:underline;
	color:#a0c6d8;
}

/* 상단 안쪽 영역 */
.top .topinner {
	width : 875px;
}

/* 상세검색 */
.search {
	border-top : 2px solid #000000;
	border-bottom : 1px solid #d5d5d5;
	overflow: hidden;
	width : 100%;
}

.search .title {
	padding : 0 0 5 0px;	
}

.search .title, .search .title a:visited,.search .title a:link,.search .title a:hover {
	font-family:"Dotum";
	color:#000000;
	font-weight:bolder;
	font-size:14px;
}

/* 내용 영역 */
.contents {
	width : 875px;
	overflow:hidden;
}
.contents td {
	font-family:"Dotum";
}


/* 내용 영역 상단 코멘트 */
.contents .comment {
	margin-bottom : 20px;
	margin-top : 5px;
}
.contents .comment td {
	font-family:"Dotum";
	font-size:11px;
	line-height:16px;
}

/* 마이페이지 관련*/
.contents .my {}
.contents .my .list1{
	background-image : url(/section/commons/blog_icon_dot_gray.gif);
	background-repeat : no-repeat;
	background-position : 10px 11px;
	padding:2 5 0 19px;
	border-bottom : 1px solid #e8e8e8;
	height : 29px;
}
.contents .my .text1{
	color:#0161c4;
	font-weight:bolder;
	line-height : 22px;
}
.contents .my .text2{
	font-size:11px;
	padding:10 20 0 16;
}
/* 마이페이지 포인터 */
.contents .my .point{
	font-family:"Arial";
	font-size:30px;
	color:#c40109;
}

/* 마이페이지 랭킹 */
.contents .my .rank{
	font-family:"Arial";
	font-size:11px;
	color:#000000;
	font-weight:bolder;
}

/* 5px 외곽 라인 */
.contents .line5px {
	border:5px solid #b7b7b7;
}
.contents .line5px td{
	height:32px;
	margin:3 0 0 0px;
}
/* 5px 안쪽 라인 */
.contents .line5px .innertable{
	width:613px;
	margin:3 10 0 10px;
	background-color:#FFFFFF;
}

/* 상단 라인 */
.contents .line5px .innertable .noline, .contents .line5px .innertable .underline{
	height:30px;
	border-top:1px solid #d5d5d5;
}

/* 상단 라인 없음 */
.contents .line5px .innertable .noline td{
	border-top:0px solid #d5d5d5;
}

/* 라인 박스 */
.contents .linebox{
	border-top : 1px solid #d0d0d0;
	border-left : 1px solid #d0d0d0;
	border-bottom : 1px solid #f5f5f5;
	border-right : 1px solid #f5f5f5;
}


/* Select 박스 */
.contents .select {
	font-family:"Dotum";
	font-size:12px;
	color:#333333;
	margin :0 0 1 0px;
}

/* 게시판 형태 */
.contents .boardtype {
	width : 100%;
	text-align:right;
	margin-bottom:10px;
}
.contents .boardtype td{
	color:#333333;
}

/* 카테고리 선택 */
.contents .cateSelect {
	width:90px;
	height:18px;
	font-size:13px;
	border:1px dotted #dedede;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:0 2 0 2px;
	word-break:keep-all;white-space: nowrap;
	text-overflow:ellipsis;
}

/* 상단 목록 */
.contents .toplist {
	border-bottom : 1px solid #d5d5d5;	
	margin-top:10px;
	height:31px;
}
.contents .toplist td{
	padding:2 0 0 5px;
}

/* 상단 목록 스페셜 */
.contents .toplistspecial {
	border-top : 1px solid #d5d5d5;	
	background-color:#ececec;
	margin-top:18px;
}
.contents .toplistspecial .on{
	background-image : url(/section/commons/blog_list_bg01.gif);
	font-family:"Dotum";
	color:#000000;
	font-weight:bolder;
	font-size:12px;
	text-align:center;
	width:65px;
	padding :12 0 0 0px;
}
.contents .toplistspecial .off{
	background-image : url(/section/commons/blog_list_bg01_b.gif);
	font-family:"Dotum";
	color:#000000;
	font-size:12px;
	text-align:center;
	width:61px;
	padding :12 2 0 1px;
}
.contents .toplistspecial b {
	font-family:"Verdana";
	font-size:12px;
	color:#1d1001;
}
.contents .toplistspecial td {
	color : #333333;
	font-size : 12px;
}

/* 정열 */
.contents .orderby {
	text-align:right;
	margin-top:13px;
	margin-bottom:10px;
}
.contents .orderby b{
	color : #8aa7d1;
}

/* 게시판형 제목라인 */
.contents .boardtitle {
	background-image : url(/iop/boardtitlebg.gif);
	margin-top:3px;
	height:33px;
}
.contents .boardtitle td {
	font-size : 11px;
	text-align:center;
	font-weight:bolder;
}

.contents .tapline {
	font-size : 11px;
	color : #888888;
	padding: 0 10 0 10px;
}

/* 게시판형 데이타 ROW */
.contents .boardrow {
	padding:3 0 0 0px;
	height:30px;
}
.contents .boardrow td {
	border-bottom : 1px solid #d5d5d5;
}

/* 게시판형 데이타 투자금 */
.contents .boardrow .money {
	font-family:"Verdana";
	color:#5675a1;
	font-weight:bolder;
	text-align:right;
	font-size:11px;
	padding:0 5 0 0px;
}

/* photo, video 목록폼 */
.contents .photolist {
	background-image : url(/iop/list_bgline_gray.gif);
	border-top :  1px solid #d5d5d5;
	border-bottom :  1px solid #d5d5d5;
	background-repeat : no-repeat;
	background-position : 0px 1px;
	padding :0 0 0 0;
}

/* 내용 보기 */
.contents .view {
	width:627px;
	margin:15 8 15 8px;
	font-family:"돋움,Dotum";
	overflow:hidden;
	table-layout:fixed;
	font-size:9pt;
	line-height:170%;
	line-break:strict;
	word-break:break-all;
	word-wrap:break-word;
	text-align:justify;
}
.contents .view td {
	font-family:"돋움,Verdana";
	font-size:9pt;
}
.contents .view FONT{line-height:170%;}
.contents .view P,.contents .view H1, .contents .view H2, .contents .view H3, .contents .view H4, .contents .view H5, .contents .view H6 {
	font-family:"돋움,Verdana";
	margin-top:2px;
	margin-bottom:2px;
}
.contents .view A, .contents .view A:link, .contents .view A:visited,.contents .view A:hover {color:#404040; text-decoration:underline}
.contents .view H1 {font-family:arial,Dotum;font-weight:bold;color:#666633;font-size:12pt}
.contents .view H2 {font-family:verdana,돋움;font-weight:bold;color:#454545;font-size:12pt}
.contents .view H3 {font-family:arial,Dotum;font-weight:bold;color:#999966;font-size:11pt}
.contents .view H4 {font-family:verdana,돋움;font-weight:bold;color:#454545;font-size:9pt}
.contents .view H5 {}
.contents .view H6 {}

/* 내용 보기 투자금*/
.contents .view .money {
	text-align:right;
	padding:0 18 0 0px;
}
.contents .view .money td{
	color: #f79100;
	font-size:13px;
	font-weight:bolder;
}
.contents .view .money input {
	font-family:"Verdana";
	border:1px solid #eaeaea;
	font-weight:bolder;
	height:22px;
	width:96px;
	font-size:12px;
	text-align:right;
	padding:0 5 0 5px;
}

/* 내용 보기 첨부 파일 */
.contents .view .attaches {
	text-align:right;
	margin : 0 0 10 0px;
}
/* 내용 보기 첨부 파일 이미지 */
.contents .view .attaches img {
	margin : 3 2 3 5px;
}
/* 내용 보기 첨부 파일 링크 */
.contents .view .attaches A, 
.contents .view .attaches A:link, 
.contents .view .attaches A:visited,
.contents .view .attaches A:hover {
	word-break:keep-all;
	white-space: nowrap;
	font-size:11px;
	color:#404040; 
	text-decoration:none;
}


.contents .view .good {
	text-align:right;
	color : #007ab9;
	font-weight:bolder;
}
/* 내용 작성 */
.contents .write {
	text-align:center;
	width : 642px;
	overflow:hidden;
}
/* 내용 작성 상단 */
.contents .write .boardtop{
	border-top :  2px solid #000000;
	border-bottom :  1px solid #e5e5e5;
	margin :7 0 0 0px;
}

/* 내용 작성 제목 */
.contents .title{
	font-size : 13px;
	font-weight : bolder;
	height:24px;
}

/* 내용 작성 라인 */
.contents .line{
	border-bottom :  1px solid #000000;
	padding :5 0 5 0px;
	background-color:#ffffff;
}

/* 내용 작성 그레이 라인 */
.contents .linegray{
	border-bottom : 1px solid #e5e5e5;
	padding : 9 0 6 0px;
	width:100%;
}

.contents .linegray td{
	padding : 0 5 0 5px;
}

/* 내용 작성 그레이 라인 */
.contents .linegray2{
	border-bottom : 1px solid #e5e5e5;
	padding : 3 5 2 5px;
	width:100%;
}

/* 내용 작성 추천 */
.contents .good {
	font-weight : bolder;
	color : #ff8a00;
}

/* 내용 작성 그레이 박스 */
.contents .write .graybox{
	border-bottom :  1px solid #e5e5e5;
	background-color:#f5f5f5;
	padding: 5px;
}

/* 내용 작성 그레이 박스 제목 */
.contents .write .graybox .title {
	color : #000000;
}

/* 내용 작성 카테고리 선택기 */
.contents .write .cateSelect {
	width:150px;
	height:20px;
	font-size:11px;
	border:1px dotted #909090;
	overflow:hidden;
	word-break:keep-all;white-space: nowrap;
	text-overflow:ellipsis;
}

/* 내용 작성 작은 문자 */
.contents .write .stext{
	font-size : 11px;
	font-weight : bolder;
	color : #ff8080;
}

/* 내용 작성 문자 */
.contents .write .text1{
	background-image : url(/section/commons/blog_icon_dot_gray.gif);
	background-repeat : no-repeat;
	background-position : 10px 17px;
	border-bottom : 1px solid #e8e8e8;
	font-size : 11px;
	font-weight : bolder;
	color : #444444;
	padding : 13 0 5 20;
	width : 150px;
}

/* 내용 작성 문자 */
.contents .write .text2{
	border-bottom : 1px solid #e8e8e8;
	font-size : 11px;
	color : #777777;
	padding : 5 0 5 0px;
}
.contents .write .text2 input,
.contents .write .text2 select {
	margin : 2 1 2 1px;
}
.contents .write .text3{
	font-size : 11px;
	padding : 3 0 3 0;
	line-height:15px;
}
.contents .write .text4{
	font-size : 11px;
	padding : 3 0 3 0;
	font-weight : bolder;
	color : #333333;
}

.contents .write .wricate_bg {
	background-image : url(/iop/wricate_bg.gif);
	height:30px;
	font-family:"Verdana";
	color:#999999;
	font-weight:bolder;
	font-size:12px;
	text-align:left;
	padding :8 0 0 27px;
}

.contents .write .wricate div{
	float:left;
	margin:5 5 5 5px;
	text-align : left;
	width : 200px;
	overflow:hidden;
}

.contents .write .wricate div .title{
	font-family:"Verdana";
	color:#999999;
	font-weight:bolder;
	font-size:12px;
	text-decoration:underline;
	padding:5 0 0 5px;
}

/* 파일 설명글씨 */
.contents .filetext{
	font-size : 11px;
	color:#0072bc;
	height:20px;
	padding:3 0 0 0px;
}
/* 파일 박스 */
.contents .filebox {
	margin : 10 0 0 0px;	
}
/* 파일 박스 상단 */
.contents .filebox .boxtop{
	background-image : url(/iop/fileboxtop.gif);
	width : 642px;
	height : 27px;
	overflow : hidden		
}
.contents .filebox .boxtop td{
	padding:7 0 2 0px;
	font-size:11px;
}

/* 파일 박스 중앙 */
.contents .filebox .boxmid{
	background-image : url(/iop/fileboxmid.gif);
	width : 642px;
	text-align:center;
}
.contents .filebox .boxmid .items{
	width :642px;
	height : 29px;
	margin :0 0 0 0px;
	overflow : hidden;
}
.contents .filebox td a:link,
.contents .filebox td a:visited,
.contents .filebox td a:hover {
	font-size : 11px;
	color : #67859f;
}
/* 파일박스 삭제 */
.contents .filebox .delete {
	background-image : url(/iop/fileboxdel.gif);
	border:0px;
	width : 13px;
	height : 13px;
	float:left;
	margin:0 5 0 5px;
}

/* 파일박스 카테고리 */
.contents .filebox .category {
	width : 90px;
	height : 22px;
	margin:9 0 0 0px;
	text-align:center;
	overflow : hidden;
}

/* 파일박스 파일명 */
.contents .filebox .filename {
	width : 325px;
	height : 22px;
	margin:5 5 0 5px;
	text-align:left;
	overflow : hidden;
}

/* 파일박스 하단 */
.contents .filebox .boxbot{
	background-image : url(/iop/fileboxbot.gif);
	width : 642px;
	height : 7px;
	overflow : hidden;
}

/* 파일 박스 구매 */
.contents .filebox .boxbuy{
	background-image : url(/iop/fileboxmid2.gif);
	border-top : 1px solid #e7e7e7;
	width : 642px;
	height : 32px;
	padding:8 0 0 0px;
	overflow : hidden;
	text-align:right;
}
.contents .filebox .boxbuy .money{
	font-family:"Verdana";
	color:#1f6bb9;
	font-weight:bolder;
	font-size:12px;
}


/* 파일 포인터 관련 */
.contents .filepoint {
	text-align:right;
	margin : 5 0 0 0px;
	border-bottom:1px solid #e5e5e5;
	height:30;
}
.contents .filepoint .money{
	font-family:"Verdana";
	font-size:11px;
	color:#6fb81e;
	font-weight:bolder;
}
.contents .filepoint .input {
	text-align:right;
}

/* 태그 */
.contents .tags {
	border-bottom:1px solid #e5e5e5;
	padding : 8 9 9 10px;
}
.contents .tags_main {
	font-size:11px;
	color:#999999;
	border-bottom:1px solid #e5e5e5;
	padding : 0 9 9 0px;
}
.contents .tags_main a:visited,
.contents .tags_main a:link,
.contents .tags_main a:hover{
	font-size:11px;
	color:#999999;
}

.contents .tags img{
	margin :3 0 -3 0px;
}

/* 인기 태그 */
.contents .hottag {
	line-height:200%;text-align:left;
	padding : 5px;
	height:auto;
}
.contents .hottag span{
	margin :2 3 2 3px;
}

/* 블로그형 제목 */
.contents .titleblog {
	border-top : 2px solid #000000;
	border-bottom : 1px solid #d5d5d5;
	background-color:#f4f4f4;
	overflow: hidden;
	padding: 7 0 4 0px;
	width : 642px;
}
.contents .titleblog .title {
	padding : 0 10 0 10px;
}
.contents .titleblog .title, .contents .titleblog .title a:visited,.contents .titleblog .title a:link,.contents .titleblog .title a:hover {
	font-family:"Dotum";
	color:#000000;
	font-weight:bolder;
	font-size:14px;
}
.contents .titleblog b{
	color:#000000;
}


.contents .titleblog .money{
	font-family:"Verdana";
	color:#5675a1;
	font-weight:bolder;
	font-size:12px;
}

/* 검색 결과 정보 */
.contents .pageinfo {
	height : 20px;
	margin : 20 0 0 10px;
}

/* 내용 탭관련 */
.contents .tab {
	height: 34px;
}
.contents .tab div {
	padding:11 5 11 5px;
	float : left;
}
.contents .tab .off{
	padding:11 5 11 5px;
	background-image : none;
	color : #664522;
}
.contents .tab .off .num{
	color : #ffb400;
}
.contents .tab .on{
	background-image : url(/section/commons/icon_cmmt_now.gif);
	background-repeat : no-repeat;
	background-position : 7px 16px;
	padding:11 5 11 15px;
	color : #664522;
	font-weight:bolder;
}
.contents .tab .on .num{
	color : #ffb400;
}

/* 데이타 없음 */
.nodatas {
	border-top : 1px solid #d5d5d5;
	border-bottom : 1px solid #d5d5d5;
	background-color:#f4f4f4;
	color: #ab0000;
	font-weight:bolder;
	padding:60 0 60 0px;
	text-align:center;	
}

/* Iframe  관련 */
.contents .iframe { 
	background-color:#f5f5f5;
	width:100%;
}

/* 페이지 이동 */
.jumppage .msg {
	color:#666666;
}
.jumppage b {
	color:#cc6666;
}
.jumppage .bar{
	color:#cccccc;
}

.contents .filename,
.contents .filename:visited,
.contents .filename:link,
.contents .filename:hover{
	font-family:"Dotum";
	font-size:12px;
	color:#67859f;
	text-decoration:none;
}

.contents .filename:hover {
	text-decoration:underline;
	color:#67859f;
}

/* 메인 영역 관련 */
.mainarea {
	width : 705px;
	overflow : hidden;
	border:1px solid #cccccc;
	background-color:#ffffff;
}

.mainarea .toptitle{
	height : 29px;
	background-color:#eeeeee;
	color:#000000;
	font-family:"Verdana";
	font-size:14px;
	padding-top:8px;
	padding-left:30px;
	font-weight:bolder;
	text-align:left;
}

.mainarea .mainmargin {
	margin:8 30 30 30px;
	width:642px;
}

.mainarea .imgbox302{
	width : 302px;
	overflow : hidden;
}

.mainarea .imgbox302 .boxtop{
	background-image : url(/section/commons/blog_bg01.gif);
	height : 3px;
	font-size:1px;
}

.mainarea .imgbox302 .boxmid{
	background-image : url(/section/commons/blog_bg02.gif);
	padding:0 15 0 19px;
}

.mainarea .imgbox302 .titleline {
	border-bottom : 1px solid #000000;
	height : 30px;
	font-weight:bolder;
	color : #000000;
	font-size:12px;
}

.mainarea .imgbox302 .titleline .nick {
	color:#1e60be;
}

.mainarea .imgbox302 .boxmid b {
	color: #000000;
	font-size:12px;
}

.mainarea .imgbox302 .grayline {
	color : #666666;
	height : 26px;
	padding : 3 0 0 0px;
}
.mainarea .imgbox302 .grayline td{
	border-bottom : 1px solid #e8e8e8;
}

.mainarea .imgbox302 .boxbot{
	background-image : url(/section/commons/blog_bg03.gif);
	height : 3px;
	font-size:1px;
}

.contents .bottombtn {
	height : 40px;
	text-align:center;
	padding :5 0 5 0px;
}

.contents .bloglist {
	border-top : 2px solid #000000;	
	border-bottom :  1px solid #e5e5e5;	
}

.contents .box_gray {
	border : 1px solid #CCCCCC;
}

.contents .righttitle,
.contents .righttitle:visited,
.contents .righttitle:link,
.contents .righttitle:hover{
	font-family:"Dotum";
	background-image : url(/iop/icon_read.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
	color : #ab0000;
	padding :0 0 0 7;
	text-decoration:none;
}

.contents .righttitle:hover {
	text-decoration:underline;
	color:#ab0000;
}


/* 좌측메뉴 관련 */
.leftmenu {
	width : 168px;
	overflow : hidden;
}
.leftmenu div, .leftmenu td {
	color:#000000;
	font-family:"Dotum";
	font-size:11px;
}

/* 사용자 이미지 */
.leftmenu #user_pic {
	position:absolute; 
	visibility:visible; 
	top : 3px;
}
.leftmenu .point {
	color:#5675a1;
	font-family:"Tahoma";
	font-size:12px;
	font-weight:bolder;
}
.leftmenu .title {
	background-image : url(/section/commons/left_bg_03.gif);
	width:158px;
	height : 18px;
	overflow : hidden;
}
.leftmenu .title td {
	height:18px;
	color:#ffffff;
	font-weight:bolder;
}
.leftmenu .title img {
	margin : 2 5 2 0px;
}
.leftmenu .title .eng {
	font-family:"Verdana";
	padding : 2 0 2 8px;
}
.leftmenu .title .han {
	font-family:"Dotum";
	padding : 4 0 2 8px;
}
.leftmenu .title,.leftmenu .title a:visited,.leftmenu .title a:link,.leftmenu .title a:hover{
	color:#ffffff;
	font-size:11px;
	font-weight:bolder;
}
.leftmenu .items {
	height :100px;
	width : 154px;
	overflow:hidden;
}
.leftmenu .items td{
	color:#999999;
	font-family:"Dotum";
	font-size:11px;
	height:16px;
}

.leftmenu .items,.leftmenu .items a:visited,.leftmenu .items a:link,.leftmenu .items a:hover {
	color:#999999;
	font-family:"Dotum";
	font-size:11px;
}
.leftmenu .items .selected:visited,.leftmenu .items .selected:link,.leftmenu .items .selected:hover {
	color:#767676;
	font-family:"Dotum";
	font-weight:bolder;
	text-decoration:underline;
	font-size:11px;
}


/* Ifram 관련 */
.iframe {
	background-color:#f5f5f5;
}

.iframe .trackurl{
	width:595px;
	background-color:#ffffff;
	border-bottom: 1px dotted #d5dadc;
	border-top: 1px dotted #d5dadc;
	text-align:center;
	height:45px;
}

.iframe .trackurl a:visited, .iframe .trackurl a:link,.iframe .trackurl a:hover {
	color:#999999;
	font-family:"Verdana";
	font-size:11px;letter-spacing:0px;; 
}
.iframe .input {
	font-family:"Dotum";
	font-size:12px;
	color:#333333;
	height : 22px;
	border : 1px solid #eaeaea;	
}
.iframe .title{
	font-size : 13px;
	font-weight : bolder;
}
.iframe .line{
	border-bottom: 1px dotted #d5dadc;
	margin-top : 5px;
	margin-bottom : 5px;
}
.iframe .date_txt {
	font-family:"arial";
	font-size:11px;
	letter-spacing:0;
	word-break:keep-all;
	white-space: nowrap;
	color:#999999;
}



.copyright {
	border-top:1px solid #808080;
	border-bottom:2px solid #5675a1;
	height:67px;
	text-align:center;
}
.copyright td {
	font-family:"Tahoma";
	font-size:10px;
	color : #989898;
}

/* Popup 관련 */
.popup {
	background-color : #f5f5f5;
}

.popup .titlebg {
	background-image : url(/iop/popup_titlebgmargin.gif);
	height : 60px;
}
.popup .title {
	background-image : url(/iop/popup_titlebg.gif);
	background-repeat:no-repeat;
	height : 60px;
}
.popup .title td {
	font-size : 24px;
	font-family:"Dotum";
	padding : 0 0 0 37px;
	color : #ffffff;
}

.popup .blog_3dline {
	background-color:#999999;
	height : 2px;
}

.popup .blog_dotline {
	border-bottom:1px dotted #999999;
	height : 2px;
	font-size : 1px;
}

.popup .input {
	font-family:"Dotum";
	font-size:12px;
	color:#333333;
	height : 20px;
	border : 1px solid #eaeaea;	
}

.popup .main {
	background-image : url(/iop/popup_mainbg.gif);
	background-repeat:repeat-x;
	padding :10 30 10 30px;
}

.popup .bottombtn {
	height : 40px;
	text-align:center;
	padding :5 0 5 0px;
}

.vactiv .drawline {
	border:1px solid #9ec2e4;
}

.vactiv .drawtop {
	background-color:#e0f0ff;
	height:30px;
}

.vactiv .drawtop img {
	cursor : pointer;
}
.vactiv .drawgrid {
	background-image:url(/iop/va_grid.gif);
	height:300px;
	overflow:hidden;
}

/* nxt_prv */
.nxt_prv {
	background-color: #f8f8f8;
}
.nxt_prv .bottom {
	border-bottom:1px solid #e5e5e5;
}
.nxt_prv td{
	border-top:1px solid #e5e5e5;	
	padding: 3 0 0 10;
}

/* 수정삭제 버튼 */
.btn_md {
	color: #0080ec;
	font-weight : bolder;
}

/* 약관 */
.contents .deed td{
	line-height:20px;
}

.contents .deed .title{
	line-height:30px;
	font-weight:bolder;
	color : #5675a1;	
}
.contents .deed .title2{
	line-height:30px;
	font-weight:bolder;
	color : #5ca317;	
}

.contents .deed .text_999999{
	color : #999999;	
}