@charset "utf-8";
/* CSS Document */

/*font*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {margin:0; padding:0; width:100%; height:100%; background-color:#FFFFFF; min-height:100%;}


.warp {width:100%; height:100%; margin:0 auto;}
/* top_navi_zone */
#header {width:100%;background:#fff; overflow:visible;}
#header .header_wrap{position:relative; width:100%; height:170px; overflow:visible; z-index:90; background:url(images/bg_top.gif) top center no-repeat;}
#header .header_wrap .top_navi_zone {width:1000px; left:50%; margin-left:-500px; min-height:107px; position:relative;}
#header .header_wrap .dot {position:relative; width:100%; height:25px; top:27px;}
					 .dot ul {width:170px; right:0; padding-top:2px; padding-bottom:2px; float:right;}
					 .dot li {float:left; margin-right:5px;}
.top_navi_zone h1 a {position:absolute; display:inline; width:192px; height:50px; top:25px; left:13px; clear:both;}
.gnb {position:absolute; float:left; margin:0; padding:0; top:100px; left:13px; width:987px;}
.gnb li {float:left; width:195px; text-align:center; overflow:visible;}
.gnb .depth2{position:absolute;width:195px; left:0; top:60; display:none;}
.gnb .depth2.idx1{position:absolute; display:none; left:600px;}
.gnb .depth2.idx2{display:none; left:225px;}
.gnb .depth2.idx3{display:none; left:40px;}
.gnb .depth2.idx4{display:none; left:95px;}
.gnb .depth2 > li{width:auto; padding:0; position:relative;}
.gnb .depth2 li{clear:both;}



.gnb li.on .depth2{display:block;}
.gnb li.on .depth2 li.on{background:#d70845;}
.gnb li.on .depth2 li.on .depth3{opacity:1;display:block\9;}

	.top_navi_zone li.menu01 {float:left; width:192px;}
	.top_navi_zone li.menu02 {float:left; width:192px;}
	.top_navi_zone li.menu03 {float:left; width:192px;}
	.top_navi_zone li.menu04 {float:left; width:192px;}

/* main_visual_zone */
.main_visual_zone {position:relative; width:100%; height:412px; background:url('/images/visual_bg.gif') repeat-x; clear:both;}
.main_visual_zone .main_visual {position:relative; width:1000px; height:412px; left:50%; margin-left:-500px;}
	
/*내가넣은슬라이드소스*/
#main_bn_bt {list-style-type:none; position:absolute; bottom:10px; left:65px;}
#main_bn_bt li {float: left; padding:3px 6px; background:#ffffff; color:#ffffff; margin-right:5px;}
	
/* sub_visual_zone */
.sub_visual_zone {position:relative; width:100%; height:204px; background:url('/images/bg_subvisual.jpg') repeat-x; clear:both;}
	.sub_visual_zone .sub_visual {position:relative; width:1000px; height:204px; left:50%; margin-left:-500px;}


/* contents */
.main_products {position:relative; width:1000px; height:190px; left:50%; margin-left:-500px; margin-top:0; clear:both;}
	.main_products .products_zone {float:left; display:inline; width:1000px; margin-top:40px;}
	.main_products .products_zone .title_products {padding-bottom:20px;}

.contents01 {position:relative; width:960px; height:140px; left:50%; margin-left:-479px; margin-top:0; clear:both;}
	.contents01 .contents_box {float:left; display:inline; width:960px; margin-top:20px; left:23px;}
	.contents01 .contents_box .notice {float:left; display:inline; width:365px; top:0;}
	.contents01 .contents_box .portfolio {float:left; width:553px; top:0;}

	
.contents02 {position:relative; width:958px; height:207px; left:50%; margin-left:-479px; margin-top:0; clear:both;}
	.contents02 .contents_box {float:left; display:inline; width:958px; margin-top:65px;}
	.contents02 .contents_box .banner_business {float:left; width:292px; top:0;}
	.contents02 .contents_box .banner_estimate {float:left; width:338px; top:0; margin-left:34px;}
	.contents02 .contents_box .banner_customer {float:left; width:254px; top:0; margin-left:33px;}



/* rollbanner_zone */
.rollbanner_zone {position:relative; width:1000px; height:90px; left:50%; margin-left:-500px; clear:both; margin-top:45px; margin-bottom:45px; padding:0;}
.rollbanner_zone .title_sponsor {height:17px; width:111px; padding-bottom:15px;}
	.rollbanner_zone ul {float:left; display:inline; width:1000px; height:50px;}


/* footer */
.footer {width:100%; height:120px; border-top:1px solid #e0e0e0; padding-top:40px; clear:both;}
	.footer .contactus {position:relative; width:1000px; left:50%; margin-left:-500px;}
		.footer .contactus ul {position:relative; width:1000px; height:47px; clear:both; float:left;}
		.footer .contactus li.footer_logo {position:absolute; float:left; width:139px; height:47px; margin-left:37px;}
		.footer .contactus li.footer_address {position:absolute; float:left; width:588px; height:47px; clear:both; margin-left:220px;}
		
/* sub_footer */
.sub_footer_area {width:100%; min-height:108px; margin-bottom:0; margin-top:30px; padding-top:0; clear:both;}
.sub_footer {position:relative; width:100%; background-color:#f4f4f4; border-top:1px solid #e0e0e0; height:108px; padding-bottom:0;}
	.sub_footer .contactus {position:relative; width:1000px; height:auto; left:50%; margin-left:-500px; clear:both; padding-bottom:0;}
		.sub_footer .contactus a {float:left; display:block; margin-top:10px; margin-bottom:0;}
		.sub_footer .contactus a.home {margin-left:20px; margin-top:10px;}
		.sub_footer .contactus a.con {margin-top:10px;}
		.sub_footer .contactus a.admin {margin-top:10px;}
		.sub_footer .contactus p {float:left; width:961px; height:35px; clear:both; margin-left:20px;}

		
/* left_page01 */
.sub_contents {
	position: relative;
	width: 100%;
	background: url('/images/sub_shadow.png') repeat-x;
	background-image: url(/images/sub_shadow.png);
	min-height: 100%; height: height:100%; margin: 0 auto -1px;
}	
.sub_contents .left_page {position:relative; width:970px; left:50%; margin-left:-486px;}	
.sub_contents .left_page .leftmenu {position:relative; float:left; width:203px; height:100%;}
.sub_contents .left_page .leftmenu li {border-bottom:1px solid #dedede;}
.sub_contents .left_page .leftmenu li.sub {border-bottom:1px solid #ffffff;}
.sub_contents .left_page .leftmenu li.top {padding-top:10px; border-bottom:1px solid #ffffff;}
.sub_contents .left_page .leftmenu li.bottom {padding-bottom:10px; border-bottom:1px solid #dedede;}
.sub_contents .left_page .leftmenu li.left_title {position:relative;}
.sub_contents .left_page .page {position:relative; float:left; width:720px; margin-left:20px; margin-top:40px;}
	.sub_contents .left_page .page .page_title {padding-bottom:20px;}
	.sub_contents .left_page .page .page_cts {padding-bottom:50px;}

/* p01 */
.sub_contents .left_page .page .p01_top {position:relative; width:100%;}
.sub_contents .left_page .page .p01 {position:relative; width:745px; height:120px; padding-left:10px; margin-bottom:50px;margin-top:30px;}
.sub_contents .left_page .page .p01 li {float:left; display:inline; width:242px; height:37px;}

/* p02 */
.sub_contents .left_page .page .p02_top {position:relative; width:100%;}
.sub_contents .left_page .page .p02 {position:relative; width:745px; height:50px; padding-left:10px; margin-bottom:50px;margin-top:30px;}
.sub_contents .left_page .page .p02 li {float:left; display:inline; width:363px; height:38px;}

/* p03 */
.sub_contents .left_page .page .p03_top {position:relative; width:100%;}
.sub_contents .left_page .page .p03 {position:relative; width:745px; height:90px; padding-left:10px; margin-bottom:50px;margin-top:30px;}
.sub_contents .left_page .page .p03 li {float:left; display:inline; width:242px; height:37px;}
.sub_contents .left_page .page .p03 li.width363 {float:left; display:inline; width:363px; height:37px;}

/* p04 */
.sub_contents .left_page .page .p04_top {position:relative; width:100%;}
.sub_contents .left_page .page .p04 {position:relative; width:745px; height:50px; padding-left:10px; margin-bottom:50px;margin-top:30px;}
.sub_contents .left_page .page .p04 li {float:left; display:inline; width:242px; height:37px;}


/* 04business */
.business_top
.business {position:relative; width:745px; padding-left:30px; padding-bottom:50px; border:1px solid #F00; clear:both;}
	.business .business_con {float:left;}
	.business .business_con li.business_left {float:left; display:inline; width:303px; height:246px; padding-top:50px; padding-left:30px;}
	.business .business_con li.business_right {float:left; display:inline; width:225px; padding-top:50px; padding-left:25px;}




/* font */
.view_title {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:12pt;}
.view_list_gray {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt; color:#888;}
.view_list {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;font-family:Verdana, Geneva, sans-serif;}
.view_list_blue {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;font-family:Verdana, Geneva, sans-serif; color:#005ba8;}
.view_list_white {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt; color:#FFF}
.nanum {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt; color:#000000; font-weight:bold;}
.nanum_gray {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt; color:#777;}
.nanum_11_B {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:11pt; font-weight:bold;}
.nanum_B {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:12pt; font-weight:bold;}
.nanum_Big {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:13pt; font-weight:bold; color:#333;}
.view_list1 {color:#176199;font-weight:bold; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.view_list2 {color:#0060ff;font-weight:bold; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.view_list3 {color:#ea6f24;font-weight:bold; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:11pt;}
.view_list4 {color:#5c5c5c;font-weight:bold; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.view_list5 {color:#ff0000;font-weight:bold; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.view_list6 {color:#ffffff;font-weight:bold; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.view_list7 {color:#333333;font-weight:bold;font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.view_list8 {color:#d4496f;font-weight:bold;font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:11pt; LETTER-SPACING: -1px}
.view_list9 {color:#cc0000;font-weight:bold;font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt; LETTER-SPACING: -1px}
.view_list10 {color:#f97535;font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:17px; font-size:9pt;}
.year {position:absolute; top:0; left:0; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; font-size:14px; font-weight:bold; color:#ff0000 }
.month {position:absolute; top:0; left:51px; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; font-size:14px; font-weight:100; color:#000}
.table_info {text-align:right; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; font-size:12px; font-weight:100; color:#000; padding-bottom:10px;}
.nanum2 {font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:15px; font-size:8pt; letter-spacing:-1px;}



/* COMMON */
html,body {height:100%; margin:0; padding:0; background:#fff; }
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, span { margin:0; padding:0; }
body { color:#141414; font-size:14px; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; line-height:1em; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all; }
table { border-collapse:collapse; border-spacing:0; }
a, a:link {text-decoration:none; color:#333; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif;}
a:visited {text-decoration:none; color:#333; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif;}
a:active {text-decoration:none; color:#333; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif;}
a:hover {text-decoration:none; color:#999; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif;}
fieldset,img { border:0; vertical-align : bottom;}
address,caption,cite,code,dfn,em,strong,th,var, i { font-style:normal; font-weight:normal;}
strong { font-weight:bold; }
button { margin:0; padding:0; border:none; font-family:'Nanum Gothic', 'NanumGothic','나눔고딕','돋움',Dotum,sans-serif; cursor:pointer; font-size:15px; } 
li { list-style:none; }
caption,th { text-align:left; }
legend {position:absolute; top:-99999em; left:-99999em;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr { display:none; }
div.hr {clear:both; width:100%; height:2px; border-bottom:1px solid #EEEBEA;}
div.hr {display:none;}

textarea { -webkit-appearance:none; -webkit-border-radius:0; resize:none;}
input[type="checkbox"] { background-color:#fff; width:16px; height:16px; }
input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; }
input[type="button"], input[type="text"], input[type="image"] {-webkit-appearance:none;-webkit-border-radius:0;}
.clear {clear:both; float:none; width:0; height:0; margin:0; padding:0; font:0/0 arial;}
.hide {display:none;}
legend { color:#000; }
label { cursor:pointer; }

/*배경이미지*/
#bg_greeting {width:728px; height:316px; background:url('/01company/img/greeting01.gif') no-repeat;}
#bg_history {width:728px; height:600px; background:url('/01company/img/history01.gif') no-repeat;}
#dot {position:absolute; background:url('/03products/img/dot.gif') no-repeat;}


/* history 별도 */
.ir {overflow:hidden; display:block; position:absolute; top:0; text-indent:-9999px; width:0; height:0}
.histroyCon {margin-top:44px; *zoom:1}
.histroyCon:after {display:block; clear:both; content:''}
.histroyCon p {float:left; width:auto}
.con {float:right; width:680px}
.con li {position:relative; margin-top:25px; padding:0 0 8px 93px; color:#000000; font-size:13px; font-weight:bold; background:url('/01company/img/bg_history.gif') repeat-x left bottom}
.con li:first-child {margin-top:0}



/*table*/
table.introTable{text-align:center;border-top:2px solid #E32232; width:100%;table-layout:fixed;}
table.introTable th, table.introTable td{text-align:center;border:1px solid #d9d9d9;padding:10px 0;}
table.introTable th{background:#f2f2f2;text-align:center;font-size:13px;}
table.introTable td > div{text-align:center;font-size:13px;}
table.introTable tr.bottom th {text-align:center;border-bottom:1px solid #a3a3a3;}
table.introTable tr.bottom td {text-align:center;border-bottom:1px solid #a3a3a3;}

/*business*/
.business01 {position:relative; width:136px; height:154px; float:left;}
.business02 {position:relative; width:136px; height:306px; float:left;}
.first {float:left;}