@charset "utf-8";

/* 인사말 */
.greeting { width:100%;box-sizing:border-box;padding:0%;}
.greeting p { font-size:20px;line-height:30px;font-weight:500 !important;padding:15px 0; color:#666666;word-break:keep-all;}
.greeting p b { font-size:20px;font-weight:500; color:#222222;}
.greeting p small { font-size:17px;}
.greeting p span{color:#e70f62}

/* 센터소개 */
.center_title { display:block;padding:0px;text-align:center;margin-bottom:40px;}
.center_title span { display:inline-block;font-size:30px;font-weight:500;color:#000;line-height:100%;padding:0px 0 20px 0; text-align:center;border-bottom:2px #000 solid;}
.center_cont { width:100%;box-sizing:border-box;display:inline-block;padding:40px;}
.center_cont p {text-align:center;padding:15px 0; color:#666666;word-break:keep-all;}
.center_cont_gray {background:#f7f7f7;}

.center2 {width:auto;display:inline-block;}
.center2 li {float:left;width:260px;height:280px;box-sizing:border-box;border:1px #dedede solid;background:#fff; padding:0px;margin-right:20px;border-radius:6px;overflow:hidden;}
.center2 li:last-child {margin-right:0px;}
.center2 li h2{ font-size:20px;font-weight:500;padding:10px;font-size:17px;line-height:30px;background:#db2060;color:#fff;text-align:center;}
.center2 li div{padding:20px;}
.center2 li p{text-align:left; font-size:15px;padding:5px 10px;font-size:15px;line-height:24px;color:#000;background:url('/html/images/common/dot.png') 0 11px no-repeat;}

@media all and (max-width:1299px) {
	.greeting {background:none; }
	.greeting h5 {padding:0px;margin-bottom:20px;}
	.greeting h5 img {width:100%;}
	.greeting p {font-size:18px;line-height:30px; padding:10px 0px;}
	.greeting p small { font-size:16px;}

	
	/* 센터소개 */
	.center img {width:100%;}
	.center_title {margin-bottom:30px;}
	.center_title span {font-size:1.7em;padding-bottom:15px;}
	.center_cont { padding:40px;}
	.center_cont img {width:100%;}

	.center2 li { width:48%;margin:0px 1% 2% 1%;height:230px;}
	.center2 li img {width:100%;}
	.center2 li h2{font-size:1.2em;line-height:150%;}
	.center2 li div{padding:5% 20px;}
	.center2 li p{ font-size:1.0em;line-height:150%;}
}

@media all and (max-width:1050px) {
	.greeting p .br {display:none}	
	.greeting p {font-size:18px;line-height:30px; padding:20px 20px;}
	.greeting p small { font-size:15px;}

}
@media all and (max-width:767px) {
	.greeting_tit { padding:3% 0 5% 0;}
	.greeting  { padding: 0% 0 5% 0;}
	.greeting h5 {display:inline-block;width:100%;height:0;padding-bottom:35%;margin-bottom:20px;background: url('/html/images/common/greeting_m.png') no-repeat 50% 50%;background-size:100% auto;}
	.greeting h5 img {display:none;}
	.greeting p {font-size:17px;line-height:28px; padding:10px 20px;}
	.greeting p small { font-size:15px;}
	.greeting p br {display:none;}
	
	.center_top {display:inline-block;width:100%;height:0;padding-bottom:72%;background: url('/html/images/common/center1_m.png') no-repeat 50% 50%;background-size:100% auto;}
	.center_top img {display:none;}
	.center_cont.center_cont_gray { padding:25px;}
	.center2 li {width:100%;height:auto;margin:0px 0px 10px 0px;}
	.center2 li div {padding:15px;}

}