@charset "utf-8";
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');

body {font-family: "Nanum Gothic", "나눔고딕";}
a,a:visited,a:link {color:#000000;}
.bold{font-weight:bold;}


.svisual{height:214px; background-repeat:no-repeat; background-position:center bottom; margin-top:-30px;}
.svisual.company{background-image:url(/images/svisual01.jpg);}
.svisual.rnd{padding-top:0 !important; background-image:url(/images/svisual02.jpg);}
.svisual.product{background-image:url(/images/svisual03.jpg);}
.svisual.customer{background-image:url(/images/svisual04.jpg);}
.svisual.health{background-image:url(/images/svisual05.jpg);}
.svisual.contact{background-image:url(/images/svisual06.jpg);}

/* leftcolumn */
#leftcolumn	{ float:left; width:245px; min-height:500px; margin-bottom:50px; border:0px solid red; }

#snbwrap {width:245px;}
#snbwrap h3 {height:60px;padding-top:30px;text-align:center; font-size:30px; color:#006cc7; font-weight:bold;}
#snbwrap h3 span {color:#909090; font-weight:300; font-size:12px; line-height:24px;}
#snbwrap h3.font_sm {font-size:26px;}

ul#snb { margin-top:15px;}
ul#snb li.menus {width:100%; vertical-align:top; text-align:left; margin-top:3px;}
ul#snb li.menus a.menus-title {display:block; height:33px; line-height:33px; padding:0px 0px 0px 15px; font-size:14px;font-weight:bold; border:1px solid #dedede;}
ul#snb li.current a.menus-title {color:#fff; background:#006cc7;}
ul#snb li.menus a:hover.menus-title {color:#fff; background:#006cc7;}


ul#snb li.menus ul {}
ul#snb li.menus ul li {display:block; height:33px; line-height:33px; padding:0px 0px 0px 15px; font-size:12px;font-weight:bold; border:1px solid #dedede; margin:1px 0;  background:#e9f4fe;}
ul#snb li.menus ul li a {color:#2E2E2E !important;}
ul#snb li.menus ul li a:hover {color:#006cc7 !important;}

.left_contactus {border:1px solid #ddd; padding:10px 15px; margin-top:120px;}
.left_conus_tit {color:#d20077; font-weight:bold; font-size:18px; margin:15px 0 5px 0; text-align:center;}
.cs_list { font-size:13px;}
.cs_list li {padding:3px 0;}
.cs_list li img {padding-right:10px;}
.iq_btn {margin-top:15px; background:#009ece; padding:10px; text-align:center;}
.iq_btn a {color:#fff; font-weight:bold;}



.container{width:1200px; margin:auto; position:relative;}
.container:after{content:''; display:block; clear:both;}

.sub_contents {float:left; margin-left:35px; width:920px; border:0px solid red; }

.sub {
	overflow:hidden; font-size:13px;line-height:22px;
	padding-bottom:100px;
}


/*title*/
.sub_map {
    margin-top:27px;
	padding-left:15px;
	font-size:12px;
	background:url(/images/home.gif) no-repeat left;
}
.s_title {
	width:100%;
	font-size:24px;
	font-weight:bold;
	padding-top:27px;
	padding-bottom:5px;
	margin-bottom:55px;
	border-bottom:0px solid #cacaca;
	color:#353535;
}






/*common*/



/* greeting */
.greeting .img{float:left; border:5px solid #ddd;}
.greeting .txt{float:left; width:560px; margin-left:30px;}
.greeting .txt .pt01{padding-top:25px;}
.greeting .txt .txt01{font-size:18px; color:#006cc7; font-weight:bold;}

/* Company Introduction */
.introduction .img{float:left; border:5px solid #ddd;}
.introduction .txt1{float:left; width:655px; margin-left:30px;}
.introduction .txt1 .pt01{padding-top:25px;}
.introduction .txt1 .txt01{font-size:18px; color:#006cc7; font-weight:bold;}
.introduction .txt2 {clear:both; width:100%;}
.introduction .txt2 .pt01{padding-top:25px;}
.introduction .txt2 .pt02{padding-top:30px; font-size:16px; font-weight:bold; text-align:right;}
.introduction .txt2 .pt03{padding-top:10px; text-align:right;}

/*Corporate Philosophy & Vision*/
.vision_txt {padding:25px 0 50px 0; border-bottom:1px dashed #ccc;}
.vision_txt2 {overflow:hidden; padding-top:50px;}
.vision_txt2 img {float:left; padding-right:50px;}
.vision_txt2 .vision_right {float:left; width:635px;}
.vision_txt3 {padding-top:30px;}
.table_style1 {width:100%; border-top:1px dashed #ddd; }
.table_style1 tr {border-bottom:1px dashed #ddd;}
.table_style1 tr td {padding:5px 10px;}
.table_style1 tr td.dot_l {border-left:1px dashed #ddd;}


/*Awards and Certificates*/
.cer_list {overflow:hidden;}
.cer_list ul {clear:both;}
.cer_list ul li {float:left; margin:0 10px 20px 10px;}
.cer_list ul li img {border:2px solid #ddd;}
.cer_list ul li img a {background-color:rgba(0,0,0,.4);}
.cer_list ul li p {padding-top:10px; font-size:10px; line-height:12px; width:105px; min-height:60px; text-align:center;}


/*History*/
.history {overflow:hidden;padding-left:280px;}
.history_section {overflow:hidden;margin:0 0 40px 0;}
.history_year {float:left; padding:5px 0; margin-bottom:10px; width:85px;text-align:center;color:#fff;font-size:18px;font-weight:900;font-style:italic;background:#006cc7;}
.history_list {float:left; width:500px; margin-left:30px;}
.history_list li {position:relative;margin-top:10px;padding:10px 0 0 40px;border-top:1px dotted #bcbcbc}
.history_list li:first-child {margin-top:0;padding-top:0;border-top:none;}
.history_list li:first-child .month {top:0;}
.history_list li .month {position:absolute;top:10px;left:0;color:#006cc7;font-size:15px;font-weight:900;}

.history-bg01 {background:url(/images/history_img01.jpg) no-repeat 0 0;}
.history-bg02 {background:url(/images/history_img02.jpg) no-repeat 0 0;}


/*Introduction of R&D Center*/
.rnd {overflow:hidden; padding-top:40px;}
.rnd img {float:left; }
.rnd_r {float:left; width:495px; margin-left:30px;}
.rnd ul {}
.rnd ul li {overflow:hidden; margin-bottom:20px;}
.rnd ul li p.num {float:left; background:#009ece; color:#fff; font-weight:bold; font-size:16px; padding:5px 10px; text-align:center;}
.rnd ul li p.txt {float:left; padding-left:10px; width:450px;}
.rnd ul li p.txt2 {float:left; padding-left:10px; width:830px;}



.business:after{content:''; display:block; clear:both;}
.business{background:url(/images/bg_business.gif) no-repeat center top; width:897px; height:476px;}
.business .box{float:left; width:426px; height:227px; margin-bottom:22px;}
.business .box.left .tit{color:#2b4892; font-size:18px; font-weight:bold; margin:27px 119px 0 0;}
.business .box.right .tit{color:#2b4892; font-size:18px; font-weight:bold; margin:27px 0 0 119px;}
.business .box li{color:#444; font-size:15px; font-weight:normal;}
.business .box.left{text-align:right;}
.business .box.left ul{margin:20px 119px 0 0;}
.business .box.right ul{margin:20px 0 0 119px;}

.location .address .tit{font-size:16px; font-weight:bold; color:#2b4892;}
.location .address ul{padding-top:10px;}
.location .map{width:518px; height:194px;}

.products .spec{margin-top:32px;}

/* 탭 */
div.tabs-area {
	position:relative;
	z-index:2;
	width:100%;
	height:50px;
	overflow:hidden;
	border-bottom:1px solid #013e74;
}

div.tabs-line {
	position:relative;
	z-index:1;
	width:100%;
	height:1px;
	top:-1px;
	border-top:1px solid #D3D9E6;
}


ul.tabs {
	padding:0px;margin:0px;
	z-index:2;
}

ul.tabs li {
	list-style:none;
	display:inline;
	height:50px;
}

ul.tabs li a {
	padding:5px 40px 7px 40px;
	border:1px solid #D3D9E6;
	text-decoration:none;
	line-height:30px;
    color:#5b6875;
    background:#f1f1f1;
    font-weight:bold;
	font-size:15px;
}

ul.tabs li a:hover {
    background:#006cc7;
	color:#fff;
}

ul.tabs li a.active {
    background:#fff;
    color:#2779c8;
    border:1px solid #D3D9E6;
    border-bottom: 1px solid #ffffff;
	padding:10px 40px;
	font-weight:bold;
	line-height:70px;
	font-size:16px;
}

div.content {
	padding-top:35px;
}
div.show		{ display:block;}
div.hide		{ display:none; }


/**/
.pro_img_txt {width:100%; overflow:hidden;}
.pro_img_txt>p {width:413px;}
.pro_img_txt>p img {width:100%;}

/*table*/
.t_norm{margin-top:30px;}
.t_norm table{border-top:2px solid #004a8d;}
.t_norm table th{background:#f1f1f1; font-weight:bold; font-size:14px; color:#353535;}
.t_norm table th, .t_norm table td{border:1px solid #ddd; padding:10px 0; vertical-align:middle;}
.t_norm table td{text-align: left; vertical-align:middle; padding-left:15px;}


.pro_list {padding-top:10px;}
.pro_list li {background:url(/images/list_icon.gif) no-repeat left 15px; padding:5px 0 5px 10px; border-bottom:1px dashed #ddd;}


.pro_info_list {margin-top:20px;}
.pro_info_list dt {width:25%; background:#006cc7; padding:5px 10px; color:#fff; font-weight:bold; font-size:14px;}
.pro_info_list dd {padding-top:10px;}


.pro {padding-top:25px;}
.pro .img {border:1px solid #ddd;}
.pro .txt_area .tit{font-size:14px; color:#006cc7; font-weight:bold;}
.pro .txt_area .txt{}
.pro .txt_area li{padding:7px 0 7px 15px; background:url(/images/bg_blet.gif) no-repeat left 15px; }
.pro .txt_area.box02{padding-top:20px;}
.pro .txt_area .lst > li{border-bottom:1px dashed #ddd;}
.pro .txt_area .lst > li > ul > li{color:#717171; background:none; padding-left:0;}

.blue_big_tit {font-family:"Noto Sans KR",sans-serif; font-weight:500; font-size:30px; color:#006cc7; letter-spacing:-.05em;}
.tit_info {font-family:"Noto Sans KR",sans-serif; font-weight:500; font-size:18px; color:#555;}
.txt_wrap {font-family:"Noto Sans KR",sans-serif;}
.txt_wrap .big_blue {font-size:22px; font-weight:500;}
.txt_wrap span {font-size:14px; font-weight:350; letter-spacing:-.05em;}
.txt_wrap a {font-size:18px; color:#80b5e3;}
.txt_wrap .lts_20,
.txt_wrap .lts_20 * {letter-spacing:-.02em;}
.txt_wrap div,
.number_circle_list li p {font-size:16px; font-weight:350; letter-spacing:-.05em;}
.number_circle_list {font-family:"Noto Sans KR", sans-serif;}
.number_circle_list li {position:relative; width:49%; background:#f2f2f2; padding:40px 24px; box-sizing:border-box;}
.number_circle_list li:nth-child(odd) {float:left;}
.number_circle_list li:nth-child(even) {float:right;}
.number_circle_list li:nth-child(2n+1) {clear:both;}
.number_circle_list li span {position:absolute; top:-28px; left:50%; transform:translateX(-28px); display:block; width:56px; height:56px; background:#006cc7; color:#fff; line-height:56px; text-align:center; border-radius:50%;}
.red_tit {font-family:"Noto Sans KR",sans-serif; font-weight:500; font-size:25px; color:#f41d1d; letter-spacing:-.05em;}

.warning_list {padding-left:24px;}
.warning_list>li {list-style:decimal; margin-bottom:24px;}
.warning_list .depth2>li {position:relative; padding-left:10px;}
.warning_list .depth2>li:before {content:"-"; position:absolute; top:0; left:0;}

.tdp {overflow:hidden; margin-top:25px;}
.tdp .tdp_l {float:left;}
.tdp .tdp_l img {padding:5px; border:1px solid #ddd;}
.tdp .tdp_r {float:right; width:455px;}

/*.rnd{background:url(/images/bg_rnd.jpg) no-repeat center bottom; padding-bottom:165px; padding-left:12px;}
.rnd .txt_area .tit{font-size:18px; color:#2b4892; font-weight:bold; padding-bottom:25px;}
.rnd .txt_area .txt{font-size:14px;}
.rnd .txt_area li{padding-bottom:5px; background:url(/images/bg_blet03.gif) no-repeat left 8px; padding-left:15px;}
.rnd .txt_area.box02{padding-top:50px;}
.rnd .txt_area .lst > li{font-size:14px;}
.rnd .txt_area .lst > li > ul > li{color:#717171; font-size:14px; background:none; padding-left:0;}

.products .tit{font-size:18px; color:#2b4892; font-weight:bold; padding-bottom:15px;}
.products.fire .img{padding-bottom:30px;}
.products.industrial .tit{padding-top:30px;}
.products.industrial .tit span{font-size:13px; color:#444; padding-left:10px;}
.products.industrial .img_area:after{display:block;content:" ";clear:both;}
.products.industrial .img_area .drawing{float:left; width:50%}
.products.industrial .img_area img{border:1px solid #7c7c7c}
.products.industrial .img_area .graph{float:left; width:50%}
.products:after{display:block;content:" ";clear:both;}
.products .t_norm{margin-top:0;}
.products .left{float:left; width:50%; margin-top:0;}
.products.deep .t_norm.right{float:right; margin-right:50px; width:45%}
.products.deep .t_norm.right table{margin-bottom:20px;}
.products.instrument .img_area{float:right; margin-right:80px;}
.products.instrument .img_area img{margin-bottom:30px;}
.products.deep .img_area{float:left; margin-left:30px;}
.products.power ul{margin:30px 0;}
.products.power .img{text-align:center; padding-top:30px}
*/


/*동영상*/
.mov_pop2 {display:none; overflow:hidden;width:560px; height:350px; border:10px solid #000; position:absolute; top:0; left:0; }
.mov_pop2 .close {float:left;width:550px;background:#000;padding:5px;text-align:left;}
.mov_pop2 .close p {float:left;color:#efefef;}
.mov_pop2 .close a{float:right;color:#fff;font-weight:bold;}

.project_line {}
.project_line ul {clear:both;width:100%;float:left;}
.project_line ul li {float:left;width:250px;text-align:center; padding: 20px 15px;}
.project_line ul li img {border:5px solid #ddd; margin-bottom:5px;}
.project_line ul li img:hover { background:#fbf9fa; border:5px solid #006cc7;  }

/* 인증서
.cert_wrap{padding-left:40px;}
.cert_wrap ul:after{content:'';display:block; clear:both;}
.cert_wrap ul{margin-left:-40px;}
.cert_wrap li{float:left; margin-left:40px;}
.cert_wrap li dt{border:1px solid #ddd; margin-bottom:30px;}
.cert_wrap li dd{text-align:center; height:60px; padding-top:5px; font-size:14px; padding-top:5px; display:none;}
*/
/* 인증서-레이어팝업
.pop-layer {display:none; position: fixed; top: 20%; left:30%; height:auto;  background-color:#fff; border: 3px solid #DDD; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer .pop-container .pop-conts{position:relative;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer p.ctxt img{width:500px;}
.pop-layer .btn-r {margin:10px 0 20px; border-top: 1px solid #DDD; position:absolute; right:0; bottom:-20px;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; background-color:#666; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {background-color:#666; color:#fff;}
*/


/*contact us*/
.contact {overflow:hidden;}
.contact .fl {float:left; width:48%; margin-right:2%;}
.contact .fr {float:left; width:48%;}
.contact h4 {padding:10px 0;font-size:16px;font-weight:600;color:#006cc7;text-align:center;background:#efefef; border:1px solid #006cc7;}

.stit_t04 {margin:0 0 2px;font-size:14px;line-height:30px;font-weight:900;color:#333;}
.mb20 {margin-bottom:20px !important;}

.contact .contact_info {padding:20px;border:1px solid #d4d4d4;border-top:0;}
.ct_info li {position:relative;margin:0 0 5px;padding:3px 0 3px 95px;font-size:13px;line-height:16px;}
.ct_info li .stit {position:absolute;top:0;left:0;padding:2px 0;width:80px;text-align:center;color:#006cc7;border:2px solid #006cc7;}


/*contact us*/
.contact_title {text-align:center; font-size:24px; font-weight:bold; padding-bottom:10px; color:#353535;}
.con_table {padding-bottom:30px;}
.con_table h4 {font-size:16px; font-weight:bold; padding-bottom:10px; color:#353535;}
.con_table table{border-top:2px solid #004a8d; width:100%;}
.con_table table th{background:#f1f1f1; font-weight:bold; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 10px 10px 15px; text-align:left; }
.con_table table td{border-bottom:1px solid #ddd; text-align: left; vertical-align:middle; padding-left:15px;}


/* sitemap */
.sitemap {width:100%;}
.map_dl {
	float:left;
	width:30%;
	margin:0 1%;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#efefef;
	border:0px solid #dbdbdb;
}
.map_dl.margin_right_none {margin-right:0;}
.map_dl > dt {
	width:80%;
	padding:20px 10%;
	height:20px;
	font-size:20px;
	line-height:22px;
	font-weight:600;
	color:#353535;
}
.map_dl > dd {
	width:80%;
	padding:3px 10%;
}
.map_dl > dd > a {
	display:block;
	font-size:13px;
	line-height:15px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
}
.map_dl > dd > a:hover {
	color:#ffffff;
	background-color:#006cc7;
}

/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}