﻿@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body {
	font-size: 9pt;
	line-height: 150%;
	background-color: #FFF;
	margin: 0px;
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "나눔바른고딕", "돋움", "굴림";
}
img {
	border: 0px currentColor; border-image: none; vertical-align: top; margin:0px;
}
ul {
	list-style: none;
	margin:0px
}
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:1000px){

}
/* 스크롤배너 시작 */
#aside {display:block; position:absolute; right:0; top:0; z-index:30; width:62px;}
#aside .menu {display:block; width:66px; height:271px; padding:0px 0px 0 0px; background:url('./bg.png') no-repeat;}
#aside .line {display:block; width:50px; height:56px; background:url('./bg_line.png') repeat-y;}
/* 스크롤배너 끝 */

#wrap {
	width: 100%;
	background-image: url(images/bg_sub_head.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-x;
}
#wrap:after{
	content:'';
	display:block;
	clear:both;
}

#header { width: 100%; background-image: url(images/bg_top.gif); background-repeat: repeat-x;}
#header_fix { width: 1100px; height: 120px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}

#top {margin:0;}

.logo {
	height: 55px;
}



/* gnb */

ul {list-style:none;}
a {color:#666;text-decoration:none;}
a:hover {color:#007CBC;text-decoration:none;}


#header #header_fix .gnb {width:1100px; margin:0 auto;padding:70px 0 0 315px;}
#header #header_fix img{float:left;}
#header #header_fix .gnb .gnb_menuWr {margin-left:90px;}
#header #header_fix .gnb .gnb_menuWr:after {content:"";clear:both;display:block;}
#header #header_fix .gnb .gnb_menu01 {position:relative;float:left;font-size:14px; font-weight:600; line-height:22px;margin-right:60px;font-family:"Nanum Barun Gothic", "Nanum Gothic";}
#header #header_fix .gnb .gnb_menu01 a {color:#222;}
#header #header_fix .gnb .gnb_menu01.other02 a.depTit, #header #header_fix .gnb .gnb_menu01.other03 a {color:#007cbc;}

#header #header_fix .gnb .gnb_menu01 .depTit:hover, #header #header_fix .gnb .gnb_menu01 .depTit.on {display:block;color:#007cbc;border-bottom:5px solid #007cbc;padding-bottom:24px;}
#header #header_fix .gnb .gnb_menu01 ul {position:absolute; top:50px;left:-20px;display:none;padding:10px 0 0;background:#fff;z-index:10;border-left:0px solid #ccc;border-right:0px solid #ccc;border-bottom:0px solid #ccc;}
#header #header_fix .gnb .gnb_menu01.other02 ul {left:10px;}
#header #header_fix .gnb .gnb_menu01 li {float:none;background:#fff;}
#header #header_fix .gnb .gnb_menu01 li.line {background:#FFF url(/assets/img/header/bg_line_1.gif) no-repeat center 5px;padding-top:10px;}
#header #header_fix .gnb .gnb_menu01 li a {display:block;  font-size:13px;color:#555;font-family:"Nanum Barun Gothic", "Nanum Gothic";padding:7px 0 8px 15px;min-width:160px;height:20px; transition:0.3s;}
#header #header_fix .gnb .gnb_menu01 li a:hover {background:#007cbc;color:#fff;}


.header .gnb .gnb_menu01 li a:hover {background:#007cbc;color:#fff;}





/* 사이드메뉴 시작 */

#lnb_wrap{
	width: 100%;
	margin:0px;
	padding: 0px;
}
#lnb{
	align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px;
}
#lnb_wrap #lnb dl{margin:0px;}
#lnb_wrap #lnb dl dd{margin:0px;}
#lnb_wrap #lnb dl dd a{
	margin-left:0px;
	text-decoration:none;
	padding-left:30px;
	display:block;
	line-height:50px;
	color:#818181;
	background-color:#f7f7f7;
	border:1px solid #e5e5e5;
	text-align:left;
	font-size:16px;  
	font-weight: 600;
    font-family: 'Nanum Barun Gothic', sans-serif;
	background: url('images/nav_arrow.png') 165px 22px no-repeat;          /* 화살표 위치*/  
}
#lnb_wrap #lnb dl dd.on a,#lnb_wrap #lnb dl dd a:hover{color:#fff;background-color:#007eff;}

/* 사이드메뉴 끝 */









#center {
	background: url(images/bg_side.gif) ;
	background-repeat: repeat-y;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


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

#side {
	
	width: 205px;
	float: left;
	margin-top: 0px;
}

#side div{
	display:inline;
}
#contents {
	float: left;
	width: 895px;
	background: url(images/bg_content.gif)   top center repeat-y #ffffff;
	
}
/* 본문 텍스트 설정 시작 */


.txt_contents_margin_30 {
	font-size: 16px;
	color:#666;
	line-height: 150%;
	background-color: #FFF;
	margin: 0px 30px 0px 30px;
	
	
}
/* 본문 텍스트 설정 끝 */



/* 메인페이지 시작 */


/* 메인비주얼 롤링 시작 */
.main_visual {
	margin-bottom: 0px;
	position: relative;
}
.main_visual .shadow {
	background: url("../../images/main/shadow.png") repeat-x left top; left: 0px; top: 0px; width: 100%; height: 15px; position: absolute; 
}
.main_visual .img_01 {
	background: url("images/m_visual01.jpg") no-repeat top rgb(255, 255, 255);width: 100%; height: 500px;
}
.main_visual .img_02 {
	background: url("images/m_visual02.jpg") no-repeat top rgb(255, 255, 255);width: 100%; height: 500px;
}
.main_visual .img_03 {
	background: url("images/m_visual03.jpg") no-repeat top rgb(255, 255, 255);width: 100%; height: 500px;
}
.main_visual .img_04 {
	background: url("images/m_visual04.jpg") no-repeat top rgb(218, 218, 218);width: 100%; height: 500px;
}
.main_visual .img_05 {
	background: url("images/m_visual05.jpg") no-repeat top rgb(218, 218, 218);width: 100%; height: 500px;
}
.main_visual .img_06 {
	background: url("images/m_visual06.jpg") no-repeat top rgb(218, 218, 218);width: 100%; height: 701px;
}
.main_visual .main_btn {
	margin: 0px auto 0px -500px; left: 50%; width: 1000px; text-align: center; bottom: 0px; position: absolute;   display:none;
}
.main_visual .main_btn .center {
	display: inline-block;
}
.main_visual .main_btn .btn {
	float: left;
}
/* 메인비주얼 롤링 끝 */



#m_center {
	width: 100%;
	background-image: url(images/bg_m_center.gif);
	background-repeat: repeat-x;
}


#m_center_fix {
	
	width: 1260px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#m_info{
	margin-left:-42px
	
	
}

#m_center ul li{
	display:inline;
	float: left;
	margin: 0px;
}
.m_biz0_wrap {
	clear: both;
	width: 100%;
	background-color:#fff;
	background: url("images/bg_m_biz0.gif") repeat-y center top rgb(255, 255, 255);
}
.m_biz1_wrap {
	clear: both;
	width: 100%;
	background-color:#f0f3f4;
}
.m_biz2_wrap {
	clear: both;
	width: 100%;
	background: url("images/bg_m_biz2.gif") repeat-y center top rgb(255, 255, 255);
}
.m_biz0 {
	height: 249px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.m_biz1 {
	height: 249px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.m_biz2 {
	height: 250px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.m_cust_wrap {
	clear: both;
	width: 100%;
	background-color:#f8f8f8;
}
.m_cust {
	height: 140px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* 메인페이지 끝 */




#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 0px;
	margin:0;
}
#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 dl{ margin:0;}
#lnb_wrap #lnb dl dd{margin:0px 7px 0px 7px;}
#lnb_wrap #lnb dl dd a{height:45px; text-decoration:none;padding-left:23px;display:block;line-height:45px;color:#393939;background-color:#f7f7f7;border:1px solid #e5e5e5; border-left:0px; border-right:0px; border-top:0px;text-align:left;font-size:16px;  font-weight: 600;
 font-family: 'Nanum Barun Gothic', sans-serif;background: url('../images/nav_arrow.png') 200px 20px no-repeat;}
#lnb_wrap #lnb dl dd.on a,#lnb_wrap #lnb dl dd a:hover{color:#fff;background-color:#255484;}

/* 사이드 메뉴 끝 */







.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:40px;
	display:block; 
	color:#393939; 
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";
	font-size:30px;  
	font-weight: 600;
}
#contents_title_name {width:560px;}

#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:320px;}
#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;
}




/* 본문끝 */


/* 서브페이지 시작 */

/* 찾아오시는 길 시작*/
#map_com04 {
	
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* 찾아오시는 길 끝*/

/* 서브페이지 - 회사 소개 */
.greeting{
	clear:both;
	padding-left:50px;
	font-size:12pt;
	line-height: 34px;  
	font-weight: 200;
	color:#666666;
}

/* 테이블 */
.dimension table{margin:0 0 0px 50px;}
.spray {color:#ff4e00; font-weight:600; background-color:#d7f5ff;}
.dimension th {height:40px; border:1px solid #CCC; font-size:10pt; color:#FFF; text-align:center; border-left:0px; border-bottom:0px; background-color:#666;}
.dimension td {height:40px; border:1px solid #CCC; font-size:10pt; text-align:center; border-left:0px; border-top:0px;}
.dimension th:first-child, .dimension tr td:first-child { border-left:1px solid #CCC;}

#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;}



#footer {
	clear: both;
	height:117px;
	width: 100%;
	background-image: url(images/bg_footer.gif);
	background-repeat: repeat-x;
}

#footer_fix {
	width: 1100px;
	height:117px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

