@charset "utf-8";


/******************************************************************************
	파일명   : common.css - 공통 Cascade Style Sheet
	작성자   : YEONSIK CHOI
	작성일   : 2008-12-11
	업데이트 : 2008-12-10 / 오전 9:22 / YEONSIK CHOI
******************************************************************************/


/* base */
* { margin:0; padding:0; }
body { background-color:#fff; color:#444; font:12px/1.6 Arial; text-align:center; background }
* html { overflow: scroll; overflow-x: auto; }
@media print { body { color:#000; } }
th, td { font:12px/1.6 Arial; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
li { list-style:none; }
fieldset,img { border:none; }
address,em { font-style:normal; }
input,textarea,select{ font-family:inherit; font-size:1em; }
.input { border:1px solid #cbcbcb; height:17px; }
textarea { border:1px solid #cbcbcb; }
button{ border:none 0;background:none;cursor:pointer;_cursor /**/:hand; }
table { border-collapse:collapse; border:0; }
textarea { overflow:auto; }
a{ color:#444;text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
a:visited { color:#444; text-decoration:none; }
a:active { color:#39a9e2; text-decoration:none; }
a:hover { color:#39a9e2; text-decoration:none; }
div.hide, caption { display:none;}




/* templet */
body#main {	}
body#theme01 {	}
body#theme02 {	}




/* common */
hr, legend, .skip, .hd { display:none; }


/* layout */

#header_bg { background:url(../images/common/top_bg.gif) repeat-x left bottom; height:127px; margin-top:8px;}
#header { width:865px; height:127px; position:relative;  margin:0 auto;  text-align:left;}
#header	.gnb_top { position:absolute; right:30px; top:35px; height:18px; line-height:18px; }
#header .common_navi {height:62px; background:url(../images/common/bg_topnavi.gif) no-repeat; position:relative; z-index:50;}
#header .common_navi .navi_position	{position:absolute; z-index:50; top:0; left:80px; }
#header h1 {height:64px; background:url(../images/common/bg_header.gif) no-repeat; }
#header h1 img	{margin:8px 0 0 19px; }
#header #float_banner { position:absolute; top:138px; width:64px; right:-69px; z-index:5; }
#container { width:865px; background:url(../images/common/bg_container.gif) no-repeat; text-align:left; margin:0 auto; padding-top:11px;}
	#container #sidebar{ width:164px; float:left; margin-left:19px; display:inline;}
	#container #sidebar .side_navi	{background:url(../images/common/bg_subnavi.gif) no-repeat #0b63c0; border:1px solid #09509a; padding:19px 0 9px 0; }
	#container #sidebar .side_navi .navi_title	{margin-left:9px; }
	#container #sidebar .side_navi .navi_swf	{background:#FFF; width:144px; margin-left:9px; }
	#container #sidebar .left_banner	{margin-top:7px; }
	#container #sidebar .left_banner .mgb3	{margin-bottom:3px; }
	#container #body_content{ float:left; width:651px; margin-left:12px;  display:inline; }
		#container #body_content .sub_title {background:url(../images/common/sub_title_bg.jpg) no-repeat; height:122px; overflow:hidden; }
		#container #body_content .content { margin:0 auto; width:651px; }
		#container #body_content .content .content_step {font-family:'Arial'; text-align:right; color:#9a9a9a; font-size:11px;  overflow:hidden; padding:10px 0 5px 0; .padding:10px 0 9px 0; margin:0; line-height:11px;}
		#container #body_content .content .content_step strong	{color:#8c8c8c; }
		#container #body_content .content .content_step span { background:url(../images/common/blt_1.gif) no-repeat left center; padding-left:7px; }
		#container #body_content .content .conent_subj	{margin:18px 0 0 16px; .margin:14px 0 0 16px; background:url(../images/common/bg_con_subj.gif) repeat-x bottom left; padding:0 0 16px 0; float:left; display:inline; height:19px; }
		#container #body_content .content .con_area	{color:#777; width:619px; margin:0 auto 40px auto; text-align:left;  }
#footer {padding:10px 0 20px 0; border-top:1px solid #dedede}


/* style */
.small_font { size:11px; }
.point_txt { color:#e67c00; }
.select_txt { font-weight:bold; }
a.download { background:url(../images/common/ico_down_2.gif) no-repeat left center; padding-top:1px; padding-left:15px;}
#content .subject_des { padding-top:20px; padding-bottom:20px; }

.company_Content  { }
.mypage_Content   { }

.company_title    { }
.education_title  { }

.company_title_icon  {color : #363636 ; vertical-align : bottom }
.company_title_more  {color : #363636 ; vertical-align : middle }
.company_title_sup   {color : #363636 ; vertical-align : top; line-height : 19pt; }

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
.ac { text-align:center !important; }
.am { vertical-align:middle !important; }
.b { font-weight:bold !important; }
.u { text-decoration:underline }
.nu { text-decoration:none }
.t11 { font-size:11px; } /*t+ 폰트사이즈*/
.m0 { margin:0 !important; }
.p0 { padding:0 !important; }
.b0 { border:0 !important; }
.bgnone { background:none !important; }
.maring_h { margin-top:15px; }
.maring_h2 { padding-top:30px; clear:both; }
.submit { margin:0; padding:0; vertical-align:bottom; height:15px; }
.submit_2 { margin:0; padding:0; border:0; vertical-align:bottom; height:15px; }

/* board */
.data_board_st { border-top:1px solid #6da9c9; }
.data_board_st thead { background:#e5f0f8; }
.data_board_st thead th { padding:9px 0; text-align:center; border:1px solid #bcd8eb; }
.data_board_st tbody td { border:1px solid #bcd8eb; padding:5px 8px; }
.data_board_st tbody th { background:#f3f7fb; border:1px solid #bcd8eb; padding:5px 8px; text-align:center; }
.data_board_st .border_l_none { border-left:none; }
.data_board_st .border_r_none { border-right:none; }


/* table */

/* box */

/* tap */


/* common_list */


/* --popup_style */
/* popup */

/* text-overflow for FF*/
.ellipsis {
    text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
}
.ellipsis_ie	{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:330px;
    /* text-overflow for FF */
    -moz-binding: url('ellipsis.xml#ellipsis');
}

/* box-table */

/* --popup_style-- */

/* 공통 블릿 p,li,dt,dd 에만 사용가능 */
.blt01 {  }
.blt02 {  }
.blt03 {  }

vM{vertical-align:middle;}
hD{position：absolute;top:-1000em;left:-1000em;width:0;height:0;line-height:0;overflow:hidden;}



/* hack */
.png24 { tmp:expression(setPng24(this)); }


/* --서브페이지 bg처리--  */
/* 회사소개 */
.bg_ceo01	{background:url() no-repeat; width:619px; height:690px; }
.bg_ceo02	{background:url(../images/introduction/img_ceo10.gif) no-repeat; width:634px; height:798px;}
.bg_ceo03_1	{background:url(../images/introduction/img_ceo11.gif) no-repeat; width:619px; height:665px; position:relative;}
.bg_ceo03_1 .swf01	{position:absolute; top:50px; left:0px; }
.bg_ceo03_2	{background:url(../images/introduction/img_ceo12.gif) no-repeat; width:619px; height:707px; }
.bg_company01	{position:relative; background:url(../images/introduction/img_company04.gif) no-repeat; width:619px; height:700px; padding-top:70px;}
.bg_company01 .swf01	{position:absolute; top:100px; left:0px; }
.bg_company02	{}
.bg_company02 .swf01	{}
.bg_company03	{width:619px;}

/* 투자영역 */
.bg_process	{background:url(../images/application/img_process_01.gif) no-repeat; width:619px; height:580px; position:relative; }
.bg_process .swf01	{position:absolute; right:0px; top:95px; }

/* 윤리경영 */
.ethics01	{margin-top:30px;}
.ethics01 ul	{margin-left:10px; margin-top:10px; margin-bottom:30px; }
.ethics01 li	{background:url(../images/ethics/icon_dot.gif) no-repeat 2px 5px; padding-left:12px; line-height:14px; margin-bottom:5px; }
.bg_organ_culture	{background:url(../images/ethics/img_ethics06.gif) no-repeat; width:619px; height:494px; position:relative;}
.bg_organ_culture .swf01	{position:absolute; right:0px; top:225px; }
.bg_coexistence	{background:url(../images/ethics/img_ethics07.gif) no-repeat; width:619px; height:552px; position:relative;}
.bg_coexistence .swf01	{position:absolute; right:0px; top:52px; }
.bg_contribution	{background:url(../images/ethics/img_ethics08.gif) no-repeat; width:619px; height:745px; position:relative;}
.bg_contribution .swf01	{position:absolute; right:0px; top:129px; }
.bg_environment	{background:url(../images/ethics/img_environment_01.gif) no-repeat; width:619px; height:552px; position:relative;}
.bg_environment .swf01	{ }
.bg_citizen	{background:url(../images/ethics/img_citizen_01.gif) no-repeat; width:619px; height:512px; position:relative;}
.bg_citizen .swf01	{ }

/* 연혁 */
.history	{padding:10px; }
.history .history_list	{}
.history .history_list .list_01	{background:url(../images/introduction/img_company_02.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_02	{background:url(../images/introduction/img_company_03.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_03	{background:url(../images/introduction/img_company_04.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_04	{background:url(../images/introduction/img_company_05.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_05	{background:url(../images/introduction/img_company_07.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_06	{background:url(../images/introduction/img_company_09.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_07	{background:url(../images/introduction/img_company_10.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_08	{background:url(../images/introduction/img_company_11.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_09	{background:url(../images/introduction/img_company_12.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_10	{background:url(../images/introduction/img_company_13.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_11	{background:url(../images/introduction/img_company_14.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_12	{background:url(../images/introduction/img_company_15.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_13	{background:url(../images/introduction/img_company_16.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_14	{background:url(../images/introduction/img_company_17.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_15	{background:url(../images/introduction/img_company_18.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_16	{background:url(../images/introduction/img_company_19.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_17	{background:url(../images/introduction/img_company_20.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_18	{background:url(../images/introduction/img_company_21.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_21	{background:url(../images/introduction/img_company_24.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.history .history_list .list_22	{background:url(../images/introduction/img_company_25.gif) no-repeat; padding-left:84px; line-height:13px; color:#777; margin-bottom:7px;}
.list_19	{background:url(../images/introduction/img_company_22.gif) no-repeat; padding-left:90px; line-height:13px; color:#666666; margin:24px 0 0 20px;}
.list_20	{background:url(../images/introduction/img_company_23.gif) no-repeat; padding-left:90px; line-height:16px; color:#666666; margin:12px 0 0 20px;}


.rss_cont	{background:url(../images/etc/bg_rss.gif) no-repeat; }

.ceo03_select	{width:169px; height:18px; background:url(../images/introduction/bg_ceo03_t1.gif) no-repeat 0px 0px; display:block; margin-bottom:10px;}
.ceo03_select:hover	{width:169px; height:18px; background:url(../images/introduction/bg_ceo03_t1.gif) no-repeat 0px 0px; display:block; margin-bottom:10px;}

.ceo03	{width:169px; height:18px;  background:url(../images/introduction/bg_ceo03_t1.gif) -230px 0px no-repeat; display:block; margin-bottom:10px; }
.ceo03:hover	{width:169px; height:18px;  background:url(../images/introduction/bg_ceo03_t1.gif) -468px 0px no-repeat; display:block; margin-bottom:10px;}

.ceo03_list	{width:190px; height:18px; display:block; background:url(../images/introduction/bg_ceo03_t1.gif) -230px -26px no-repeat; margin-bottom:15px;}
.ceo03_list:hover	{width:190px; height:18px; display:block; background:url(../images/introduction/bg_ceo03_t1.gif) -468px -26px no-repeat; margin-bottom:15px;}

.ceo03_list_select	{width:190px; height:18px; display:block; background:url(../images/introduction/bg_ceo03_t1.gif) 0 -26px no-repeat; margin-bottom:15px;}
.ceo03_list_select:hover	{width:190px; height:18px; display:block; background:url(../images/introduction/bg_ceo03_t1.gif) 0 -26px no-repeat; margin-bottom:15px;}