/*
	Main layout 	
*/

* { padding: 0; margin: 0; }

body { font-family:Dotum,Dotumche,verdana; font-size:11px; color:#666; word-break:break-all; }


/**** 공통 css 정의 ******/

a:link    {font-size: 12px;color: #999999;  text-decoration: none;}
a:visited {font-size: 12px;color: #999999; text-decoration: none;}
a:hover   {font-size: 12px;color: #2a8dbf;  text-decoration: none;}

td,table,th,body {font-size: 12px;line-height: 17px;font-family: dotum, 돋움, arial;color: #606060;text-decoration: none; }

select, input, textarea, form {font-size: 12px;font-family: dotum, 돋움, arial;margin-bottom:-2px;}

IMG {border:none;}

.inputtext {font-size : 12px; BACKGROUND-COLOR:#F9F9F7; COLOR:#000000; BORDER:1px solid #BEBCAF}
.textarea  {border:solid 1px; border-color:#C0D2DC; background-color:#E6EFF4; width:100%; color: #7B8FAE; margin: 0;}




/* 전체 틀 가운데정렬 */
#wrapper_bg { margin: 0 auto; margin-right:auto; margin-left:auto; width: 100%; text-align:center; background-image:url(/powercast/images/title_bg.jpg); background-repeat:repeat-x; }
#wrapper { margin: 0 auto; margin-right:auto; margin-left:auto; width: 1100px; text-align:center;}
#wrapper_intro { margin: 0 auto; margin-top:auto; width: 1100px; text-align:center; top:50%; padding-top:100px;}

/* 상단 로고, 메뉴 */
#header_bg { width:100%; height: 68px; background-image:url(/powercast/images/main_top_menu_bg.jpg); background-repeat:repeat-x; background-position:top}
#Div_center { width: 1100px; margin-right:auto; margin-left:auto; padding: 0px;}
#header_logo { width: 1100px; height: 68px; float: left; }
#header_menu { width:100px; height: 68px; padding-left: 99px; position:absolute ; }

/* 왼쪽메뉴, 내용 */
/* 왼쪽메뉴, 내용은 layout.css 로 이전 같은파일에 있으니 스타일이 안먹어서 옮김..  */


/* 하단 카피라이트 */
#copyright { width:1100px;  padding-left: 0px; clear: both; position:relative}
#copyright_bg { width:100%; height: 100px; background-image:url(/powercast/images/copyright_bg.jpg); background-repeat:repeat-x; clear: both; position:relative}




/* 게시판 */
#top_title { padding-top:10px; font-size:11px; height:42px;}
#top_title_tab { padding-top:10px; font-size:11px; height:60px; }
#top_title_img { padding-left:21px; padding-top:13px;}
#top_title_img2 { padding-left:21px; height:60px; padding-top:13px;  }

#top_title_sms { padding-left:21px; padding-top:13px;}

#top_title_no { padding-top:10px; font-size:11px; height:50px;}
#top_title_no2 { padding-top:10px; font-size:11px; height:50px;}
 

#board { width:676px; padding-left:22px;}
#board_view_title { width:676px; padding-left:22px;  }
#board_view { width:630px; padding:20px 40px 50px 50px; text-align:top;}
#board_view_file { width:630px; padding:20px 40px 20px 50px; text-align:top;}

#button { width:676px; padding-left:23px; padding-right:8px; padding-top:16px; height:80px}

#paging { text-align:center; padding-top:5px;}
#paging_view { width:676px; padding-left:22px; text-align:left; font-size:11px	 }
#paging_sms { text-align:center; padding-top:30px; height:50px; padding-right:50px}


/* 게시판 - Magazine */
#magazine {  height:380px; float: left; padding-left:0px;  width:310px;}
#magazine_list {  height:300px; padding-left:0px; }
#magazine_paging {  text-align:left; }


/* 게시판 - 홍보영상 */
#movie {  height:390px; float: left; padding-left:0px;  width:704px; background-image:url(../../images/movie_back_bg.jpg); background-repeat:no-repeat}

/* 게시판 - Qna */
#qna { width:676px; height:52px; padding-left:23px; padding-right:8px; padding-top:20px;}
#qna_write { width:676px; height:283px; padding-left:23px; padding-right:6px; padding-top:20px; background-image:url(../../images/qna_w_bg.jpg); background-repeat:no-repeat; background-position:right}
#qna_btn { width:170px; height:220px; padding-top:200px; text-align:center; float:left;}
#qna_form { width:676px; }

/* 게시판 - Qna */
#magazine {  height:380px; float: left;  width:310px;}


/* Copyright */
#footer {clear: both; width: 902px; clear: both; height:30px; }


/* 퀵메뉴 고정식 - 슬라이드 퀵메뉴 작업 필요 */
#quick_menu { float:left; padding-top:55px;}

.clear { clear: both; background: none; }



/* ------------------------------- 메인 div 시작 ------------------------------- */
#main_wrapper { margin: 0 auto; margin-right:auto; margin-left:auto; width: 963px; text-align:center; }
#main_contents { float: left; margin: 0px; padding: 0px; width: 963px; display: inline; position: relative;  height:525px; }
#main_bg { width: 100%; height:525px; text-align:center; background-image:url(/images/main_bg.jpg); background-repeat:repeat-x; }
#main_under { background-color:#006699; float: left; margin: 0px; padding: 0px; width: 963px; display: inline; position: relative;  height:91px; background-image:url(/images/main_under.jpg);}


#link01 { float:left; width:382px; height:81px; margin:0;}
#link02 { float:left; width:315px; height:81px; text-align:left}
#link03 { height:81px; text-align:left}

/* 메인 div - 테이블 */
.board #link01 TR {}
.board #link01 TH { padding-left:4px; padding-top:8px; text-align:left; vertical-align:top;}
.board #link01 TD { }
.board #link01 { padding:0;}

.board #link02 TR {}
.board #link02 TH { padding-left:4px; padding-top:8px; text-align:left; vertical-align:top;}
.board #link02 TD { padding-left:18px; text-align:left }
.board #link02 { padding:0;}

.board #link03 TR {}
.board #link03 TH { padding-left:4px; padding-top:8px; text-align:left; vertical-align:top;}
.board #link03 TH#more { text-align:right; }
.board #link03 TD { padding-left:0px; text-align:left ; height:18px; }
.board #link03 { padding:0;}
.board #link03 TD#title { padding-left:18px; }


/* 상단 로고, 메뉴 */
#Div_center2 { width: 963px; margin-right:auto; margin-left:auto; height:68px; padding: 0px; }
#copyright2 { width:963px;  padding-left: 0px; clear: both;}
#header_logo2 { width: 963px; height: 68px; float: left; }


/* ------------------------------- 끝 메인 div //------------------------------- */


/* *******************************  클래스지정  ****************************** */


/*정렬*/
.top {vertical-align:top;}
.right {text-align:right;}
.center {text-align:center;}
.float {float:right;}
/*정렬*/

/*간격*/
.h3 {margin:3px;}
.h5 {margin:5px;}
.h6 {margin:6px;}
.h7 {margin:7px;}
.h8 {margin:8px;}
.h10 {margin:10px;}
.h12 {margin:12px;}
.h15 {margin:15px;}
.h16 {margin:16px;}
.h18 {margin:18px;}
.h20 {margin:20px;}
.h22 {margin:22px;}
.h25 {margin:25px;}
.h28 {margin:28px;}
.h30 {margin:30px;}
.h35 {margin:35px;}
.h40 {margin:40px;}
.h45 {margin:45px;}
/*간격*/



