@charset "utf-8";
/*
File Name : common.css
Description : PND COSCHEM
Author : loopy (master@dmax.kr)
Date : 2013-12-2
 */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

html {overflow-y:scroll}
BODY, td {font-size:13px;font-family: 'Nanum Gothic', Arial, Verdana, Helvetica, AppleGothic, Sans-serif; line-height:150%; letter-spacing:0pt}

/* 요소(element) 여백 초기화  */
html, body,
div, span,
form, fieldset, input, textarea, select,
table, th, td {margin: 0; padding: 0;}

/* 목록설정 */
ul,ol{list-style:none;}
ul, li {margin:0; padding:0;}

/* 이미지설정 */
img {border: 0; vertical-align: top;}


table {text-decoration: none;}
td {color:#333333; text-decoration: none;}

/* 링크설정 */
a {color: #333; text-decoration: none; }
a:hover {text-decoration: none;}

.blue {color:#2749a2;}
.blue_b {color:#2749a2; font-weight:bold;}


.rel {position:relative;}


/* top_menu */
.gnb {padding-top:15px;}
.gnb li {float:left;}
.gnb li a {display:block; height:50px;}
	a.mn1 {width:135px; text-align:center; text-indent:-9999px; background:url('/images/common/topmn1.png') no-repeat center 50%;}
	a.mn2 {width:135px; text-align:center; text-indent:-9999px; background:url('/images/common/topmn2.png') no-repeat center 50%;}
	a.mn3 {width:135px; text-align:center; text-indent:-9999px; background:url('/images/common/topmn3.png') no-repeat center 50%;}
	a.mn4 {width:135px; text-align:center; text-indent:-9999px; background:url('/images/common/topmn4.png') no-repeat center 50%;}
	a.mn5 {width:135px; text-align:center; text-indent:-9999px; background:url('/images/common/topmn5.png') no-repeat center 50%;}

	a.mn1:hover {background:url('/images/common/topmn1_on.png') no-repeat center 50%;}
	a.mn2:hover {background:url('/images/common/topmn2_on.png') no-repeat center 50%;}
	a.mn3:hover {background:url('/images/common/topmn3_on.png') no-repeat center 50%;}
	a.mn4:hover {background:url('/images/common/topmn4_on.png') no-repeat center 50%;}
	a.mn5:hover {background:url('/images/common/topmn5_on.png') no-repeat center 50%;}

	a.mnhover1 {background:url('/images/common/topmn1_on.png') no-repeat center 50%;}
	a.mnhover2 {background:url('/images/common/topmn2_on.png') no-repeat center 50%;}
	a.mnhover3 {background:url('/images/common/topmn3_on.png') no-repeat center 50%;}
	a.mnhover4 {background:url('/images/common/topmn4_on.png') no-repeat center 50%;}
	a.mnhover5 {background:url('/images/common/topmn5_on.png') no-repeat center 50%;}

		/* sub메뉴 */
		.gnb_open {display:none;width:100%; height:0px; position:absolute; top:110px; background:url('/images/common/gnb_open_back.png') repeat-x 0 bottom; z-index:100; overflow:hidden;border-top:3px #144e9c solid;}
		.gnb_open.bd{}
			.menu_area {width:1080px; min-height:200px; height:auto; background:url('/images/common/menu_img_190122.jpg') no-repeat 0 30px;}
				.total_menu {clear:both; list-style:none; float:right;}
				.total_menu li {float:left; border-left:1px #f3f3f3 solid;}
				.total_menu li.m1 {width:130px; height:190px; padding: 20px 0;}
				.total_menu li.m2 {width:150px; height:190px; padding: 20px 0;}
				.total_menu li.m3 {width:130px; height:190px; padding: 20px 0;}
				.total_menu li.m4 {width:140px; height:190px; padding: 20px 0;}
				.total_menu li.m5 {width:130px; height:190px; padding: 20px 0;}
				.total_menu li.bd {background:#f5f5f5;}

					.sm {list-style:none; margin-right:5px; clear:both;}
					.sm li {letter-spacing: -0.5px; margin-bottom: 5px; clear:both; border:0;}
					.sm li a {display:block; padding:3px 0 3px 15px; color:#333; background:url('/images/common/menu_dot.png') no-repeat 8px 12px; }
					.sm li a:hover,
					.sm li a.active {background:#5c8dce; color:#fff; font-weight:600;}
				.total_menu .m1 .sm li a {width:105px;}
				.total_menu .m2 .sm li a {width:135px;}
				.total_menu .m3 .sm li a {width:105px;}
				.total_menu .m4 .sm li a {width:125px;}
				.total_menu .m5 .sm li a {width:115px;}


/* main */
	/* 메인 비주얼 */
	.visual {position:absolute; left:0; top:0;}

	/* product */
	.main_pro {height:178px; border-right:1px solid #dbdbdb; background:#f0f3f6 url('/images/main/product_img.png') no-repeat 0 50%;}
		.mpro_list {float:right; padding-right:25px;}
		.mpro_list li {background:url('/images/main/product_dot.png') no-repeat 13px 11px; padding:3px 0 3px 29px; border-bottom:1px solid #ccc;}
		.mpro_list li a {display:block; width:145px; background:url('/images/main/product_arr.png') no-repeat right 0; font-weight:600;}
		.mpro_list li a:hover {background:url('/images/main/product_arr_on.png') no-repeat right 0; color:#385ca6;}

	/* 기술자료 */
	.mboard_td {border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:30px 0 28px 22px;}
		a.mboard {display:block; background:url('/images/main/dot.png') no-repeat 0 7px; padding-left:7px; color:#343434; font-size:12px; font-family:돋움;}
		.m_date {color:#adadad; font-size:12px; font-family:vardana;}
	
	/* sample 요청 */
	.mban {height:160px; padding-left:22px; background:url('/images/main/ban_img.png') no-repeat 230px 50%; border-right:1px solid #dbdbdb;}

	/* 사업부 background:url('/images/main/business_more.png') no-repeat 97% 13%;*/
		.m_busin { height:795px;}
		.m_busin li {border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb;
			
			height:16.666%;
		}
		.m_busin li a {display:block; font-size:15px; font-weight:600; color:#272727; 
			padding:20px 0 0 20px;
			box-sizing:border-box;
			-o-box-sizing:border-box;
			-ms-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		.m_busin li a:hover {color:#2749a2;}
			.busin1 {height:131px; background:url('/images/main/business_img1.png') no-repeat 95% 100%;}
			.busin2 {height:131px; background:url('/images/main/business_img2.png') no-repeat 97% 100%;}
			.busin3 {height:131px; background:url('/images/main/business_img3.png') no-repeat 95% 100%;}
			.busin4 {height:131px; background:url('/images/main/business_img4.png') no-repeat 95% 100%;}
			.busin5 {height:131px; background:url('/images/main/business_img5.png') no-repeat 95% 100%;}
			.busin6 {height:131px; background:url('/images/main/business_img6.png') no-repeat 95% 100%;}
		
			.busin_e {font-size:12px; color:#646464;}

	/* bottom */
	.copyright {display:block; color:#fff; font-size:12px; padding-left:22px;}
	.copy_e {display:block; font-size:10px; color:#fff; padding-left:22px;}


	/* sub공통 */
	.top_line {border-top:1px solid #e0e0e0;}
	.right_line {background:url('/images/sub/left_bg.png') repeat-y right 0;}

	/* quick */
	#floater {position:absolute; right:-100px;}

	/* 왼쪽메뉴 */
	.leftmn a {
		box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		display:block;
		background:#e8e9ee url('/images/sub/left_dot.png') no-repeat 10% 21px;
		height:45px;
		border-bottom:1px solid #fff;
		border-right:1px solid #e0e0e0;
		color:#303030;
		font-size:15px;
		font-weight:600;
		padding:12px 0 0 30px;
	}
	.leftmn a:hover {
		background:#153a99 url('/images/sub/left_on.png') no-repeat 93% 17px;
		border-right:0px;
		color:#fff;
	}
	.leftmn a.leftmn_on {
		box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		display:block;
		background:#153a99 url('/images/sub/left_on.png') no-repeat 93% 17px;
		color:#fff;
		height:45px;
		border-bottom:1px solid #fff;
		border-right:0;
		font-size:15px;
		font-weight:600;
		padding:12px 0 0 30px;
	}

	.leftb1 {background:url('/images/sub/left_ban1.png') no-repeat 7% 50%;}
	.leftb2 {background:url('/images/sub/left_ban2.png') no-repeat 4% 50%;}
	.leftb3 {background:url('/images/sub/left_ban3.png') no-repeat 6% 50%;}
	.leftb4 {background:url('/images/sub/left_ban4.png') no-repeat 6% 50%;}
	.leftb5 {background:url('/images/sub/left_ban5.png') no-repeat 5% 50%;}
	.leftb6 {background:url('/images/sub/left_ban6.png') no-repeat 6% 50%;}

	a.left_ban {
		box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		display:block;
		height:50px;
		border-bottom:1px solid #dfdfdf;
		background:url('/images/sub/left_ban_arr.png') no-repeat 95% 50%;
		font-size:13px;
		color:#464646;
		font-weight:600;
		padding:15px 0 0 50px;
	}
	a.left_ban:hover {color:#2749a2;}

	/* sub 타이틀 */
	.sub_tit {height:163px; padding-left:60px;}
	.cate {font-family:돋움; color:#747474; font-size:12px; padding-bottom:13px;}
	.cate img {vertical-align:middle;}
	.subt {font-size:32px; color:#434343; font-weight:600; background:url('/images/sub/sub_tit_icon.png') no-repeat 0 0;}
	.subtxt {font-size:12px; color:#585858; letter-spacing:-0.5px; padding-top:5px;}

	.timg1 {background:url('/images/sub/sub_img1.png') no-repeat 95% 70%;}
	.timg2 {background:url('/images/sub/sub_img2.png') no-repeat 95% 80%;}
	.timg3 {background:url('/images/sub/sub_img3.png') no-repeat 95% bottom;}
	.timg4 {background:url('/images/sub/sub_img4.png') no-repeat 95% 80%;}
	.timg5 {background:url('/images/sub/sub_img5.png') no-repeat 95% 90%;}

	/* 컨텐츠 */
	.pdtl {padding:40px 0 90px 60px;}

	/* 본문 테이블 */
.table_td {}
.table_td td.tit {
	background:#f5f6fa;	
	border-top:2px solid #0055ab;
	border-bottom:1px solid #878787;
	border-right:1px solid #d1d1d1;

	height:30px;
	text-align:center;
	color:#002b51;
	font-weight:bold;
	}
.table_td td.l_line {border-left:1px solid #d1d1d1;}
.table_td td.td_list {height:25px; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-left:1px solid #d1d1d1; text-align:left; padding-left:10px; background:#f6f6f6;}
.table_td td.td_list_w {height:25px; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; text-align:center; }
.table_td td.td_list_w2 {height:25px; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; text-align:left; }
.left {padding-left:20px; text-align:left;}

/*제품소개*/
.tab{}
.tab li{float:left; margin:0 5px 5px 0; }
.tab li a{display:inline-block;
	padding:3px 0;
	width:151px;
	border:1px solid #d1d1d1;
	background:#f6f6f6;
	text-align:center;
	color:#002b51;
	font-weight:bold;
	}
.tab li a.tab_on {
	background:#275bbc;
	border:1px solid #164baf;
	color:#fff;
}

/*샘플요청*/
.sample{margin-bottom:30px; border-top:2px solid #0055ab;}
.sample td{
	height:30px;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	}

.sample td.title{
	background: #f5f6fa url('/images/icon_dot.gif') no-repeat 20% 50%;
	color:#002b51;
	font-weight:bold;
	padding-left:35px;
	border-left:1px solid #d1d1d1;
	}
.sample td.con{
	padding:10px 0 10px 20px;
	}




/* 회사소개 */

.history_date {padding-left:15px; background:url('/images/sub/history_bullet.png') no-repeat 0 2px;}
.his_txt {border-bottom:1px solid #dbdde6; padding:5px 0 5px 10px;}

/* 사업영역 */
.table_01 {border-top:2px solid #0c449d; width:250px;}
.table_01 th{border-bottom:1px solid #3f6cb4; padding:5px 2px; color:#0c449d;}
.table_01 td {text-align:center; border-bottom:1px solid #b7bfcb; padding:5px 2px;}
.table_01 td.tit {background:#f1f3f6; border-right:1px solid #b7bfcb;}
.table_01 td.line {border-right:1px solid #b7bfcb;}


/* rnd */

.rnd_history {border-top:2px solid #0c449d; width:750px; }
.rnd_history th, .rnd_history td {text-align:left;  border-bottom:1px solid #b7bfcb; padding:8px 20px;}
.rnd_history th{color:#2e59c7; font-size:1.2em;}
.rnd_history tr:hover {background:#f8f8f8;}


.rnd_equ {border-top:2px solid #0c449d; width:380px;}
.rnd_equ th{border-bottom:1px solid #3f6cb4; padding:5px 2px; color:#0c449d;}
.rnd_equ td {text-align:center; border-bottom:1px solid #b7bfcb; padding:5px 2px;}
.rnd_equ td.tit {background:#f1f3f6; border-right:1px solid #b7bfcb;}
.rnd_equ td.line {border-right:1px solid #b7bfcb;}