@charset "utf-8";
@import url("default.css");


#bg_body { background:url(../images/sub_bg.jpg) repeat-x;}
#warp { width:100%;}
#visual {width:1000px; float:left; margin:0; background:url(../images/01_about/visual.jpg) no-repeat;}
#header {width:1000px; height:88px;}
.logo{width:192px; height:61px; float:left; margin-top:5px; margin-left:56px;}
#gnb li{float:right; margin-top:5px; margin-bottom:13px;}
#lnb{position:absolute;  z-index:1; top:20px; left:155px; width:686px; height:70px;}
#container {width:1000px; height:100%; background:url(../images/sub_con_bg.gif) repeat-y;}
#snb_area { position:absolute; z-index:3; top:233px; width:231px; left: 0px; background:url(../images/left_menu.jpg) no-repeat; }
#snb_area .banner { width:173px; padding-left:43px; padding-top:20px;}

#sub_container {float:right;  width:744px; margin-top:16px; margin-left:25px;}
#path {float:right;  padding:0 56px 0px 20px; font-size:11px; color:#7e7e7e; background:url(../images/home_icon.gif) no-repeat left 3px; text-align:right;}
#content {clear:both; width:674px; border-top:1px solid #dfdfdf;  padding:35px 12px 60px 22px;}

/*왼쪽메뉴*/
.snb_title_01{background:url(../images/01_about/left_menu_t.jpg) no-repeat; height:71px; margin-left:28px;}
#snb_01{ width:203px; float:right; height:160px;}
.snb_title_02{background:url(../images/02_business/left_menu_t.jpg) no-repeat; height:71px; margin-left:28px;}
#snb_02{ width:203px; float:right; height:150px;}
.snb_title_03{background:url(../images/03_product/left_menu_t.jpg) no-repeat; height:71px; margin-left:28px;}
#snb_03{ width:203px; float:right; height:210px;}
.snb_title_04{background:url(../images/04_support/left_menu_t.jpg) no-repeat; height:71px; margin-left:28px;}
#snb_04{ width:203px; float:right; height:175px;}
.snb_title_05{background:url(../images/05_contact/left_menu_t.jpg) no-repeat; height:71px; margin-left:28px;}
#snb_05{ width:203px; float:right; height:45px; }
.snb_title_sitemap{background:url(../images/sitemap/left_menu_t.jpg) no-repeat; height:71px; margin-left:28px;}
#snb_sitemap{ width:203px; float:right; height:45px;}



h3 { float:left; padding-left:15px; margin-bottom:8px;}
h4 {margin-bottom:15px;}
.pb10{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pb40{padding-bottom:40px;}
.blue_t{font-family:"돋움", "굴림"; color:#2b7bd5; font-weight:bold;}
.pb300{padding-bottom:300px;}
.pb100{padding-bottom:300px;}
.p_center{text-align:center; margin-top:20px;}
.pt {padding-top:100px;}
.pt { width:650px; padding:5px 0 20px 0; line-height:16px; }
.pt1 { width:620px; background:url(../images/03_product/bu_square.gif) no-repeat; background-position:left 0.3em; padding:0 0 0 23px; margin:0 0 15px 0px; }
.pt3 { width:620px; background:url(../images/03_product/bu_square.gif) no-repeat; background-position:left 0.3em; padding:0 0 0 23px; margin:0 0 15px 0px; font-weight:bold; font-family:"돋움", "굴림"; color:#2c2c2c;}
.pt2 { font-family:"돋움", "굴림"; color:#2c2c2c; font-weight:bold;}
.pt1_1 { width:620px; background:url(../images/03_product/bu_square.gif) no-repeat; background-position:left 0.3em; padding:0 0 0 23px; margin:0 0 0 15px; }
.soon{ margin-top:50px; margin-bottom:100px; text-align:center;}

.bullet_01 { background:url(../images/03_product/bu_square.gif) no-repeat; background-position:left 0.3em; padding:0 0 0 23px; margin:0 0 5px 0px; font-weight:bold;  color:#2c2c2c;}
.bullet_02 { background:url(../images/03_product/bu_square.gif) no-repeat; background-position:left 0.3em; padding:0 0 0 23px; margin:0 0 5px 0px; font-weight:bold;  color:#2b7bd5;}
.mtz { margin-top:0px; }
.dle01 { padding-left:4px; }
.txtleft { text-align:left; }
.text_blue{color:#1152c0;}
.text_orange{color:#ff7700;}

/* ★★★★★★★★★★★컨텐츠 = 시작★★★★★★★★★★★ */


/******************회사소개 = 시작******************/

/*02-연혁*/
.history_area{ overflow:auto; width:655px; background:url(../images/01_about/history_img.jpg) no-repeat; }
.history { width:402px; padding-bottom:30px; float:right; list-style:none;}
.history .year {  padding: 0px 0px 10px 0px;}
.history .list {  list-style:none; margin-left:38px; }
.history .list li { margin-bottom:2px; margin-top:10px; letter-spacing:-0.5px;}
.history .list li span { position:absolute; margin-top:-3px; margin-left:-35px; width:37px;  font-family:돋움; font-size:12px; color:#3d3d3d; font-weight:bold; letter-spacing:normal; }
.map_w{width:655px; height:auto;}


/*회사소개 = 끝*/


/******************사업소개 = 시작******************/
.line_h_dot{background:url(../images/line_h_dot.gif) repeat-x; margin:0 0 40px 0; height:1px; width:640px;}
/******************사업소개 = 끝******************/



/******************제품&솔루션 = 시작******************/

/*탭메뉴*/
.tab_area{ overflow:hidden;  background:url(../images/03_product/tab_line.gif) repeat-x; width:655px; height:35px;  z-index:3; padding-bottom:35px;}
.tab_area ul li{ float:left;}

.tab2_area{ overflow:hidden;  background:url(../images/03_product/tab_line2.gif) repeat-x; width:655px; height:35px;  z-index:3; padding-bottom:35px;}
.tab2_area ul li{ float:left;}

.tab33_area{ overflow:hidden;  background:url(../images/03_product/tab_line2.gif) repeat-x; width:655px; height:35px;  z-index:3; padding-bottom:15px;}
.tab33_area ul li{ float:left;}


.tab3_area{ overflow:hidden;  background:url(../images/03_product/tab_line.gif) repeat-x; width:655px; height:35px;  z-index:3; padding-bottom:15px;}
.tab3_area ul li{ float:left;}

.tab_s_area{ overflow:hidden;  background:url(../images/03_product/tab_bg2.gif) repeat-x; width:645px; height:30px;  z-index:3; margin-bottom:35px; padding:0 0 0 10px;}
.tab_s_area ul li{ float:left;}

/******************제품&솔루션 = 끝******************/


/******************고객지원 = 시작******************/
/******************고객지원 = 끝************		******/


/******************문의상담 = 시작******************/




/*테이블 스타일 = 시작*/
.section_1_table {padding:0 0 0px 0;}
.section_1_table table {border-top:2px solid #7499cb; border-bottom:2px solid #d9d9d9;}
.section_1_table th { height:28px; border-top:1px solid #fff !important; border-bottom:1px solid #e9e9e9;  background:#f9f9f9; font-size:12px; color:#367fd2; font-weight:normal; text-align:center;}
.section_1_table th.border_none { border-right:none;}
.section_1_table td.border_none { border-right:none;}
.section_1_table td { padding:7px; border-bottom:1px solid #e9e9e9; border-right:1px solid #d2d2d2; font-size:12px;}
.section_1_table_point { background-color:#f6f6f6; font-weight:bold; border-right:none;}
.section_1_table_point2 { background-color:#f6f6f6; font-weight:bold;}
.text_left { text-align:left !important; padding:5px 5px 5px 10px;}



div.table { padding:0 0 20px 0; }
table.depth02 { width:655px; text-align:center; border-top: solid 2px #4781e0; border-bottom:1px solid #DCDCDC; font-family:dotum, "돋움"; font-size:11px; border-collapse:collapse; margin:10px 0 20px 0px; color:#5a4d44; }

table.depth02 th { border:1px solid #DCDCDC; padding:0.5em; background:#f3f6fe; color:#3673d9;}
table.depth02 th.th1 { background:#f5f7f9; }
table.depth02 th.th2 { font-weight:normal; background:#e7f7f6; color:#5e8684; }
table.depth02 th.th3 { background:none; color:#b98a8d; background:#f9ebec; }

table.depth02 td { border:1px solid #DCDCDC; padding:0.5em; border-top:none; }
table.depth02 td.td1 { background:#fcf7f3; border-top:none; }
table.depth02 td.td2 { background:#f9f7fd; border-top:none; color:#837091; }
table.depth02 td.td3 { background:#fcfaec; border-top:none; color: #F30; }
table.depth02 td.td4 { background:none; color:#6c7d6a; background:#f7f7f7; }


/*테이블 스타일 = 끝*/

.form_gray{border:1px solid; border-color:#cccccc; height:18px;}
.form_area{border:1px solid; border-color:#cccccc;}

/******************문의상담 = 끝******************/


/* ★★★★★★★★★★★컨텐츠 = 끝★★★★★★★★★★★ */



/* footer */
#footer { clear:both; width:100%; background:url(../images/copy_bg.gif) repeat-x top; height:104px;}
.bottom_img{ padding-left:255px;  _padding-left:235px;}
.bottom_img li{ float:left; margin-left:20px; margin-top:8px;  _margin-top:11px;}
.copyright{ width:811px; height:110px; background:url(../images/copy.gif) no-repeat; float:left;}