@charset "utf-8";

/* 마진과 패딩의 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, object , img
{ margin : 0; padding : 0; }

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 { font-size : 100%; }

/* 리스트의 스타일 제거 */
ol, ul { list-style : none; }

/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* 테이블 스타일 초기화 */
table { border-collapse : collapse; border-spacing : 0; }

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img { border : 0; }

/* 캡션과 테이블헤더 텍스트 정렬 초기화 */
caption,th { text-align : left; }

/* 인용구 표시 초기화 */
q:before, q:after { content :''; }
/*초기화 끝 */

body { 
	text-align : left;
	position : relative; 
	top : 0;
	left : 0;
	width : 993px; 
	margin : 0 auto 0 0;
	background-color :#f4f4f4;
	}
	
div#all {
	background-color : #ffffff;
	padding: 0;
	margin: 0;
	}

/*해더 */

h1 {							/*h1 헤더 */
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	height: 85px; 
	width : 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #009961;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	background : url(../images/headline.jpg);
	background-repeat:no-repeat;
	text-align:left;
	text-indent: -1000px;
	z-index: 1;
	}

p#mainlogo {
	z-index: 99;
	visibility: visible;
	position: absolute;
	top: 5px;
	left: 30px;
	width: 530px;
	height: 85px;
}
	

#language {
	z-index: 100;
	visibility: visible;
	position:  absolute;
	top: 65px;
	left: 790px;
	height: 30px;
	width : 200px;
	text-align: left;
	}
	
#language p, p#mainlogo {
	padding: 0;
	margin: 0;
	border:0;
}

/*일반 페이지 메인 오른편 전체 묶음 */
div#rightcontents {
	float: right;
	width : 770px;				/*770+220=990 중간 마진 3px */
	height: auto;
	text-align: left;
	background-color : #ffffff;	
	}
	
/*일반 페이지 네비게이션 */
p.navigation {
	padding: 10px;
	border-top:6px #009961 solid;
	}

h2 { 										/*h2 본문 제목 */
	padding: 7px 10px 7px 50px;
	margin-bottom: 3px;
	background: #E0EAED url(../images/head.gif) 15px 45% no-repeat;
	}

h3 {									/*h3 테이블 스타일 페이지의 제목 (회원사뉴스 등) */
	padding: 10px 0px 5px 20px;
	margin-bottom: 20px;
	background: url(../images/head3.jpg) 0px 60% no-repeat;
	}

h4 {									/*h4 본문 소소제목 (정관) 중앙 정렬*/
	margin: 20px;
	}
	
h5 {									/*h5 본문 소소제목 (정관 소제목, 조직도 제목) */
	padding: 20px 10px 15px 30px;
	}
	
h5.notice {									/*h5 class="notice" 공지사항 제목 */
	padding: 10px 10px 10px 40px;
	background: #EFEFEF url(../images/head5.gif) 5px 47% no-repeat;
	margin-top: 3px;
	}
	

/*일반 페이지 왼편 메뉴바+스폰서바 */

div#leftbar {
	top: 0;
	right: 0;
	width : 223px;				/*익스플로러용*/
	height: auto;
	text-align: left;
	background-color : #ffffff;	
	margin-right: 3px;
	voice-family:"\"}\"";  
	voice-family:inherit;
	width : 220px;				/*원래용*/
	}
	
div#sponsors {
	width : 220px;				/*익스플로러용*/
	height: auto; 
	padding: 10px 35px 20px 35px;
	background-color : #b4bb7f;	
	text-align: center;
	margin-top: 3px;
	voice-family:"\"}\"";  
	voice-family:inherit;
	width : 150px;				/*원래용*/
	}	
	
/* 바닥글 */	

div#footer {
	left : 0;
	height : auto;
	width: auto;
	text-align : left;
	background : #eee url(../images/logo_itcck_trans.gif) no-repeat 97% 50%;
	border-bottom: 7px #009961 solid;
	border-top: 2px #ddd solid;
	padding: 10px 20px;
	clear: both;
}

#footer p#facebook{
	float:right;
	padding: 20px 180px 10px 20px;
	line-height: 150%;
	}
	
#footer p#foot{
	padding: 10px 10px 10px 20px;
	border-left: 3px orange solid;
	line-height: 150%;
	}

	
a {selector-dummy: expression(this.hideFocus=true);}
/*이미지클릭시 링크주위에 생기는 점선을 없애는 방법입니다. (포인트샵(pointshop.co.kr) 공식 까페) |작성자 포인트샵*/