@charset "utf-8";
@import "styleguide_basic.css";
@import "styleguide_user.css";
@import "content.css";
@import "module.css";

.multipleDiv {
	overflow: hidden;
}
.multipleContentsDiv {
  margin-left: auto;
  margin-right: auto;
}

.multipleDiv ._multipleDivObjTool {
  top: auto !important;
  bottom: 0 !important;
}

#multipleDiv_ewhapress_4 {
  background: url("../../images/bg_visual.jpg") 50% 0;
}
#multipleContentsDiv_ewhapress_4 {height:auto !important;}
#multipleDiv_ewhapress_60 {
	background-color: #f3f3f3;
  	overflow: hidden;
}

/* [main quick] ***************************************/
		.quickLink {
			background-color: #8d7249;
			height: 100%;
		}
		.quickLink h2 {
			background-color: #000;
			color: #fff;
			text-align: center;
			font-size: 1em;
			padding: 1em 0;
		}
		.quickLink ul {
			padding: 7px 10px 0;
		}
		.quickLink ul li {
			padding: 5px 0;
			border-width: 1px 0 0 0;
		  	border-color: #a48e6d;
		  	border-style: solid;
		}
		.quickLink ul li:first-child {
			border-width: 1px 0 0 0; 
			margin-top: 5px !important;
		  /*TOP을 0에서 1로 변경, 위 여백주는 코드 추가 181101_kyj*/
		}
		.quickLink ul li a {
			display: block;
			position: relative;
			text-align: center;
			color: #fff;
			line-height: 1.5;
		}
		.quickLink ul li a:before {
			content: "";
			width: 70px;
			height: 45px;
			display: block;
			margin: 0 auto 0;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}
		.quickLink ul li a.quick01:before {
			background-image: url("../../images/linkIcon01.png");
		}
		.quickLink ul li a.quick02:before {
			background-image: url("../../images/linkIcon02.png");
		}
		.quickLink ul li a.quick03:before {
			background-image: url("../../images/linkIcon03.png");
		}
		.quickLink ul li a.quick04:before {
			background-image: url("../../images/linkIcon04.png");
		}
		.quickLink ul li a.quick05:before {
			background-image: url("../../images/linkIcon05.png");
		}

/* [main goto] ****************************************/
		.goto {
			background-color: #fff;
			border: 1px #dcdcdc solid;
			display: block;
			text-align: center;
			color: #000 !important;
			font-size: 1em;
			height: 120px;
		}
		.goto:before {
			content: "";
			width: 70px;
			height: 70px;
			display: block;
			margin: 0 auto;
			background-position: 50% 50%;
			background-repeat: no-repeat;
		}
		.goto.goto01:before {
			background-image: url("../../images/goto01.png");
		}
		.goto.goto02:before {
			background-image: url("../../images/goto02.png");
		}
		.goto.goto03:before {
			background-image: url("../../images/goto03.png");
		}
		.goto.goto01 {
			width: 32%;
			float: left;
			margin-right: 7px;
		}
		.goto.goto02 {
			width: 32%;
			float: left;
		}
		.goto.goto03 {
			width: 32%;
			float: right;
		}



/*인사말*/
.introDiv {
	color: #fff;
	background-color: #191919;
	border-bottom: 10px #00653e solid;
	padding: 30px;
  	font-size: 1.4em;
}
.introDiv em {
	color: #b1cd0c;
}
.introP {
	position: relative;
}
.introP:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 40px;
	background-color: #000;
}
.introP p {
	padding-top: 40px;
  	line-height: 2;
}

/*연혁*/
.hisWrap .hisDiv {
	position: relative;
}
.hisWrap .hisDiv h2 {
	font-size: 1.84em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 210px;
}
.hisWrap .hisDiv h2 em {
	font-size: 0.8em;
	padding-left: 0.4em;
	color: #6e7477;
}
.hisWrap .hisDiv h2:after {
	content: "";
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 9px;
	background: url("../../images/historyPoint.png") no-repeat 0 0;
}
.hisWrap .hisDiv > .inner {
	margin-left: 200px;
	padding: 3px 0 40px 80px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.hisWrap .hisDiv > .inner:before ,
.hisWrap .hisDiv > .inner:after {
	content: "";
	position: absolute;
}
.hisWrap .hisDiv > .inner:before {
	width: 1px;
	height: 100%;
	background-color: #ddd;
	top: 0;
	left: 0;
}
.hisWrap .hisDiv > .inner:after {
	width: 70px;
	height: 1px;
	background-color: #ddd;
	top: 19px;
	left: 0;
}
.hisWrap .hisDiv > .inner > .hisPic {
	display: block;
	width: 100%;
	margin-top: 1em;
}
.hisWrap .hisDiv > .inner > dl {
	padding: 5px 0;
}
.hisWrap .hisDiv > .inner > dl dt {
	float: left;
	width: 64px;
}
.hisWrap .hisDiv > .inner > dl dt .yr {
	float: left;
}
.hisWrap .hisDiv > .inner > dl dt .mo {
	float: right;
}
.hisWrap .hisDiv > .inner > dl dd{
	margin-left: 80px;
}
.hisWrap .hisDiv > .inner > dl:after {
	content: "";
	display: block;
	clear: both;
}
.hisWrap .hisDiv:first-child > .inner:before {
	margin-top: 20px;
}
.hisWrap .hisDiv:last-child > .inner:before {
	height: 20px;
}

/*찾아오시는 길*/
.mapFrame {
	width: 100%;
	height: 400px;
  	display: block;
}
.mapWrap {
	padding: 30px;
	font-size: 1.1em;
}
.mapWrap dl {
	padding: 0.2em 0;
}
.mapWrap dl:after {
	content: "";
	display: block;
	clear: both;
}
.mapWrap dl dt {
	float: left;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-image: url("../../images/mapPs.png");
}
.mapWrap dl dd {
	margin-left: 80px;
	position: relative;
	padding-left: 10px;
}
.mapWrap dl dd:before {
	content: ":";
	position: absolute;
	top: 0;
	left: 0;
}
.mapWrap.blue ,
.mapWrap.blue a {
	background-color: #4f94a4;
	color: #fff;
}
.mapWrap.blue dl dt {
	background-image: url("../../images/mapPw.png");
}
/*모바일181101*/