@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body {
	font-size: 10pt;
	line-height: 150%;
	background-color: #FFF;
	margin: 0px;
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";
}
img {
	border: 0px currentColor; border-image: none; margin:0 auto 0  auto; vertical-align: top;
}
ul {
	list-style: none;
}
li {
	text-decoration: none;
}
a {
	border:none;
	outline: 0px; color: rgb(102, 102, 102); text-decoration: none;
}

A IMG { 
    border:none;
    vertical-align:bottom; 
}

/*  메인 페이지-시작  */
@media screen and (max-width:1100px)and (min-width:0px){
.main_visual01 { background: url(/images/main_bg01.jpg) no-repeat top rgb(255, 255, 255); width:1200px; height: 607px;}
.main_visual02 { background: url(/images/main_bg02.jpg) no-repeat top rgb(255, 255, 255); width:1200px; height: 607px;}
.main_visual03 { background: url(/images/main_bg03.jpg) no-repeat top rgb(255, 255, 255); width:1200px; height: 607px;}
.main_visual04 { background: url(/images/main_bg04.jpg) no-repeat top rgb(255, 255, 255); width:1200px; height: 607px;}
.main_visual05 { background: url(/images/main_bg05.jpg) no-repeat top rgb(255, 255, 255); width:1200px; height: 607px;}
.main_visual06 { background: url(/images/main_bg06.jpg) no-repeat top rgb(255, 255, 255); width:1200px; height: 607px;}
}
.main_visual01 {background: url(/images/main_bg01.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 607px;}
.main_visual02 {background: url(/images/main_bg02.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 607px;}
.main_visual03 {background: url(/images/main_bg03.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 607px;}
.main_visual04 {background: url(/images/main_bg04.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 607px;}
.main_visual05 {background: url(/images/main_bg05.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 607px;}
.main_visual06 {background: url(/images/main_bg06.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 607px;}

.main_visual_text_big { width:1200px; font-size:32px; font-weight:600; text-align:left; letter-spacing:0; color:#FFF; margin:0 auto; padding:392px 0 0 8px;}
.main_visual04 .main_visual_text_big { color:#0078bf;}

.main_visual_text_small { width:1200px; font-size:11px; font-weight:200; font-variant:small-caps; line-height:15px; text-align:left; letter-spacing:-0.5px; color:#FFF; margin:0 auto; padding:18px 0 0 8px;}
.main_visual04 .main_visual_text_small { color:#93d3f7;}









.m_cust_wrap {width:100%; height:300px; background-color:#f5f5f5;}
.m_nc { width:1200px; margin: 0px auto 0px auto;}
.m_notice {float:left; width:618px;}
.m_notice_cont {height:170px; background: url(/images/m_notice_bg.gif) no-repeat top;}
.m_notice_cont ul{padding:17px 20px 20px 60px; width:300px; white-space: nowrap; text-overflow:clip;} 
.m_notice_cont ul li{list-style: none;}
.m_notice_cont ul li a{ font-size:17px; color:#3b3b3b; line-height:40px; letter-spacing:0; font-weight:400; font-family:"Nanum Barun Gothic", "Nanum Gothic"; margin:0;}
.m_notice_cont ul li a:hover {font-weight:600;}
.m_cust {float:left; width:582px; height:300px;}

.m_box_wrap {clear: both; width:100%; background-color:#fff;}
.m_box {clear: both; width:1200px; height:378px; margin: 0px auto 0px auto;}

.m_products_wrap {width:100%;  background: url(/images/bg_m_products.jpg) no-repeat top;}
.m_products {clear: both; width:1200px; height:687px; margin: 0px auto 0px auto; background-color:#262626;}



.m_gallery_wrap {width:100%;}
.m_gallery {clear: both; width:1200px; height:550px; margin: 0px auto 0px auto;}

.m_jptech_wrap {width:100%; background: url(/images/m_jptech.jpg) no-repeat top;}
.m_jptech {clear: both; width:1200px; height:672px; margin: 0px auto 0px auto;}
@media screen and (max-width:1100px)and (min-width:0px){
.m_jptech_wrap {width:1200px; background: url(/images/m_jptech.jpg) no-repeat top;}
	
#wrap {width:1200px;}
}

/*  메인 페이지-끝  */



#wrap {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap_spec {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap:after{
	content:'';
	display:block;
	clear:both;
}

#header { position: fixed; top: 0px; width: 100%;background:#FFF url(images/bg_head.gif) repeat-x; z-index:1;}

#header_fix { width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#header_top { width: 1200px; height:26px; }


#nav { width: 100%; height:90px;}

/* 네비 시작 */
nav {width:100%; height:90px; margin-top:-15px;}
nav li.tm0 {width:300px; margin:10px 0 0 0px;}
nav li.tm1 {width:100px; margin:42px 0 0 20px;}
nav li.tm2 {width:100px; margin:42px 0 0 20px;}
nav li.tm3 {width:120px; margin:42px 0 0 20px;}
nav li.tm4 {width:100px; margin:42px 0 0 20px;}
nav li.tm5 {width:100px; margin:42px 0 0 20px;}
nav li.tm6 {width:100px; margin:42px 0 0 20px;}
nav li.tm7 {width:100px; margin:42px 0 0 20px;}

#nav {position:relative;}
#nav > ul {overflow:hidden;}
#nav > ul > li {float:left;}
#nav > ul > li.bgNond {background:none;}
#nav > ul > li > a {display:block; text-align:center; font-size:14px; color:000000; font-weight:600; position:relative; padding-top:10px; height:38px;}
#nav > ul > li > a:hover,
#nav > ul > li > a.on,
#nav > ul > li.on > a {border-bottom:3px solid #005293; color:#005293; padding-bottom:14px; height:18px;}
#nav > ul > li:first-child > a:hover,
#nav > ul > li:first-child > a.on,
#nav > ul > li:first-child.on > a {border-bottom:0px solid #005293; color:#005293; padding-bottom:14px; height:18px;}
#nav > ul > li > a:hover span {display:block; width:9px; height:8px; position:absolute;	left:50%; margin-left:-4px;	bottom:0px;	z-index:20;}
#nav > ul > li > a span {display:none;}
#nav > ul > li > a > span.on,
#nav > ul > li > a.on > span {display:block; width:9px;	height:8px;	position:absolute; left:50%; margin-left:-4px; bottom:0px; z-index:20;}
#nav > ul > li > a:hover span img {width:9px; height:8px;}
.sub_nav {position:absolute; top:88px; left:0; display:none; z-index:10; border-bottom:1px solid #ccc; width:100%; background:#FFF url(/images/bg_navi.jpg) no-repeat bottom;} /*서브카테고리 박스*/
.sub_nav .nav_depth {overflow:hidden;}
.sub_nav .nav_depth > li {float:left;}
.sub_nav .nav_depth > li > ul {padding:0px 0 0px 0; height:193px;}    /*서브카테고리 박스*/
.sub_nav .nav_depth > li > ul > li > a {display:block; height:30px;	font-size:13px; line-height:25px; text-align:center;}
.sub_nav .nav_depth > li > ul > li > a:hover,
.sub_nav .nav_depth > li > ul > li > a.on {color:#fff; background-color:#005293;}

.sub_nav .nav_depth li.tm0 {width:300px; margin:0px 0 0 0px;}
.sub_nav .nav_depth li.tm1 {width:100px; margin:0px 0 0 20px;}
.sub_nav .nav_depth li.tm2 {width:100px; margin:0px 0 0 20px;}
.sub_nav .nav_depth li.tm3 {width:120px; margin:0px 0 0 20px;}
.sub_nav .nav_depth li.tm4 {width:100px; margin:0px 0 0 20px;}
.sub_nav .nav_depth li.tm5 {width:100px; margin:0px 0 0 20px;}
.sub_nav .nav_depth li.tm6 {width:100px; margin:0px 0 0 20px;}
.sub_nav .nav_depth li.tm7 {width:100px; margin:0px 0 0 20px;}

/* 네비 끝 */

#sub_visual00 { width: 100%; height:218px; margin-top: 114px; background: url(images/sub_visual00.jpg) top center no-repeat #ffffff;}
#sub_visual01 { width: 100%; height:218px; margin-top: 114px; background: url(images/sub_visual01.jpg) top center no-repeat #ffffff;}
#sub_visual02 { width: 100%; height:218px; margin-top: 114px; background: url(images/sub_visual02.jpg) top center no-repeat #ffffff;}
#sub_visual03 { width: 100%; height:218px; margin-top: 114px; background: url(images/sub_visual03.jpg) top center no-repeat #ffffff;}

@media screen and (max-width:1100px)and (min-width:0px){
#sub_visual00 { width: 1200px; height:218px; margin-top: 114px; background: url(images/sub_visual00.jpg) top center no-repeat #ffffff;}
#sub_visual01 { width: 1200px; height:218px; margin-top: 114px; background: url(images/sub_visual01.jpg) top center no-repeat #ffffff;}
#sub_visual02 { width: 1200px; height:218px; margin-top: 114px; background: url(images/sub_visual02.jpg) top center no-repeat #ffffff;}
#sub_visual03 { width: 1200px; height:218px; margin-top: 114px; background: url(images/sub_visual03.jpg) top center no-repeat #ffffff;}
}





#page_center {
	width: 100%;
	clear: both;
}

#page_center_fix {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/* 사이드 메뉴 시작 */
#smenu_title{
	padding: 0px 0px 0px 35px;
}
#lnb_wrap{
	margin-top: 0px;
	padding: 0px;
}
#lnb{
	align:center;

	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#lnb_wrap #lnb ul{}
#lnb_wrap #lnb ul li{}
#lnb_wrap #lnb ul li a, #subb li a{height:40px; text-decoration:none;padding-left:23px;display:block;line-height:40px;color:#393939;border:1px solid #fff;text-align:left;font-size:16px;  font-weight: 600;
 font-family: 'Nanum Barun Gothic', sans-serif;background: url('images/nav_arrow.png') 210px 15px no-repeat #dde8ff;} 
#lnb_wrap #lnb ul li.on a,#lnb_wrap #lnb ul li ul li.on a,#lnb_wrap #lnb ul li a:hover{color:#fff;background: url('images/nav_arrow_on.png') 210px 15px no-repeat #1d94dd;}

#lnb_wrap #lnb ul li ul li a{height:30px; text-decoration:none;padding-left:10px; margin-left:-20px;display:block;line-height:30px;color:#393939;background-color:#f7f7f7;border:1px solid #fff;text-align:left;font-size:14px;  font-weight: 600; font-family: 'Nanum Barun Gothic', sans-serif;background: url('images/nav_arrow.png') 190px 10px no-repeat;}

/* 사이드 메뉴 끝 */







.center_side {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 265px;
}
.center_contents {
	float:right;
	padding: 0px;
	width: 935px;
	align:center;
}

#contents_title{
	height:50px;
	margin-top:30px;
}

#contents_title_name, #contents_title_name_age {
	float:left;
	height:30px;
	padding-top:40px;
	padding-left:30px;
	display:block; 
	color:#393939; 
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";
	font-size:30px;  
	font-weight: 600;
}
#contents_title_name {width:500px;}

#contents_title_nav, #contents_title_nav_age{
	float:right;
	height:30px;
	margin: 50px  14px 0 0;
	display:block; 
	color:#aaaaaa; 
	text-align:right;
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";
	font-size:11px;  
	font-weight: 200;
	letter-spacing:0.1em;
}
#contents_title_nav{width:350px;}
#contents_title_nav_age{width:450px;}

.nav_now{
	color:#666666;
	font-weight: 600;
}

.footer_head_button{ width:140px;}

/* 본문시작 */

.dot_tit0{
	color:#4f7777;
	text-shadow: 1px 1px 3px #000;
}

h3{
	margin:30px  0 40px 0;
	padding:10px 0 0 40px;
	font-size:20pt;
	line-height: 15px;  
	font-weight: 600;
	color:#666666;
}




/* 본문끝 */


/* 서브페이지 시작 */

/* 서브페이지 - 회사 소개 */
/* 서브페이지 - 회사 소개 */
.greeting{
	clear:both;
	padding:50px 0 0 50px;
	font-size:12pt;
	line-height: 34px;  
	font-weight: 200;
	color:#666666;
}
#location_info{
	clear:both;
	width:900px; 
	height:300px; 
	margin:0 0 50px 30px;
	font-size:10pt;
	line-height: 34px;  
	font-weight: 200;
	color:#666666;
}
#location_info table{margin:0 0 0 ;}
#location_info th {height:25px; border:1px solid #CCC; color:#FFF; text-align:left; font-size:12pt;font-weight: 600; border-bottom:0px; background-color:#666; padding-left:50px;}
#location_info td {height:25px; border:1px solid #CCC; text-align:left; border-top:0px; padding-left:50px;}


/* 서브페이지 - 제품 소개 */
.prod_info_tit,.prod_feat_tit { clear:both; padding-left:30px; font-size:13pt; line-height: 20px;  font-weight: 600; color:#666666;}
.prod_info,.prod_feat { clear:both; padding-left:40px; font-size:11pt; line-height: 34px;  font-weight: 200; color:#666666;}

.prod_spec table{margin:0px 0 0px 30px; padding:0px; border-spacing:0px; border-collapse: collapse}
.prod_spec th {height:40px; border:1px solid #CCC; font-size:10pt; color:#FFF; text-align:center; border-left:0px; border-bottom:0px; background-color:#5970ff;}
.prod_spec td {height:40px; border:1px solid #CCC; font-size:10pt; text-align:center; border-top:0px; border-left:0px;}
.prod_spec table th:first-child, .prod_spec table tr td:first-child { border-left:1px solid #CCC; color:#FFF;  background-color:#5970ff;}

.prod_code table{margin:0px 0 0px 30px; padding:0px; border-spacing:0px; border-collapse: collapse}
.prod_code th {height:40px; border:1px solid #CCC; font-size:10pt; color:#FFF; text-align:center; border-left:0px; border-bottom:0px; background-color:#6d7cdd;}
.prod_code td {height:40px; border:1px solid #CCC; font-size:10pt; text-align:center; border-top:0px; border-left:0px; border-collapse:seperate;}
.prod_code table th:first-child, .prod_code table tr td:first-child { border-left:1px solid #CCC; border-collapse:seperate;}







/* 서브페이지 끝 */


/* ###  FOOTER #############################################################################################################*/
#page_bottom { clear: both; width: 100%; background-color:#151515;}
#page_bottom_fix { width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#footer { width:1200px; height:157px; background: url('http://www.wcglobal.co.kr/images/footer.gif') no-repeat;}