@charset "utf-8";
/* ▦▦▦▦▦▦▦▦▦ Menu Location ▦▦▦▦▦▦▦▦▦ */
.menuLocationWrap {
	position: relative;
	border-bottom: 1px solid #ccc;
}
.menuLocationWrap .siteWidthLayer {
	height: 40px;
	padding: 0 !important;
}
.menuLocationWrap .subLocation{
	line-height: 40px;
	height: 40px !important;
	border-bottom: 1px solid #ccc;
}
.menuLocationWrap .subLocation span.home {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	height: 40px;
}
.menuLocationWrap .subLocation span.home a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-left: 1px solid #ccc;
}
.menuLocationWrap .subLocation span.home a:before {
	content: "\e88a";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #2e3750;
	transition: .3s;
}
.menuLocationWrap .subLocation span.home a:hover:before {
	color: orangered;
}
/* 1차메뉴 */
.menuLocationWrap .subLocation span.firstLevel {
	position: absolute;
	top: 0px;
	left: 41px;
	display: block;
	height: 100%;
	width: 100px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
	font-size: 15px;
	color: #2e3750;
	font-weight: bold;
}
.menuLocationWrap .subLocation span.firstLevel:after {
	content: "\e5cc";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -30px;
	font-size: 24px;
}
/* 2차메뉴 */
.menuLocationWrap .subLocation ul.secondLevel {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 201px;
	height: 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
	z-index: 200;
	background: #fff;
	font-size: 14px;
}
.menuLocationWrap .subLocation ul.secondLevel > li {
	width: 100%;
}
.menuLocationWrap .subLocation ul.secondLevel > li > a {
	display: block;
	width: 100%;
	height: 100%;
}
.menuLocationWrap .subLocation ul.secondLevel > li > a > span.menuName {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuLocationWrap .subLocation ul.secondLevel > li:first-child > a > span.menuName {
	position: relative;
	min-width: 146px;
	height: 40px;
	padding-right: 40px;
}
.menuLocationWrap .subLocation ul.secondLevel > li:first-child > a > span.menuName:after {
	content: "\e7cd";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	right: 10px;
	font-size: 20px;
	color: #333949;
	z-index: 9999;
}
/* .menuLocationWrap .subLocation ul.secondLevel > li:first-child > a > span.menuName:hover:after {
	color: crimson;
} */
/* 3차메뉴 */
.menuLocationWrap .subLocation ul.therdLevel{
	position: absolute;
	top: 0px;
	left: 402px;
	width: 201px;
	height: 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
	z-index: 200;
	background: #fff;
}
.menuLocationWrap .subLocation ul.therdLevel li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.menuLocationWrap .subLocation ul.therdLevel li > a > span.menuName {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuLocationWrap .subLocation ul.therdLevel li:first-child > a > span.menuName {
	position: relative;
	padding: 0 15px;
	min-width: 146px;
	height: 40px;
	padding-right: 40px;
}
.menuLocationWrap .subLocation ul.therdLevel li:first-child > a > span.menuName:after {
	content: "\e7cd";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	right: 10px;
	font-size: 20px;
	color: #333949;
}
/* 4차메뉴 */
.menuLocationWrap .subLocation ul.fourthLevel{
	position: absolute;
	top: 0px;
	left: 604px;
	width: 201px;
	height: 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
	z-index: 200;
	background: #fff;
}
.menuLocationWrap .subLocation ul.fourthLevel > li > a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.menuLocationWrap .subLocation ul.fourthLevel > li > a > span.menuName {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuLocationWrap .subLocation ul.fourthLevel > li:first-child > a > span.menuName{
	position: relative;
	padding: 0 15px;
	min-width: 146px;
	height: 40px;
	padding-right: 40px;
}
.menuLocationWrap .subLocation ul.fourthLevel > li:first-child > a > span.menuName:after {
	content: "\e7cd";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	right: 10px;
	font-size: 20px;
	color: #333949;
}
/* 5차메뉴 */
.menuLocationWrap .subLocation ul.fifthLevel{
	position: absolute;
	top: 0px;
	left: 806px;
	width: 201px;
	height: 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
	z-index: 200;
	background: #fff;
}
.menuLocationWrap .subLocation ul.fifthLevel > li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.menuLocationWrap .subLocation ul.fifthLevel > li > a > span.menuName {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuLocationWrap .subLocation ul.fifthLevel > li:first-child > a > span.menuName{
	position: relative;
	padding: 0 15px;
	min-width: 146px;
	height: 40px;
	padding-right: 40px;
}
.menuLocationWrap .subLocation ul.fifthLevel > li:first-child > a > span.menuName:after {
	content: "\e7cd";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	right: 10px;
	font-size: 20px;
	color: #333949;
}
/* 6차메뉴 */
.menuLocationWrap .subLocation ul.sixthLevel{
	position: absolute;
	top: 0px;
	left: 1008px;
	min-width: 146px;
	height: 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
	z-index: 200;
	background: #fff;
}
.menuLocationWrap .subLocation ul.sixthLevel > li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.menuLocationWrap .subLocation ul.sixthLevel > li > a > span.menuName {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuLocationWrap .subLocation ul.sixthLevel > li:first-child > a > span.menuName{
	position: relative;
	padding: 0 15px;
	min-width: 146px;
	height: 40px;
	padding-right: 40px;
}
.menuLocationWrap .subLocation ul.sixthLevel > li:first-child > a > span.menuName:after {
	content: "\e7cd";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	right: 10px;
	font-size: 20px;
	color: #333949;
}
/* ----------------------------------------------------------- */
/* ----------------------- 컨텐츠 영역  ---------------------- */
/* ----------------------------------------------------------- */
#contents {
}
#contentsInner {
}
#contentsInner .siteWidthLayer {
	position:relative;
	padding: 30px 0;
	background: #fff;
}
#contentsInner .siteWidthLayer #pg_css{
	margin: 0 40px;
}

/* ------------------------------------------------------ */
/* ----------------------- 타이틀  ---------------------- */
/* ----------------------------------------------------- */
.titleWrap {
	position: relative;
	margin: 0 40px;
}
.titleWrap h2.title {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-size: 3em;
	font-weight: bold;
	color: #333;
	padding: 12px 0;
	padding-top: 10px;
	text-align: center;
}
.titleWrap h2.title:after {	
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color: darkblue;
	transform: translateX(-50%);
}
.titleWrap p.location {
	position:absolute;
	right: 0;
	bottom:12px;
	color:#999;
	display: none;
}
.titleWrap p.location img {
	padding-bottom: 2px;
}
.titleWrap p.location .now {
	font-weight: bold;
	color:#666;
}
/*--------------  mobileTitle  -------------------*/
.mobileTitleWrap h2.title {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 30px;
	font-size: 3em;
	font-weight: bold;
	color: #333;
	padding: 12px 0;
	text-align: center;
}
.mobileTitleWrap h2.title:after {	
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color: darkblue;
	transform: translateX(-50%);
}
.mobileTitleWrap p.location {
	position: relative;
	margin-bottom: 10px;
	font-size: 1.2em;
	text-align: center;
}
.mobileTitleWrap p.location a.home {
	color: transparent;
	background: url(../images/home_4.gif) no-repeat 0 center;
}

/*---------------------------------------------------------*/
/*----------------------- customer ------------------------*/
/*---------------------------------------------------------*/
.customerWrap {
}
.customerWrap p.customerTelno {
	font-weight: bold;
	text-align: center;
	color: #333;
}
.customerWrap p.customerTelno em {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #999;
}
.customerWrap p.customerTelno span {
	position: relative;
	padding-left: 50px;
	font-size: 50px;
}
.customerWrap p.customerTelno span:before {
	content: "\f0e2";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.customerWrap .customerTop{
	margin: 30px 0;
}
.customerWrap ul.customerList{
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.customerWrap ul.customerList li {
	float: left;
}
.customerWrap ul.customerList li a{
}
.customerWrap ul.customerList li a span.spanWrap{
	padding: 10px 5px;
}
.customerWrap ul.customerList li a span.spanWrap span.icon{
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.customerWrap ul.customerList li a span.spanWrap span.title{
	display: block;
	margin-bottom: 5px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
.customerWrap ul.customerList li.blue a span.spanWrap span.title{
	color: #0099FF;
}
.customerWrap ul.customerList li.green a span.spanWrap span.title{
	color: #669900;
}
.customerWrap ul.customerList li.orange a span.spanWrap span.title{
	color: #FF6600;
}
.customerWrap ul.customerList li a span.spanWrap span.text{
	display: block;
	font-size: 1em;
	text-align: center;
}
/*---------------------------------------------------------*/
/*-------------------- customer_mobile --------------------*/
/*---------------------------------------------------------*/
.customerMobileWrap p.customerTelno{
	font-size: 1.4em;
}
.customerMobileWrap p.customerTitle{
	font-size: 3em;
}
#companyContents {
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	text-align: center;
}
#companyContents * {
	box-sizing: border-box;
}
#companyContents p span {
	display: block;
}
#companyContents p.mainText {
	margin-bottom: 20px;
	font-size: 1.4em;
	font-weight: bold;
}
#companyContents p.mainText span {
	display: inline;
	color: #552729;
}
#companyContents h3 {
	margin: 50px 0;
	font-size: 2em;
}
#companyContents h3 span {
	position: relative;
	padding: 0 30px;
}
#companyContents h3 span:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%) skew(-15deg);
	left: 0;
	width: 20px;
	height: 5px;
	background-color: #976c4c;
}
#companyContents h3 span:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%) skew(-15deg);
	right: 0;
	width: 20px;
	height: 5px;
	background-color: #976c4c;
}
#companyContents > ul {
	margin-bottom: 50px;
	overflow: hidden;
}
#companyContents > ul > li {
	float: left;
	width: 18.4%;
	min-height: 180px;
	margin-right: 2%;
	padding: 20px;
	border: 3px solid #976c4c;
	border-radius: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #976c4c;
}
#companyContents > ul > li:last-child {
	margin-right: 0;
}
#companyContents > ul > li ul {
	margin-top: 10px;
}
#companyContents > ul > li ul li {
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
}