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

/*common*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,div{ margin:0;padding:0; -webkit-text-size-adjust:none;  word-wrap:break-word; word-break:keep-all; }

body {
	margin: 0px;
	SCROLLBAR-ARROW-COLOR: #cccccc; 
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #cfcfcf; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	
}



td  {
	font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 13px;
	color: #565656;
	line-height:150%;
	letter-spacing: 0px;
}

ul li  {
	font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 13px;
	color: #565656;
	line-height:150%;
	letter-spacing: 0px;
}

div , p , dd, dt  {
	font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 13px;
	color: #565656;
	line-height:150%;
	letter-spacing: 0px;
}

input,option {
	BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	BORDER-BOTTOM: #dddddd 1px solid;
	BACKGROUND-COLOR: #eeeeee;
	
	font-size: 12px;
	font-family: "돋움";
	color:#666666;
}
select{
    BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	BORDER-BOTTOM: #dddddd 1px solid;
	BACKGROUND-COLOR: #eeeeee;
	font-size: 12px;
	font-family: "돋움";

}

textarea {
	border:1px solid #dddddd;
	background:#eeeeee;
	line-height:120%;
	font-family: "돋움";
}

a:link {
	color: #5f5f5f;
	text-decoration: none;
}
a:visited {
	color: #5f5f5f;
	text-decoration: none;
}
a:hover {
	color: #007bff;
	text-decoration: none;
}
a:active {
	color: #5f5f5f;
	text-decoration: none;
}
/* input */
.input01 {width:216px; height:27px;  background:#ffffff; line-height:27px; padding-left:10px; margin:5px 0 0 0; border:none; left:0px; float:left;}
.input02 {width:70px; height:27px; border:1px solid #cccccc;}
.input03 {width:170px; height:27px; border:1px solid #cccccc;}
.input04 {width:170px; height:22px; border:1px solid #cccccc;}
.input05 {width:70px; height:22px; border:1px solid #cccccc;}
.input06 {width:470px; height:22px; border:1px solid #cccccc;}
.input07 {width:470px; height:200px; border:1px solid #cccccc;}
.input08 {background:#fff; border:none;padding:0px; margin:5px 0 0 0;line-height:27px;}
.input09 {width:300px; height:22px; border:1px solid #cccccc;}
.input10 {border:none; margin:0px;}


/* 정렬 관련 */
.al        {text-align:left !important}
.ac        {text-align:center !important}
.ar        {text-align:right !important}
.vt        {vertical-align:top !important}
.vb        {vertical-align:bottom !important}
.fl        {float:left;}
.fr        {float:right;}
.fc        {float:center;}
.cl        {clear:left;}
.cr        {clear:right;}
.cb        {clear:both;}
.db        {display:block;}
.di        {display:inline;}

/*==================================================================================================================*/


#wrapper{width:100%;}

/*---------------- main 로고 네비게이션------------------ */
/* header */
.header {height:85px; width:100%; position:relative; border-bottom:2px solid #2e3191; z-index:100; background:#fff;}
.head {*zoom:1; width:1000px; margin:0 auto; *zoom:1;}
.head:after {content:""; display:block; clear:both;}
.head .logo {float:left; width:230px; padding-top:11px; padding-right:30px;}
.head .gnb {float:left; width:610px; padding-top:35px; position:relative}
.head .gnb > ul > li:first-child {width:145px;}
.head .gnb > ul > li {float:left; width:145px;}
.head .gnb > ul > li a.gnb_1depth {display:block; width:80px; font-size:16px; color:#000; margin-left:40px; height:52px; font-weight:700;}
.head .gnb > ul > li:hover a.gnb_1depth {color:#1d469b;}
.head .gnb .nav_depth{display:none;position:absolute;z-index:999;height:272px; width:140px; padding:30px 0 10px 10px; border-left:1px solid #e4e4e4; }
.head .gnb > ul > li.first .nav_depth {border-left:1px solid #e4e4e4;}
.head .gnb .nav_depth li a {font-size:13px; line-height:24px; color:#252424; display:block; width:100%;}
.head .gnb .nav_depth li a:hover {color:#0b2f8d; text-decoration:underline;}

.head .language_type {position:absolute; top:0; left:50%; margin-left:340px; padding:36px 2px 0 0; width:145px;}
.head .language_type p {float:left;}
.head .language_type .lang_kor a {display:block; width:70px; height:22px; margin:0 3px 0 0; text-indent:-3000px; background:url(image/t_kor.gif) no-repeat; background-position:0 0;}
.head .language_type .lang_kor a:hover {background-position:0 -22px;}
.head .language_type .lang_kor.active a {background-position:0 -22px;}

.head .language_type .lang_eng a {display:block; width:70px; height:22px; text-indent:-3000px; background:url(image/t_eng.gif) no-repeat; background-position:0 0;}
.head .language_type .lang_eng a:hover {background-position:0 -22px;}
.head .language_type .lang_eng.active a {background-position:0 -22px;}

.nav_bg{display:none;position:absolute; top:87px; z-index:10;width:100%;height:312px;background:#fff;  border-bottom:1px solid #2e3191; margin:0 auto;}
.nav_bg .sub_gnb_img {width:1000px; margin:0 auto; height:312px; text-align:left;}
.nav_bg .sub_gnb_img.bg1 {background:url(image/tmenu_sub_bg1.jpg) top left no-repeat;}
.nav_bg .sub_gnb_img.bg2 {background:url(image/tmenu_sub_bg2.jpg) top left no-repeat;}
.nav_bg .sub_gnb_img.bg3 {background:url(image/tmenu_sub_bg3.jpg) top left no-repeat;}
.nav_bg .sub_gnb_img.bg4 {background:url(image/tmenu_sub_bg4.jpg) top left no-repeat;}
.gnb_anibar {position:absolute;top:83px; height:5px; width:0px; background:#1d469b; z-index:10;}



#container {width:100%;}

/*-------------------------메인가운데스크롤배너------------------------------*/
.mainVisual { position:static; z-index:1;  height:561px; margin:0; overflow:hidden;}
.mainVisual .list { position:absolute !important; left:0; width:100% !important; height:561px; margin-top:0px; }
.mainVisual .list li {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	background-position:50% 0;
	background-repeat:no-repeat;
	white-space:nowrap;
	text-indent:-999px;
	overflow:hidden;
}
.mainVisual .list li:first-child { opacity:1; filter:alpha(opacity=100); }
.mainVisual .list li span {top:80px; left:50%; margin:0px 0 0 50px;}
.mainVisual .list li div { top:60px; left:50%; margin:0px 0 0 -490px;}
.mainVisual .list li div.m3 {top:240px;}
.mainVisual .btnSet { position:absolute; left:0; width:100%; height:37px; z-index:10; margin:350px 0 0 0px; }
.mainVisual .btnSet a.stop, .mainVisual .btnSet a.prev, .mainVisual .btnSet a.next { position:absolute;  width:59px; height:59px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; text-indent:0;   background-position:50% 50%; }
.mainVisual .btnSet a.prev { left:30px; background-image:url("image/prev.png"); margin-top:20px;}
.mainVisual .btnSet a.next { right:30px; background-image:url("image/next.png"); margin-top:20px;}
.mainVisual .btnSet a.stop { left:78px; background-color:#71a30b; background-image:url("../image/pause.png"); }
.mainVisual .btnSet a.play { background-image:url("../image/play.png"); }
.mainVisual .btnSet .curIco { position:absolute; left:50%; top:60px;padding:5px; height:23px;width:120px;margin-left:340px; }
.mainVisual .btnSet .curIco a { display:inline-block; width:23px; height:23px; margin-left:5px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:0px; text-indent:0; background:url("image/off.png") no-repeat;}
.mainVisual .btnSet .curIco a.on, .mainVisual .btnSet .curIco a:hover { background:url("image/on.png") no-repeat;width:23px; height:23px; }

.mainVisual .caption {position:absolute;top:200px; right:50%; padding:0 0px 0 0px; margin:0 -30px 0 0; text-indent:0; height:37px; line-height:37px; color:#fff; background:url("../") 100% 0 no-repeat;}









/*=================left Menu 1 starts here ========================*/
#menu1 {POSITION:relative;width:190px;TOP:0px;left:0px;text-align:left;}

#menu1 ul{font-family: 'Nanum Gothic','Malgun Gothic',"돋움","tahoma";list-style-type:none;margin:0;padding:0;}

#menu1 li{display: inline; 
/* for IE5 and IE6 */}
#menu1 a {color: #3d3d3d;text-decoration:none; font-size:13px; display: block;padding:5px 0px 5px 20px;font-weight:bold;border-top:2px solid #fff; background:#fff;  }

#menu1 a:link, #menu1 a:visited {color:#3d3d3d;text-decoration:none; background:#fff; }

#menu1 a:hover{color:#222;background:#f7f7f7;}

#menu1 li a#current{background:url(image/left_on.gif) no-repeat;color:#fff;}
/*left Menu 1 ends here */


/*left Menu 1 ends here */
#submenu {min-width:188px; clear:both; margin:0px 0 0px 0px; }
#submenu ul{font-family: 'Nanum Gothic','Malgun Gothic', "돋움","tahoma";list-style-type:none; }
#submenu li{display: inline; 
/* for IE5 and IE6 */}

#submenu a{color:#343434;text-decoration: none;display: block;padding: 5px 0px 5px 25px;font-weight:bold; margin:0 0 0 0px;font-size:11px; text-align:left;line-height:130%;border-top:none;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}

#submenu a:link, #submenu a:visited{color:#343434;text-decoration: none;}

#submenu a:hover{color: #343434; font-weight:700;background:#f7f7f7 url(image/left_sub_icon_off.png) no-repeat 20px 8px; }

#submenu li a#currents {color:#11347f; font-weight:700;background:#f7f7f7;}
/*left Menu 1 ends here */

/**=========================공통================================**/
.t01 {  background:url(image/bt_icon2.gif) no-repeat 0 7px; font-size:13px; padding:0 0 0 10px; margin:0px 0 0px 3px; text-align:left; } 

.line1 {margin:8px 0;background:url(image/bt_line1.gif) repeat-x; height:1px; padding:0 0 0px 0;}

.mt10 {margin-top:10px;}
.mt30 {margin-top:30px;}

.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}

.pt20 {padding-top:20px;}

.bt_icon01 {background:url(image/bt_icon1.gif) no-repeat 0 5px; margin:0px; padding:0 0 0 10px;}
.bt_icon02 {background:url(image/bt_icon2.gif) no-repeat 0 0px; margin:0px; padding:0 0 0 10px;color:#353535; font-size:20px; font-weight:700; text-align:left;}

/*-------------------------인사말------------------------------*/
#a1010 { margin:0px 0px 50px 0px; background:url(image/a1010_img1.jpg) no-repeat right top;  }
#a1010_img {margin:18px 10px 50px 30px; float:right;}
#a1010 p { margin:0 0 20px 0px;}
#a1010 p.t1 {padding-top:20px;}
#a1010 p.name {text-align:right; margin:50px 250px 0px 0px;}

/*-------------------------회사연혁------------------------------*/
#a1020 { margin:0px 0px 0px 0px; padding:0px 0; text-align:left;}
#a1020_img {margin:0px 0px 30px 0px;}

#a1020_box { position:absolute; width:270px; float:right;right:5px}
#a1020_box img {max-width:100%;}

/**회사개요table**/
table.a1020 {margin:0px 0 0px 0px; border-collapse:collapse;}
table.a1020  tbody th {font-size:23px; color:#73a82d; vertical-align:top; font-style:italic; letter-spacing:-1px;text-align:left;padding:3px 5px 3px 10px;  font-weight:700; }
table.a1020  tbody td {font-size:13px; color:#444; padding:3px 5px 3px 10px;text-align:left;  background:url(image/bt_icon1.gif) no-repeat 0 12px;}
table.a1020  tbody td.t1 {background:none; font-size:15px; font-weight:700;vertical-align:top;}
table.a1020  tbody td.line {background:url(image/bt_line1.gif) repeat-x 0 4px; height:7px; padding:0px 0px; margin:0px 0;}
/*-------------------------조직도------------------------------*/

#a1030 { margin:20px auto; text-align:center;}

/*-------------------------인증현황------------------------------*/
#a1040:after {clear:both;display:block;content:"";}
#a1040 { margin:0px 0px 0px 0px; text-align:center;}
#a1040 p { float:left; width:33%; text-align:center;margin:0 0 40px 0;}
#a1040 p span {display:block; margin:5px 0 0 0;}
#a1040 img {width:190px; height:268px; border:1px solid #d9d9d9;}

/*-------------------------찾아오시는길------------------------------*/
#a1050:after {clear:both;display:block;content:"";}
#a1050 { margin: 0px; padding:0 0 0px 0;text-align:left;}
#a1050 h1 {margin:0px 0 10px 0px;font-size:20px; color:#333; padding-top:60px;}

#a1050 p {margin:0 0 50px 0;}


/*----------------------------제품소개---------------------------*/
#pro_list:after {clear:both;display:block;content:"";}
#pro_list {width:100%;margin: 0px 0 30px 0; padding:0 0 0px 0;}
#pro_list h1 {background:#f7f7f7; padding:10px; text-align:center; font-size:20px; color:#222; font-weight:700; margin:0 0 10px 0;}
#pro_list ul {clear:both;}

#pro_list li {float:left; margin:0 0px 0px 0; padding:0;border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9;}
#pro_list li.nobo {border-bottom:none;}
#pro_list li.last {margin:0 0 0px 0;border-right:none;}
#pro_list li a {display: block;}
#pro_list ul li a img {  margin:23px; padding:0;}

#pro01 { clear:both;margin:0px 0 30px 0; padding:0 0 0px 0; text-align:center; }
#pro01 h1 {background:url(image/bt_icon2.png) no-repeat 0 2px; font-size:20px; color:#3c3c3c; padding:0 0 10px 30px; line-height:130%;margin:0 0 0px 0; border-bottom:1px solid #d9d9d9;}
#pro01 div { padding:10px 2px; }


#pro02:after {clear:both;display:block;content:"";}
#pro02 { clear:both;margin:0px 0 30px 0; padding:0 0 0px 0; }
#pro02 h1 { clear:both;background:url(image/bt_icon2.gif) no-repeat left top; font-size:15px; color:#3c3c3c; padding:7px 0 10px 0px; line-height:140%;margin:0 0 0px 0; }

#pro02_img:after {clear:both;display:block;content:"";}
#pro02_img {float:left; margin:0 30px 0px 0;}
#pro02_imgr {float:right; margin:0 0px 0px 30px;}

#pro02 div.box1:after {clear:both;display:block;content:"";}
#pro02 div.box1 { float:left; width:400px;}
#pro02 div.box2 { float:left; width:300px;}
#pro02 div.box3 { width:100%; text-align:right; }

#pro02 div.box2 h2 {line-height:140%;}


#pro02 p {margin:0 0 30px 0; line-height:170%;}
#pro02 ul { float:left; margin:0 0 30px 0}
#pro02 ul li {background:url(image/bt_icon1.gif) no-repeat 0 9px; padding:0 0 0 10px; line-height:180%;}

#pro02 p.btm {float:left; margin:0 5px 5px 0; width:120px; text-align:center; background:url(image/bt_off.gif) repeat; border:1px solid #20237b; color:#fff; font-weight:700; line-height:36px;}
#pro02 p.btm a,p.btm2 a {display:block;  color:#fff; font-weight:700; line-height:36px;}

#pro02 p.btm2 {float:left; margin:0 5px 5px 0; width:120px; text-align:center; background:url(image/bt_off2.gif) repeat; border:1px solid #568823; color:#fff; font-weight:700; line-height:36px;}

.bt_list {margin:30px  auto; text-align:center;}


/*======================================================================================*/

/*실적리스트*/
table.result_list {margin:0px 0 0px 0; border-collapse:collapse;}
table.result_list thead th {background:#f7f7f7; color:#494949; font-weight:bold; text-align:center; font-size:13px;padding:5px; border-top:2px solid #8cc63f;border-bottom:1px solid #d9d9d9; }

table.result_list tbody td {padding:5px;text-align:center;font-size:12px; border-bottom:1px solid #d9d9d9; }
table.result_list tbody td.t1 {padding:5px 5px 5px 15px; text-align:left; } 

/*시공사진_폼*/
table.result_form {margin:0px 0 0px 0; border-collapse:collapse;}
table.result_form thead th { color:#222; font-weight:bold; text-align:center; font-size:16px;padding:5px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
table.result_form tbody th {background:#f7f7f7; color:#494949; font-weight:bold; text-align:center; font-size:13px;padding:5px; border-bottom:1px solid #d9d9d9; }
table.result_form tbody th.first {border-top:2px solid #8cc63f;}
table.result_form tbody td.first {border-top:2px solid #8cc63f;}
table.result_form tbody td {padding:5px 5px 5px 15px; text-align:left; font-size:12px; border-bottom:1px solid #d9d9d9; }

/*-----------------------자료실탭--------------------------------*/
#data_tap:after {clear:both;display:block;content:"";}
#data_tap {width:100%; height:35px;  border-bottom:1px solid #d9d9d9; margin:0 0 20px 0}
#data_tap p {float:left;margin:0 5px 0px 0;  }
#data_tap p.first {margin:0 5px 0px 30px;}
#data_tap p a {display:block;width:120px;background:#dedede; padding:10px 0;color:#484848;  font-weight:700; line-height:14px;text-align:center;border:1px solid #d0d0d0;}
#data_tap p a:hover { background:url(image/bt_off.gif) repeat; border:1px solid #20237b;color:#fff;}
#data_tap p a.on { background:url(image/bt_off.gif) repeat; border:1px solid #20237b;color:#fff;}
.bt_write {margin:10px 10px 10px 0px; text-align:right;}



#a3010 {margin:0;}
#a3010 h1 {background:url(image/bt_icon2.gif) no-repeat 0 0px;font-size:20px; font-weight:700; margin:0 0 0px 0; color:#2e3191; line-height:40px;}