@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');

#container{*display:inline-block; width:1200px; overflow:hidden; margin: 30px auto ;  margin-bottom:50px;}
#container:after{display:block;clear:both;content:''}

/* 상단이미지 */
.subtop_01{ position:relative; width:100%; height:352px; text-align:center; overflow:hidden; background:url(../images_new/subtop_01.jpg) center no-repeat; background-color:#; }
.subtop_02{ position:relative; width:100%; height:352px; text-align:center; overflow:hidden; background:url(../images_new/subtop_02.jpg) center no-repeat; background-color:#; }
.subtop_03{ position:relative; width:100%; height:352px; text-align:center; overflow:hidden; background:url(../images_new/subtop_03.jpg) center no-repeat; background-color:#; }
.subtop_04{ position:relative; width:100%; height:352px; text-align:center; overflow:hidden; background:url(../images_new/subtop_04.jpg) center no-repeat; background-color:#; }

.subtoptext {position:absolute; background:url() no-repeat; top:150px; left:50%; width:1200px; margin-left:-600px; font-size:35px; font-weight:600; color:#fff; line-height:; z-index:999;}
.subtoptext strong{ display:block; font-size:35px; line-height:;}
.subtoptext ul { font-size:35px; color:#fff; line-height:1.2em;}
.subtoptext .bold{ margin:30px 0 0 80px; font-size:30px; font-weight:200; line-height:1.2em; letter-spacing:-2.0px; }
.subtoptext .bold strong{ font-size:35px;}
.subtoptext .txt{ margin-top:10px; font-size:17px; font-weight:300; line-height:1.0em;}
.subtoptext .txt span{ background:#e9cf88; margin-left:10px; padding:0 10px; font-weight:600; color:#5d470e;}

/* 서브메뉴 */
.snb{ float:left; width:200px; margin-right:40px; margin-top:0px; min-height: 100%; }
.snb #title { width:200px; height:50px; font-family:'Noto Sans KR', sans-serif; font-weight:600; color:#393939; font-size:30px;letter-spacing:-0.5px; text-align:; line-height:40px;}
.snb #sm { margin-top:0px;  overflow:hidden;}
.snb #sm a{ line-height:40px; color: #242424; font-size: 16px; font-weight:;  display:block; padding-left:20px; height:40px; background-color:#fff; border:1px #dfdcd8 solid;}
.snb #sm li{ float:left; margin-top:5px;width:200px; }
.snb #sm li.on a{ color:#fff; background:url(../images_new/bg_nav_on.png) right; font-weight:500; height:40px; border:none;}


/* 서브왼쪽 배너 */
.snb .banner { margin-top:20px;}
.snb .banner li.tel{ background:#525252; color:#CCC; padding:15px 20px;} 
.snb .banner li.tel span{ display:block; font-size:18px; color:#fff; line-height:24px;} 
.snb .banner li.tel strong{ display:block; font-size:20px; color:#fff09e;} 


/* 상단타이틀영역 */
.titleArea { width:960px; height:55px; border-bottom:1px #dfdcd8 solid; overflow:hidden; }
.titleArea > #subtitle { margin-top:0px; font-family:'Noto Sans KR', sans-serif; font-size:27px; font-weight:400; color:#393939; line-height:40px; letter-spacing:-1px; }
.titleArea > #subtitle2 { position: absolute; top:10px; left:100px; font-size:14px; font-weight:400; color:#878787; line-height:; letter-spacing:-0.5px; text-align:; }
.titleArea > #map { position: absolute; right:0px; top:15px; color: #979797; font-size: 12px; background:url(../images_new/dot_home.png) no-repeat 0 7px; padding-left:20px; }

/* 컨텐츠영역 */
#content{ position:relative; float:left; width:960px; }
#content .wrapper{ clear:both; margin:40px 0; overflow:hidden; }
#content .wrapper2{ clear:both; margin:50px 0; overflow:hidden; }

#content .lineBottom{padding-bottom:30px; border-bottom:1px #CCC dashed; }

#content h1 { font-size:28px; font-weight:600; color: #084189; line-height:35px; letter-spacing:-1.0px; margin-bottom:;}
#content h2 { font-size:17px; font-weight:400; color: #414141; line-height:28px; letter-spacing:; margin-bottom:25px;}
#content h3 { color: #0067c6; font-size: 15px; line-height:29px; font-family: '맑은 고딕'; padding-left:20px; padding-bottom:0px; margin-top: 15px; }

#content .wrapper .text1 { margin-top:20px; margin-left:25px;}
#content .wrapper .text1 li{ list-style-image:url(../images_new/dot.png); list-style-position: outside; margin-top:10px;}
#content .wrapper .text2 { margin-left:20px; list-style:circle; font-family: '맑은 고딕'; color: #535353; font-size: 14px; margin-top:10px; line-height:23px; }


/* 소타이틀 */
.stit { background:url(../images_new/bg_stit.gif) no-repeat 0 5px; padding-left:14px; font-size:21px; font-weight:500; color:#191919; letter-spacing:-0.5px; margin-bottom:20px;}
.stit2 { display:block; font-size:17px; font-weight:500; color:#404040; margin-bottom:15px;}

.br { display:block; height:15px;}
.fb { font-weight:500; color:#009cd3;}
.fb2 { font-weight:500; color:#084189;}
.fb3 { font-weight:500; color:#433f8e;}


/* 버튼 공통 */
.btn_common { clear:both; text-align:center;}
.btn_common li{ display:inline-block; margin:0 10px;}
.btn_common li a{ display:block; background:#00aeec; border-radius:50px; padding:15px 35px; font-size:18px; color:#fff; line-height:; text-align:center;}
.btn_common li a:hover{ background:#1b4c8b;}


/* 테이블 */
.tb1 { color: #333; font-size:14px; width:100%; border-top:2px #295996 solid; padding:0;border-spacing:0;border-collapse:collapse;   }
.tb1 caption { color: #454545; font-size: 17px; line-height:29px; background:url(../images_new/dot_title.png) no-repeat 0px 9px; font-family: '맑은 고딕'; padding-left:20px; padding-bottom:0px; font-weight:bold; text-align:left; margin-bottom:10px; }
.tb1 th{background:#f5f5f5; border:1px #d0d0d0 solid; padding:10px; text-align:center; line-height:25px; }
.tb1 td{border:1px #d0d0d0 solid; padding:10px;  line-height:25px;text-align:; }
.tb1 td.center{ text-align:center; }
.tb1 td.bg1{ background:#fbfaf8; color:#614a4a; text-align:center;}
.tb1 td.bg2{ background:#f9f9f9; font-weight:600; color:; text-align:center;}
.tb1 td a { color:#265eab}
.tb1 td li{ margin:5px 0;}
.tb1 thead {background:#f9f9f9; color:#64433b; font-size:15px; font-weight: bold;}


/* 탭메뉴 */
#tabmenu{position:relative; display:inline-block; width:100%; margin:30px 0 0 0; overflow:hidden;} /* display:inline-block; 중앙정렬 */
#tabmenu ul li{float:left;line-height:40px; width:139px; margin-right:4px; margin-top:5px;}
#tabmenu ul li:last-child{margin-right:0;}
#tabmenu ul li a{display:block;width:137px; background:#fff; border:1px #dcdcdc solid; font-size:14px; font-weight:; color:#5c5c5c; text-align:center; cursor:pointer;text-decoration:none !important}
#tabmenu ul li a:hover{width:139px; color:#fff; background:#bababa; border:0px #ff7900 solid;line-height:42px;}
#tabmenu ul li.on,#tabmenu ul li.on a{ background:#4a9cd5; width:139px; font-weight:600; line-height:42px;}
#tabmenu ul li.on a{color:#fff; border:1px #4a9cd5 solid; width:137px;line-height:40px; }

#tabmenu2{position:relative; display:inline-block; width:100%; margin-top:-10px; margin-bottom:10px; overflow:hidden;} /* display:inline-block; 중앙정렬 */
#tabmenu2 ul li{float:left;line-height:40px; width:103px; margin-right:4px; margin-top:5px;}
#tabmenu2 ul li:last-child{margin-right:0;}
#tabmenu2 ul li a{display:block;width:101px; background:#fff; border:1px #dcdcdc solid; font-size:14px; font-weight:; color:#5c5c5c; text-align:center; cursor:pointer;text-decoration:none !important}
#tabmenu2 ul li a:hover{width:103px; color:#fff; background:#bababa; border:0px #ff7900 solid;line-height:42px;}
#tabmenu2 ul li.on,#tabmenu2 ul li.on a{ background:#4a9cd5; width:103px; font-weight:600; line-height:42px;}
#tabmenu2 ul li.on a{color:#fff; border:1px #4a9cd5 solid; width:101px;line-height:40px; }



/* 제품소개 탭메뉴 */
 .tabli	{
	padding-top:3px;
	background:#fff url(../images/construction_bg_2.gif) repeat-x left top;
}
.tabon {
	color:#7E90B1;  
	padding-top:3px;
	background:#fff url(../images/construction_bg_1.gif) repeat-x left top;
}