@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400);
@import url(http://fonts.googleapis.com/css?family=Oswald:400);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

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

body, td, th, form, input, select, textarea, input, div, p, span {margin:0;}
body {font-family:'Roboto',Arial,Tahoma,Verdana,Sans-serif,Dotum;font-size:100%;line-height:100%;color:#000;background:#fff;}
a {color:#000;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-size:.68em;color:#aaecff;text-transform:uppercase;}
	.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;}
	#gnb li {float:left;}
	#gnb li a {display:block;padding:30px 25px;font-family:Ubuntu,Oswald,Roboto,Arial;font-size:1.3em;}
	#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:Ubuntu,Oswald,Roboto,Arial;font-size:.9em;text-align:left;}
	#side dl#lnb dd {margin:0;padding:0;border-bottom:1px solid #d9d9d9;}
	#side dl#lnb dd a {display:block;padding:7px 0 7px 10px;}
	#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:60px 0 0 0 !important;padding:0;line-height:1.5em;text-align:right;color:#fff;}
	.foot_info a {color:#fff;}
	.copyright {font-size:.7em;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;}
.side_tit {width:220px;margin:0;padding:40px 0;border-bottom:1px solid #d9d9d9;font-family:'Times New Roman',Georgia;font-style:italic;font-weight:normal;font-size:1.5em;text-transform:uppercase;}
.h3_title {margin:40px 0 10px 0;padding:0;font-family:Ubuntu,Oswald;font-weight:normal;font-size:2em;letter-spacing:-0.03em;color:#2862a6;}
	.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 0 30px;border-bottom:1px solid #e5e5e5;font-family:Ubuntu,Oswald;font-weight:normal;font-size:2.3em;line-height:1em;}
.h4_title .em {display:block;margin-top:5px;font-family:Oswald;font-size:.8em;color:#36c;}
.h4_title .em:before {content:"|";margin-right:10px;font-weight:600;}
.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:"Daum_Regular";font-size:13pt;font-weight:bold;color:#71c504;}
.h5_title3 {margin:20px 0 20px 0;padding:0;font-family:"Daum_Regular";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		{display:block;height:20px;clear:both;zoom:1;}
	.disClear:after {display:block;clear:both;content:"";zoom:1;}
.hidden			{display:none;}


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

.comp_greet { padding:30px 200px 100px 0; background: url('../img/company/1_photo.jpg') no-repeat right bottom; }
	.comp_greet p {margin-bottom:30px;line-height:1.4em;}
	.comp_greet p.sign {font-weight:bold;text-align:right;}
.comp_ov {width:100%;margin-top:40px;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:17%;border-right:1px solid #d9d9d9;border-bottom:1px dashed #ccc;font-weight:400;font-size:.9em;text-transform:uppercase;text-align:center;background:#f5f5f5;}
	.comp_ov td {padding:20px 30px;border-bottom:1px dashed #ccc;font-size:.9em;}
	.comp_ov td ul {margin:0;padding:0;}
	.comp_ov td ul li {line-height:1.4em;}
.comp_his { list-style: none; margin: 50px 0 0 0; padding: 0; border-top: 1px dashed #ccc;}
	.comp_his li { padding: 12px; border-bottom: 1px dashed #ccc; }
	.comp_his li span { display: block; margin-bottom: 5px; font-family: "Daum_Regular"; font-size: 14px; color: #1f5da6; }
#co_map {height:400px;margin:40px 0 0;border:1px solid #999;}
#co_info {list-style:none;margin:0;padding:0;}
	#co_info li {padding:10px;border-bottom:1px solid #ccc;font-size:.9em;}

.prod_tab {height:36px;margin-top:35px;background:url('../img/product/tab_bg.png') repeat-x 0 100%;}
	.prod_tab dl {float:right;margin:0;}
	.prod_tab dl dd {float:left;height:36px;margin:0 2px 0 0;padding:0;text-align:center;}
	.prod_tab dl dd a {display:block;margin-top:5px;padding:5px;border:3px solid #1f5da6;border-bottom:none;border-radius:5px 5px 0 0;font-family:Ubuntu,Roboto;font-size:.82em;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 7px 9px 7px;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;border-radius:5px;font-size:.9em;line-height:1.35em;color:#1f5da6;background:#f2f2f2;}
	.prod_txt p {margin-bottom:10px;}
	.prod_txt ul {margin:0;padding-left:20px;}
.prod_text {padding:5px;font-family:"Daum_Regular";font-size:14px;color:#1f5da6;}
.prod_list {list-style:square;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-size:1.1em;}
.prod_table {width:100% !important;border:1px solid #666;font-size:.9em;}
	.prod_table caption {padding-bottom:7px;text-align:right;font-family:Ubuntu;font-size:1.2em;color:#1f5da6;}
	.prod_table th {padding:7px 10px;border:1px solid #ccc;font-weight:500;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;}
p.prod_tbl_txt {margin-top:10px;font-size:.85em;line-height:1.4em;}
p.prod_tbl_txt i {margin-right:3px;color:#f60;}
/* 191112 추가 */
ul.prod_tbl_txt {list-style:none;margin:10px 0 0;padding:0;}
ul.prod_tbl_txt li {position:relative;padding-left:17px;font-size:.85em;line-height:1.4em;}
ul.prod_tbl_txt li+li {margin-top:5px;}
ul.prod_tbl_txt li:before {position:absolute;left:0;top:0;content:"\f02e";font-family:"FontAwesome";color:#f60;}
#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;}