@charset "utf-8";

.center_cap{
	margin-bottom: 30px; word-break: keep-all;
}
.center_cap h3{
font-size: 2.0rem;
	position: relative;
	padding-bottom: 10px;
	transform: translateX(10px);
}
.center_cap h3:before{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: -2px;
	width: 20px;
	height: 3px;
	background-color: #004da0;
}
.center1{}
.center1 p{}
.center2{}
.center2 div{}
.center2 div ul{
	padding: 20px; padding-top: 0
	background-color: #f4f4f4;
}
.center2 p{
	position: relative;
	left: -20px;
	width: 100px;
	
	
	margin-bottom: 10px;
	font-size: 1.9rem;
	line-height: 30px;
	/*text-indent: 22px;*/
	text-align:center;
	color: #333;
	background:linear-gradient(to top, #ABDBD1 50%, transparent 50%);
	font-weight:400;
}
.center2 p.pinfo{
	position: relative;
	left: -20px;
	width: 210px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	line-height: 40px;
	text-indent: 22px;
	color: #333;
	
}
.center2 p.pinfo2{
	position: relative;
	left: -20px;
	width: 260px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	line-height: 40px;
	text-indent: 22px;
	color: #fff;
	background-color: #f29600;
}
.center2 p.pinfo3{
	position: relative;
	left: -20px;
	width: 310px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	line-height: 40px;
	text-indent: 18px;
	color: #fff;
	background-color: #f29600;
}
.center2 div ul.center2_1{}
.center2 div ul.center2_2{
	margin-top: 20px;
}
.center2 div ul>li.center2_a{
	position: relative;
	transform: translateX(10px);
}
.center2 div ul>li.center2_a:before{
	content: '';
	display: block;
	position: absolute;
	left: -10px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color:#12887A;
}



.greet p {padding-left:4%; padding-right: 4%}
.greet p strong {font-weight: 600; font-size: 1.4em;}
.greet p.greetft {float: right; text-align: right; margin-top: 10px}
.greet p.greetft strong {font-weight: 600; font-size: 1.2em; letter-spacing: 1px}

	
.greetwrap {width: 100%; clear: both; margin-bottom: 10px}
.greetleft {width: 75%; float: left}
.greetright {width: 23%; float: right; text-align: right; padding-top: 7%}

@media screen and (max-width: 980px) {
.greetleft {width: 70%; float: left}
.greetright {width: 30%; padding-top: 7%}	
}

@media screen and (max-width: 640px) {
.greetleft {width: 100%; float: none}
.greetright {width: 100%;text-align: right; padding-top:20px;  float: none}	
.greet p.greetft {padding-top: 10px; float: none}
}

/* 연혁 */
.history_style_01 {padding: 40px 0; border-top: 1px solid #eee;}
.history_style_01:after {content:''; display:block; clear:both;}
.history_style_01 > div .title {margin: 30px 0 0 0; padding: 0 20px; cursor: pointer; background: #e2eff4; border: 1px solid #c2d4eb; color: #000}
.history_style_01 > div .title h2 {position: relative; font-weight: normal; margin:10px 0; font-size: 16px}
.history_style_01 > div .title h2 i {display: block; overflow: hidden; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px; margin-top: -6px; text-indent: -9999px;}
.history_style_01 > div .title h2 i:after, .history_style_01 > div .title h2 i:before {content: ''; display: block; position: absolute;	background: #000;}
.history_style_01 > div .title h2 i:after {width: 100%; height: 2px; left: 0;	top: 50%; margin-top: -1px;}
.history_style_01 > div .title h2 i:before {height: 100%;	width: 2px;	left: 50%; top: 0; margin-left: -1px;}
.history_style_01 > div .title.first {margin: 0;}
.history_style_01 > div .title.on h2 i:before {display: none;}
.history_style_01 > div .text {display: none;	margin: -1px 0 0 0;	padding: 10px 20px;	border: 1px solid #c2d4eb;	border-top: none;}
.history_style_01 > div .text p {margin: 0; padding: 5px 0; font-size: 14px; letter-spacing:-.5px;}
.history_style_01 > div .text.on { display: block;}
.history_style_01 > figure {text-align: center;}
.history_style_01.first {padding-top: 0;border-top: none;}
@media screen and (min-width: 1100px) {
	.history_style_01 .left {float: left; width: 68%;}
	.history_style_01 .right {float: right;	width: 30%;}
	.history_style_01 > div .text p {font-size: 15px;}
}
@media screen and (max-width: 1099px) {
.history_style_01 > figure { display: none}
}

/* 오시는길 */
.map {width:100%;  border-color: rgb(204, 204, 204); border-width: 1px; border-style: solid; padding: 5px }