@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body {
	font-family:'唱串绊雕','NanumGothic','讣篮 绊雕','蹈框','Nanum Myeongjo',dotum,Helvetica,sans-serif!important;
	overflow-x:hidden;
    background-color:#ffffff;
    margin:0;
	overflow-y:scroll;
}

body, td, input, select, table, textarea, div, p, b  {
    font-family:'唱串绊雕','Nanum Gothic','讣篮 绊雕','蹈框','Nanum Myeongjo',dotum,Helvetica,sans-serif!important;
    font-size:13px;
    color:#4e4e4e;
    text-decoration:none; /* none l underline l overline l line-through */
    line-height:22px;
    letter-spacing:0; /* ?濌皠(1, 0, -1 ..) */
    word-break:keep-all; /* 欷勲皵昕?break-all , nowrap  */
}



/* img */
form { margin:0px; }
img {border:0;}


.strong {font-weight:bold;}



/* common link  */
a:link, a:visited, a:active {
	text-decoration: none;
	color: #4e4e4e;
	font-size:12px;
	
}
a:hover {
	text-decoration:none;
	color: #00aeef;
	font-size:12px;
	
}

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545;  }
a.menu:hover { text-decoration:none; }

a.subtop:link, a.menu:visited, a.menu:active { text-decoration:none; color:#646464; font-size:13px; line-height:23px }
a.subtop:hover { text-decoration:none; color:#0000CC; font-size:13px; font-weight:600;}
.subtop_pad{ padding-left:10px;}

a.top:link, a.top:visited, a.top:active{ text-decoration:none; color:#7d7d7d; font-size:16px; font-weight:600;}
a.top:hover{ text-decoration:none; font-size:16px; color:#279bcd; font-weight:600;}

/**********************************************************************************/

/********************** 惑窜皋春 ***********************/

/* 权皋春 */
#wrapper{width:100%; }
#login_top_wrap{width:100%;  float:inherit; }
.top_bg{float:left}
#login_menu_wrap{width:1000px; margin:0 auto; overflow:hidden; }
#login_menu{float:right; overflow:hidden;}
.login_flo{float:left; padding:10px 0 10px 0; }
.login_flo2{float:left; margin-left:4px;}


/* topmenu */
*{padding:0; margin:0;}
ul, ol, li { list-style:none; padding:0; margin:0}
#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	height: 134px;
	margin: 0 auto;
	top: 0px;
	display: inline-block;
}

#top_navi_wrap{width:100%; background:url("images/top_sub_bg.gif"); z-index:10; position:relative; height:104px;} 
.top_navi_wrap2{width:1000px; margin:0 auto; position:relative; overflow:hidden;}
.top_logo{position:absolute; top:10px; bottom:23px; left:0px;}

.top_navi{float:right; padding:37px 0 44px 0px; width:532px;}
.navi_dep1{float:left; min-height:22px;}
.navi_dep1_position{ }

.float01{width:109px;}
.float02{width:143px;}
.float03{width:121px;}
.float04{width:159px;}
.float05{width:126px;}


/* 辑宏皋春 submenu */
.navi_dep2_wrap01{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap02{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap03{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap04{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap05{padding-left:500px;margin-left:0px;position:relative;left:-500px;}

.navi_dep2_wrap{display:none; width:1000px;position:relative;top:0px; }
.navi_dep2_wrap ul{overflow:hidden; width:1000px; padding-top:10px;}
.navi_dep2_wrap ul li{font-size:0px; line-height:0.5em; float:left; height:17px; padding:0px 10px 13px 0; z-index:100000;}

/**********************************************************************************/


/* 皋牢厚林倔 */
#mainVisual {width:100%;overflow:hidden; z-index:99999999; }
#mainVisual div {position: relative; width:1000px; margin:0 auto;}
#mainVisual div h1 {padding:200px 0 0 0; margin-left:-20px; opacity:0.0;}
#mainVisual div h2 {padding-left:0; margin-left:-20px; opacity:0.0;}
#mainVisual div h3 {padding-left:0; margin-left:-20px; opacity:0.0;}



/* 辑宏厚林倔 */

#subVisual {width:100%;  overflow:hidden; text-align:center; }
#subVisual div {position: relative; margin:0 auto   }
#subVisual div h1 {padding:200px 0 0 0; margin-left:-20px; opacity:0.0;}
#subVisual div h2 {padding-left:0; margin-left:-20px; opacity:0.0;}
#subVisual div h3 {padding-left:0; margin-left:-20px; opacity:0.0;}


/* 皋牢_季磐 */

#main_center {
	width:1000px;
	height:200px;
	margin:30px auto 0;
	border-top:2px solid #ccc;
	}
#main_center h2.center_tit {
	background:url(images/page_title_bg.png) no-repeat 15px 14px;
	padding-left:50px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;
	}		
.pro_box {
	float:left;
	width:685px;
	height:200px;
	}
#slide	{
	width:684px;
	height:159px;
	border-right:1px solid #dedede;
	}
.center_box {
	float:left;
	width:315px;
	height:200px;
	background:url(images/center_bg.png) no-repeat 230px 100px;
	}	
.center_box	p.cs_tel {
	margin-top:25px;
	padding-left:25px;
	font-size:25px;
	color:#004e8b;
	font-weight:600;
	}
.center_box	p.cs_tel span {
	display:block;
	padding-top:10px;
	color:#02a083;
	}
.center_box	p.cs_tel2 {
	font-size:15px;
	margin-top:15px;
	padding-left:25px;
	font-weight:600;
	}

#main_center2 {
	clear:both;
	width:1000px;
	margin:0 auto 35px;
	height:112px;
	background:#004e8b;
	}
#main_center2 div h3.center2_tit {
	padding:0 0 10px 20px;
	color:#FFF;
	font-size:18px;
	font-weight:600;
	}
#main_center2 div p.center2_txt {
	padding-left:20px;
	color:#FFF;
	}	
.section1, .section2, .section3 {
	float:left;
	width:249px;
	height:72px;
	margin:20px 0;
	border-right:1px dashed #FFF;
	}
.section1 {
	background:url(images/sec1_bg.png) no-repeat 187px 23px;
	}
.section2 {
	background:url(images/sec2_bg.png) no-repeat 187px 35px;
	}	
.section3 {
	background:url(images/sec3_bg.png) no-repeat 187px 29px;
	}	
.section2 p.center2_txt a	{
	color:#FFF;
	}
.section2 p.center2_txt a:hover	{
	font-weight:600;
	}	
.section4 {
	float:left;
	width:250px;
	height:72px;
	margin:20px 0;
	}
.section4 h3.center2_tit2 {
	padding:0 0 10px 55px;
	color:#a2ff8c;
	font-size:18px;
	font-weight:600;
	background:url(images/sec4_tit.png) no-repeat 20px -4px;
	}
.section4 p.center2_txt a {
	color:#FFF;
	font-weight:600;
	}
.section4 p.center2_txt a:hover {
	text-decoration:underline;
	}	
/* bottom */

#bottom {width:100%; overflow:hidden; background-color:#e8e8e8;}
#bottom div {position: relative; width:999px; margin:0 auto;   }

/* sub_page*/

#sub_page {padding-top:40px;}


/***************************************************************************************************************************/

/* 皋牢季磐 力前 浇扼捞靛 */



#flexiselDemo3 {

}

.nbs-flexisel-container {
    position:relative;
    max-width:1038px;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
	height:337px;
    margin:0px;
    padding:0px;
	padding-right:20px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
	margin:0 auto;
    width:90%;

}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    max-width:280px;
    max-height:337px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 57px;
    height: 337px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 0px;
	 margin-top: 170px;
    background: url(images/left.png) no-repeat;
}

.nbs-flexisel-nav-right {
	 margin-top: 170px;
	right: 0px;
    background: url(images/right.png) no-repeat;
}


/**********************************************************************************/

/* leftMenu 谅螟皋春 */

#contents {width:200x; margin:0 auto;}
#contents .ctnArea2 {overflow:hidden;}
#contents .left {float:left; width:200px;}
.leftMenu {width:100%; text-align:left;}
.leftMenu div {width:100%; overflow:hidden; }
.leftMenu div a {
	display:block; 
	font-size:13px; 
	height:14px; 
	padding:8px 0px 12px 8px; 
	color:#737373; 
	font-weight:600;
	background:url('images/leftmenu_bg_off.jpg') no-repeat;  
	border-bottom:#c2c2c2 1px solid;
	border-left:#c2c2c2 1px solid;
	border-right:#c2c2c2 1px solid;
	text-align:left;
	
}
	
.leftMenu div a:hover {color:#fff; font-size:14px; background:url('images/leftmenu_bg_on.jpg') no-repeat; font-weight:600;	text-align:left; }
.leftMenu div a.on {color:#fff; font-size:14px; background:url('images/leftmenu_bg_on.jpg') no-repeat; font-weight:600; text-align:left;}


/* 其捞瘤 牢侥阑 困茄 何盒 */
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6,
#page07 #sub_menu a.menu7,
#page08 #sub_menu a.menu8,
#page09 #sub_menu a.menu9,
#page10 #sub_menu a.menu10,
#page11 #sub_menu a.menu11,
#page12 #sub_menu a.menu12,
#page13 #sub_menu a.menu13,
#page14 #sub_menu a.menu14,
#page15 #sub_menu a.menu15,
#page16 #sub_menu a.menu16,
#page17 #sub_menu a.menu17,
#page18 #sub_menu a.menu18,
#page19 #sub_menu a.menu19,
#page20 #sub_menu a.menu20,
#page21 #sub_menu a.menu21,
#page22 #sub_menu a.menu22,
#page23 #sub_menu a.menu23,
#page24 #sub_menu a.menu24,
#page25 #sub_menu a.menu25,
#page26 #sub_menu a.menu26,
#page27 #sub_menu a.menu27,
#page28 #sub_menu a.menu28,
#page29 #sub_menu a.menu29,
#page30 #sub_menu a.menu30,
#page31 #sub_menu a.menu31,
#page32 #sub_menu a.menu32,
#page33 #sub_menu a.menu33 {position:relative; float:left; width:198px; height:34px; font-weight:600;background:url(images/leftmenu_bg_on.jpg) no-repeat 0 -0px;color:#fff; }

#left_cont {position:relative; float:left; width:198px;  margin:0px 0 0px 0; }
#left_cont .txt1 {position:relative; float:left; width:185px; color:#888; text-align:center; font-size:14px; line-height:16px;clear:both;}
#left_cont .txt2 {position:relative; float:left; width:185px; color:#2c5dcd; text-align:center;  font-size:2.0em;letter-spacing:-.05em; line-height:1.30em; font-weight:600; margin:5px 0 15px; clear:both;}

#sub_menu {position:relative; float:left; width:198px; border-top:1px solid #c2c2c2;}
#sub_menu ul {float:left;}
#sub_menu ul li {display:block;float:left;width:198px; height:34px;margin:0; padding:0;  }
#sub_menu ul li:first-child { border:0}
#sub_menu ul li a {display:block;float:left;width:198px; height:34px;margin:0; padding:0; background:url(images/leftmenu_bg_on.jpg) no-repeat 0 -35px; color:#737373; font-weight:600;border-bottom:#c2c2c2 1px solid;
	border-left:#c2c2c2 1px solid;
	border-right:#c2c2c2 1px solid;}
#sub_menu ul li a:hover{display:block;float:left;width:198px; height:34px;background:url(images/leftmenu_bg_on.jpg) no-repeat 0 0px;color:#fff; font-weight:600;border-bottom:#c2c2c2 1px solid;
	border-left:#c2c2c2 1px solid;
	border-right:#c2c2c2 1px solid; padding-left:-10px;}
.txt_style1 {float:left; clear:both; width:185px; height:23px; text-align:left;  padding:8px 0px 12px 15px;  border:0px solid #f00; font-size:14px; }


/**********************************************************************************/


/* title  */
.sub_title {
    font-size: 27px;
	color: #000;
	padding:0 0 0px 35px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -1px;
	background:url(images/page_title_bl.jpg) no-repeat 0 center;
	text-align:left;
}

.page_title {
    font-size: 15px;
	color: #000;
    font-weight: 600;
    line-height: 40px;
	background:url(images/sub_btn.jpg) no-repeat 0 center;
	padding-left:8px;
	
}



.page_title1 {
    font-size: 17px;
	color:#878788;
	background:url(images/page_title_bl.jpg) no-repeat 0 center;
	font-weight:600;
	line-height:35px;
	padding-left:15px;
	border-bottom:#cccccc 1px dotted; 
	text-align:left;
	
}


.page_title2_2{
    font-size: 12px;
	padding-left:10px;
	
}
.page_title3 {
    font-size: 13px;
	color: #2ca5dd;
    font-weight: 600;
    line-height: 30px;
	background:url(images/page_title_bl_2.png) no-repeat 0 center;
	padding-left:10px;
	
}

.page_top {
	font-size: 13px;
	color: #7e7e7e;
	text-align:right;
}


.top_txt {
	font-size: 13px;
	color: #16b2ef;
	font-weight:bold;
	text-align:right;
}

/* contents  */

.txt1 {
	font-size: 14px;
	color: #555;
	text-align:left;
	line-height:24px;
}

.txt2 {
	font-size:13px;
line-height:20px;
color:#636363;
font-weight:600;

}
.txt3 {
font-size:14px;
background:url(../images/sub_title_bt.png) no-repeat 0 center;
padding-left:20px;
line-height:20px;
color:#4f88de;
font-weight:600;
}



/* 钎胶鸥老 */

.table_type{}
.table_type .nominator{color:#767676; font-weight:bold; border-top:#00a3ec 2px solid;}
.table_type .nominator > span{padding:0 10px 0 10px; margin-right:5px;}
.table_type table{}

.table_type table th{color:#f9f9f9; background:#3f4b88; padding:4px 5px 4px 5px; 
    font-size:20px;
    color:#f9f9f9;
	line-height:100%;
	padding-top:5px;}



.table_type table td{color:#767676;   padding:2px 5px 2px 5px; font-size:14px; color:#828282; padding:4px;}
.table_type table td.top{border-top:#3f4b88 1px solid;padding:7px 15px 5px 5px; }
.table_type table td.rightPadtop{text-align:right; padding:7px 15px 5px 0; font-weight:bold; border-top:#3f4b88 1px solid; }


.table_type table td.rightPad{text-align:right; padding-right:15px; font-weight:bold; }
.table_type table td.borNone{border-bottom:none;}

.table_type table .borLNone{border-left:none;}
.table_type table .padding{padding-left:10px; }
.table_type table td.pad-size{padding:10px 0px 7px 50px; font-size:13px; }
.table_type table td.size{font-size:13px; }
.table_type table td.leftpad2bor{ padding-left:20px; border-right:#d5d5d5 1px solid }
.table_type table td.leftpad20{ padding-left:20px;}




/*力前_窜辆力前 抛捞喉*/

.table_type2{}
.table_type2 .nominator{color:#767676; font-weight:bold; border-top:#00a3ec 1px solid;}
.table_type2 .nominator > span{padding:0 10px 0 10px; margin-right:5px;}


.table_type2 table{border-top:#3f4b88 4px solid; border-bottom:#d5d5d5 2px solid;}
.table_type2 table th{color:#3f4b88; background:#f1f1f1;  border-right:dashed 1px #d5d5d5; border-bottom:dashed 1px #d5d5d5; padding:4px 5px 4px 5px; font-size:14px; font-weight:600; }
.table_type2 table th.ThNone{ border-right:none;  }

.table_type2 table td{color:#767676;  padding:2px 5px 2px 5px; font-size:13px; border-right:#d5d5d5 1px dashed;  border-bottom:#d5d5d5 1px dashed;}
.table_type2 table td.RightNone{ border-right:none; }
.table_type2 table td.BottomNone{ border-right:none; border-bottom:none; background:#f9f9f9;  color:#3f4b88; font-weight:400;}






/* 捞固瘤 扑诀 家胶 */

#lightbox {
		position:fixed; /* keeps the lightbox window in the current viewport */
		top:0; 
		left:0; 
		width:100%; 
		height:100%; 
		background:url('images/overlay.png') repeat; 
		text-align:center;
		z-index:999999;
	}
	#lightbox p {
		text-align:right; 
		color:#fff; 
		padding-top:130px;
		margin-right:20px; 
		font-size:12px; 
		z-index:999999;
	}
	#lightbox img {
		box-shadow:0 0 25px #111;
		-webkit-box-shadow:0 0 25px #111;
		-moz-box-shadow:0 0 25px #111;
		max-width:1000px;
		z-index:999999;
	}
	


/* 力前 tabs */

.pro_tab_off {border:1px solid #ededed; text-decoration:none; color:#ccc;  height:40; text-align:center; border-bottom:1px solid #d5d5d5; height:35px;}
.pro_tab_on {  background-color:#ededed; color:#fff; text-align:center; height:40; border-bottom:1px solid #d5d5d5; height:35px;}
a.pro_tab:link, a.top:visited, a.top:active{ text-decoration:none; color:#353535; font-size:14px; font-weight:600;}
a.pro_tab:hover{ text-decoration:none; font-size:14px; color:#0000CC; font-weight:600; }


/* 楷酋 */
#company_history{padding:0px 0 0 10px;/* background:url(/image/company/history.jpg) no-repeat 420px 20px; */text-align:left;}
#company_history h4{float:left;margin-bottom:-40px;padding:30px 0 0 20px;width:100px;font-size:40px;color:#3399CC;font-family:'Nanum Myeongjo';letter-spacing:-0.1em}
#company_history ul{margin:0px;padding:30px 0 20px 0;border-bottom:1px dotted #999}
#company_history ul li{margin:0px 0 0 160px;clear:both;line-height:170%;margin-bottom:9px; text-align:left;}
#company_history ul li span{display:inline-block;padding-right:10px;padding-top:1px;width:43px;text-align:right;font-size:16px;font-weight:bold;color:#0069b4;}
#company_history ul li dl{margin:-21px 0 0 18px;padding:0; text-align:left;}
#company_history ul li dl dd{margin:0px 0 0 37px;padding:0; text-align:left;}

/* product_page */

.pro_tit {
	background:url(images/protit_bg.png) no-repeat 0 5px;
	padding:0 0 10px 30px;
	font-size:15px;
	font-weight:600;
	text-align:left;
	}
.pro_table1 td { text-align:center;}
.pro_table1 td.imginfo { padding-top:10px;}
p.apply {
	font-weight:bold;
	padding:5px 0;
	}
	
.pro_table2 {
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
	margin-top:10px;
	}
.pro_table2 td {
	text-align:center;
	height:25px;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
	}
.pro_table2 tr.table2_top td {
	height:30px;
	font-weight:bold;
	background:#6da3bf;
	color:#FFF;
	border-bottom:2px solid #333;
	}

.pro_table3 td { text-align:center;}
.pro_table3 tr.imginfo td { padding:5px 0 10px 0;}

.download td {
	height:50px;
	border-bottom:1px dashed #dedede;
	}
.download td a {
	position: relative;
	font-size:13px;
	text-decoration:none;
	font-weight:600;
	}
.download td a:hover {
	position: relative;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	color:#00598c;
	}
.download td a img {
	position: relative;
	padding-left:10px;
	vertical-align:text-bottom;
	}

.download td a:hover img {
	padding-left:10px;
	vertical-align:text-bottom;
	animation:go 2s infinite;
	-webkit-animation:go 2s infinite;
	-ms-animation:go 2s infinite;
	position: relative;
	}	
@-ms-keyframes go {
	0% { left:0px; top:0px;}
	25% { left:20px; top:0px;}
	50% { left:20px; top:0px;}
	75% { left:0px; top:0px;}
    100%   { left:0px; top:0px;}
}			
@-webkit-keyframes go {
	0% { left:0px; top:0px;}
	25% { left:20px; top:0px;}
	50% { left:20px; top:0px;}
	75% { left:0px; top:0px;}
    100%   { left:0px; top:0px;}
}		
@keyframes go {
	0% { left:0px; top:0px;}
	25% { left:20px; top:0px;}
	50% { left:20px; top:0px;}
	75% { left:0px; top:0px;}
    100%   { left:0px; top:0px;}
}	
	
.estimate_btn	 { padding-top:20px;}
.estimate_btn a {
	display:block;
	width:120px;
	height:40px;
	border:1px solid #dedede;
	background:#f5f5f5;
	text-align:center;
	line-height:40px;
	}
.estimate_btn a:hover {
	color:#2d2d2d;
	font-weight:600;
	}

p.must { margin-bottom:10px;}
p.must span.red { font-weight:bold; color:#c00;}
.estimate {
	border-top:1px solid #dedede;
	}
.estimate td {
	padding:10px 0;
	border-bottom:1px solid #dedede;
	padding-left:10px;
	}	
.estimate td.subject {
	width:20%;
	background:#f5f5f5;
	font-weight:600;
	}
.estimate td.subject span {
	font-weight:bold;
	color:#c00;
	padding-left:10px;	}
table.pro_check td {
	padding: 0;
	border-bottom: none;
	vertical-align: middle;
	font-size: 12px;
	}
.estimate td.form_btn {
	padding-top:30px;
	text-align:center;
	border-bottom:none;
	}	
.estimate td.form_btn input {
	width:100px;
	height:50px;
	border:1px solid #dedede;
	background:#FFF;
	}	
.estimate td.form_btn input:hover {
	background:#f5f5f5;
	font-weight:600;
	}	
.estimate td.form_btn input.send {
	margin-right:20px;
	}	
/* input number btn deleted */	
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}