/* Basic */
body {font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; border-collapse:collapse; color:#555555; font-size:13px;  padding:0; margin:0;line-height:150%;}
html, ul, ol, li, form, dl, dt, dd {margin:0; padding:0; list-style:none;}
@font-face{ font-family:NG; src:url(/font/NanumGothic.eot); src:local(※), url(/font/NanumGothic.woff) format('woff');}
table, td {font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; border-collapse:collapse; color:#555555; font-size:13px; line-height:150%;}
input, textarea, select, button {font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; padding:0; margin:0; list-style:none;} 

.input_search {border:none; background:none; width:115px; font-size:13px;}
.search_bg {background:url('/img/search_bg.gif') top left no-repeat; height:23px; padding:0px 10px;}
.login_form {}


/* Image */
.png24 {_behavior:url(/comm/iepngfix.htc);}

/** 링크설정 **/
/* Basic Hyperlink */
a:link      { color:#555; font-family:NG; font-size:13px; text-decoration:none; line-height:140%;}
a:visited   { color:#555; font-family:NG; font-size:13px; text-decoration:none; line-height:140%;}
a:hover     { color:#000; font-family:NG; font-size:13px; text-decoration:none; line-height:140%;}

/* Notice */
.news:link      { color:#555; font-family:NG; font-size:12px; text-decoration:none; line-height:140%;}
.news:visited   { color:#555; font-family:NG; font-size:12px; text-decoration:none; line-height:140%;}
.news:hover     { color:#000; font-family:NG; font-size:12px; text-decoration:none; line-height:140%;}

/* 현재위치 */
.here_link:link      { color:#999999; font-family:NG; font-size:11px; text-decoration:none;}
.here_link:visited   { color:#999999; font-family:NG; font-size:11px; text-decoration:none;}
.here_link:hover     { color:#9999999; font-family:NG;  font-size:11px; text-decoration:none;}

.pro_link {color:#fff; padding-top:10px;}
.pro_link:link, .pro_link:visited {color:#fff; padding-top:10px;}
.pro_link:hover {color:#FFFF00; padding-top:10px;}


/** 여백설정 **/

/* pad */	

.tpad_3 {padding-top:3px;}
.tpad_4 {padding-top:4px;}
.tpad_5 {padding-top:5px;}
.tpad_7 {padding-top:7px;}
.tpad_10 {padding-top:10px;}
.tpad_12 {padding-top:12px;}
.tpad_15 {padding-top:15px;}
.tpad_20 {padding-top:20px;}
.tpad_25 {padding-top:25px;}
.tpad_30 {padding-top:30px;}
.tpad_35 {padding-top:35px;}
.tpad_40 {padding-top:40px;}
.tpad_45 {padding-top:45px;}

.bpad_3 {padding-bottom:3px;}
.bpad_5 {padding-bottom:5px;}
.bpad_7 {padding-bottom:7px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_25 {padding-bottom:25px;}
.bpad_30 {padding-bottom:30px;}
.bpad_40 {padding-bottom:40px;}
.bpad_50 {padding-bottom:50px;}

.lpad_3 {padding-left:3px;}
.lpad_5 {padding-left:5px;}
.lpad_9 {padding-left:9px;}
.lpad_10 {padding-left:10px;}
.lpad_11 {padding-left:11px;}
.lpad_12 {padding-left:12px;}
.lpad_15 {padding-left:15px;}
.lpad_20 {padding-left:20px;}
.lpad_25 {padding-left:25px;}
.lpad_30 {padding-left:30px;}
.lpad_35 {padding-left:35px;}
.lpad_40 {padding-left:40px;}
.lpad_45 {padding-left:45px;}
.lpad_50 {padding-left:50px;}

.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_9 {padding-right:9px;}
.rpad_10 {padding-right:10px;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.rpad_25 {padding-right:25px;}
.rpad_30 {padding-right:30px;}
.rpad_35 {padding-right:35px;}
.rpad_40 {padding-right:40px;}
.rpad_45 {padding-right:45px;}
.rpad_50 {padding-right:50px;}
.rpad_55 {padding-right:55px;}

.hpad_3  {padding: 3px 0px;}
.hpad_5  {padding: 5px 0px;}
.hpad_10 {padding: 10px 0px;}
.hpad_15 {padding: 15px 0px;}
.hpad_20 {padding: 20px 0px;}
.hpad_35 {padding: 35px 0px;}

.wpad_3  {padding: 0px 3px;}
.wpad_5  {padding: 0px 5px;}
.wpad_10 {padding: 0px 10px;}
.wpad_12 {padding: 0px 12px;}
.wpad_15 {padding: 0px 15px;}
.wpad_20 {padding: 0px 20px;}

.pad_3   {padding:3px;}
.pad_5   {padding:5px;}
.pad_10  {padding:10px;}
.pad_15  {padding:15px;} 

.tmad_50 {margin-top:50px;}


/** Common **/
.here {color:#999999; FONT-SIZE:11px;}
.here2 {color:#555; FONT-SIZE:11px; font-weight:bold;}
.date	{ color:#a9a9a9; FONT-SIZE:12px; text-align:right;}
.d_eleven { FONT-SIZE:11px;}
.news_dott {background:url('/img/news_dott.gif') no-repeat 2px 9px; padding-left:10px;}
.foot_menu img{margin-right:20px; margin-top:1px;}
.top_menu a:link, .top_menu a:hover, .top_menu a:visited {font-size:11px;}
.bb_point {color:#333; font-weight:bold;}
.no_td {line-height:0; font-size:0;}
.sns_img {padding-left:10px;}
.sns_img img {margin-left:12px;}
.top_dott {background:url('/img/top_dott.gif') left repeat-x; height:80px;}

/* 박스 테두리 */
.slash_box_top {background:url('/join/img/slash_box_top.gif') left top no-repeat; height:25px;}
.slash_box_bg {background:url('/join/img/slash_box_bg.gif') left bottom no-repeat; padding:0 25px 25px 25px;}

/* 불릿 */
.tit_bar_tit {background:url('/product/img/tit_bar.gif') left top no-repeat; padding-top:12px; padding-bottom:18px; color:#222222; font-size:20px; font-weight:bold;}
.tit_bar_tit02 {padding-bottom:18px; color:#222222; font-size:15px; font-weight:bold;}
.icon_bar {background:url('/product/img/icon_bar.gif') left 9px no-repeat; padding-left:12px; padding-bottom:5px;}



/* 탭영역 */
.tab_bg, .tab_bg a {background:url('/company/img/tab_bg.gif') left bottom repeat-x; line-height:0; font-size:0;}

/* 메뉴 영역 */

/*#menu {position:absolute; width:546px; z-index:997;}*/

	/* 탭 레이어 타입1 */

	/*#menu_lay{position:absolute; width:546px; z-index:999; left:0px;}
	#menu_lay li.s_menu {float:left; height:54px;}
	#menu_in {width:546px; height:54px; position:relative; top:0px; z-index:999; left:0px; border:0; margin:0; padding:0;}
	:root #menu_in{width:546px; height:54px; position:relative;  top:0px; z-index:999;  left:0px;}
	#menu_in li ul{ position:absolute; overflow:hidden; z-index:100; top:53px; padding:5px 5px 10px 5px;}

	#menu_in li a img {border:0;}

		#submenu1 {background:#ffffff; border-right:2px solid #0065b0; border-bottom:2px solid #0065b0; border-left:2px solid #0065b0; width:119px; left:-10px; display:none; }

		#submenu1 li, #submenu2 li, #submenu3 li, #submenu4 li, #submenu5 li {text-align:left; margin-bottom:1px;}
	:root #submenu1 li, :root #submenu2 li, :root #submenu3 li, :root #submenu4 li, :root #submenu5 li {text-align:left; margin-bottom:1px;}

		#submenu2 {background:#ffffff; border-right:2px solid #0065b0; border-bottom:2px solid #0065b0; border-left:2px solid #0065b0; width:119px; left:100px; display:none; }

		#submenu3 {background:#ffffff; border-right:2px solid #0065b0; border-bottom:2px solid #0065b0; border-left:2px solid #0065b0; width:119px; left:235px; display:none; }

		#submenu4 {background:#ffffff; border-right:2px solid #0065b0; border-bottom:2px solid #0065b0; border-left:2px solid #0065b0; width:119px; left:355px; display:none; }

		#submenu5 {background:#ffffff; border-right:2px solid #0065b0; border-bottom:2px solid #0065b0; border-left:2px solid #0065b0; width:99px; left:450px; display:none; }

		#menu_in li ul li a:link, #menu_in li ul li a:visited {display:block; color:#666666; font-size:11px; line-height:150%; padding:3px 10px; text-decoration:none;}
		#menu_in li ul li a:hover, #menu_in li ul li a:active, #menu_in li ul li a:focus {color:#ffffff; background:#66a3d0;}

		.linktop {color:#ffffff; background:#66a3d0; !important;}*/


/*표 스타일*/
/* 기본 테이블 */
.table_style {border-top:2px solid #333333; border-left:1px solid #e0e0e0; width:100%;}
	.table_style table{}
	.table_style th{ border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#333333; background-color:#f4f4f4;  padding:5px 15px;}
	.table_style td{ border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:5px 15px;}

.table_style02{border-top:2px solid #A9B4CE; border-left:1px solid #D8DBE3; width:100%; text-align:center;}
	.table_style02 table{}
	.table_style02 th{ border-bottom:1px solid #D8DBE3; border-right:1px solid #D8DBE3; color:#798299; background-color:#F7F8F9;  padding:5px 15px; text-align:center;}
	.table_style02 td{ border-bottom:1px solid #D8DBE3; border-right:1px solid #D8DBE3; padding:5px 5px;}
	.table_style02 td.left{ border-bottom:1px solid #D8DBE3; border-right:1px solid #D8DBE3; padding:5px 5px 5px 15px; text-align:left;}


/* 레이아웃 */
#wrap {width:100%; margin:0 auto; height:94px;}
#header {width:100%; margin:0 auto;}
#main_container {width:100%; margin:0 auto;}
#container {width:100%; margin:0 auto;}
#footer {width:100%; margin:0 auto; background:#f4f4f4; padding:30px 0px;}

/* 메인비주얼 */
.wrap_main .spot {position:relative; min-width:980px; text-align:center;}
.wrap_main .spot_images {overflow:hidden; }
.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3 {position:absolute;top:0;left:0;z-index:7;width:100%;height:325px;text-align:center}
.wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3 {opacity:0;filter:alpha(opacity=0)}
.wrap_main .spot_images .image {height:325px;}
.wrap_main .spot_images .image div {position:relative; width:980px;*width:970px;height:325px;margin:0 auto;text-align:left}
:root .wrap_main .spot_images .image div {width:100%;}

/*.wrap_main .spot_image1, .wrap_main .spot_image2, .wrap_main .spot_image3 {background:url('/img/main_bg.gif') top left repeat-x;}*/

.wrap_main .spot_image1, .wrap_main .spot_image2, .wrap_main .spot_image3 {background:url('/img/main_bg.gif') top center no-repeat;}

.wrap_main .spot_image1 .image {background:url('/img/main01.jpg') no-repeat 50% bottom;}
.wrap_main .spot_image2 .image {background:url('/img/main02.jpg') no-repeat 50% bottom;}
.wrap_main .spot_image3 .image {background:url('/img/main03.jpg') no-repeat 50% bottom;}

.wrap_main .spot_image1 .image div {_background:url('/img/main01.jpg') no-repeat 50% bottom;}
.wrap_main .spot_image2 .image div {_background:url('/img/main02.jpg') no-repeat 50% bottom;}
.wrap_main .spot_image3 .image div {_background:url('/img/main03.jpg') no-repeat 50% bottom;}

.wrap_main .mainshow {z-index:5 !important}

.wrap_main .spot_static {position:absolute; top:0; right:50%; z-index:10; width:60px; height:11px; margin-right:0px; margin-top:0px;}
.wrap_main .spot_static .page {position:absolute; top:230px; left:135px; z-index:11; width:60px;}
.wrap_main .spot_static .page a{float:left; width:19px; height:12px; border:0;background:url('/img/icon_none.png') no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/icon_none.png',sizingMethod=crop);cursor:pointer;_cursor:hand}
.wrap_main .spot_static .page a:hover{float:left; width:19px; background-image:url('/img/icon_up.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/icon_up.png',sizingMethod=crop)}
.wrap_main .spot_static .page a.on{float:left; width:19px; background-image:url('/img/icon_up.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/icon_up.png',sizingMethod=crop)}

/* 메인 - 제품리스트*/
.main_pro .pro_cont {padding-left:15px; vertical-align:top; padding-top:10px;}
.main_pro .pro_tit {padding-bottom:10px;}
.main_pro .pro_tit a {color:#ffffff; font-size:15px; font-weight:bold;}
.main_pro .pro_text {color:#f0f9ff; line-height:140%; font-size:11px;}

.con_pad {padding:35px 0px;}

/* 왼쪽메뉴 */
.left_tit {line-height:0;}
.lnb_table td {width:175px;}
.lnb_table td a:link, .lnb_table td a:visited {display:block; padding:9px 5px 6px 18px; width:152px; background:#f4f4f4; font-size:13px; font-weight:bold; color:#666666; border-bottom:1px solid #ffffff;}
.lnb_table td a:hover {display:block; padding:9px 5px 6px 18px; background:#f4f4f4; width:152px; font-size:13px; font-weight:bold; color:#0065b0; border-bottom:1px solid #ffffff;}

.lnb_table td a.linktop {display:block; padding:9px 5px 6px 18px; background:#f4f4f4; width:152px; font-size:13px; font-weight:bold; color:#0065b0; border-bottom:1px solid #ffffff;}

.lnb_table a.left_sub:link, .lnb_table a.left_sub:visited {display:inline; padding:0; background:none; font-weight:normal; line-height:150%;font-size:12px; }



/* 서브 공통 */
/*.sub_tit {font-size:24px; color:#333; line-height:130%; letter-spacing:-1px;}
.sub_tit02 {font-size:21px; color:#333; line-height:130%; letter-spacing:-1px;}
.bold {font-weight:bold;}
.blue_txt {color:#3991d8;}
.white_txt {color:#ffffff; font-size:18px; font-weight:bold;}
.slash_line {background:url('/img/slash_line.gif') left bottom repeat-x; padding: 0 5px 13px 5px;}*/

.sub_tit {font-size:17px; color:#333; line-height:130%; letter-spacing:-1px;}
.sub_tit02 {font-size:21px; color:#333; line-height:130%; letter-spacing:-1px;}
.bold {font-weight:bold;}
.blue_txt {color:#3991d8;}
.white_txt {color:#ffffff; font-size:18px; font-weight:bold;}
.slash_line {background:url('/img/slash_line.gif') left bottom repeat-x; padding: 0 5px 13px 5px;}



/* 회사개요 */

.profile_table {width:100%; border-collapse:collapse;}
	.profile_table table{}
	.profile_table th.top {width:15%; border-top:2px solid #0065b0; border-bottom:1px solid #e1e1e1; color:#333333; padding:12px 10px 7px 15px;}
	.profile_table td.top {width:85%; border-top:2px solid #464646; border-bottom:1px solid #e1e1e1; padding:12px 10px 7px 15px;}
	.profile_table th {width:15%; border-bottom:1px solid #e1e1e1; color:#333333; padding:7px 10px 7px 15px; text-align:left;}	
	.profile_table td {width:85%; border-bottom:1px solid #e1e1e1; padding:7px 10px 7px 15px;}


/* 사이트맵 */
.site_box {width:305px; height:95px; border:1px solid #dddddd; padding:20px 25px;}
.site_icon {background:url('/other/img/site_dot.gif') left 8px no-repeat; padding-left:12px;}

/* 그라데이션 */
.exbox {
	padding: 35px 0;
	margin-right: 10px;
	text-align: center;
	width: 170px;
	font-size: 18px;
	color: #FFF;
	-webkit-box-shadow: #666 1px 1px 2px;
	-moz-box-shadow: #666 1px 1px 2px;
	box-shadow: #666 1px 1px 2px;
	background: #6B8537;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C3D69B), to(#6B8537));
	background: -webkit-linear-gradient(#C3D69B, #6B8537);
	background: -moz-linear-gradient(#C3D69B, #6B8537);
	background: -ms-linear-gradient(#C3D69B, #6B8537);
	background: -o-linear-gradient(#C3D69B, #6B8537);
	background: linear-gradient(#C3D69B, #6B8537);
	-pie-background: linear-gradient(#C3D69B, #6B8537);
	behavior: url(/comm/PIE/PIE.htc);
}