@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);


/******* 베이스 *******/

body, td, th, form, input, select, textarea, input, div, p, span {
					margin:0;
					font-size:9pt;font-family:Arial, Tahoma, Gulim, "굴림";color:#4d4d4d;line-height:150%;
					}
body				{background:#fff;}
a:link			{color:#4d4d4d;text-decoration:none;}
a:visited		{color:#4d4d4d;text-decoration:none;}
a:active		{color:#4d4d4d;text-decoration:none;}
a:hover		{color:#999;text-decoration:none;}
img				{border:none;}
table			{border-collapse:collapse;}


/******* 레이아웃 *******/

#wrap {width:100%;text-align:center;background:url('../img/common/bg_head.png') repeat-x 0 0;}
#header {position:relative;width:980px;height:108px;border-bottom:2px solid #ff4d3f;margin:auto;}
.util {width:980px;height:25px;background:url('../img/common/bg_util.png') repeat-y 0 0;clear:both;}
	.util dl {float:right;margin:0;padding:0;}
	.util dl dd {float:left;margin:4px 0 0 10px;padding:0;font-family:Dotum, "돋움";font-size:11px;color:#aaecff;}
	.util dl dd a {margin-right:3px;color:#fff;}
	.util dl dd a:active, .util dl dd a:hover, .util dl dd a:focus {color:#ff0;}
	.util dl dd a.lng {font-weight:bold;color:#ff0;text-transform:uppercase;letter-spacing:1px;}
#gnb {float:right;list-style:none;margin:0 25px 0 0;padding:0;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:20px;}
	#gnb li {float:left;}
	#gnb li a {display:block;padding:30px 25px;}
	#gnb li a:active, #gnb li a:hover, #gnb li a:focus, #gnb li a.hover {color:#ff4d3f;}
#allBox {position:relative;width:980px;margin:auto;}
#side {float:left;width:220px;margin-bottom:30px;}
	#side dl#lnb {margin:0 0 30px 0;padding:0;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:13px;text-align:left;}
	#side dl#lnb dd {margin:0;padding:0;border-bottom:1px solid #d9d9d9;}
	#side dl#lnb dd a {display:block;padding:5px 0 5px 10px;color:#000;}
	#side dl#lnb dd a em {margin-left:5px;padding-left:10px;font-style:normal;font-family:Arial;font-size:9pt;font-weight:bold;color:#3aa7de;background:url('../img/common/side_bar.gif') no-repeat 0 50%;}
	#side dl#lnb dd a:active, #side dl#lnb dd a:hover, #side dl#lnb dd a:focus, #side dl#lnb dd a.hover {background:#f5f5f5 url('../img/common/side_bul.png') no-repeat 200px 50%;}
#contents {position:relative;float:right;width:720px;margin-bottom:30px;text-align:left;}
#footer {clear:both;height:185px;background:url('../img/common/bg_foot.png') repeat-x 0 100%;}
#footBox {width:980px;height:165px;margin:auto;}
	.btn_top {padding-top:15px;text-align:right;}
	.foot_info {list-style:none;margin:55px 0 0 0;padding:0;text-align:right;color:#fff;}
	.foot_info a {color:#fff;}
	.copyright {font-size:8pt;color:#b2b2b2;}


/******* 공통 꾸밈요소 *******/

.h1_logo {float:left;display:inline;width:260px;height:83px;margin:0;padding:0;background:url('../img/common/logo.png') no-repeat 0 50%;}
	.h1_logo a {display:block;width:260px;height:83px;text-indent:-9999em;}
.h2_title {width:220px;height:109px;margin:0;padding:0;border-bottom:1px solid #d9d9d9;text-indent:-9999em;}
	.h2_comp {background:url('../img/company/menu_title.png') no-repeat 0 50%;}
	.h2_prod {background:url('../img/product/menu_title.png') no-repeat 0 50%;}
	.h2_gallery {background:url('../img/gallery/menu_title.png') no-repeat 0 50%;}
	.h2_customer {background:url('../img/customer/menu_title.png') no-repeat 0 50%;}
.h3_title {margin:40px 0 10px 0;padding:0;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-weight:400;font-size:20pt;color:#000;}
	.h3_title em {font-family:Arial;font-size:15pt;color:#999;font-style:normal;text-transform:uppercase;}
.h4_title {margin:30px 0 20px 0;padding:0;}
	.h4_title span {display:block;line-height:1em;}
	.h4_title span.en {font-family:Oswald;font-weight:normal;font-size:1.8em;color:#5a84b5;text-transform:uppercase;}
	.h4_title span.ko {margin-top:5px;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-weight:400;font-size:2.2em;letter-spacing:-0.05em;color:#000;}

.h5_title {margin:50px 0 20px 0;padding:0;font-family:Oswald;font-size:14pt;font-weight:normal;color:#71c504;text-transform:uppercase;}
	.h5_title em {font-style:normal;text-transform:lowercase;}
.h5_title2 {margin:50px 0 20px 0;padding:0;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:13pt;font-weight:bold;color:#71c504;}
.h5_title3 {margin:20px 0 20px 0;padding:0;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:13pt;font-weight:bold;color:#000;float:right;}

.disAlign0		{margin:0;text-align:left;}
.disAlign1		{margin:10px 0;text-align:left;}
.disAlign2		{margin:20px 0;text-align:left;}
.disAlign3		{margin:30px 0;text-align:left;}

.disAlignC0	{margin:0;text-align:center;}
.disAlignC1	{margin:10px 0;text-align:center;}
.disAlignC2	{margin:20px 0;text-align:center;}
.disAlignC3	{margin:30px 0;text-align:center;}

.disAlignR0	{margin:0;text-align:right;}
.disAlignR1	{margin:10px 0;text-align:right;}
.disAlignR2	{margin:20px 0;text-align:right;}
.disAlignR3	{margin:30px 0;text-align:right;}

.disAlignT10	{margin-top:10px;}
.disAlignT20	{margin-top:20px;}
.disAlignT30	{margin-top:30px;}
.disAlignT40	{margin-top:40px;}
.disAlignT50	{margin-top:50px;}

.disAlignB10	{margin-bottom:10px;}
.disAlignB20	{margin-bottom:20px;}
.disAlignB30	{margin-bottom:30px;}
.disAlignB40	{margin-bottom:40px;}
.disAlignB50	{margin-bottom:50px;}

.disClear		{clear:both;}
.hidden			{display:none;}


/******* 페이지별 꾸밈요소 *******/

.comp_greet {margin-top:52px;background:url('../img/company/4_photo.jpg') no-repeat right bottom;}
	.comp_greet h4 {margin:0 0 20px 0;padding:0;}
	.comp_greet h4 span {padding:7px 10px;border-top:1px solid #9fdeb2;border-bottom:1px solid #9fdeb2;font-family:'Nanum Brush Script';font-weight:normal;font-size:22pt;color:#4fb66e;}
	.comp_greet h3 span {padding:7px 10px;border-top:1px solid #9fdeb2;border-bottom:1px solid #9fdeb2;font-family:'Nanum Brush Script';font-weight:normal;font-size:17pt;color:#4fb66e;}
	.comp_greet div {width:450px;}
	.comp_greet div p {font-family:NGothic;font-size:10pt;color:#000;text-align:justify;}
.comp_ov {width:100%;margin-top:49px;border-top:2px solid #1f5da6;border-bottom:2px solid #1f5da6;background:url('../img/company/2_photo.jpg') no-repeat right top;}
	.comp_ov th {width:15%;border-right:1px solid #d9d9d9;background:#f5f5f5;}
	.comp_ov td {padding:10px 30px;border-bottom:1px dashed #ccc;}
	.comp_ov td dl {margin:0;padding:0;}
	.comp_ov td dt {color:#1f5da6;}
	.comp_ov td dd {margin:0 0 20px 0;}
.comp_his {list-style:none;margin:50px 0 0 0;padding:0;border-top:1px dashed #ccc;background:url('../img/company/3_photo.jpg') no-repeat right bottom;}
	.comp_his li {padding:12px;border-bottom:1px dashed #ccc;}
	.comp_his li span {display:block;margin-bottom:5px;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:14px;color:#1f5da6;}
.comp_organ {list-style:none;width:100%;height:418px;margin:50px 0;padding:0;text-indent:-9999em;background:url('../img/company/4_organ.png') no-repeat 50% 0;}
	.comp_organ ul {list-style:none;}

.prod_tab {height:36px;margin-top:30px;background:url('../img/product/tab_bg.png') repeat-x 0 100%;}
	.prod_tab dl {float:right;margin:0 15px 0 0;}
	.prod_tab dl dd {float:left;height:36px;margin:0 5px 0 0;padding:0;text-align:center;}
	.prod_tab dl dd a {display:block;margin-top:5px;padding:4px 10px 5px 10px;border:3px solid #1f5da6;border-bottom:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:10pt;color:#fff;background:#2862a6;}
	.prod_tab dl dd a:active, .prod_tab dl dd a:hover, .prod_tab dl dd a:focus, .prod_tab dl dd a.prod_tab_ov {margin-top:0;padding:8px 10px;border:3px solid #1f5da6;border-bottom:none;color:#1f5da6;background:#fff;}
.prod_tab2 {padding:30px 0 0;}
	.prod_tab2 dl {margin:0;zoom:1;}
	.prod_tab2 dl:after {display:block;clear:both;content:"";}
	.prod_tab2 dl dd {float:left;height:36px;margin:0 5px 0 0;padding:0;text-align:center;}
	.prod_tab2 dl dd a {display:block;padding:4px 10px 5px 10px;border:3px solid #1f5da6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:10pt;color:#fff;background:#2862a6;}
	.prod_tab2 dl dd a:active, .prod_tab2 dl dd a:hover, .prod_tab2 dl dd a:focus, .prod_tab2 dl dd a.prod_tab_ov {border:3px solid #1f5da6;color:#1f5da6;background:#fff;}
.prod_conL {float:left;width:390px;}
.prod_conR {float:right;width:300px;}
.prod_txt {padding:15px;border:1px solid #ccc;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:14px;color:#1f5da6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#f2f2f2;}
.prod_text {padding:5px;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:14px;color:#1f5da6;}
.prod_list {margin:0;padding:0 0 0 25px;line-height:130%;}
	.prod_list li {margin-bottom:5px;}
	.prod_list li strong {color:#617bcf;}
	.prod_list li h2 {font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-weight:400;}
	.prod_list li ul {list-style:square;padding-left:25px;}
.prod_table {width:100%;border:1px solid #666;}
	.prod_table caption {padding-bottom:7px;text-align:left;font-family:"Noto Sans Kr","Nanum Gothic","나눔고딕","돋움";font-size:14px;color:#1f5da6;}
	.prod_table th {padding:5px 10px;border:1px solid #ccc;text-align:center;background:#f3f3f3;}
	.prod_table thead th {color:#fff;background:#369;}
	.prod_table td {padding:5px;border:1px solid #ccc;text-align:center;}
#prod_img {position:relative;margin-top:30px;}
	.prod_imgB {padding:0 0 40px 0;border:3px solid #ccc;text-align:center;}
	.prod_imgS {position:absolute;left:0;bottom:-40px;width:100%;height:70px;text-align:center;}
		.prod_imgS img {margin:0 5px;}
		.prod_imgS_bottom	{margin:10px 0;}
	

/* 191112 추가 */
.his_certi {list-style:none;margin:30px 0 -30px;padding:0;}
	.his_certi:after {display:block;clear:both;content:"";}
	.his_certi li {float:left;width:16%;padding:.2%;border:1px solid #ccc;}
	.his_certi li+li {border-left:none;}
	.his_certi li img {max-width:100%;height:auto;}