/*공통*/
	/*text*/
	/* .con_tit1 {font-size:44px; color:#000; text-align:center; margin-bottom:80px; font-weight:400;} */
	.con_tit2 {font-size:28px; color:#333; margin-bottom:40px; font-weight:400; background:url("/image/sub/marking.png")no-repeat left center; padding-left:32px;}
	.con_tit3 {font-size:28px; color:#333; margin-bottom:40px; font-weight:400; text-align:center;}
		.con_tit3 img {position:relative; top:-3px; padding-right:15px;}
	.con_p {font-size:20px; line-height:145%; margin-bottom:30px;}

	.pointcolor {color:#405dab;}
	.pointcolor2 {color:#88c0ff;}

	@media screen and (max-width:1024px){
		/* .con_tit1 {font-size:40px; margin-bottom:60px;} */
		.con_tit2 {font-size:26px; margin-bottom:30px;}
		.con_tit3 {font-size:26px; margin-bottom:30px;}
		.con_p {font-size:19px;}
	}
	@media screen and (max-width:450px){
		/* .con_tit1 {font-size:36px; margin-bottom:40px;} */
		.con_tit2 {font-size:24px;}
		.con_tit3 {font-size:24px;}
		.con_p {font-size:18px;}
	}

	/*table*/
	.con_table {width:100%; margin-bottom:80px;}

		.con_table tr,
		.con_table td {border:1px solid #ddd; padding:15px 3px; text-align:center; font-size:18px; line-height:130%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		}
		.con_table .first {border-top:2px solid #222; background:#f5f5f5; }
		.con_table .first td {font-size:20px; font-weight:500; }
		.con_table th {background:#f5f5f5; font-size:20px; font-weight:500; border:1px solid #ddd; padding:15px 3px; text-align:center; line-height:130%;}

	@media screen and (max-width:1024px){
		.con_table tr,
		.con_table td {font-size:17px;}
		.con_table .first td {font-size:19px;}
		.con_table th {font-size:19px;}
	}

	@media screen and (max-width:450px){
		.con_table tr,
		.con_table td {font-size:16px;}
		.con_table .first td {font-size:18px;}
		.con_table th {font-size:18px;}
	}
	@media screen and (max-width:350px){
		.con_table tr,
		.con_table td {padding: 15px 0px; font-size:15px;}
		.con_table .first td {font-size:16px;}
		.con_table th {font-size:16px;}
	}

	/*parallax*/
	.parallax {display:table; width:100%; height:600px;}
	.parallax div {display:table-cell; vertical-align:middle; }
	.parallax div h5 {text-align:center; font-family: '행복고흥B'; font-size:70px; color:#fff; margin-bottom:30px; font-weight:normal;}
	.parallax div p {text-align:center; font-size:30px; color:#fff; line-height:140%;}

	@media screen and (max-width:1024px){
		.parallax {height:500px;}
		.parallax div h5 {font-size:65px; margin-bottom:20px;}
		.parallax div p {font-size:25px;}
	}
	@media screen and (max-width:450px){
		.parallax {height:400px;}
		.parallax div h5 {font-size:60px; margin-bottom:10px;}
		.parallax div p {font-size:20px;}
	}

	/*no_parallax : parallax없는 곳 하단 여백 설정값*/
	.no_parallax {padding-bottom:70px;}

	@media screen and (max-width:1200px){
		.no_parallax {padding-bottom:50px;}
	}

/*인사말*/
.intro .intro_box {display:table; width:100%; background:#ddd; padding:50px; margin-bottom:80px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
	.intro .intro_box .intro_img {display:table-cell; vertical-align:middle; width:36%;}

	.intro .intro_box .intro_txt {display:table-cell; vertical-align:middle; width:64%; padding-left:30px;}
		.intro .intro_box .intro_txt h3 {color:#333; font-family: 'S-CoreDream-5Medium'; font-size:36px; font-weight:400; letter-spacing:-1px; margin-bottom:20px;}
		.intro .intro_box .intro_txt h4 {color:#333; font-family: 'S-CoreDream-5Medium'; font-size:26px; font-weight:400; letter-spacing:-1px; margin-bottom:100px; line-height:130%;}
		.intro .intro_box .intro_txt h5 {position:relative; color:#333; font-size:24px; font-weight:normal; letter-spacing:-1px; margin-bottom:60px; padding-left: 10px;}
		.intro .intro_box .intro_txt h5:after {position:absolute; display:block; content:""; left:10px; top:54px; width:25px; height:3px; background:#333;}
		.intro .intro_box .intro_txt p {font-size:22px; letter-spacing:-1px; line-height:130%;}

.intro .intro_box2 {}
	.intro .intro_box2 h4 {position:relative; font-size:24px; font-weight:normal; color:#333; text-align:right;}
	
	.intro .intro_box2 h4 span {font-family: 'SangSangRock'; font-size:30px; padding-left:40px;}
	.intro .intro_box2 h4 span:before {position:absolute; content:""; display:block; width:20px; height:3px; right:80px; background:#333;}

@media screen and (max-width:1024px){
	.intro .intro_box {margin-bottom:60px;}

	.intro .intro_box .intro_txt h3 {font-size:32px;}
	.intro .intro_box .intro_txt h4 {margin-bottom:60px; font-size:22px;}
	.intro .intro_box .intro_txt h5 {font-size:20px; margin-bottom:40px; }
	.intro .intro_box .intro_txt h5:after {top:40px;}
	.intro .intro_box .intro_txt p {font-size:20px;}
	
	.intro .intro_box2 h4 {font-size:22px;}
	.intro .intro_box2 h4 span {font-size:28px;}
	.intro .intro_box2 h4 span:before {right:77px;}
}
@media screen and (max-width:900px){
	.intro .intro_box .intro_img {display:block; text-align:center; width:100%; margin-bottom:50px;}

	.intro .intro_box .intro_txt {display:block; width:100%; text-align:center; padding-left:0;}
		.intro .intro_box .intro_txt h5:after {left:50%; margin-left:-12.5px;}
}
@media screen and (max-width:450px){
	.intro .intro_box {margin-bottom:40px;}

	.intro .intro_box2 h4 {font-size:20px;}
	.intro .intro_box2 h4 span {font-size:26px;}
	.intro .intro_box2 h4 span:before {right:74px;}
}
@media screen and (max-width:340px){
	.intro .intro_box2 h4 {font-size:18px;}
	.intro .intro_box2 h4 span {font-size:24px;}
	.intro .intro_box2 h4 span:before {right:68px;}
}

/*비전*/
.vision .vision_box {margin-bottom:60px;}
	.vision .vision_box .vision_p {color:#777;}
	.vision .vision_box .con_p span a {color:#405dab; text-decoration:underline;}
	.vision .vision_box .con_p span a:hover {color:#aa1111;}

	.vision .vision_box .vision_inbox {}
	.vision .vision_box .vision_inbox h4 {width:125px; height:40px; padding-top:7px; font-size:22px; color:#fff; font-weight:400; border-radius:20px; padding-left:30px; margin-bottom:20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	}
		.vision .vision_box .vision_inbox h4.bg1 {background:#3779c4;}
		.vision .vision_box .vision_inbox h4.bg2 {background:#44bbc7;}
		.vision .vision_box .vision_inbox h4.bg3 {background:#7ca43d;}
		.vision .vision_box .vision_inbox h4.bg4 {background:#5f5755;}
		.vision .vision_box .vision_inbox h4.bg5 {background:#475175;}
	.vision .vision_box .vision_inbox .con_p {margin-bottom:40px;}

.vision .vision_box2 {/* display:table; */ width:100%; height:550px; background:url("/image/sub/vision/parallax.jpg")no-repeat center center fixed; background-size:cover; margin-bottom:60px;}
	.vision .vision_box2 .sub_inner {/*display: table-cell; vertical-align: middle; */ padding:140px 0;}
		.vision .vision_box2 .con_tit3 {color:#fff; text-align:left;}
		.vision .vision_box2 .con_p {color:#fff; line-height: 200%; padding:0 10px; margin-bottom:0;}

@media screen and (max-width:450px){
	.vision .vision_box .vision_inbox h4 {font-size:20px; padding-top:9px; padding-left:32px;}
}

/*교회 연혁*/
.history_tab ul.tabs {overflow:hidden;width:100%;}
.history_tab ul.tabs li {float:left;text-align:center;cursor: pointer; background:#fafafa; font-size:20px; overflow:hidden;position: relative; height:60px; line-height:60px;box-sizing:border-box; width:20%; border:1px solid #ddd; border-right:0 !important; font-weight:400;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.history_tab ul.tabs li:last-child{border-right:1px solid #ddd !important;}
.history_tab ul.tabs li.active{ background:#fff; color:#405dab;}
.history_tab .tab_container{margin-top:50px;}
.history_tab .tab_content{display: none; padding:0 20px;}

.history_tab .tab_content > div{width:100%; display:table;}
.history_tab .tab_content > div h3,
.history_tab .tab_content > div ul{display:table-cell; vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.history_tab .tab_content > div h3{width:30%; font-size:35px; font-family: 'S-CoreDream-5Medium'; letter-spacing:-1px; padding-top:15px; padding-right:30px; color: #3d441f;}
.history_tab .tab_content > div ul{width:70%; padding-left:30px; border-left:1px solid #ddd; padding-bottom: 30px;}
.history_tab .tab_content > div ul li{width:100%; display:table; margin:15px 0}
.history_tab .tab_content > div ul li > p{display:table-cell; vertical-align:top; font-size:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.history_tab .tab_content > div ul li > p:first-child{width:20%; font-weight:400; color:#222; line-height:135%;}
.history_tab .tab_content > div ul li > p:last-child{width:80%; padding-left:10px; color:#444; line-height:135%;}

@media screen and (max-width:1024px){
	.history_tab .tab_content > div ul li > p {font-size:19px;}
} 
@media screen and (max-width:800px){ 
    .history_tab .tab_content > div h3,
    .history_tab .tab_content > div ul{display:block; width:100%; padding-left:20px;}
	.history_tab .tab_content > div h3{width:100%; margin-bottom:30px;}
	.history_tab .tab_content > div ul li > p {font-size:18px;}

	.history_tab ul.tabs li{width:50%; font-size:18px; letter-spacing:-1px;}
	.history_tab ul.tabs li:nth-child(1),
    .history_tab ul.tabs li:nth-child(2),
    .history_tab ul.tabs li:nth-child(3),
	.history_tab ul.tabs li:nth-child(4){border-bottom:0 !important}
	.history_tab ul.tabs li:nth-child(5){width:100%;}
	.history_tab ul.tabs li:nth-child(2),
	.history_tab ul.tabs li:nth-child(4){border-right:1px solid #ddd !important;}
}
@media screen and (max-width:320px){ /*mobile - iphone5*/
	.history_tab .tab_content {padding: 0 10px;}
}

/*예배 시간*/

/*교회시설*/

/*찾아오시는 길*/
.map .map_box .map_inbox {width:100%; text-align:center; border:1px solid #bbb; padding:40px 0; margin-bottom:80px;}
.map .map_box:nth-child(2) {margin-bottom:80px;}

@media screen and (max-width:1024px){
	.map .map_box .root_daum_roughmap {height:450px !important;}
}
@media screen and (max-width:450px){
	.map .map_box .root_daum_roughmap {height:360px !important;}
}


/*섬기는 이들*/

/*tab css*/
.man_tab ul.tabs {overflow:hidden;width:100%;}
.man_tab ul.tabs li {float:left;text-align:center;cursor: pointer; background:#fafafa; font-size:20px; overflow:hidden;position: relative; height:60px; line-height:60px;box-sizing:border-box; width:25%; border:1px solid #ddd; border-right:0 !important; font-weight:400;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.man_tab ul.tabs li:last-child{border-right:1px solid #ddd !important;}
.man_tab ul.tabs li.active{ background:#fff; color:#405dab;}
.man_tab .tab_container{margin-top:50px;}
.man_tab .tab_content{display: none; padding:0 20px;}

@media screen and (max-width:800px){ 
	.man_tab ul.tabs li{width:50%; font-size:18px; letter-spacing:-1px;}
	.man_tab ul.tabs li:nth-child(1),
    .man_tab ul.tabs li:nth-child(2){border-bottom:0 !important}
	.man_tab ul.tabs li:nth-child(2),
	.man_tab ul.tabs li:nth-child(4){border-right:1px solid #ddd !important;}
}
@media screen and (max-width:320px){ /*mobile - iphone5*/
	.man_tab .tab_content {padding: 0 10px;}
}

/*man_box1 css : 담임목사*/
.man .man_box1 {width:100%;}
.man .man_box1 .man_inbox {display:table; width:100%;}
	.man .man_box1 .man_inbox .left {display:table-cell; vertical-align:top; width:30%;}
	.man .man_box1 .man_inbox .right {display:table-cell; vertical-align:top; width:70%; padding-left:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
		.man .man_box1 .man_inbox .right h3 {font-weight:normal; line-height:135%; font-size:20px; margin-bottom:30px;}
		.man .man_box1 .man_inbox .right h3 span {font-weight:500; font-size:24px;}
		.man .man_box1 .man_inbox .right p {font-size:20px; line-height:145%; }
		.man .man_box1 .man_inbox .right p span {display:block; font-weight:500; font-size:24px; padding-bottom:15px;}

@media screen and (max-width:1024px){
	.man .man_box1 .man_inbox .right h3 {font-size:19px;}
	.man .man_box1 .man_inbox .right h3 span {font-size:23px;}
	.man .man_box1 .man_inbox .right p {font-size:19px;}
	.man .man_box1 .man_inbox .right p span {font-size:23px;}
}
@media screen and (max-width:800px){ 
	.man .man_box1 .man_inbox .left {display:block; width:100%; text-align:center; margin-bottom:30px;}
	.man .man_box1 .man_inbox .right {display:block; width:100%; text-align:center; padding-left:0;}
}
@media screen and (max-width:450px){
	.man .man_box1 .man_inbox .right h3 {font-size:18px;}
	.man .man_box1 .man_inbox .right h3 span {font-size:22px;}
	.man .man_box1 .man_inbox .right p {font-size:18px;}
	.man .man_box1 .man_inbox .right p span {font-size:22px;}
}

/*man_box2 css : 교역자*/
.man .man_box2 {width:100%; overflow:hidden; margin-bottom:40px;}
.man .man_box2 .man_inbox {float:left; display:table; width:50%; margin-bottom:40px;}
	.man .man_box2 .man_inbox .left {display:table-cell; vertical-align:middle; width:180px;}
	.man .man_box2 .man_inbox .right {display:table-cell; vertical-align:middle;}
		.man .man_box2 .man_inbox .right h3 {margin-bottom:30px; font-weight:500; font-size:20px; line-height:130%;}
		.man .man_box2 .man_inbox .right p {font-size:18px; line-height:135%;}
		.man .man_box2 .man_inbox .right p:before {content:"·"; padding-right:10px;}

@media screen and (max-width:1024px){
	.man .man_box2 .man_inbox .right h3 {font-size:19px;}
	.man .man_box2 .man_inbox .right p {font-size:17px;}
}
@media screen and (max-width:800px){
	.man .man_box2 .man_inbox {width:100%;}
	.man .man_box2 .man_inbox .left {width:160px;}
	.man .man_box2 .man_inbox .left img {width:140px;}
}
@media screen and (max-width:450px){
	.man .man_box2 .man_inbox .right h3 {font-size:18px;}
}

/*man_box3 css : 장로*/
.man .man_box3 {width:100%;}
.man .man_box3 ul {width:100%; overflow:hidden;}
.man .man_box3 ul li {float:left; width:20%; margin-bottom:40px;}
.man .man_box3 ul li h4 {text-align:center;}
.man .man_box3 ul li p {text-align:center; font-size:20px; padding-top:20px;}

@media screen and (max-width:1024px){
	.man .man_box3 ul li {width:25%;}
	.man .man_box3 ul li p {font-size:19px;}
}
@media screen and (max-width:800px){
	.man .man_box3 ul li {width:33.33333%;}
}
@media screen and (max-width:600px){
	.man .man_box3 ul li {width:50%;}
}
@media screen and (max-width:450px){
	.man .man_box3 ul li p {font-size:18px;}
}
@media screen and (max-width:375px){
	.man .man_box3 ul li h4 img {width:130px;}
}

/*#tab4 man_box2 css : 청지기*/
.man #tab4 .man_box2 {float:left; width:50%;}
.man #tab4 .man_box2 .man_inbox {width:100%;}

@media screen and (max-width:900px){
	.man #tab4 .man_box2 {width:100%;}
}


/*차량 운행 안내*/
.vehicle .vehicle_box {padding:80px 0 0;}
.vehicle .vehicle_box:first-child {padding-top:0;}
.vehicle .vehicle_box:last-child {padding-bottom:80px;}

.vehicle .vehicle_box2 {background:#f6f6f6; padding:80px 0;}
	.vehicle .vehicle_box2 td {background:#fff;}
	.vehicle .vehicle_box2 .first td {background:#ecf4ff;}
	.vehicle .vehicle_box2 .con_table {margin-bottom:0;}

@media screen and (max-width: 1200px){
	.vehicle .vehicle_box .con_table,
	.vehicle .vehicle_box2 .con_table {width:96%;}
}

/*새가족 등록안내*/
.newfam .newfam_box .newfam_inbox {position:relative; display:table; width:100%; border-radius:10px; margin-bottom:135px;}
	.newfam .newfam_box .newfam_inbox1 {background:#f6f6f6;}
	.newfam .newfam_box .newfam_inbox2 {background:#ecf4ff;}
	.newfam .newfam_box .newfam_inbox3 {background:#fcfbea;}
	.newfam .newfam_box .newfam_inbox4 {background:#fff2f2;}
.newfam .newfam_box .newfam_inbox:after {position:absolute; top:120%; left:50%; margin-left:-44px; width:88px; height:29px; display:block; content:""; background:url("/image/sub/newfam/arrow.png")no-repeat;}
.newfam .newfam_box .newfam_inbox4:after {display:none; margin-bottom:70px;}

	.newfam .newfam_box .newfam_inbox div {display:table-cell; vertical-align:middle; padding:60px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
	.newfam .newfam_box .newfam_inbox div h4 {text-align:center; font-size:36px; color:#405dab; margin-bottom:50px;}
	.newfam .newfam_box .newfam_inbox div p {text-align:center;}
	
	/*parallax*/
	.newfam .parallax {background:url("/image/sub/newfam/parallax.jpg")no-repeat center center fixed; background-size:cover;}

/*전도활동, 제자훈련과 양육*/

/*국내외 선교*/
.missionary .missionary_box {padding:80px 0 0;}
.missionary .missionary_box:first-child {padding-top:0;}

.missionary .missionary_box2 {background:#f6f6f6; padding:80px 0;}
	.missionary .missionary_box2 td {background:#fff;}
	.missionary .missionary_box2 .first td {background:#ecf4ff;}
	.missionary .missionary_box2 .con_table {margin-bottom:0;}

	/*parallax*/
	.missionary .parallax {background:url("/image/sub/missionary/parallax.jpg")no-repeat center center fixed; background-size:cover;}

@media screen and (max-width: 1200px){
	.missionary .missionary_box .con_table,
	.missionary .missionary_box2 .con_table {width:96%;}
}

/*장학*/
.scholarship .scholarship_box {margin-bottom:80px;}
	.scholarship .scholarship_box h4 {padding:8px 20px 10px; border-radius:20px; font-size:22px; color:#fff; font-weight:400; margin-bottom:20px; display:inline-block;
	box-sizing:border-box;																		   
	-webkit-box-sizing:border-box;															                     
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
		.scholarship .scholarship_box h4.bg1 {background:#3779c4;} 
		.scholarship .scholarship_box h4.bg2 {background:#44bbc7;}
		.scholarship .scholarship_box h4.bg3 {background:#7ca43d;}
		.scholarship .scholarship_box h4.bg4 {background:#5f5755;} 
	
	.scholarship .scholarship_box .con_p {padding-left:20px;}
	.scholarship .scholarship_box .con_p:before {content:"-"; padding-right:10px;}

	/*parallax*/
	.scholarship .parallax {height:700px; background:url("/image/sub/scholarship/parallax.jpg")no-repeat center center fixed; background-size:cover;}
	.scholarship .parallax div p {font-size:28px;}

	@media screen and (max-width:1024px){
		.scholarship .scholarship_box h4 {font-size:19px;}

		.scholarship .parallax {height:650px;}
		.scholarship .parallax div p {font-size:23px;}
	}
	@media screen and (max-width:450px){
		.scholarship .scholarship_box h4 {font-size:18px;}

		.scholarship .parallax {height:600px;}
		.scholarship .parallax div p {font-size:18px;}
	}

/*교육부서 안내*/
.edu .edu_box {padding:80px 0 0;}
.edu .edu_box:first-child {padding-top:0;}
	.edu .edu_box td,
	.edu .edu_box tr,
	.edu .edu_box th {border-left:none; border-right:none;}
	.edu .edu_box th {border-right:1px solid #ddd;}
	
.edu .edu_box2 {background:#f6f6f6; padding:80px 0;}
	.edu .edu_box2 td {background:#fff;}
	.edu .edu_box2 th {background:#ecf4ff;}
	.edu .edu_box2 .con_table {margin-bottom:0;}

.edu .edu_inbox {display:table; width:100%; margin-bottom:40px;}
	.edu .edu_inbox .edu_img {display:table-cell; vertical-align:top; width:50%; height:360px;}
	.edu .edu_inbox .edu_txt {display:table-cell; vertical-align:top; width:50%; padding-left:20px;
	box-sizing:border-box;																		   
	-webkit-box-sizing:border-box;															                     
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
		.edu .edu_inbox .edu_txt h4 {width:165px; height:40px; background:#405dab; color:#fff; border-radius:20px; font-size:22px; font-weight:400; padding-top:8px; margin-bottom:20px;
		box-sizing:border-box;																		   
		-webkit-box-sizing:border-box;															                     
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		}
		.edu .edu_inbox .edu_txt1 h4 {padding-left: 60px;}
		.edu .edu_inbox .edu_txt2 h4 {padding-left: 43px;}

	/*parallax*/
	.edu .parallax {background:url("/image/sub/edu/parallax.jpg")no-repeat center center fixed; background-size:cover;}

@media screen and (max-width: 1200px){
	.edu .edu_inbox {width:96%; margin-bottom:0;}
		.edu .edu_inbox .edu_img {display:block; width:100%; height:auto; text-align:center; margin-bottom:30px;}
		.edu .edu_inbox .edu_txt {display:block; width:100%; text-align:center; padding-left:0;}
			.edu .edu_inbox .edu_txt h4 {position:relative; left:50%; margin-left:-82.5px;}
			.edu .edu_inbox .edu_txt1 h4 {padding-left: 0px;}
			.edu .edu_inbox .edu_txt2 h4 {padding-left: 0px;}
			.edu .edu_inbox .edu_txt p span {font-weight:400;}
}
@media screen and (max-width: 1024px){
	.edu .edu_inbox .edu_txt h4 {font-size:21px;}
}
@media screen and (max-width: 450px){
	.edu .edu_inbox .edu_txt h4 {font-size:20px; padding-top:9px;}
}

/*동호회*/

/*증명 발급 신청, 장소 사용 신청*/
.office1 .office1_box {margin-bottom:60px;}
.office1 .office1_box .con_p {margin-bottom:15px;}
.office1 .office1_box .con_p span {display:inline-block; padding:2px 20px; margin-bottom:15px; color:#fff; background:#3779c4; border-radius:20px;
box-sizing:border-box;																		   
-webkit-box-sizing:border-box;															                     
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.office1 .office1_box .con_p:nth-child(3) span {background:#44bbc7;}
.office1 .office1_box .con_p:nth-child(4) span {background:#7ca43d;}

@media screen and (max-width: 450px){
	.office1 .office1_box .con_p span {display: block; text-align: center; width: 130px; padding: 2px 0;}
}