* {padding:0;margin:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }

body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
body { min-width:1480px; }

img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:none;}


#wrap {   }
#wrap .container { position:relative; width:1200px; margin:20px auto; *zoom:1; }
#wrap .container  { content:""; display:block; clear:both; }

.content{ float:right; width:960px; }
.map_add {   font-size:14px; line-height:30px; font-weight:bold; text-align:center; }

.titleArea { min-height:30px; margin:0 0 20px; border :1px solid #c5c5c5; }
.titleArea h3 { display:inline-block; padding:0 0 0 12px; color:#2e2e2e; font-size:16px; line-height:40px  }
.content .whole_content{padding:0 0 0 0; text-align:center;}

.sub_content {margin:0 0 0 0; float:right; width:960px;}
.sub_content h3{margin:0 0 0 0;line-height:43px; border:1px solid #D8D8D8 ; padding:5px 0 0 15px; font-size:16px;}
.sub_content .whole_content{padding:40px 0 0 0; text-align:center;}


#left { float:left; width:220px; border:1px solid #c5c5c5; margin:0 0 20px 0;}
#sub_menu_area { float:left; padding-bottom:22px;}
#sub_menu_area .sub_menu_title { float:left; width:178px;     margin-left:16px; color:5D5D5D; font-size:18px; line-height:60px; font-weight:bold;  }
#sub_menu_area .sub_menu { float:left; width:178px; height:26px; line-height:27px; margin-bottom:3px; background-color:#F3F3F3; margin-left:16px; color:5D5D5D; padding-left:11px;}
#sub_menu_area .sub_menu a{ color:5D5D5D;}
#sub_menu_area .sub_menu a:hover { color:#fe0000;}
#sub_menu_area .sub_menu2 { float:left; width:178px; height:46px; line-height:23px; margin-bottom:3px; background-color:#F3F3F3; margin-left:16px; color:5D5D5D; padding-left:11px;}
#sub_menu_area .sub_menu2 a{ color:5D5D5D;}
#sub_menu_area .sub_menu2 a:hover { color:#fe0000;}
#sub_menu_area .sub_menu_01 { float:left; width:178px; height:26px; line-height:27px; margin-bottom:3px; margin-left:16px; color:5D5D5D; padding-left:11px;}
#sub_menu_area .sub_menu_01 a{ color:5D5D5D;}
#sub_menu_area .sub_menu_01 a:hover { color:#fe0000;}











#header {   height:39px; border-bottom:1px solid #dedede;}
#header .inner { position:relative; width:1200px; margin:0 auto; *zoom:1; }
#header .inner:after { content:""; display:block; clear:both; }
#header .login_area { width:1200px; margin:0 0 0 0; line-height:39px; float:left;}
#header .top_log_left_area { width:400px; padding:0 0 0 0; float:left; line-height:39px; color:#636363; font-size:9pt; }
#header .top_log_right_area { width:600px; padding:0 0 0 0; float:right; text-align:right; line-height:35px; color:#636363; font-size:9pt; line-height:39px;}
 
#top_menu_total_area { width: 100%;  z-index:99997;  margin:0 0 0 0; height:105px; background-color:#FFFFFF;  border-bottom:1px solid #dedede; position:absolute; top:40px;}
#top_menu_total_area .top_menu_total { position:relative; width:1200px; margin:0 auto; *zoom:1; }
#top_menu_total_area .top_logo { width:388px; margin:0 0 0 0; float:left;}
#top_menu_total_area .top_menu_area { width:812px; margin:0 0 0 0; float:left;}

#main_flash_total {   width:100%;  height:840px;  margin-top:105px;}
#sub_flash_total {   width:100%;  height:340px;  margin-top:105px;}

#main_flash_wrap {  width:100%; height:840px; text-align:center; position:absolute; }
#sub_flash_wrap {  width:100%; height:340px; text-align:center; position:absolute; }

#flash_banner_wrap {  height:107px;  z-index:999999; width:100%;  text-align:center; margin-bottom:0;}
#flash_banner_wrap .flash_banner_total_area { position:relative; width:1240px; margin:0 auto; *zoom:1;  top:615px; } 
#flash_banner_wrap .flash_banner_area {  position:absolute; width:1240px; height:196px; background:rgba(0,0,0,0.3);}

#flash_banner_wrap .flash_banner {   width:1200px; float:left; margin:20px;}
#flash_banner_wrap .flash_banner_01 {   width:393px; float:left; margin:0 10px 0 0;}
#flash_banner_wrap .flash_banner_02 {   width:393px; float:left; margin:0 11px 0 0;}
#flash_banner_wrap .flash_banner_03 {   width:393px; float:left; margin:0 0 0 0;}



#best_4_wrap { height:450px; } 
#best_4_wrap .best_4_area { position:relative; width:1200px; margin:0 auto; *zoom:1; }
#best_4_wrap .best_4_area_title { width:1200px; margin:0 0 0 0; float:left;}
#best_4_wrap .best_4_01 { width:272px; margin:0 37px 0 0; float:left;}
#best_4_wrap .best_4_02 { width:272px; margin:0 37px 0 0; float:left;}
#best_4_wrap .best_4_03 { width:272px; margin:0 37px 0 0; float:left;}
#best_4_wrap .best_4_04 { width:272px; margin:0 0 0 0; float:left;}

 
#recommend_item_wrap {  margin:0 0 0 0;  }
#recommend_item_wrap .recommend_item_title_area {    width:1200px; margin:0 auto; *zoom:1; }
#recommend_item_wrap .recommend_item_title { width:1200px; float:left; margin:0 0 0 0;}
#recommend_item_wrap .recommend_item { width:1200px; float:left; margin:0 0 0 0;}





#main_comm_banner_wrap {   z-index:99997;  margin:20px 0 0 0; height:476px; background-color:#ffd742;}
#main_comm_banner_wrap .main_comm_banner_total {  position:relative; width:1200px; margin:0 auto; *zoom:1; }
#main_comm_banner_wrap .main_comm_banner_left { width:716px; float:left; margin:15px 13px 0 0;}
#main_comm_banner_wrap .main_comm_banner_1dan { width:716px; float:left; margin:0 0 0 0;}
#main_comm_banner_wrap .main_comm_banner_1dan_01 { width:300px; float:left; margin:0 5px 0 0;}
#main_comm_banner_wrap .main_comm_banner_1dan_02 { width:410px; height:204px; float:left; margin:0 0 0 0; background-color:#f2f2f2;}
#main_comm_banner_wrap .main_comm_banner_1dan_02_title { width:410px;  float:left; margin:0 0 0 0; }
#main_comm_banner_wrap .main_comm_banner_1dan_02_area { width:410px;  float:left; margin:0 0 0 0; }
#main_comm_banner_wrap .main_comm_banner_2dan { width:716px; float:left; margin:7px 0 0 0;}
#main_comm_banner_wrap .main_comm_banner_2dan_01 { width:300px; float:left; margin:0 0 0 0;}
#main_comm_banner_wrap .main_comm_banner_right { width:471px; float:left; margin:15px 0 0 0;}
#main_comm_banner_wrap .main_comm_banner_right_01 { width:471px; float:left; margin:0 0 0 0;}




#more_contents_wrap { width:100%;   }
#more_contents_wrap .more_contents_area {  position:relative; width:1200px;   margin:0 auto; *zoom:1;  }
#more_contents_wrap .bm_big_banner_area {  width:1200px; float:left; margin:20px 0 20px 0;}



#sub_bm_banner_wrap { }
#sub_bm_banner_wrap .sub_bm_banner_area { position:relative; width:1200px;   margin:0 auto; *zoom:1;  } 
#sub_bm_banner_wrap .flash_banner {   width:1200px; float:left; margin:20px 0 20px 0;}
#sub_bm_banner_wrap .flash_banner_01 {   width:393px; float:left; margin:0 10px 0 0;}
#sub_bm_banner_wrap .flash_banner_02 {   width:393px; float:left; margin:0 11px 0 0;}
#sub_bm_banner_wrap .flash_banner_03 {   width:393px; float:left; margin:0 0 0 0;}



#content_wrap_main{
width:370px;height:570px;padding:38px 0 0 600px;position:relative;
text-align:left;margin:0 auto;
}


#footer_wrap{width:100%;height:85px;position:relative; margin-top:20px;}
.content_footer{width:970px;position:relative;text-align:left;margin:0 auto;}

#topmenu{width:970px;height:85px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 0 0 10px;}

#topmenu .main_menu{position:absolute;left:214px;top:29px;vertical-align:top;padding:5px 0 0 29px;width:727px;height:56px;}
#topmenu .main_menu a{display:inline-block;vertical-align:top;}
#topmenu .main_menu .fst{width:139px;}
#topmenu .main_menu .snd{width:186px;}
#topmenu .main_menu .trd{width:135px;}
#topmenu .main_menu .fth{width:143px;}
#topmenu .main_menu .last{width:74px;}
#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}
#topmenu .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}
#topmenu .company{top:60px;left:244px;}
#topmenu .business{top:60px;left:384px;}
#topmenu .products{top:60px;left:562px;}
#topmenu .customer{top:60px;left:697px;}
#topmenu .recruit{top:60px;left:765px;}


#footer { background:url("../img/elin_images/bm_copy_bg.gif"); height:175px; width:100%; float:left;}
#footer .inner {   position:relative; width:1200px; margin:0 auto 0; *zoom:1; }
#footer .bm_menu_area { width:1200px; float:left; margin:0 0 0 0;}
#footer .bm_callcenter_area { width:1200px; float:left; margin:0 0 0 0;}
#footer .bm_copy_area { width:1200px; float:left; margin:0 0 0 0;}
#footer .bm_pay_area { width:1200px; float:left; margin:0 0 0 0;}


.main_banner{width:360px;height:78px;margin:27px 0 0 0;}
.module_link{width:360px;height:131px;padding:18px 0 0 0;margin:26px 0 0 0;}
.module_link ul {list-style:none; padding:0 0 0 17px;}
.module_link ul li {float:left;width:85px;text-align:center;}

.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}

.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}

.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}

.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}

.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}

.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}

}

/* 2011.12.22 */
.table_product    { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td   { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle   { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt   { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01  { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001  { padding-top:2px; }
.txt_001  { font:12px/1.4em dotum; color:#666; }
.list_01 li  { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp   { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a  { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover  { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table  { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box    { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box  { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find   { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }