@charset "euc-kr";

html { height:100%; margin:0; padding:0; }
body { height:100%; margin:0; padding:0; background-color:#ffffff; background:url('../images/common/background.gif') repeat-y; }

/************************************************************
   Tag
************************************************************/
body, div, p, dt, dd, li, th, td, form, input, select, option, textarea, br, blockquote { font-size:12px; font-family:µ¸¿ò,dotum,san-serif; color:#959595; line-height:16px; }
form { margin:0; padding:0; }
img { border:0; }
table  { border-collapse:collapse; }
div, p, dl, dt, dd, ul, li { margin:0; padding:0; }



/************************************************************
   Layout
************************************************************/
.topbg_01 { position:absolute; top:0; left:0; z-index:100; width:100%; height:240px; background:url('/images/common/bg_01.jpg') repeat-x; }
.topbg_01 .bg { background:url('/images/common/background_01.jpg') no-repeat left top; }
.topbg_02 { position:absolute; top:0; left:0; z-index:100; width:100%; height:240px; background:url('/images/common/bg_02.jpg') repeat-x; }
.topbg_02 .bg { background:url('/images/common/background_02.jpg') no-repeat left top; }
.topbg_03 { position:absolute; top:0; left:0; z-index:100; width:100%; height:240px; background:url('/images/common/bg_03.jpg') repeat-x; }
.topbg_03 .bg { background:url('/images/common/background_03.jpg') no-repeat left top; }
.topbg_04 { position:absolute; top:0; left:0; z-index:100; width:100%; height:240px; background:url('/images/common/bg_04.jpg') repeat-x; }
.topbg_04 .bg { background:url('/images/common/background_04.jpg') no-repeat left top; }
.topbg_05 { position:absolute; top:0; left:0; z-index:100; width:100%; height:240px; background:url('/images/common/bg_05.jpg') repeat-x; }
.topbg_05 .bg { background:url('/images/common/background_05.jpg') no-repeat left top; }
.topbg_06 { position:absolute; top:0; left:0; z-index:100; width:100%; height:240px; background:url('/images/common/bg_06.jpg') repeat-x; }
.topbg_06 .bg { background:url('/images/common/background_06.jpg') no-repeat left top; }

#wrap_body { width:990px; height:100%; }

#wrap_left01 { float:left; width:171px; background-color:#f7f7f7; padding:257px 0 0 15px; }
#wrap_left01 .leftitle { padding-left:8px; line-height:0px; font-size:0px; }
#wrap_left01 .leftmenu { list-style:none; width:157px; margin-top:10px; }
#wrap_left01 .leftmenu li { border-bottom:solid 1px #f0ece0; padding:7px 0 0 10px; }
#wrap_left01 .leftmenu li.on { background-color:#acd4fa; }
#wrap_left01 .leftmenu li.on .sub { background-color:#f7f7f7; margin:0 0 0 -10px; padding:7px 0 6px 22px; }
#wrap_left01 .leftmenu li.on .sub p { padding:2px 0 1px 0; line-height:0px; font-size:0px; }

#wrap_left02 { float:left; width:171px; background-color:#f7f7f7; padding:257px 0 0 15px; }
#wrap_left02 .leftitle { padding-left:8px; line-height:0px; font-size:0px; }
#wrap_left02 .leftmenu { list-style:none; width:157px; margin-top:10px; }
#wrap_left02 .leftmenu li { border-bottom:solid 1px #f0ece0; padding:7px 0 0 10px; }
#wrap_left02 .leftmenu li.on { background-color:#d7edea; }
#wrap_left02 .leftmenu li.on .sub { background-color:#f7f7f7; margin:0 0 0 -10px; padding:7px 0 6px 22px; }
#wrap_left02 .leftmenu li.on .sub p { padding:2px 0 1px 0; line-height:0px; font-size:0px; }

#wrap_left03 { float:left; width:171px; background-color:#f7f7f7; padding:257px 0 0 15px; }
#wrap_left03 .leftitle { padding-left:8px; line-height:0px; font-size:0px; }
#wrap_left03 .leftmenu { list-style:none; width:157px; margin-top:10px; }
#wrap_left03 .leftmenu li { border-bottom:solid 1px #f0ece0; padding:7px 0 0 10px; }
#wrap_left03 .leftmenu li.on { background-color:#e2bbdf; }
#wrap_left03 .leftmenu li.on .sub { background-color:#f7f7f7; margin:0 0 0 -10px; padding:7px 0 6px 22px; }
#wrap_left03 .leftmenu li.on .sub p { padding:2px 0 1px 0; line-height:0px; font-size:0px; }

#wrap_left04 { float:left; width:171px; background-color:#f7f7f7; padding:257px 0 0 15px; }
#wrap_left04 .leftitle { padding-left:8px; line-height:0px; font-size:0px; }
#wrap_left04 .leftmenu { list-style:none; width:157px; margin-top:10px; }
#wrap_left04 .leftmenu li { border-bottom:solid 1px #f0ece0; padding:7px 0 0 10px; }
#wrap_left04 .leftmenu li.on { background-color:#dbe2bb; }
#wrap_left04 .leftmenu li.on .sub { background-color:#f7f7f7; margin:0 0 0 -10px; padding:7px 0 6px 22px; }
#wrap_left04 .leftmenu li.on .sub p { padding:2px 0 1px 0; line-height:0px; font-size:0px; }

#wrap_left05 { float:left; width:171px; background-color:#f7f7f7; padding:257px 0 0 15px; }
#wrap_left05 .leftitle { padding-left:8px; line-height:0px; font-size:0px; }
#wrap_left05 .leftmenu { list-style:none; width:157px; margin-top:10px; }
#wrap_left05 .leftmenu li { border-bottom:solid 1px #f0ece0; padding:7px 0 0 10px; }
#wrap_left05 .leftmenu li.on { background-color:#fde1bf; }
#wrap_left05 .leftmenu li.on .sub { background-color:#f7f7f7; margin:0 0 0 -10px; padding:7px 0 6px 22px; }
#wrap_left05 .leftmenu li.on .sub p { padding:2px 0 1px 0; line-height:0px; font-size:0px; }

#wrap_default { float:left; width:171px; background-color:#f7f7f7; padding:257px 0 0 15px; }

#wrap_cont { float:left; width:704px; min-height:100%; padding:0 0 0 21px; background:url('/images/common/copy.gif') no-repeat right bottom; }
*html #wrap_cont { height:100%; }
#wrap_cont .state { height:9px; text-align:right; font-size:11px; padding-right:3px; color:#848383; margin-top:249px; }
#wrap_cont .title { height:28px; background:url('/images/common/bg_title.gif') repeat-x left 26px; margin:4px 0 27px 0; overflow:hidden; }
*html #wrap_cont .title { margin:0 0 27px 0; }
#wrap_cont .stit { padding:30px 0 12px 0; line-height:0px; font-size:0px; }
#wrap_cont .footpd { padding-top:100px; clear:both; }



/************************************************************
   Common
************************************************************/

/* clear:both */
.clear { clear:both; font-size:0px; line-height:0px; }


/* btn_align */
.alignc { text-align:center; }
.alignr { text-align:right; }
.btnl { float:left; padding:13px 0 0 28px; }
.btnr { float:right; padding:13px 11px 0 0; }


/* Link */
a { color:#848383; text-decoration:none; font-family:Dotum,San-serif; }
a:hover { color:#848383; text-decoration:none; font-family:Dotum,San-serif; }


/* text */


/* Line */


/* Input type */
.tbox_01 { height:14px; border:solid 1px #dadada; }


/* Box */


/* Paging */
.paging { text-align:center; padding:0 0 5px 0; font-size:12px; clear:both; margin-top:10px; }
.paging a { font-size:12px; color:#838383; padding:0 0 0 1px; }
.paging a:hover { font-size:12px; color:#838383; padding:0 0 0 1px; }
.paging a.here { font-size:12px; color:#1724a4; font-weight:bold; padding:0 0 0 1px; }
.paging a:hover.here { font-size:12px; color:#1724a4; font-weight:bold; padding:0 0 0 1px; }
.paging img { margin-bottom:7px; }


/* table board */
.tbl_list { width:681px; margin:11px 0 0 12px; background:url('/images/communication/tbl_title_bg.gif') no-repeat left top; }
.tbl_list th { height:28px; background:url('/images/communication/tbl_title_bar.gif') no-repeat right 6px; }
.tbl_list th.end { background:none; }
.tbl_list td { height:26px; border-bottom:solid 1px #d9e8c5; text-align:center; color:#838383; padding-top:4px; }
.tbl_list td.tit { text-align:left; padding-left:12px; }
.tbl_list td.pic { text-align:left; padding-left:12px; padding:6px 0 6px 0; }

.tbl_view { width:681px; margin:11px 0 0 12px; background:url('/images/communication/tbl_title_bg.gif') no-repeat left top; }
.tbl_view th { height:28px; background:url('/images/communication/tbl_title_bar.gif') no-repeat right 6px; }
.tbl_view td { padding:3px 0 0 13px; }
.tbl_view td.txt1 { color:#ffffff; }
.tbl_view td.txtcont { border-top:solid 1px #d9e8c5; border-bottom:solid 1px #d9e8c5; padding:15px 8px 20px 8px; }

.tbl_view01 { width:681px; margin:3px 0 0 12px; }
.tbl_view01 th { height:28px; background:url('/images/communication/tbl_title_bar.gif') no-repeat right 6px; }
.tbl_view01 td { padding:3px 0 0 13px; }
.tbl_view01 td.txtcont { border-top:solid 1px #d9e8c5; border-bottom:solid 2px #d5e6c7; padding:15px 8px 20px 8px; }
.tbl_view01 td.line { height:0; background-color:#d9e8c5; }

.tbl_prenext { width:679px; border-top:solid 1px #d9e8c5; border-bottom:solid 1px #d9e8c5; margin:70px 0 0 12px; }
.tbl_prenext th { width:74px; background:url('/images/communication/tbl_title_bar.gif') no-repeat right 9px; }
.tbl_prenext td { height:28px; padding:3px 0 0 13px; }
.tbl_prenext td.line { height:1px; background:url('/images/common/dotline_01.gif') repeat-x left top; }

.tbl_write { width:679px; border-top:solid 1px #d9e8c5; margin:6px 0 0 12px; }
.tbl_write th { width:74px; background:url('/images/communication/tbl_title_bar.gif') no-repeat right 9px; border-bottom:solid 1px #d9e8c5; }
.tbl_write td { border-bottom:solid 1px #d9e8c5; padding:6px 0 5px 7px; }


/* board */
.bd_list01_line { height:1px; border-bottom:solid 1px #d9e8c5; overflow:hidden; margin:14px 13px 0 12px; clear:both; }
.bd_list02_line { height:2px; border-bottom:solid 2px #d5e6c7; overflow:hidden; margin:14px 13px 0 12px; clear:both; }
.bd_list01 { margin:0; }
.bd_list01 .cell { float:left; width:156px; height:157px; margin:18px 6px 0 12px; display:inline; }
.bd_list01 .cell .pic img { width:154px; height:108px; border:solid 1px #d7daf1; }
.bd_list01 .cell .tit { color:#838383; padding:7px 0 0 4px; }
.bd_list01 .cell .date  { color:#b5b5b5; font-size:11px; padding:0 0 0 4px; line-height:13px; }


/* table */
.tbl_type01 { width:638px; border:solid 1px #cecece; margin-left:16px; }
.tbl_type01 th { height:27px; background-color:#fafafa; border:solid 1px #cecece; line-height:0px; font-size:0px; }
.tbl_type01 td { color:#a1a1a1; padding:9px 10px 4px 12px; border:solid 1px #cecece; line-height:18px; }
.tbl_type01 td.tit { color:#707070; padding-left:12px; font-weight:bold; }
.tbl_type01 td.tit01 { color:#8f8f8f; padding-left:17px; }


/* dl type */
dl.dtype_01 { width:691px; }
dl.dtype_01 dt { padding-bottom:5px; border-bottom:solid 1px #cbcbcb; font-size:0px; line-height:0px; }
dl.dtype_01 dd { padding:10px 0 30px 13px; }

dl.dtype_02 { width:691px; }
dl.dtype_02 dt { padding-bottom:5px; background:url('/images/common/line_01.gif') no-repeat left bottom; font-size:0px; line-height:0px; }
dl.dtype_02 dd { padding:10px 0 30px 13px; }

dl.dtype_03 { width:496px; }
dl.dtype_03 dt { padding-bottom:5px; background:url('/images/common/line_01.gif') no-repeat right bottom; font-size:0px; line-height:0px; }
dl.dtype_03 dd { padding:10px 0 30px 13px; }

dl.dtype_04 { }
dl.dtype_04 dt { padding-bottom:3px; font-size:0px; line-height:0px; }
dl.dtype_04 dd { padding:10px 0 30px 13px; }

dl.dtype_05 { margin:0 0 15px 0; }
dl.dtype_05 dt { font-size:0px; line-height:0px; }
dl.dtype_05 dd { padding:18px 0 27px 0; }
dl.dtype_05 dd.t1 { padding:12px 0 15px 14px; }
dl.dtype_05 dd.t2 { padding:8px 0 15px 14px; }


/* list */
.list_01 { list-style:none; margin-top:7px; }
.list_01 li { background:url('/images/common/bullet_01.gif') no-repeat 1px 9px; padding-left:8px; font-size:11px; font-family:verdana,dotum; color:#828181; margin-top:3px; }


/* bullet text */



/************************************************************
   Index
************************************************************/
.introbg { background:url('/images/intro_bg.jpg'); background-color:#000000; }
.introbg .intro { min-height:100%; background:url('/images/intro.jpg') no-repeat; padding:138px 0 0 192px; }

.mainbg { background:url('/images/main/background.gif'); background-color:#000000; }
.main_outer { width:100%; background:url('/images/main/bg.jpg') no-repeat left top; height:700px; }
.main_outer .flash { width:1012px; height:630px; }
.main_outer .news { height:25px; padding:15px 0 0 142px; line-height:17px; font-size:11px; }
.main_outer .news a { color:#ffffff; }
.main_outer .news a:hover { color:#ffffff; }
.main_outer .newstit { margin:-23px 0 0 42px; }

#news_scroller { width:865px; height:25px; padding:15px 0 0 142px; font-size:11px; }
#news_scroller a { text-decoration:none; color:#ffffff; }


/************************************************************
   Sub
************************************************************/
/* Company */
.history { width:566px; padding:25px 0 25px 0; border-bottom:solid 1px #cbcbcb; margin-left:10px; }
.history .year { float:left; width:92px; padding-left:5px; }
.history .month { float:left; list-style:none; padding:0 0 0 31px; }

.biz_cell { float:left; width:166px; height:89px; padding:0 0 0 7px; }

.location_tab { list-style:none; width:704px; padding-top:13px; background:url('/images/company/location_tab_bg.gif') repeat-x left bottom; }
.location_tab li { float:left; line-height:0px; font-size:0px; }

.location_pop { background:none; padding:10px 0 0 10px; }


/* Business */
.asic_mass { list-style:none; margin-top:10px; }
.asic_mass li { width:705px; padding:19px 0 15px 0; border-bottom:solid 1px #cbcbcb; }

.designip_tbl { width:677px; height:178px; border:solid 1px #c0c0c0; margin:6px 0 12px -5px; }
.designip_tbl th { height:27px; background:url('/images/business/design_tbl_titbg.gif') repeat-x; border:solid 1px #c0c0c0; line-height:0px; font-size:0px; }
.designip_tbl td { padding:12px 0 8px 0; border:solid 1px #c0c0c0; text-align:center; color:#a1a1a1; }
.designip_tbl td.item { text-align:left; padding-left:15px; }

.letter_list { width:679px; height:20px; padding-top:6px; }
.letter_list .num { float:left; width:37px; height:14px; text-align:center; color:#838383; }
.letter_list .tit { float:left; width:520px; height:14px; padding-left:10px; color:#838383; }
.letter_list .tit a { color:#838383; cursor:hand;}
.letter_list .tit a:hover { color:#838383; cursor:hand; }
.letter_list .tit a.choice { color:#838383; font-weight:bold; }
.letter_list .tit a:hover.choice { color:#838383; font-weight:bold; }
.letter_list .date { float:left; width:111px; height:14px; color:#838383; text-align:center; }
.letter_view { width:625px; padding:7px 10px 16px 47px; color:#838383; }
.letter_line { width:679px; height:1px; border-bottom:solid 1px #c4e4e1; overflow:hidden; line-height:0; font-size:0px; }


/* Technology */
.patent_list { width:690px; height:187px; border-bottom:solid 1px #cbcbcb; margin-bottom:19px; clear:both; }
.patent_list dd.image { float:left; width:159px; height:187px; }
.patent_list dd.info { float:left; }
.patent_list dd.info ul { list-style:none; margin:14px 0 5px 0; }
.patent_list dd.info ul li { color:#848383; margin-top:6px; }
.patent_list dd.info ul li.t1 { background:url('/images/technology/patent_text_01.gif') no-repeat left 1px; padding-left:36px;  }
.patent_list dd.info ul li.t2 { background:url('/images/technology/patent_text_02.gif') no-repeat left 1px; padding-left:152px;  }
.patent_list dd.info ul li.t3 { background:url('/images/technology/patent_text_03.gif') no-repeat left 1px; padding-left:85px;  }
.patent_list dd.info ul li.t4 { background:url('/images/technology/patent_text_04.gif') no-repeat left 1px; padding-left:129px;  }
.patent_list dd.info ul li.t5 { background:url('/images/technology/patent_text_05.gif') no-repeat left 1px; padding-left:161px;  }


/* Community */
.photo_title { padding-left:12px; }


/* Employment */
.env02_list { list-style:none; width:600px; }
.env02_list li { padding:14px 0 14px 0; background:url('/images/common/line_01.gif') no-repeat left bottom; }

.env01_bg { background:url('/images/employ/env_img_0101.jpg') no-repeat right bottom; margin-bottom:-50px; }
.env03_bg { background:url('/images/employ/env_img_0301.jpg') no-repeat right bottom; padding-bottom:24px; margin-bottom:-50px; }


/* Sitemap */
.sitemap { width:679px; height:116px; padding:13px 0 14px 0; margin-left:12px; border-bottom:solid 1px #cfcfcf; clear:both; }
.sitemap .tit { float:left; }
.sitemap .cell01 { float:left; width:140px; height:105px; padding:7px 0 0 31px; border-right:solid 1px #eef0e6; }
.sitemap .cell02 { float:left; width:135px; height:105px; padding:7px 0 0 8px; border-right:solid 1px #eef0e6; }
.sitemap .cell03 { float:left; width:120px; height:105px; padding:7px 0 0 9px; border-right:solid 1px #eef0e6; }
.sitemap .cell04 { float:left; width:100px; height:105px; padding:7px 0 0 9px; }
.sitemap .list { list-style:none; margin:0; padding:0; }
.sitemap .list li { margin-top:3px; padding-left:11px; line-height:0px; font-size:0px; }
.sitemap .list li.depth { margin:0; padding:0 0 4px 0; line-height:0px; font-size:0px; }