/* 국문페이지에서 사용되는 공용 스타일입니다.****************************/

html
{	
	scrollbar-face-color		: #ffffff;
	scrollbar-highlight-color	: #ffffff;
	scrollbar-3dlight-color		: #C3C3C3;
	scrollbar-shadow-color		: #C3C3C3;
	scrollbar-darkshadow-color	: #ffffff;
	scrollbar-track-color		: #ffffff;
	scrollbar-arrow-color		: #C3C3C3;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}


body, p, td, th, div 
{
	font-size : 9pt;
	font-family : 돋움, Arial, Tahoma;
	color : #787878;
	margin : 0px;
	padding :0px;
	line-height: 18px;
}

ul,ol,li { list-style:none;}
hr { display:none; }

img { border:0; }

a {
	color : #8c8c8c;
	font-family:돋움 verdana;
	font-size:12px;
	text-decoration:none;
	
}
a:hover { color:#606060;}
a:hover {text-decoration:underline;}


/* LayOut Style **************************************************************************************************/


/*메인 테이블*/
#MasterTable { width:100%;  border-collapse:collapse; }



/* 서브메뉴,컨텐츠,카피라이터를 감싸고 있는 테이블*/
#ContentsTable { 1000px; border-collapse:collapse; }



/* 좌측메뉴 영역 TD */
#header_area
{
	width:100%;
	border-collapse:collapse;
}

/* 좌측메뉴 영역 TD */
#SubMenu_area { width:200px; vertical-align:top; text-align:right; border-right:solid 1px #ededed; background-color:#fafafa;  }
#SubMenu{ width:100% }
	#SubMenu #title{ text-align:right; background-color:#FFFFFF; padding:40px 20px 30px 0px; }
	#SubMenu #menu { }
	

/* 컨텐츠 영역 TD */
#Contents_area
{
	vertical-align:top;
	padding-top:35px;
	padding-left:40px;

}


/* 하단 영역 TD */
#copy_area
{
	height:100px;
	text-align:center;
	border-top:solid 1px #ededed;
}

/* Left SubMenu style **************************************************************************************************/




/* Navigator Menu Style ***********************************************************************************************/
#Title{	width:100%; height:50px; border-collapse:collapse; }

.rnode{ padding-right:3px; color:#a6a6a6; font-family:돋움; font-size:8pt; }
.cnode{ padding-left:3px; color:#a6a6a6; font-family:돋움; font-size:8pt; }
.node{ padding-left:3px; padding-right:3px; color: black; color:#a6a6a6; font-family:돋움; font-size:8pt; }

a.small:link    {color:#a6a6a6; font-size:11px; font-family:돋움 ; text-decoration:none;}
a.small:visited {color:#a6a6a6; font-size:11px; font-family:돋움 ; text-decoration:none;}
a.small:hover   {color:#a6a6a6; font-size:11px; font-family:돋움 ; text-decoration:none;}


.Navigator{ z-index:2; position:absolute; top:214px; margin-left:0px; width:760px; text-align:right; padding-top:40px;}



/* contents style **************************************************************************************************/

#Contents{
	width:740px;
	border-collapse:collapse;
	padding-top:30px;
	padding-left:20px;
	padding-bottom:50px;
	}


#SearchTable{
	width:100%;
	height:80px;
	background-color:#f4f4f2;
	border:solid 1px #e7e7e7;
	text-align:center;
	vertical-align:middle;
	}
	

/* 제목 날짜 div*/
#TitleView{	width:600px; }
	#TitleDate ul{float:left; margin:0px; padding:0px;}
	#TitleDate ul li{ float:left; padding:0px 2px 0px 2px;}


#PageList{width:740px; float:left;}
	#PageList ul {float:left; margin:0px; padding:0px;}
	#PageList ul li {float:left;	padding:0px 2px 0px 2px;}
	#PageList #Page{width:100px;}
	#PageList #List{widht:540px; margin:0px 5px 0px 5px;}
	#PageList #Btn{width:100px; text-align:right;}
	
	
/* 게시판 뷰 */	

#View{
	width:740px;
	border-bottom:solid 1px #e7e7e7;
	border-collapse:collapse;
	}
	#View td{	padding:30px 0px 60px 0px; text-align:justify;	}


#View_Dream{
	width:740px;
	border-bottom:solid 1px #e7e7e7;
	border-collapse:collapse;
	}
	#View_Dream td{	padding:0px 0px 0px 0px; text-align:justify;	}

/* 인풋박스 */
.txtBox {BORDER: #cecece 1px solid; BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: "돋움";}

.txtBox1 {BORDER: #c9a1bc 2px solid; BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: "돋움"; font-weight:bold; }




/* 폰트 컬러 및 스타일 */
.fc0 {font-weight:bold;} /* 게시판타이틀 */
.fc1 {color:#ed1c24; font-weight:bold;}	/* 레드+굵게 */
.fc1_1 {color:#ed1c24;}	/* 레드 */
.fc2 {color:#143b79; font-weight:bold;}	/* 블루+굵게 */
.fc2_2 {color:#143b79;}	/* 블루 */
.fc3 { font-weight:bold; font-size:15px; } /* 사회공헌 레이어 제목 - 그레이 */
.fc3_1 { color:#ed1c24; font-weight:bold; font-size:15px; } /* 사회공헌 레이어 제목 - 빨강 */
.fc4 {color:#FFFFFF; font-weight:bold;} /* 화이트 */

/* 폰트 스타일*/
.b, .b A {font-weight:bold;}
.u {text-decoration:underline;}

.ff1, ff1 A {font-family:돋움;} /* 제목 & 내용미리보기 - 링크 */
.ff2, ff2 A {font-family:돋움; font-weight:bold; padding-bottom:5px; } /* 제목 - 링크, 굵게 */
.ff3, ff3 A {font-family:돋움; font-weight:bold; font-size:15px; color:white;} /* 제목 - 링크, 굵게, 화이트 */
.ff4, ff4 A {font-family:돋움; font-weight:; color:white;} /* 제목 - 링크 */
.ff5, ff5 A {font-family:돋움; font-weight:bold; font-size:14px; } /* 홍보 STX News 타이틀 */


/* 라인 스타일 */
.bgc1 { background-color:#ed1c24;}	/* 상단라인 레드 */
.bgc2 { background-color:#8e8e8e;}  /* 상단라인 그레이*/
.bgc3 { background-color:#b4bbc3; height:1px;}  /* 게시판 구분 상단*/
.bgc4 { background-color:#f4f4f2; height:40px; text-align:center;}  /* 게시판 구분 배경*/

.bgc4_1 { background-color:#f4f4f2; height:60px; }  /* 퀴즈응모/결과 배경*/
.bgc5 { background-color:#e5e7ea; height:1px;}  /* 게시물 구분*/
.bgc6 { background-color:#FFFFFF; padding-left:20px; height:40px}  /* 게시물*/
.bgc6_1 { background-color:#FFFFFF; height:15px;}  /* 게시물*/
.bgc6_2 { height:40px; }  /* 게시물*/
.bgc7 { background-color:#f4f4f2; height:70px;}  /* 뷰어상단*/
.bgc8 { background-color:#ffffff; width:125px; text-align:center; padding:5px}  /* 확대축소*/
.bgc9 { background-color:#f5f5f5; width:150px; height:90px; border-right:solid 1px #e5e7ea; text-align:center; }  /* 언론사명*/
.bgc10 { background-color:#f5f5f5; width:130px; height:40px; border-right:solid 1px #e5e7ea; text-align:center; }  /* 언론사명2*/
.photobox { border:solid 1px #e5e5e5; }



/* 줄간격 */
.lh1 {height:1px;}
.lh2 {height:2px;}
.lh3 {height:3px;}
.lh4 {height:4px;}
.lh5 {height:5px;}
.lh10 {height:10px;}
.lh15 {height:15px;}
.lh20 {height:20px;}
.lh25 {height:25px;}
.lh30 {height:30px;}
.lh35 {height:35px;}
.lh40 {height:40px;}
.lh45 {height:45px;}
.lh50 {height:50px;}
.lh55 {height:55px;}
.lh60 {height:60px;}
.lh70 {height:70px;}
.lh80 {height:80px;}
.lh90 {height:90px;}

/*패딩*/
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}







.a{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}





/* 글자정렬 */
.tac {text-align:center; }
.tal {text-align:left; }
.tar {text-align:right; }

/* 세로정렬 */
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
 

.ls1 {letter-spacing:-1px;}
.ls2 {letter-spacing:-2px;}
.ws1 {word-spacing:-1px;}

/* block객체 가로 정렬 */
.mac { margin:0 auto; }
 


/* STX그룹 컨텐츠 Style ***************************************************/
.gBtn6 
{
	width:740px;
	height:34px;
	background:url('/Front/common/image/group/bg.gif') repeat-x;
}

/************************************************************************/


/* 투자정보 컨텐츠 Style ***************************************************/
#irnotice {
	background-color:#FFFFFF;
	margin-left:107px;
	padding-left:20px; 
	position:absolute;
	top:405px;
	width:465px;
	height:25;
	z-index:1;
}



/* 게시판 라인 Style ****************************************************/
.line1 {
	width:740px; height:1px; overflow:hidden; 
	background-color:#b4bbc3;
}
.line2 {
	width:740px; height:1px; overflow:hidden; 
	background-color:#e5e7ea;
}


/************************************************************************/





/* 헌뚱 그룹뉴스 리스트 정렬 */
table.view_type1 {width:100%; table-layout:fixed; font:12px Dotum; border:solid 1px white;}
table.view_type11 {padding:8px 0px 5px 10px; width:100%; table-layout:fixed; font:12px Dotum; text-align:left;}
table.view_type1 caption {display:none;}
table.view_type1 th {padding:5px 0px 0px 5px; border-top:0px solid #DDDEE2; color:#666; font-weight:bold; text-align:left; vertical-align:top;}
table.view_type1 td {padding:5px 0px 0px 5px; border-top:0px solid #DDDEE2; line-height:16px; vertical-align:middle;}

/* 헌뚱 그룹뉴스 보기 */
.boardview1{width:100%; border-top:1px solid #999; border-bottom:1px solid #E5E7EA; color:#666; font-size:12px; table-layout:fixed; border-collapse:collapse;}
.boardview1 caption{display:none;}
.boardview1 th{line-height:30px; padding:5px 5px 4px; border-bottom:solid 1px #D2D2D2; background-color:#F3F3F3; font-weight:bold; color:#333; vertical-align:top;}
.boardview1 td.list{padding:8px 0 5px 10px; text-align:left; border-bottom:solid 1px #D2D2D2;background-color:#F3F3F3;}
.boardview1 td{padding:8px 0 5px 10px; text-align:left; border-bottom:solid 1px #D2D2D2;}
.boardview1 td.contents{padding:17px; line-height:1em;}



/* 사회공헌 컨텐츠 Style ***************************************************/
#ContDate{ width:680px; border-collapse:collapse;}
	#ContDate th{ background-color:#ed1c24; height:2px; }
	#ContDate td{ }
	#ContDate td.day1{ border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; height:40px; background-color:#f4f4f4; text-align:center; }
	#ContDate td.day2{ border-bottom:solid 1px #e5e5e5; height:40px; background-color:#f4f4f4; text-align:center;}
	#ContDate td.date1{ border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; width:106px; height:90px; background-color:#fdf5f6; vertical-align:top; text-align:center;}
	#ContDate td.date2{ border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; width:106px; height:90px; background-color:#ffffff; vertical-align:top; text-align:center;}
	#ContDate td.date3{ border-bottom:solid 1px #e5e5e5; width:106px; height:90px; background-color:#f5f5fd; vertical-align:top; text-align:center;}
	#ContDate td.list1{ border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; height:60px; width:160px; padding:0px 0px 0px 10px}
	#ContDate td.list2{ border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; padding:0px 0px 0px 10px}
	#ContDate td.list3{ border-bottom:solid 1px #e5e5e5; width:130px; text-align:center; }

	#ContDate td div.date { padding:10px 0px 5px 5px; text-align:left; }
	/*#ContDate td div.love { text-align:center; }*/
		
	
.defaultTable{ width:100%; border-collapse:collapse;}
	.defaultTable td{ padding:0px;  }
		
		
	#ContLayer {
		position:absolute;
		left:800px;
		top:507px;
		width:400px;
		height:300px;
		z-index:1;
		background-color:#ffffff;
		border:solid 1px #ec3037;
		filter: Alpha(Opacity=90);
		padding:30px;
	}	
	
	
/* 홍보컨텐츠 Style ***************************************************/	
/* Top3테이블 */
        .NewsDIV{ border:solid 1px #DBDBDB; padding:25px; margin:0 auto;  }
        .NewsTable{ width:100%; border-collapse:collapse; }
        .NewsTable td{ vertical-align:top; }
        .NewsTable td.Thumbnail{ padding-right:25px; }
        .NewsTable td.Date{ text-align:right; }
        .NewsTable td.Contents{ border-bottom:solid 1px #E5E7EA; }
		.NewsTable td.Subject{ height:18px; }
        
        /* List정보 테이블*/
        .NewsListInfoTable{ width:100%; border-collapse:collapse; margin:0 auto; }
        .NewsListInfoTable td.RSS{ text-align:right; }
        
        /* List테이블 */
        .NewsListTable{ width:100%; border-collapse:collapse; margin:0 auto; }
        .NewsListTable td{ vertical-align:top; padding:5px; }
        .NewsListTable td.Subject{ height:18px; }
        .NewsListTable td.Date{ text-align:right; }
        .NewsListTable td.Contents{ height:50px; border-bottom:solid 1px #E5E7EA; }
        .NewsListTable td.Underline{ height:5px; border-bottom:solid 1px #E5E7EA; }
        .NewsListTable td.Seperator{ height:10px; }
        
        
        /* List테이블 */
        .PagingTable{ width:100%; border-collapse:collapse; margin:0 auto; }
        .PagingTable td{ vertical-align:middle;}
        .PagingTable td.Label{ width:100px; text-align:left; }
        .PagingTable td.Number{ text-align:center;}
        .PagingTable td.Button{ width:100px; text-align:right; }
        
        /* List Item 테이블 */
        .NewsListItemTable { width:100%; border-collapse:collapse; border:solid 1px white; }
		
		
#STXCF { width:740px; }
	#STXCF #back01 { width:100%; height:408px; background:url("/front/pr/image/movie_bg.jpg") no-repeat; z-index: -1;}
	#STXCF #back02 { width:100%; height:180px; background:url("/front/pr/image/movie_bg02.jpg") no-repeat; z-index: 1;}
	#STXCF .cftitle { margin-top:25px; padding-left:145px; z-index: 1; }
	#STXCF .cfcontents {margin-top:5px; padding-left:145px; z-index: 1; }
	
.CFListTable {  border-collapse:collapse; }	
.CFListTable td { padding:10px; padding-top:30px;}
.CFListTable td div.title { font-weight:bold; }
.CFListTable td div.date { }

#VideoLayer01 {
		margin-left:120px;
		position:absolute;
		top:337px;
		width:500px;
		height:410px;
		z-index:1;
		}

#VideoLayer02 {
		margin-left:120px;
		position:absolute;
		top:337px;
		width:500px;
		height:410px;
		z-index:999;
		}

#STXbrochure { width:740px; }
	#STXbrochure #back { width:279px; height:597px; background:url("/front/pr/image/brochure_list.gif") no-repeat; margin-left:522px;}
	#STXbrochure .cftitle { margin-top:124px; margin-left:10px; }
	#STXbrochure .cfcontents { margin-top:20px; margin-left:10px; }
	
	
#STXNews { width:100%; border-collapse:collapse;}
	#STXNews td{ padding:0px; }
	#STXNews td.bg01 { background:url("../../pr/image/bg01.gif") no-repeat;  width:50px; vertical-align:top; }
	#STXNews td.bg02 { background:url("../../pr/image/bg02.gif") no-repeat; vertical-align:top; border-left:solid 1px #e7e7e7; width:212px;  }
	#STXNews td.title { text-align:center; padding:0px 10px 0px 10px; height:100px; }
	#STXNews td.viewer { background-color:#143b79; height:27px; text-align:center; }
	#STXNews td.thumnail { padding:30px 0px 50px 35px;  }
	#STXNews td.detail { height:20px; padding-left:25px; }
	
#DF { width:100%; border-collapse:collapse;}
	#DF td{ }
	#DF td.bg01 { background:url("../../pr/image/df_img.jpg") no-repeat;  width:740px; vertical-align:top; padding:250px 0px 280px 20px; }
	#DF td.viewer { background-color:#143b79; width:177px; height:27px; text-align:center; }


#DFList { border-collapse:collapse;}
	#DFList td{ text-align:center; padding:0px 25px 5px 25px; }
	
	
#Quiz { width:100%; border-collapse:collapse;}
	#Quiz td{ padding:0px; text-align:center; }
	#Quiz td.bg01 { background:url("../../pr/image/quiz_bg.gif") no-repeat; height:130px; }
	#Quiz .Quizinput { background-color:#debbd3; width:470px; height:80px; }
	
	
	
	
	
	
	
	
	
	
	
	
	

/* 사회공헌컨텐츠 Style ***************************************************/

#cont { }
	.visual01 { width:740px; height:220px;  background:url("../../Cont/image/visual01.jpg") no-repeat; }
	.visual02 { width:740px; height:220px;  background:url("../../Cont/image/visual02.jpg") no-repeat; }
	.visual03 { width:740px; height:220px;  background:url("../../Cont/image/visual03.jpg") no-repeat; }
	.visual04 { width:740px; height:220px;  background:url("../../Cont/image/visual04.jpg") no-repeat; }
	.visual05 { width:740px; height:260px;  background:url("../../Cont/image/visual05.jpg") no-repeat; }
	.visual06 { width:740px; height:209px;  background:url("../../Cont/image/visual06.jpg") no-repeat; }


#contTap { width:100%; height:34px; border-collapse:collapse; }
	#contTap tr.bg01 { background:url("../image/button/tap_bg.gif")  }
	#contTap td { padding:0px; vertical-align:top; }
	



/* 고객문의컨텐츠 Style ***************************************************/

#cs { width:100%; border-collapse:collapse; }
	#cs td{ padding:0px; }
	#cs td.bg01 { background:url("../../cs/image/bg01.gif") no-repeat;  width:502px; vertical-align:top; }
	#cs td.bg02 { background:url("../../cs/image/bg02.gif") no-repeat; vertical-align:top; border-left:solid 1px #cfcfcf; }
	#cs td.bg03 { background:url("../../cs/image/bg03.gif") no-repeat;  width:198px; vertical-align:top; }
	#cs td.line01 { border-right:solid 1px #e7e7e7; }
	#cs td.line02 { height:60px; border-bottom:solid 1px #e7e7e7; padding-left:30px; }
	#cs td.line03 { height:30px; border-bottom:solid 1px #e7e7e7; padding-left:30px; }
	#cs td.line04 { height:200px; border-bottom:solid 1px #e7e7e7; padding-left:30px; }
	
	#csimg {
		background:url(../../CS/image/cs01.png) no-repeat;
		margin-left:530px;
		position:absolute;
		top:214px;
		width:250px;
		height:180px;
		z-index:55;
	}	
.cal_th{ background-color:#ed1c24; height:2px; }
.day1{ border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; height:40px; background-color:#f4f4f4; text-align:center; }
.day2{ border-bottom:solid 1px #e5e5e5; height:40px; background-color:#f4f4f4; text-align:center;}
.date1{ background-color:#fdf5f6; vertical-align:top; text-align:center;}
.date2{ background-color:#ffffff; vertical-align:top; text-align:center;}


/*  Util컨텐츠 Style */
#rss { width:100%;  border-collapse:collapse; }
	#rss td { background-color:#f3f3f3; padding:10px; }
	
	#rssimg {
		background:url(../../util/image/util01.png) no-repeat;
		margin-left:540px;
		position:absolute;
		top:214px;
		width:224px;
		height:158px;
		z-index:55;
	}	

	
	
.policy { width: 680px;  height:190px; border:solid 1px #d8d8d8; overflow-y: auto; padding:10px; margin-left:20px; }

.policy_appli { width: 390px;  height:100px; border:solid 1px #d8d8d8; overflow-y: auto; padding:10px; }

.policyLink { background:url(../../Util/image/policy02.gif) no-repeat; width:660px; height:220px; padding-left:80px; padding-top:70px; }

/* 사이트맵 */
#Sitemap { width:100%; border-collapse:collapse; }
	#Sitemap td { width:25%; padding:0; vertical-align:top; }
	
	
	

#UtilTitle {
		background-color:#FFFFFF; 
		padding:40px 20px  30px 0 ;
		margin-left:-283px;
		text-align:right; 
		position:absolute;
		top:214px;
		width:202px;
		z-index:1;
		}