@charset "utf-8";
/*서브-상단비주얼 */
#svisual {
	position: relative;
	width: 100%;
	height: 280px;
	background: #fff;
	min-width: 1200px;
	background-size: 100%
}

#svisual .svisual_in {
	width: 1200px;
	margin: 0 auto;
	height: 160px;
	/*text-align:center;*/
	letter-spacing: -1.2px;
}

#svisual .svisual_in .s_text h2 {
	/*font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
	font-size: 4.0em;
	font-weight: 500;
	color: #333;
	text-align: center;
	padding-top: 200px;
}

#svisual .svisual_in .s_text p {
	font-size: 1.40em;
	color: rgb(255, 255, 255, 0.85);
	color: rgba(255, 255, 255, 0.85);
	padding-top: 7px;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#svisual02 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual01.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual02 .svisual_in {
	width: 1200px;
	margin: 0 auto;
	height: 160px;
	/*text-align:center;*/
	letter-spacing: -1.2px;
}

#svisual02 .svisual_in .s_text h2 {
	font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding-top: 200px;
	text-shadow: 1px 1px 5px rgb(0, 0, 0, 0.3);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#svisual02 .svisual_in .s_text p {
	font-size: 1.40em;
	color: rgb(255, 255, 255, 0.85);
	color: rgba(255, 255, 255, 0.85);
	padding-top: 7px;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#svisual03 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual01.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual03 .svisual_in {
	width: 1200px;
	margin: 0 auto;
	height: 160px;
	/*text-align:center;*/
	letter-spacing: -1.2px;
}

#svisual03 .svisual_in .s_text h2 {
	font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding-top: 200px;
	text-shadow: 1px 1px 5px rgb(0, 0, 0, 0.3);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#svisual03 .svisual_in .s_text p {
	font-size: 1.40em;
	color: rgb(255, 255, 255, 0.85);
	color: rgba(255, 255, 255, 0.85);
	padding-top: 7px;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#svisual04 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual01.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual04 .svisual_in {
	width: 1200px;
	margin: 0 auto;
	height: 160px;
	/*text-align:center;*/
	letter-spacing: -1.2px;
}

#svisual04 .svisual_in .s_text h2 {
	font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding-top: 200px;
	text-shadow: 1px 1px 5px rgb(0, 0, 0, 0.3);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#svisual04 .svisual_in .s_text p {
	font-size: 1.40em;
	color: rgb(255, 255, 255, 0.85);
	color: rgba(255, 255, 255, 0.85);
	padding-top: 7px;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#svisual05 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual01.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual05 .svisual_in {
	width: 1200px;
	margin: 0 auto;
	height: 160px;
	/*text-align:center;*/
	letter-spacing: -1.2px;
}

#svisual05 .svisual_in .s_text h2 {
	font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding-top: 200px;
	text-shadow: 1px 1px 5px rgb(0, 0, 0, 0.3);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#svisual05 .svisual_in .s_text p {
	font-size: 1.40em;
	color: rgb(255, 255, 255, 0.85);
	color: rgba(255, 255, 255, 0.85);
	padding-top: 7px;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#svisual02 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual02.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual03 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual03.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual04 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual04.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

#svisual05 {
	position: relative;
	width: 100%;
	height: 349px;
	background: url(../img/sub/s_visual05.jpg) no-repeat center bottom;
	min-width: 1200px;
	background-size: 100%
}

@media (max-width: 1199px) {
	#svisual {
		height: 260px;
		background: #fff;
		background-size: cover;
		min-width: 100%;
	}

	#svisual02 {
		height: 140px;
		background: url(../img/sub/s_visual02.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual03 {
		height: 140px;
		background: url(../img/sub/s_visual03.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual04 {
		height: 140px;
		background: url(../img/sub/s_visual04.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual05 {
		height: 140px;
		background: url(../img/sub/s_visual05.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual .svisual_in {
		width: 100%;
		height: 120px;
	}

	#svisual .svisual_in .s_text h2 {
		font-size: 3.00em;
		padding-top: 180px;
		text-align: center;
	}

	#svisual .svisual_in .s_text p {
		font-size: 1.20em;
		padding-top: 5px;
		font-weight: 400;
		text-align: center;
		line-height: 1.2em
	}

	#svisual02 .svisual_in {
		width: 100%;
		height: 120px;
	}

	#svisual02 .svisual_in .s_text h2 {
		font-size: 2.00em;
		padding-top: 55px;
		text-align: center;
		/*padding-top:210px;*/
	}

	#svisual02 .svisual_in .s_text p {
		font-size: 1.20em;
		padding-top: 5px;
		font-weight: 400;
		text-align: center;
		line-height: 1.2em
	}

	#svisual03 .svisual_in {
		width: 100%;
		height: 120px;
	}

	#svisual03 .svisual_in .s_text h2 {
		font-size: 2.00em;
		padding-top: 55px;
		text-align: center;
		/*padding-top:210px;*/
	}

	#svisual03 .svisual_in .s_text p {
		font-size: 1.20em;
		padding-top: 5px;
		font-weight: 400;
		text-align: center;
		line-height: 1.2em
	}

	#svisual04 .svisual_in {
		width: 100%;
		height: 120px;
	}

	#svisual04 .svisual_in .s_text h2 {
		font-size: 2.00em;
		padding-top: 55px;
		text-align: center;
		/*padding-top:210px;*/
	}

	#svisual04 .svisual_in .s_text p {
		font-size: 1.20em;
		padding-top: 5px;
		font-weight: 400;
		text-align: center;
		line-height: 1.2em
	}

	#svisual05 .svisual_in {
		width: 100%;
		height: 120px;
	}

	#svisual05 .svisual_in .s_text h2 {
		font-size: 2.00em;
		padding-top: 55px;
		text-align: center;
		/*padding-top:210px;*/
	}

	#svisual05 .svisual_in .s_text p {
		font-size: 1.20em;
		padding-top: 5px;
		font-weight: 400;
		text-align: center;
		line-height: 1.2em
	}
}

@media (max-width: 992px) {
	#svisual {
		height: 0px;
		background: #fff;
		background-size: cover;
		min-width: 100%;
	}

	#svisual02 {
		height: 140px;
		background: url(../img/sub/s_visual02.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual03 {
		height: 140px;
		background: url(../img/sub/s_visual03.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual04 {
		height: 140px;
		background: url(../img/sub/s_visual04.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual05 {
		height: 140px;
		background: url(../img/sub/s_visual05.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
	}

	#svisual .svisual_in .s_text h2 {
		font-size: 2.60em;
		padding-top: 63px;
		text-align: center;
	}
}

/*서브상단 location*/
#location_area {
	width: 100%;
	/*position: relative;*/
	bottom: 56px;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.7);
	/*border-bottom: 1px solid rgb(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);*/
	z-index: 3;
}

#location h3 {
	display: none;
}

#location {
	height: 40px;
	width: 1200px;
	border-bottom: 1px solid rgb(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-left: 1px solid rgb(0, 0, 0, .1);
	border-left: 1px solid rgba(0, 0, 0, .1);
	border-right: 1px solid rgb(0, 0, 0, .1);
	border-right: 1px solid rgba(0, 0, 0, .1);
	/*border-left: 1px solid #bfbfbf;*/
	padding: 0 20px;
	position: relative;
	z-index: 1;
	background: rgb(255, 255, 255, 1.0);
	background: rgba(255, 255, 255, 1.0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	/*box-shadow: 0px 2px 2px rgb(0,0,0,0.1);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);*/
	margin: 0px auto;
	top: 225px;
	/*border-bottom:1px solid #bfbfbf;*/
}

/*
#location.fixed {
	position: fixed;
	top: 60px;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
*/

#location.slide-up {
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
}

@media only screen and (min-width: 1024px) {
	#location.fixed {
		top: 0px;
		/* fixes a bug where nav and subnab move with a slight delay */
		box-shadow: 0 -6px 0 #25283D;
	}

	#location.slide-up {
		-webkit-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}
}

.location_box .text li.home a {
	display: inline-block;
	background: url('../img/common/icon_home.png') no-repeat;
	width: 21px;
	height: 18px;
	z-index: 1;
	vertical-align: middle;
}

.location_box {
	width: 100%;
	margin: 0px auto;
}

.location_box .text {
	float: left;
	height: 40px;
	/* font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif; */
}

.location_box .text ul {
	height: 40px;
}

.location_box .text li.home {
	padding: 0 0 0;
	margin: 0 5px;
}

.location_box .text li {
	margin: 0 15px 0 10px;
	display: inline;
	height: 40px;
	line-height: 40px;
	color: #555;
	font-size: 1.15em;
	letter-spacing: 0
}

.location_box .text li.current {
	color: #404040;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 40px;
	top: -3px;
}

@media screen and (max-width:1099px) {
	.location_box {
		width: 100%;
		margin: 0px auto;
	}
}

@media screen and (max-width:992px) {
	#location {
		height: 40px;
		width: 100%;
		/*border-top: 0px;*/
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
		border-right: 0px;
		border-left: 0px;
		padding: 0;
		position: relative;
		z-index: 1;
		background: rgb(255, 255, 255, 1.0);
		background: rgba(255, 255, 255, 1.0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		will-change: transform;
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		/*box-shadow: 0px 2px 2px rgb(0,0,0,0.1);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);*/
		top: 55px;
	}

	#location.fixed {
		top: 0px;
		/* fixes a bug where nav and subnab move with a slight delay */
		box-shadow: 0 -6px 0 #25283D;
	}

	#location.slide-up {
		-webkit-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}

	.location_box .text li.home a {
		display: inline-block;
		background: url('../img/common/icon_home.png') no-repeat;
		width: 21px;
		height: 18px;
		z-index: 1;
		vertical-align: middle;
	}

	.location_box {
		width: 100%;
		margin: 0px auto;
	}

	.location_box .text {
		float: left;
		height: 40px;
	}

	.location_box .text ul {
		height: 40px;
	}

	.location_box .text li.home {
		padding: 0 0 0 15px;
	}

	.location_box .text li {
		margin: 0px 10px;
		display: inline;
		height: 40px;
		line-height: 40px;
		color: #686868;
		font-size: 1.05em;
		font-weight: 500;
		letter-spacing: -.010em
	}

	.location_box .text li.current {
		color: #404040;
		font-size: 1.10em;
		font-weight: 500;
	}
}


/*location*/
.location {
	background: rgb(0, 106, 181);
	background: rgba(0, 106, 181);
	color: #fff;
	padding: 4% 5%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 530px;
	height: auto;
	height: 530px;
}

.location h1 {
	font-weight: 700;
	line-height: 1.4em;
	font-size: 2.6em;
	margin-bottom: 20px;
}

.location p {
	color: #fff;
	font-size: 15px;
}

.location .border {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 16px;
	padding: 5px 15%;
}


/* 서브상단 3차메뉴 */
.select_2depth {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 325px;
	color: #cccccc;
	vertical-align: middle;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.select_2depth .placeholder {
	position: relative;
	/*display: block;*/
	/*background-color: #393d41;*/
	z-index: 1;
	/*padding: 1em;*/
	border-radius: 2px;
	cursor: pointer;
	top: 0px;
}

.select_2depth .placeholder:hover {
	/*background: #34383c;*/
}

.select_2depth .placeholder:after {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'FontAwesome';
	content: '\f078';
	z-index: 10;
}

.select_2depth.is-open .placeholder:after {
	content: '\f077';
}

.select_2depth.is-open ul {
	display: block;
	/*box-shadow: 0px 2px 2px rgb(0,0,0,0.1);
  box-shadow: 0px 2px 2px rgba(0,0,0,0.1);*/
}

.select_2depth.select--white .placeholder {
	/*background: #fff*/
	;
	color: #555;
	padding: 0 40px 0 0;
	display: inline-block;
}

.select_2depth.select_2depth--white .placeholder:hover {
	/*background: #fafafa;*/
}

.select_2depth ul {
	display: none;
	position: absolute;
	width: 180px;
	background: #fff;
	top: 30px;
	left: -29px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 100;
	height: auto !important;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.select_2depth ul li {
	display: block !important;
	text-align: left;
	color: #999;
	cursor: pointer;
	height: auto !important;
	line-height: 30px !important;
	font-size: 0.95em !important;
	margin: 0 !important;
}

.select_2depth ul li a {
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #ececec;
	font-size: 1.05em;
	letter-spacing: .020em;
	font-weight: 400;
	line-height: 1.2em;
}

.select_2depth ul li:last-child a {
	display: block;
	padding: 10px 10px;
	border-bottom: 0px;
}

.select_2depth ul li:hover a {
	background: #4b545e;
	color: #fff;
}

@media screen and (max-width:767px) {
	.select_2depth.select--white .placeholder {
		/*background: #fff;*/
		color: #555;
		padding: 0 17px 0 0;
		display: inline-block;
	}

	.select_2depth ul {
		display: none;
		position: absolute;
		width: 140px;
		background: #fff;
		top: 29px;
		left: -24px;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 100;
		height: auto !important;
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
	}
}



/*3차메뉴*/
.subtitle_tabs {
	width: 100%;
	text-align: center;
	/*border-top: 1px solid #cac6c5;*/
	margin-bottom: 35px;
}

.subtitle_tabs li {
	display: inline-block;
	font-size: 14px;
}

@media screen and (max-width:767px) {
	.subtitle_tabs li {
		display: inline-block;
		font-size: 14px;
		width: 100%;
	}
}

.subtitle_tabs li.active a {
	border-bottom: 2px solid #0c3b73;
	color: #0c3b73;
	font-weight: 600 font-size: 1.20em;
	line-height: 2.2em;
}

.subtitle_tabs li a {
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 33px;
}

.subtitle_tabs_line {
	width: 100%;
	height: 1px;
	background: #cac6c5;
	margin-top: -1px;
	z-index: -10;
}


/* 반응형 박스형 문단처리 */
.sub_imgcontent_wrap5 {
	width: 100%;
	/*margin-bottom: 35px;*/
	border: 1px solid #cac6c5;
	min-height: 100px;
	overflow: hidden;
}

.sub_imgcontent_wrap5 h3 {
	display: inline-block;
	width: 100%;
	height: 45px;
	float: left;
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 45px;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
}

.sub_imgcontent_img {
	width: 48%;
	float: left;
	min-height: 100px;
}

.sub_imgcontent_text {
	width: 52%;
	float: right;
}

.sub_imgcontent_text p {
	width: 90%;
	margin: 25px auto 35px auto;
	line-height: 180%;
}

@media screen and (max-width:767px) {
	.sub_imgcontent_img {
		width: 100%;
		float: left;
		min-height: 150px;
	}

	.sub_imgcontent_text {
		width: 100%;
		float: right;
	}
}

/*3차메뉴*/
#topMenu {
	width: 100%;
	max-width: 1200px;
}

#topMenu {
	overflow: hidden;
	width: 800px;
	max-width: 100%;
	margin: 0 auto 20px auto;
}

#topMenu li {
	float: left;
	border: 1px solid #bbb;
	height: 55x;
	line-height: 55px;
	margin-left: -1px;
	/*font-family: 'NanumSquareB', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
}

#topMenu li:first-child {
	margin-left: 0;
}

#topMenu li.current {
	border-top: 1px solid #3f7ac6;
	border-left: 1px solid #3f7ac6;
	border-right: 1px solid #3f7ac6;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 1;
}

#topMenu li.current a {
	color: #3f7ac6;
}

#topMenu li a {
	font-size: 1.50em;
	color: #666;
	text-align: center;
	display: block;
}

#topMenu.item1 li {
	width: 100%;
}

#topMenu.item2 {
	width: 1200px;
}

#topMenu.item2 li {
	width: calc(100% / 2);
}

#topMenu.item3 {
	width: 1200px;
}

#topMenu.item3 li {
	width: calc(100% / 3);
}

#topMenu.item4 {
	width: 1200px;
}

#topMenu.item4 li {
	width: 25%;
}

#topMenu.item5 {
	width: 100%;
}

#topMenu.item5 li {
	width: 20%;
}

#topMenu.item6 {
	width: 100%;
}

#topMenu.item6 li {
	width: calc(100% / 6);
}

#topMenu.item7 {
	width: 100%;
}

#topMenu.item7 li {
	width: calc(100% / 7);
}

@media (max-width: 1023px) {
	#topMenu {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	#topMenu.item3 {
		width: 100%;
	}

	#topMenu li {
		height: 40px;
		line-height: 40px;
	}

	#topMenu li.current {
		border: 1px solid #3f7ac6;
		position: relative;
		z-index: 1;
	}

	#topMenu li a {
		font-size: 1.20em;
	}

	#topMenu.item4 li {
		width: 50%;
	}

	#topMenu.item4 li:nth-child(3) {
		margin-left: 0;
		margin-top: -1px;
	}

	#topMenu.item4 li:nth-child(4) {
		margin-top: -1px;
	}

	#topMenu.item5 li {
		width: calc(100% / 3);
	}

	#topMenu.item5 li:nth-child(4) {
		margin-left: 0;
		margin-top: -1px;
	}

	#topMenu.item5 li:nth-child(5) {
		margin-top: -1px;
	}

	#topMenu.item6 li {
		width: calc(100% / 3);
	}

	#topMenu.item6 li:nth-child(4) {
		margin-left: 0;
		margin-top: -1px;
	}

	#topMenu.item6 li:nth-child(5) {
		margin-top: -1px;
	}

	#topMenu.item6 li:nth-child(6) {
		margin-top: -1px;
	}

	#topMenu.item7 li {
		width: calc(100% / 3);
	}

	#topMenu.item7 li:nth-child(4),
	#topMenu.item7 li:nth-child(7) {
		margin-left: 0;
		margin-top: -1px;
	}

	#topMenu.item7 li:nth-child(5) {
		margin-top: -1px;
	}

	#topMenu.item7 li:nth-child(6) {
		margin-top: -1px;
	}
}

@media screen and (max-width:1199px) {
	#topMenu {
		margin: 0px 0 20px;
	}
}

/*서브페이지 1200px*/
.scont {
	width: 1200px;
	margin: 0px auto;
	min-width: 1200px
}

@media screen and (max-width:1199px) {
	.scont {
		width: 100%;
		margin: 0px auto;
		min-width: auto;
		padding: 0 10px
	}
}

/*5대 특장점*/
#merit {
	text-align: center
}

#merit h3 {
	font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 2.00em;
	line-height: 1.0em;
	color: #3280d4
}

#merit p.slogan {
	font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 2.40em;
	line-height: 1.3em;
	color: #393939;
	margin: 20px 0 0 !important
}

#merit .bg {
	background: url(../img/sub/5merit_01_bg.jpg) no-repeat center top;
	height: 850px;
	padding: 100px 0 70px
}

#merit .bg h3 {
	font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 3.80em;
	line-height: 1.0em;
	color: #fff;
	text-shadow: 2px 2px rgb(0, 0, 0, .2);
	text-shadow: 2px 2px rgba(0, 0, 0, .2)
}

.merit {
	margin: 0 0 0;
	padding: 5px 0 0 10%;
	position: relative;
}

.merit * {
	margin: 0;
	padding: 0;
}

.merit dt {
	font-weight: 600;
	left: 0%;
	position: absolute;
	top: 4px;
	font-size: 1.45em
}

.merit dd {
	padding: 0 0 0 1%;
	font-size: 1.40em;
}

.plusmem {
	margin: 0 0 0;
	padding: 5px 0 30px 15%;
	position: relative;
}

.plusmem * {
	margin: 0;
	padding: 0;
}

.plusmem dt {
	font-weight: 600;
	font-size: 1.40em
}

.plusmem dt img {
	margin: 0 0 20px;
	left: 0%;
	position: absolute;
	top: 5px;
}

.plusmem dd {
	padding: 20px 0 0;
	;
	font-size: 1.5em;
}

@media screen and (max-width:767px) {
	#merit h3 {
		font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 1.50em;
		line-height: 1.0em;
		color: #3280d4
	}

	#merit p.slogan {
		font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 1.40em;
		line-height: 1.3em;
		color: #393939;
		margin: 20px 0 0 !important
	}

	#merit .bg {
		background: url(../img/sub/5merit_01_bg.jpg) no-repeat center top;
		height: 650px;
		padding: 100px 0 70px
	}

	#merit .bg h3 {
		font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 2.20em;
		line-height: 1.0em;
		color: #fff;
		text-shadow: 2px 2px rgb(0, 0, 0, .2);
		text-shadow: 2px 2px rgba(0, 0, 0, .2)
	}

	.merit {
		padding: 0;
	}

	.merit dt {
		position: relative;
		top: auto;
		left: auto
	}

	.merit dd {
		padding-left: 0;
	}

	.plusmem {
		margin: 0 0 0;
		padding: 5px 0 30px 110px;
		position: relative;
	}

	.plusmem * {
		margin: 0;
		padding: 0;
	}

	.plusmem dt {
		font-weight: 600;
		font-size: 1.40em
	}

	.plusmem dt img {
		margin: 0 0 20px;
		left: 0%;
		position: absolute;
		top: 5px;
	}

	.plusmem dd {
		padding: 20px 0 0;
		;
		font-size: 1.25em;
	}
}

.icon_type_list {
	width: 100%;
}

.icon_type_list > li {
	padding: 50px 0 55px 280px;
	border-bottom: 1px solid #dfdfdf;
}

.icon_type_list > li:first-child {
	padding-top: 50px;
}

/*5대 특장점 아이콘*/
.icon_type_list.issue li.icon1 {
	background: url(../img/sub/5merit_list_ico01.png) no-repeat 25px 50%;
}

.icon_type_list.issue li.icon2 {
	background: url(../img/sub/5merit_list_ico02.png) no-repeat 29px 50%;
}

.icon_type_list.issue li.icon3 {
	background: url(../img/sub/5merit_list_ico03.png) no-repeat 15px 50%;
}

.icon_type_list.issue li.icon4 {
	background: url(../img/sub/5merit_list_ico04.png) no-repeat 34px 50%;
}

.icon_type_list.issue li.icon5 {
	background: url(../img/sub/5merit_list_ico05.png) no-repeat 40px 50%;
}

/*회사소개*/
.greet p {
	font-size: 1.37em;
	line-height: 1.7em;
	color: #666;
	font-weight: 400;
	word-break: keep-all;
	text-align: justify;
}

.greet p span {
	color: #222;
	font-weight: 500
}

/*회사소개 bi*/
.biimg {
	/*height: 60px;*/
	padding: 29px 15px;
	border: 1px solid #d8d8db;
	text-align: center;
	background: url(../img/sub/bg_ci_pattern.png) 0 0 repeat;
	min-height: 165px
}

.colsys::after {
	content: "";
	display: block;
	clear: both;
}

.colsys .col {
	width: 130px;
	float: left;
	margin: 0 20px 0 0
}

.colsys h4 {
	color: #111;
	font-size: 1.30em;
	margin: 7px 0
}

.colsys p {
	font-size: 1.0em;
	line-height: 1.1em;
	letter-spacing: -.050em;
	color: #999
}

@media screen and (max-width:767px) {
	.greet p {
		font-size: 1.20em;
		line-height: 1.5em;
		color: #666;
		font-weight: 400
	}

	.greet p span {
		color: #222;
		font-weight: 500
	}
}

@media screen and (max-width:510px) {
	.colsys .col {
		width: 100%;
		float: left;
		margin: 0 20px 0 0
	}
}


/* 상품개요*/
p.cont {
	font-size: 1.30em;
	margin-bottom: 3px;
	font-weight: 400;
	width: 100%;
	color: #444;
	letter-spacing: -.030em;
	/*/*font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
}

p.charge {
	font-size: 3.20em;
	margin-bottom: 3px;
	font-weight: 300;
	width: 100%;
	color: #444;
	letter-spacing: -.030em;
	/*/*font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
}

span.check {
	background: #EAEAEA;
	border-radius: 20px;
	padding: 7px 20px;
	margin: 7px 0;
	display: inline;
	text-align: center
}

a.request {
	background: #6d9b23;
	border-radius: 20px;
	padding: 7px 20px;
	margin: 7px 2px 7px 0;
	display: inline;
	text-align: center;
	color: #fff !important
}

a.plusmem {
	background: #0d9161;
	border-radius: 20px;
	padding: 7px 20px;
	margin: 7px 2px 7px 0;
	display: inline;
	text-align: center;
	color: #fff !important
}

/* 상품개요 3ea 배너*/
.s3_list {
	width: 100%;
	padding: 0;
	margin: 0px auto;
	position: relative;
	margin: 20px 0 0
}

.s3_list ul {}

.s3_list li {
	display: inline-block;
	width: 300px;
	margin: 0 30px 0 0
}

.s3_list li:nth-child(3) {
	margin: 0
}

.s3_list li .box {
	/*background:#fff;*/
	margin-bottom: 20px;
}

.s3_list li .box .photo {
	text-align: center;
	padding: 20px 0 0
}

.s3_list li .box .photo img {
	width: 100%
}

.s3_list li .box .content {
	padding: 20px;
	text-align: center;
	background: #6d9b23;
	min-height: 150px;
	border-radius: 0 0 5px 5px
		/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/
}

.s3_list li:nth-child(2) .box .content {
	background: #0d9161;
}

/*.s3_list li:nth-child(3) .box .content{background:#87817b;}*/
.s3_list li:nth-child(3) .box .content {
	background: #0d8891;
}

.s3_list li .box .content h4 {
	font-size: 1.50em;
	line-height: 1.4em;
	color: #fff;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.015em;
	padding: 0 0 20px
}

.s3_list li .box .content p {
	color: rgb(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.25em;
	line-height: 1.3em;
	margin: 17px 0 25px
}

.s3_list li .box .content p.more {
	color: #fff;
	font-size: 0.90em;
	margin: 10px 0 0;
	display: inline;
}

.s3_list li .box .content p.more a {
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid rgb(255, 255, 255, .3);
	border: 1px solid rgba(255, 255, 255, .3);
}

.s3_list li .box .content p.more a:hover {
	background: #2e3740;
	border: 1px solid rgb(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	padding: 10px 20px;
}

/* 상품개요 4ea 배너*/
.s4_list {
	width: 100%;
	padding: 15px;
	margin: 10px 0;
	position: relative
}

.s4_list p.title02 {
	position: absolute;
	top: -15px;
	z-index: 10;
	left: 50%;
	margin-left: -100px
}

.s4_list p.title02 span {
	background: #fff;
	font-size: 2.7em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	padding: 0 10px 0;
	letter-spacing: -.055em;
}

.s4_list ul {}

.s4_list li:first-child {
	display: inline-block;
	width: 24.0%;
	margin: 0 1% 0 0;
}

.s4_list li:nth-child(2) {
	display: inline-block;
	width: 24.0%;
	margin: 0 0.5% 0;
}

.s4_list li:nth-child(3) {
	display: inline-block;
	width: 24.0%;
	margin: 0 0.5% 0;
}

.s4_list li:nth-child(4) {
	display: inline-block;
	width: 24.0%;
	margin: 0 0 0 1%;
}

/*.s4_list li:first-child{display:inline-block; width:32%; margin:0 1% 0 0}
.s4_list li:nth-child(3n+4){display:inline-block; width:32%; margin:0 1% 0 0}
.s4_list li:nth-child(3n+3){display:inline-block; width:32%; margin:0 0 0 1%}
.s4_list li:last-child{display:inline-block; width:97%; margin:0 1.5%}*/
.s4_list li .box {
	/*box-shadow: 0 1px 1px rgba(0,0,0,0.08);*/
	margin-bottom: 20px
}

.s4_list li .box .photo img {
	width: 100%
}

.s4_list li .box .content {
	padding: 20px;
	text-align: center;
	/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef; min-height: 180px;*/
}

.s4_list li .box .content h4 {
	font-size: 1.5em;
	line-height: 2.4em;
	color: #333;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.055em
}

.s4_list li .box .content p.st {
	font-size: 1.00em;
	line-height: 0em;
	color: #6c6c6c;
	font-weight: 300;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: 0
}

.s4_list li .box .content p {
	color: #5c5c5c;
	font-size: 1.20em;
	line-height: 1.4em;
	margin: 17px 0 0
}

/* 상품안내 */
.service_name > p {
	font-size: 1.20em;
	line-height: 1.3em;
	color: #000000
}

.service_name ul {
	margin: 15px 0;
	text-align: center
}

.service_name ul li {
	float: left;
	width: 49%;
	margin: 0 0 17px
}

.service_name ul li:first-child {
	margin-right: 2%;
}

.service_name ul li:nth-child(3) {
	margin-right: 2%;
}

.service_name-inner {
	border: 1px solid #CBCBCB;
	border-radius: 5px;
	padding: 10px 0 25px;
	background: #fcfcfc
}

a:hover .service_name-inner {
	border: 1px solid #7fa832;
	background: #f7faf2
}

.service_name-inner h4 {
	font-size: 2.20em;
	line-height: 2.4em;
	color: #333;
	font-weight: 400;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;
}

a:hover .service_name-inner h4 {
	color: #7fa832;
	font-weight: 500
}

.service_name-inner p {
	font-size: 1.25em;
	line-height: 1.3em;
	color: #747474;
}

.service_name-inner p.charge {
	font-size: 2.0em;
	line-height: 1.8em;
	color: #000;
	font-weight: 500
}

/* 상품안내 버튼 */
.service_btn {
	background: url("../img/common/btn_service_more.png") no-repeat center;
	width: 50px;
	height: 50px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0px auto
}

a:hover .service_btn {
	background: url("../img/common/btn_service_more_on.png") no-repeat center;
}


@media screen and (max-width:1199px) {
	.s3_list {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		left: auto;
		margin-left: -auto;
		top: auto
	}

	.s3_list ul {}

	.s3_list li {
		display: inline-block;
		width: 33.333%;
		margin: 0
	}

	.s3_list li .box {
		background: #fff;
		margin-bottom: 15px
	}

	.s3_list li .box .photo {
		max-width: 100%
	}

	.s3_list li .box .content {
		padding: 15px;
		text-align: center;
		background: #6d9b23;
		min-height: 140px
			/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/
	}

	.s3_list li .box .content p.title {
		margin: 10px 0 0 !important;
		font-size: 1.05em;
		line-height: 0.8em;
		color: #fff;
		font-weight: 500;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: -.015em;
		min-height: 30px;
	}

	.s3_list li .box .content h4 {
		font-size: 1.30em;
		padding: 0 0 10px
	}

	.s3_list li .box .content p {
		color: rgb(255, 255, 255, 0.6);
		color: rgba(255, 255, 255, 0.6);
		font-size: 1.15em;
		line-height: 1.35em;
		margin: 17px 0 0
	}

	.s3_list li .box .content p.more a {
		padding: 5px 20px;
	}

	.s3_list li .box .content p.more a:hover {
		background: #2e3740;
		border: 1px solid rgb(255, 255, 255, 1);
		border: 1px solid rgba(255, 255, 255, 1);
		padding: 5px 20px;
	}

	/* 상품안내 */
	.service_name-inner h4 {
		font-size: 2.0em;
		line-height: 2.0em
	}

	.service_name-inner p {
		font-size: 1.20em;
		line-height: 1.2em
	}

	.service_name-inner p.charge {
		font-size: 1.5em;
		line-height: 1.8em;
		color: #000;
		font-weight: 500
	}
}

.btn_group li a {
	background: #7fa832;
	border: 0px;
	color: #fff;
	padding: 20px;
	display: block;
	text-align: center;
	font-size: 1.30em
}

.btn_group li:nth-child(1) a {
	border-radius: 5px 0 0 5px
}

.btn_group li:nth-child(2) a {
	background: #0d9161
}

/*.btn_group li:nth-child(3) a{ background:#87817b; border-radius:0 5px 5px 0}*/
.btn_group li:nth-child(3) a {
	background: #0d8891;
	border-radius: 0 5px 5px 0
}


@media screen and (max-width:767px) {
	p.cont {
		font-size: 1.10em;
		margin-bottom: 3px;
		font-weight: 400;
		width: 100%;
		color: #444;
		letter-spacing: -.030em;
		/*/*font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
	}

	span.check {
		background: #EAEAEA;
		border-radius: 20px;
		padding: 7px 20px;
		margin: 7px 0 0;
		text-align: center;
		display: block
	}

	a.request {
		background: #6d9b23;
		border-radius: 20px;
		padding: 7px 20px;
		margin: 0px 0;
		text-align: center;
		display: block;
		color: #fff !important
	}

	a.plusmem {
		background: #0d9161;
		border-radius: 20px;
		padding: 7px 20px;
		margin: 7px 0;
		display: block;
		text-align: center;
		color: #fff !important
	}

	.s3_list li .box .content p {
		color: rgb(255, 255, 255, 0.6);
		color: rgba(255, 255, 255, 0.6);
		font-size: 1.07em;
		line-height: 1.35em;
		margin: 17px 0 0
	}

	.s4_list {
		width: 100%;
		padding: 15px;
		margin: 10px 0;
	}

	.s4_list ul {}

	.s4_list li:first-child {
		display: inline-block;
		width: 48.0%;
		margin: 0 1% 0;
	}

	.s4_list li:nth-child(2) {
		display: inline-block;
		width: 48.0%;
		margin: 0 1% 0;
	}

	.s4_list li:nth-child(3) {
		display: inline-block;
		width: 48.0%;
		margin: 0 1% 0;
	}

	.s4_list li:nth-child(4) {
		display: inline-block;
		width: 48.0%;
		margin: 0 1% 0;
	}

	/*.s4_list li:last-child{display:inline-block; width:96%; margin:0 2%}*/
	.s4_list li .box {
		/*box-shadow: 0 1px 1px rgba(0,0,0,0.08);*/
		margin-bottom: 10px
	}

	.s4_list li .box .photo {
		max-width: 100%
	}

	.s4_list li .box .content {
		text-align: center;
		/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;min-height: 200px;*/
		padding: 2px;
	}

	.s4_list li .box .content h4 {
		font-size: 1.3em;
		line-height: 2.0em;
		color: #333;
		font-weight: 500;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: -.055em
	}

	.s4_list li .box .content p {
		color: #5c5c5c;
		font-size: 1.10em;
		line-height: 1.4em;
		margin: 17px 0 0
	}

	.s4_list li .box .content p.st {
		font-size: 1.00em;
		line-height: 0em;
		color: #6c6c6c;
		font-weight: 300;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: 0
	}

	/* 상품안내 */
	.service_name > p {
		font-size: 12px;
		line-height: 17px;
	}

	.service_name-inner {
		padding: 10px 0 20px
	}

	.service_name-inner h4 {
		font-size: 1.8em;
		line-height: 2.0em;
	}

	.service_name-inner p {
		font-size: 1.1em;
		line-height: 1.3em;
		width: 90%;
		margin: 0 5% !important;
	}

	.btn_group li a {
		background: #7fa832;
		border: 0px;
		color: #fff;
		padding: 15px;
		display: block;
		text-align: center;
		font-size: 1.15em
	}

	.btn_group li:nth-child(1) a {
		border-radius: 5px 5px 0 0
	}

	.btn_group li:nth-child(2) a {
		background: #0d9161
	}

	.btn_group li:nth-child(3) a {
		background: #0d8891;
		border-radius: 0 0 5px 5px
	}
}

@media all and (max-width:580px) {

	/* 상품개요*/
	.icon_type_list > li {
		margin-bottom: 50px;
		background-position: 50% 0px !Important;
	}

	.icon_type_list > li,
	.icon_type_list > li:first-child {
		padding: 185px 10px 50px 10px !important;
	}

	.icon_type_list.hope {
		padding-top: 50px;
	}

	.service_name ul li {
		width: 100%;
		float: none;
	}

	.service_name ul li:first-child {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:480px) {
	.s3_list li {
		display: inline-block;
		width: 100%;
		margin: 0
	}

	.s3_list li .box {
		background: #fff;
		margin-bottom: 0
	}

	.s3_list li .box .content {
		min-height: auto
	}
}


/* 회원혜택 */
.membership {
	background: url(../img/sub/membership.jpg) no-repeat center top;
}

.membership .slogan {
	padding: 50px;
	position: relative;
	text-align: center
}

.membership .slogan h3 {
	/*font-family:'NanumSquareB', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
	font-size: 4.20em;
	line-height: 1.0em;
	color: #fff
}

.membership .slogan h3 span {
	font-size: 0.50em;
	color: rgb(255, 255, 255, .8);
	color: rgba(255, 255, 255, .8)
}

.membership .slogan h4.title {
	background: #2679e4;
	border-radius: 5px;
	text-align: center;
	padding: 4px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 1.20em;
	margin: 10px 0 0;
	display: inline-block
}

.membership .slogan p.en {
	color: #2679e4;
	/*font-family:'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
	font-size: 3.70em;
	font-weight: 200;
	line-height: 2.0em;
}

.membership00 {
	padding: 20px 50px 50px;
	margin: 35px 0 0
}

.membership00 p.en {
	color: #7fa832;
	/*font-family:'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
	font-size: 2.70em;
	font-weight: 200;
	line-height: 2.4em;
}

.membership01 {
	background: #fafafa;
	padding: 40px;
	margin: 50px 0 0
}

.membership01 li {
	background: #fff;
	padding: 20px;
	width: 214px;
	text-align: center;
	display: inline-block;
	margin: 0 8px 15px 0;
	vertical-align: top
}

.membership01 li:nth-child(4n) {
	margin: 0
}

.membership01 li div.product {
	min-height: 175px;
	vertical-align: middle
}

.membership01 li h4.title {
	background: #2679e4;
	border-radius: 5px;
	text-align: center;
	padding: 4px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 1.20em;
	margin: 10px 0
}

/* 플러스회원 */
.membership02 {
	background: url(../img/sub/membership02.jpg) no-repeat center top;
	height: 1150px;
}

.membership02 .slogan {
	padding: 10px 50px 50px;
	position: relative;
	text-align: center
}

.membership02 .slogan h3 {
	/*font-family:'NanumSquareB', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
	font-size: 4.70em;
	line-height: 1.0em
}

.membership02 .slogan h3 span {
	font-size: 0.50em;
}

.membership02 .slogan h4.title {
	background: #2679e4;
	border-radius: 5px;
	text-align: center;
	padding: 10px 15px;
	color: #fff;
	font-weight: 400;
	font-size: 1.40em;
	margin: 10px 0 0;
	display: inline-block
}

.membership02 .slogan p.en {
	color: #2679e4;
	font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 3.70em;
	font-weight: 200;
	line-height: 2.0em;
}

.membership02 .gift {
	position: absolute;
	width: 300px;
	height: 300px;
	display: block;
	background: #fff;
	border: 5px solid #2679e4;
	top: 420px;
	left: 50%;
	margin-left: -150px;
	border-radius: 100%;
	background: url(../img/sub/gift.jpg) no-repeat center center
}

@media screen and (max-width:991px) {
	.membership {
		background: url(../img/sub/membership_m.jpg) no-repeat center top;
	}

	.membership .slogan {
		padding: 20px;
		position: relative;
		text-align: center
	}

	.membership .slogan h3 {
		font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 3.20em;
		line-height: 1.0em;
		color: #fff
	}

	.membership .slogan h3 span {
		font-size: 0.50em;
		color: rgb(255, 255, 255, .8);
		color: rgba(255, 255, 255, .8)
	}

	.membership00 {
		padding: 10px 20px 20px;
		margin: 25px 0 0
	}

	.membership01 {
		background: #fafafa;
		padding: 15px
	}

	.membership01 li {
		background: #fff;
		padding: 20px;
		width: 48%;
		text-align: center;
		display: inline-block;
		margin: 0 1% 10px;
		vertical-align: top
	}

	.membership01 li:nth-child(4n) {
		margin: 0 1% 10px;
	}

	.membership01 li div.product img {
		width: 100%
	}

	.membership02 {
		background-size: cover
	}

	.membership02 {
		background: url(../img/sub/membership02.jpg) no-repeat center top;
		background-size: cover
	}

	.membership02 .slogan {
		padding: 10px 10px 10px;
		position: relative;
		text-align: center
	}

	.membership02 .slogan h3 {
		font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 2.60em;
		line-height: 1.0em
	}

	.membership02 .slogan p.en {
		color: #2679e4;
		font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 2.70em;
		font-weight: 200;
		line-height: 2.0em;
	}

	.membership02 .gift {
		position: relative;
		width: 300px;
		height: 300px;
		display: block;
		background: #fff;
		border: 5px solid #2679e4;
		top: auto;
		left: 50%;
		margin-left: -150px;
		margin-top: 50px;
		border-radius: 100%;
		background: url(../img/sub/gift.jpg) no-repeat center center
	}
}

@media screen and (max-width:767px) {
	.membership02 {
		background: url(../img/sub/membership02.jpg) no-repeat center top;
		height: 850px;
		background-size: cover;
	}

	.membership .col-md-5 {
		text-align: center
	}

	.membership .slogan {
		padding: 35px 20px 20px;
		position: relative;
		text-align: center
	}

	.membership .slogan h3 {
		font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 2.20em;
		line-height: 1.0em;
		color: #fff;
		margin: 0 0 40px
	}

	.membership00 p.en {
		color: #7fa832;
		font-family: 'NanumSquare', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		font-size: 2.00em;
		font-weight: 200;
		line-height: 2.4em;
	}

	#pro .imgWidth02 {
		width: 100%
	}
}

@media screen and (max-width:500px) {
	.img img {
		width: 100%
	}

	.membership01 {
		background: #fafafa;
		padding: 10px
	}

	.membership01 li {
		background: #fff;
		padding: 20px;
		width: 96%;
		text-align: center;
		display: inline-block;
		margin: 0 2% 10px;
		vertical-align: top
	}

	.membership01 li:nth-child(2n) {
		width: 96%;
		margin: 0 2% 10px;
	}

	.membership01 li div.product img {
		width: 100%
	}
}


.manager_01 {
	width: 250px;
	height: 250px;
	border-radius: 100%;
	background: #7fa832;
	padding: 20px 0 10px 0;
	float: right
}

.manager_01 img {
	margin: 0 0 10px;
	width: 40%
}

.manager_01 .t {
	padding: 0;
	word-break: break-all;
	font-size: 1.5em;
	line-height: 2.2em;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 7px;
}

.manager_01 .c {
	padding: 0;
	word-break: break-all;
	font-size: 1.2em;
	line-height: 1.2em;
	color: rgb(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 7px;
}

.manager_02 {
	width: 250px;
	height: 250px;
	border-radius: 100%;
	background: #0d9161;
	padding: 20px 0 10px 0;
	margin: 0px auto
}

.manager_02 img {
	margin: 0 0 10px;
	width: 40%
}

.manager_02 .t {
	padding: 0;
	word-break: break-all;
	font-size: 1.5em;
	line-height: 2.2em;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 7px;
}

.manager_02 .c {
	padding: 0;
	word-break: break-all;
	font-size: 1.2em;
	line-height: 1.2em;
	color: rgb(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 7px;
}


.manager_03 {
	width: 250px;
	height: 250px;
	border-radius: 100%;
	background: #87817b;
	padding: 20px 0 10px 0;
	float: left
}

.manager_03 img {
	margin: 0 0 10px;
	width: 40%
}

.manager_03 .t {
	padding: 0;
	word-break: break-all;
	font-size: 1.5em;
	line-height: 2.2em;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 7px;
}

.manager_03 .c {
	padding: 0;
	word-break: break-all;
	font-size: 1.2em;
	line-height: 1.2em;
	color: rgb(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 7px;
}


.manager_04 {
	width: 270px;
	height: 270px;
	border-radius: 100%;
	background: #292b89;
	padding: 60px 0 10px 0;
	margin: 0px auto
}

.manager_04 .t {
	padding: 0;
	word-break: break-all;
	font-size: 1.85em;
	line-height: 1.2em;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.05em;
}

.manager_04 .c {
	padding: 0;
	word-break: break-all;
	font-size: 1.10em;
	line-height: 1.2em;
	color: #fff;
	font-weight: bold;
	letter-spacing: -.055em;
	opacity: 0.7
}

@media screen and (max-width:767px) {
	.manager_01 {
		width: 250px;
		height: 250px;
		border-radius: 100%;
		background: #7fa832;
		padding: 30px 0 10px 0;
		margin: 10px auto;
		float: none
	}

	.manager_01 .t {
		padding: 0;
		word-break: break-all;
		font-size: 1.5em;
		line-height: 2.2em;
		color: #fff;
		font-weight: bold;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: -.05em;
		margin: 0 0 7px;
	}

	.manager_01 .c {
		padding: 0;
		word-break: break-all;
		font-size: 1.20em;
		line-height: 1.2em;
		color: #fff;
		font-weight: bold;
		letter-spacing: -.055em;
		opacity: 0.7
	}

	.manager_02 {
		width: 250px;
		height: 250px;
		border-radius: 100%;
		background: #0d9161;
		padding: 30px 0 10px 0;
		margin: 10px auto
	}

	.manager_02 .t {
		padding: 0;
		word-break: break-all;
		font-size: 1.5em;
		line-height: 2.2em;
		color: #fff;
		font-weight: bold;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: -.05em;
		margin: 0 0 7px;
	}

	.manager_02 .c {
		padding: 0;
		word-break: break-all;
		font-size: 1.20em;
		line-height: 1.2em;
		color: #fff;
		font-weight: bold;
		letter-spacing: -.055em;
		opacity: 0.7
	}

	.manager_03 {
		width: 250px;
		height: 250px;
		border-radius: 100%;
		background: #87817b;
		padding: 30px 0 10px 0;
		margin: 10px auto;
		float: none
	}

	.manager_03 .t {
		padding: 0;
		word-break: break-all;
		font-size: 1.5em;
		line-height: 2.2em;
		color: #fff;
		font-weight: bold;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: -.05em;
		margin: 0 0 7px;
	}

	.manager_03 .c {
		padding: 0;
		word-break: break-all;
		font-size: 1.20em;
		line-height: 1.2em;
		color: #fff;
		font-weight: bold;
		letter-spacing: -.055em;
		opacity: 0.7
	}

	.manager_04 {
		width: 270px;
		height: 270px;
		border-radius: 100%;
		background: #292b89;
		padding: 60px 0 10px 0;
		margin: 10px auto
	}

	.manager_04 .t {
		padding: 0;
		word-break: break-all;
		font-size: 1.85em;
		line-height: 1.2em;
		color: #fff;
		font-weight: bold;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		letter-spacing: -.05em;
	}

	.manager_04 .c {
		padding: 0;
		word-break: break-all;
		font-size: 1.10em;
		line-height: 1.2em;
		color: #fff;
		font-weight: bold;
		letter-spacing: -.055em;
		opacity: 0.7
	}
}

/* 부고카드 */
.layout .col-md-3 {
	width: 25%
}

.layout img {
	display: block;
	margin: 0px auto 15px
}

.tb_write {
	text-align: left;
	margin: 0 0 20px
}

.tb_write h3 {
	text-align: center;
	font-size: 1.80em;
	color: #4c4c4c;
	font-weight: 500;
	letter-spacing: -.055em;
	display: inline-block;
	line-height: 2.0em;
	vertical-align: middle;
	font-family: 'NanumSquareB', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	width: 100%
}

.tb_write table {
	font-size: 13px;
	background-color: #fff;
	border-top: 2px solid #1e1a1b;
	border-bottom: 1px solid #1e1a1b;
	width: 100%
}

.tb_write table tbody th {
	padding: 24px 0 24px 0;
	color: #363636;
	text-align: center;
	border-top: 1px solid #dcddde;
	background-color: #f7f7f7;
	font-weight: 600;
	font-size: 1.20em
}

/* 2018-07-19 modify */
.tb_write table tbody td {
	padding: 7px 0 7px 14px;
	text-align: left;
	border-top: 1px solid #dcddde
		/*;border-left:1px solid #dcddde*/
}

/* 2018-07-19 modify */
.tb_write table tbody td button.btn_basic1,
a.btn_basic1 {
	color: #fff !important;
	background-color: #599ccf;
	border: 0;
	padding: 2px 10px;
}

.tb_write table tbody td * {
	vertical-align: middle
}

.tb_write table tbody tr:first-child th,
.tb_write table tbody tr:first-child td {
	border-top: none
}

.tb_write.table tbody td select {
	height: 36px;
	border: 1px solid #959595;
}

/*
.tb_write table tbody tr:last-child th,
.tb_write table tbody tr:last-child td {border-bottom-color:#1e1a1b}
*/
.tb_write table tbody td.text_edit {
	padding: 40px 45px;
	border-top-color: #1e1a1b
}

.tb_write table tbody td.text_edit textarea {
	height: 500px;
	width: 100%
}

.tb_write table tbody td input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="date"] {
	height: 36px;
	padding: 5px 16px;
	border: 1px solid #959595;
	/*font-size: 16px;*/
	border-radius: 0 !important;
	-webkit-appearance: none !important;
	outline: none;
	box-sizing: border-box;
	border-radius: 4px !important;
	/*line-height: 26px;*/
	color: #363636;
}

.tb_write table tbody td p {
	font-size: 1.1em;
	margin: 7px 0 !important
}

.hipen {
	display: inline-block;
	padding: 0 2px;
	color: #363636
}

.mail_a {
	display: inline-block;
	padding: 0 2px;
	color: #363636
}

.tb_write table tbody td input + .sel_type2,
.form_box .cols + .cols,
.form_box .not_cols + .not_cols {
	margin-left: 5px
}

.form_box .cols,
.form_box .not_cols {
	display: inline-block;
	vertical-align: middle;
}

.ie9 .form_box .cols button {
	margin: 0 -12px
}

.tb_write .into_t {
	margin-top: 8px
}

.tb_write .into_t .checkbox1 {
	position: relative;
	top: -2px;
	margin-left: 10px
}

.tb_write .into_t .checkbox1 label:before {
	top: 6px
}

.form_box .cols + .cols.radio_group {
	margin-left: 24px
}

.tb_write table tbody td .form_box ~ .form_box {
	margin-top: 7px
}

.form_box .cols,
.form_box .not_cols {
	display: inline-block;
	vertical-align: middle
}

.form_box [class*="btn_basic"].small {
	height: 36px;
	vertical-align: bottom
}

.form_box input + [class*="btn_basic"].smafll {
	margin-left: 5px
}

.form_area {
	position: relative
}

.form_area .form_box.choice_sel {
	margin-top: 0 !important;
	padding: 0 0 5px;
}

.form_area .form_box.choice_sel select {
	height: 36px;
	border: 1px solid #959595;
}

.tb_write .form_box .cols.in_w05 {
	padding-right: 45px
}

.form_box.cooperation {
	margin-top: 10px
}

.form_box.cooperation .sel_type2 {
	min-width: 260px
}

.dl_form dl:after {
	content: '';
	display: table;
	clear: both
}

.dl_form dl dt {
	float: left;
	text-align: right;
	line-height: 40px;
	font-size: 18px;
	font-family: 'notokr-medium', 'sans-serif'
}

.dl_form dl dt *,
.dl_form dl dd * {
	vertical-align: middle;
}

.dl_form dl dd {
	overflow: hidden;
	padding-left: 10px;
	text-align: left;
	font-size: 18px;
	font-family: 'notokr-medium', 'sans-serif'
}

.dl_form input[type='text'],
.dl_form input[type='password'],
.dl_form input[type='email'],
.dl_form input[type='tel'],
.dl_form input[type='search'],
.dl_form input[type='number'] {
	height: 40px;
	line-height: 40px
}

.dl_form dl ~ dl {
	margin-top: 10px
}

.from_type2 {
	text-align: center
}

.from_type2 ~ .from_type2 {
	margin-top: 10px
}

.from_type2:after {
	content: '';
	display: table;
	clear: both
}

.from_type2 .tit,
.from_type2 .form_box {
	display: inline-block
}

.from_type2 .tit {
	margin-right: 10px
}

button[class*="btn_basic"],
a[class*="btn_basic"] {
	display: inline-block;
	min-width: 200px;
	padding: 0 10px;
	height: 50px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	border: 2px solid transparent;
}

.btn_area button.btn_basic1,
a.btn_basic1 {
	color: #fff !important;
	background-color: #599ccf;
	border: 0;
	padding: 2px 10px;
}

.btn_area button.btn_basic2,
a.btn_basic2 {
	color: #599ccf;
	border-color: #599ccf;
	background-color: #fff;
}

.btn_area button.btn_basic3,
a.btn_basic3 {
	color: #599ccf;
	border-color: #599ccf;
	background-color: #fff;
}

.btn_area {
	text-align: center;
	margin: 20px 0 0
}

.btn_area .cols {
	display: inline-block;
	vertical-align: bottom
}

.url_search {
	background: url(../img/sub/arti_input_bg.png) no-repeat 2% center #ededed;
	border-radius: 3px;
	padding: 20px 10px;
	font-size: 0.9em;
	color: rgb(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
	width: 700px;
	margin: 0px auto
}

.url_search input {
	background: transparent;
	border: 0;
	color: #999;
	font-size: 1.30em;
	width: 90%;
	margin: 0 0 0 10%;
}

.phone_view {
	min-width: 300px;
	width: 400px;
	height: 840px;
	margin: 20px auto;
	background: url(../img/sub/phone.png) no-repeat 0 0;
	padding: 103px 14px 99px 11px;
	box-sizing: border-box;
}

.phone_view .screen {
	position: relative;
	height: calc(638px - 0px);
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px 0;
	margin-right: 0px;
	background: #fff;
	/* margin-right: -17px;*/
}

.phone_mview {
	width: 400px;
	margin: 0px auto
}

.phone_mview .phone_mview_bg .mscreen {
	background: url(../img/sub/mphonebg.png) no-repeat;
	background-size: 100%;
	height: calc(400px - 0px);
	overflow-y: scroll;
}

.rsv-add-req {
	position: relative;
	background: #f5f5f5;
}

.rsv-add-req:after {
	content: "";
	display: block;
	clear: both;
}

.rsv-add-req .rsv-frm-tit {
	background: #5fa2e9;
}

.rsv-add-req > div {
	padding: 20px 30px;
}

.rsv-add-req textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d8d2ca;
	min-height: 200px;
	padding: 20px
}

h3.rsv-frm-tit {
	display: block;
	color: #FFF;
	padding: 12px 30px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	font-size: 1.40em
}

h3.rsv-frm-tit span {
	font-size: 0.80em;
	margin: 0 0 0 7px;
	color: rgb(255, 255, 255, .7);
	color: rgba(255, 255, 255, .7)
}

.sendinfo {
	background: #f5f5f5;
	padding: 20px 30px
}

.sendinfo .input-text {
	height: 40px;
	padding: 6px 20px;
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 1.5rem;
	border-radius: 0;
	width: 100%;
}

.form_group label {
	color: #555;
	font-size: 1.15em;
	margin: 0 0 10px;
}

.in_w01 {
	width: 400px
}

@media screen and (max-width:767px) {
	.url_search {
		background: url(../img/sub/arti_input_bg.png) no-repeat 2% center #ededed;
		border-radius: 3px;
		padding: 20px 10px;
		font-size: 0.9em;
		color: rgb(255, 255, 255, 0.7);
		color: rgba(255, 255, 255, 0.7);
		width: 100%;
		margin: 0px auto
	}

	.url_search input {
		background: transparent;
		border: 0;
		color: #999;
		font-size: 1.30em;
		width: 80%;
		margin: 0 0 0 20%;
	}

	.tb_write table tbody td * {
		vertical-align: middle;
		width: 100%;
		display: block;
	}

	.tb_write table tbody td * img {
		width: auto
	}

	.tb_list,
	.tb_list.type3 {
		font-size: 14px
	}

	.tb_list table thead th,
	.tb_list table tbody td {
		padding: 13px 0 14px 0
	}

	.only_mobile .tb_list table thead th,
	/* .only_mobile .tb_list table tbody td {font-size:13px} */
	/* .only_mobile .tb_list table tbody td {font-size:13px;height:46px}  2018-07-15 modify */
	.only_mobile .tb_list table tbody td {
		font-size: 13px;
		height: 46px;
		padding: 0
	}

	/* 2018-07-16 modify */
	[class*="tb_list"] table tbody .detail_box td {
		padding: 15px
	}

	[class*="tb_list"].tr_open table tbody .tl {
		padding-left: 15px
	}

	.tb_list.wide {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch
	}

	.tb_list.wide table thead .top_th th {
		font-size: 14px
	}

	.table_scroll .tb_list.wide table {
		width: auto;
		table-layout: auto;
		white-space: nowrap
	}

	.table_scroll .tb_list.wide table thead th {
		padding: 0 20px;
		height: 43px
	}

	.tb_list.wide.mobile_basic table thead {
		display: table-header-group
	}

	.tb_list.fixed ~ .tb_list.wide {
		padding-top: 0
	}

	.tb_list table tbody tr td.no_data {
		padding: 40px 0;
		text-align: center;
		font-size: 16px
	}

	.tb_list.tr_open table tbody td [class*="info_type"] {
		margin-right: 7px;
		font-size: 14px;
		height: 24px;
		line-height: 24px
	}

	.tb_list2 table {
		font-size: 14px
	}

	.tb_list2 table tbody th {
		padding: 13px 0 14px 0
	}

	.tb_list2 table tbody td {
		padding: 13px 20px 14px 20px
	}

	.tb_list3 {
		margin-top: 20px
	}

	.tb_write table {
		font-size: 13px
	}

	.tb_write table colgroup {
		display: none
	}

	.tb_write table tbody th,
	.tb_write table tbody td {
		display: block;
	}

	.tb_write table tbody td input + .sel_type2,
	.form_box .cols + .cols,
	.form_box .not_cols + .not_cols {
		margin-left: 0
	}

	/*
.tb_write table tbody th {padding:10px 0 5px 0;text-align:left;font-size:14px;border-bottom:none}
.tb_write table tbody td {border-left:none;border-top:none;padding:0 0 10px 0} */
	.tb_write table tbody th {
		padding: 10px 0 5px 10px !important;
		text-align: left;
		font-size: 14px;
		border-bottom: none
	}

	/* 07-16 modify */
	.tb_write table tbody td {
		border-left: none;
		border-top: none;
		padding: 0 10px 10px 10px
	}

	/* 07-16 modify */
	.tb_write table tbody td.text_edit {
		border-top: 1px solid #1e1a1b
	}

	.tb_write table tbody td.text_edit textarea {
		height: 250px
	}

	.tb_list.not_thead,
	.checkbox1.type2 label {
		font-size: 13px
	}

	.checkbox1.type2 label {
		padding-left: 20px
	}

	.tb_list.not_thead colgroup,
	.tb_list.not_thead table thead {
		display: none
	}

	.tb_list.not_thead table tbody tr {
		position: relative;
		display: block;
		padding: 10px;
		text-align: left;
		border-bottom: 1px solid #ddd
	}

	.tb_list.not_thead table tbody tr.point {
		border-bottom-color: #898989
	}

	.tb_list.not_thead table tbody tr:last-child {
		border-bottom: 1px solid #1e1a1b
	}

	.tb_list.not_thead table tbody tr td {
		display: inline-block;
		padding: 0;
		border-bottom: none
	}

	.tb_list.not_thead table tbody td.name {
		display: block;
		margin-bottom: 5px;
		text-align: left
	}

	.tb_list.not_thead table tbody td.bbs_title {
		display: block;
		margin-bottom: 5px;
		text-align: left;
		font-size: 17px;
	}

	.tb_list.not_thead table tbody td:before {
		font-family: 'notokr-medium', 'sans-serif'
	}

	.tb_list.not_thead table tbody td.name:before {
		content: '검진자 : '
	}

	.tb_list.not_thead table tbody td.day_t:before {
		content: '검진일 : '
	}

	.tb_list.not_thead table tbody td.day_t2:before {
		content: '등록일 : '
	}

	.tb_list.not_thead table tbody td.day_t22:before {
		content: ''
	}

	.tb_list.not_thead table tbody td.day_t3:before {
		content: '접수기간 : '
	}

	.tb_list.not_thead table tbody td.day_t4:before {
		content: '작성(수정)일 : '
	}

	.tb_list.not_thead table tbody td.type_t:before {
		content: '분류 : '
	}

	.tb_list.not_thead table tbody td.center_t:before {
		content: '검진센터 : '
	}

	.tb_list.not_thead table tbody td.name_t:before {
		content: '이름 : '
	}

	.tb_list.not_thead table tbody td.active_t:before {
		content: '진행상황 : '
	}

	.tb_list.not_thead table tbody td.day_t2,
	.tb_list.not_thead table tbody td.day_t3,
	.tb_list.not_thead table tbody td.day_t4,
	.tb_list.not_thead table tbody td.center_t {
		margin-left: 15px
	}

	h3.rsv-frm-tit span {
		font-size: 0.80em;
		margin: 0 0 0 7px;
		color: rgb(255, 255, 255, .7);
		color: rgba(255, 255, 255, .7);
		display: block;
		line-height: 1.2em
	}
}

@media screen and (max-width:450px) {
	.phone_view {
		min-width: 300px;
		width: 100%;
		height: 840px;
		margin: 20px auto;
		background: url(../img/sub/phone.png) no-repeat 0 0;
		padding: 80px 14px 99px 11px;
		box-sizing: border-box;
		background-size: contain;
	}

	.phone_view .screen {
		position: relative;
		height: calc(100% - 10%);
		overflow-x: hidden;
		overflow-y: scroll;
		margin: 0px 0;
		margin-right: 0px;
		background: #fff;
		/* margin-right: -17px;*/
	}

	.phone_mview {
		width: 100%;
		margin: 0px
	}
}

@media screen and (max-width:380px) {
	.phone_view {
		min-width: auto;
		width: 100%;
		height: 840px;
		margin: 20px auto;
		background: url(../img/sub/phone.png) no-repeat 0 0;
		padding: 80px 14px 99px 11px;
		box-sizing: border-box;
		background-size: 100%;
	}

	.phone_view .screen {
		position: relative;
		height: calc(100% - 30%);
		overflow-x: hidden;
		overflow-y: scroll;
		margin: 0px 0;
		margin-right: 0px;
		background: #fff;
		/* margin-right: -17px;*/
	}
}

@media screen and (max-width:320px) {
	.phone_view .screen {
		position: relative;
		height: calc(100% - 35%);
		overflow-x: hidden;
		overflow-y: scroll;
		margin: 0px 0;
		margin-right: 0px;
		background: #fff;
		/* margin-right: -17px;*/
	}
}

/*부고카드 미리보기*/

.con_group .col-xs-2 {
	width: 70px
}

.con_group .col-xs-10 {
	width: calc(70% - 10px);
}

#type01 {
	background: url(../img/sub/type01_bg.jpg) no-repeat top center #fff;
	background-size: cover;
}

#type01 .con_group {
	padding: 20px 15px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 25px
}

#type01 .con_group .ribbon {
	padding: 0 0 20px;
	background: url(../img/sub/ribbon.png) no-repeat 18% 100%;
	background-size: 15px 21px
}

#type01 h2 {
	background: #595352;
	;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 1.20em;
	color: #fff
}

#type01 h3 {
	background: url(../img/sub/scroll_intro.png) no-repeat center center;
	line-height: 1.60em;
	font-size: 0.85em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	margin: 20px 0 40px;
	padding: 190px 0 0;
	min-height: 400px;
	background-size: contain
}

#type01 h3 span {
	font-size: 1.8em
}

#type01 .con_group h4 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit
}

#type01 p {
	color: #666;
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#type02 {
	background: url(../img/sub/type02_bg.jpg) no-repeat top center #fff;
	background-size: cover;
}

#type02 .con_group {
	padding: 20px 15px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 25px
}

#type02 .con_group .ribbon {
	padding: 0 0 20px;
	background: url(../img/sub/ribbon.png) no-repeat 18% 100%;
	background-size: 15px 21px
}

#type02 h2 {
	background: #595352;
	;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 1.20em;
	color: #fff
}

#type02 h3 {
	background: url(../img/sub/scroll_intro02.png) no-repeat center center;
	line-height: 1.60em;
	font-size: 0.85em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	margin: 20px 0 40px;
	padding: 190px 0 0;
	min-height: 400px;
	background-size: contain
}

#type02 h3 span {
	font-size: 1.8em
}

#type02 .con_group h4 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit;
	color: #fff
}

#type02 p {
	color: rgb(255, 2555, 255, .7);
	color: rgba(255, 2555, 255, .7);
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#type03 {
	background: url(../img/sub/type03_bg.jpg) no-repeat top center #fff;
	background-size: cover;
}

#type03 .con_group {
	padding: 20px 15px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 25px
}

#type03 .con_group .ribbon {
	padding: 0 0 20px;
	background: url(../img/sub/ribbon.png) no-repeat 18% 100%;
	background-size: 15px 21px
}

#type03 h2 {
	background: #595352;
	;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 1.20em;
	color: #fff
}

#type03 h3 {
	background: url(../img/sub/scroll_intro03.png) no-repeat center center;
	line-height: 1.60em;
	font-size: 0.85em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	margin: 20px 0 40px;
	padding: 190px 0 0;
	min-height: 400px;
	background-size: contain
}

#type03 h3 span {
	font-size: 1.8em
}

#type03 .con_group h4 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit
}

#type03 p {
	color: #666;
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#type04 {
	background: url(../img/sub/type04_bg.jpg) no-repeat top center #fff;
	background-size: cover;
}

#type04 .con_group {
	padding: 20px 15px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 25px
}

#type04 .con_group .ribbon {
	padding: 0 0 20px;
	background: url(../img/sub/ribbon.png) no-repeat 18% 100%;
	background-size: 15px 21px
}

#type04 h2 {
	background: #595352;
	;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 1.20em;
	color: #fff
}

#type04 h3 {
	background: url(../img/sub/scroll_intro02.png) no-repeat center center;
	line-height: 1.60em;
	font-size: 0.85em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	margin: 20px 0 40px;
	padding: 190px 0 0;
	min-height: 400px;
	background-size: contain
}

#type04 h3 span {
	font-size: 1.8em
}

#type04 .con_group h4 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit;
	color: #fff
}

#type04 p {
	color: rgb(255, 2555, 255, .7);
	color: rgba(255, 2555, 255, .7);
	margin: 0 0 7px !important;
	font-size: 1.15em
}


@media screen and (max-width:450px) {
	.con_group .col-xs-2 {
		width: 60px
	}

	.con_group .col-xs-10 {
		width: calc(75% - 10px);
	}

	#type01 {
		background: url(../img/sub/type01_bg.jpg) no-repeat top center #fff;
		background-size: 100%;
	}

	#type02 {
		background: url(../img/sub/type02_bg.jpg) no-repeat top center #fff;
		background-size: 100%;
	}

	#type03 .con_group h4 {
		font-size: 1.10em;
		font-weight: 500;
		margin: 0 0 7px;
		line-height: inherit;
		letter-spacing: -.050em
	}

	#type03 p {
		color: #666;
		margin: 0 0 7px !important;
		font-size: 1.02em
	}

	#type04 .con_group h4 {
		font-size: 1.10em;
		font-weight: 500;
		margin: 0 0 7px;
		line-height: inherit;
		color: #fff;
		letter-spacing: -.050em
	}

	#type04 p {
		color: rgb(255, 2555, 255, .7);
		color: rgba(255, 2555, 255, .7);
		margin: 0 0 7px !important;
		font-size: 1.02em
	}
}


/*#type02{ background:#545454}
#type02 .con_group { padding:20px 15px; border-top:1px solid #e6e6e6}
#type02 .con_group .ribbon{ padding:0 0 20px; background:url(../img/sub/ribbon.png) no-repeat 18% 100%; background-size:15px 21px}
#type02 h2 { background:#e6e6e6; width:100%; padding:10px; text-align:center; font-size:1.20em; color:#888}
#type02 h3 { line-height:1.60em; font-size:1.3em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:20px 0} 
#type02 h3  span { font-size:1.8em}
#type02 .con_group h4{ font-size:1.20em; font-weight:500; margin:0 0 7px; line-height:inherit}
#type02 p{ color:#666; margin:0 0 7px !important; font-size:1.15em}

#type03{ background:#e5f2d6}
#type03 .con_group { padding:20px 15px; border-top:1px solid #e6e6e6}
#type03 .con_group .ribbon{ padding:0 0 20px; background:url(../img/sub/ribbon.png) no-repeat 18% 100%; background-size:15px 21px}
#type03 h2 { background:#e6e6e6; width:100%; padding:10px; text-align:center; font-size:1.20em; color:#888}
#type03 h3 { line-height:1.60em; font-size:1.3em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:20px 0} 
#type03 h3  span { font-size:1.8em}
#type03 .con_group h4{ font-size:1.20em; font-weight:500; margin:0 0 7px; line-height:inherit}
#type03 p{ color:#666; margin:0 0 7px !important; font-size:1.15em}

#type04{ background:#544b60}
#type04 .con_group { padding:20px 15px; border-top:1px solid #e6e6e6}
#type04 .con_group .ribbon{ padding:0 0 20px; background:url(../img/sub/ribbon.png) no-repeat 18% 100%; background-size:15px 21px}
#type04 h2 { background:#e6e6e6; width:100%; padding:10px; text-align:center; font-size:1.20em; color:#888}
#type04 h3 { line-height:1.60em; font-size:1.3em;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; margin:20px 0} 
#type04 h3  span { font-size:1.8em}
#type04 .con_group h4{ font-size:1.20em; font-weight:500; margin:0 0 7px; line-height:inherit}
#type04 p{ color:#666; margin:0 0 7px !important; font-size:1.15em}*/


/*부고카드 보기 스크롤형*/
#scroll_view.type1 {
	background: url(../img/sub/type01_card_bg.jpg) no-repeat top center #fff;
	background-size: cover;
}

#scroll_view {
	/*min-width:320px;*/
	width: 720px;
	margin: 0px auto;
	padding: 0;
}

#scroll_view h2 {
	margin: 0
}

#scroll_view .section02,
.section03,
.section04 {
	margin: 0;
	padding: 50px 0 0;
}

#scroll_view .section01 {
	background: url(../img/sub/scroll_intro.png) no-repeat center center;
	background-size: contain;
	min-height: 500px
}

#scroll_view .section01 h1 {
	line-height: 1.70em;
	font-size: 1.0em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	text-align: center;
	padding: 220px 0 0;
	color: #555
}

#scroll_view .section01 h1 span {
	font-size: 1.8em;
	color: #000
}

#scroll_view .section01 .dmem {
	text-align: center;
	margin: 15px 0 0
}

#scroll_view .section01 .dmem img {
	width: 170px
}

#scroll_view .section01 h1.memorial {
	line-height: 1.70em;
	font-size: 1.0em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	text-align: center;
	padding: 140px 0 0;
	color: #555
}

#scroll_view .section03 {
	padding: 50px 60px 0
}

#scroll_view .demo {
	padding: 0 72px
}

#scroll_view .con_group {
	padding: 40px 80px;
	/*border-top:1px solid #e6e6e6*/
}

#scroll_view .con_group .ribbon {
	padding: 0 0 20px;
	background: url(../img/sub/ribbon.png) no-repeat 18% 100%;
	background-size: 15px 21px
}

#scroll_view h2 {
	background: #323232;
	width: 80%;
	padding: 10px;
	text-align: center;
	font-size: 1.20em;
	color: #fff
}

#scroll_view h2 {
	line-height: 1.60em;
	font-size: 1.7em;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	margin: 0px 10% 0;
}

#scroll_view h2 span {
	font-size: 1.8em
}

#scroll_view .con_group h3 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit
}

#scroll_view p {
	color: #666;
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#scroll_view p.mem {
	color: #333;
	font-weight: 500
}

#scroll_view .input-group {
	position: relative;
	width: 100%;
	display: table;
	border-collapse: separate;
	margin: 0 5%
}

#scroll_view .input-group .input-text {
	position: relative;
	width: 100%;
}

#scroll_view .input-group .input_name {
	width: 30% !important;
	float: left;
	margin: 0 0 10px
}

#scroll_view .input-group .input_msg {
	width: 69% !important;
	float: right;
	margin: 0 0 10px
}

#scroll_view .input-group > .input-group-add,
.input-group > .custom-select,
#scroll_view .input-group > .input-group-cell {
	/*display:table-cell;*/
}

#scroll_view .input-group > .input-text {
	display: inline-block
}

#scroll_view .input-group .btn-grey {
	border: 1px solid #666;
	background: #666;
	color: #fff;
	font-size: 0.8em;
	border-radius: 0;
	width: 100%;
}

#scroll_view .input-group {
	background: #f5f5f5;
	padding: 10px 30px;
	border-radius: 0;
	margin: 0
}

#scroll_view .input-group input {
	border: 1px solid #ddd;
	height: 42px;
	font-size: 0.8em;
	padding: 10px
}

#scroll_view .gbook {
	background: #f5f5f5;
	padding: 25px 10px;
	border-radius: 0;
	margin: 0
}

#scroll_view .gbook .line {
	border-bottom: 1px solid #e6e6e6
}

#scroll_view .col-xs-3 {
	width: 100px
}

.type1 {
	background: #fff;
	/*box-shadow:2px 2px 5px rgb(0,0,0,.2); box-shadow:2px 2px 5px rgb(0,0,0,.2)*/
}

.type2 {
	background: #fff;
	/*box-shadow:2px 2px 5px rgb(0,0,0,.2); box-shadow:2px 2px 5px rgb(0,0,0,.2)*/
}

.type3 {
	background: #fff;
	/*box-shadow:2px 2px 5px rgb(0,0,0,.2); box-shadow:2px 2px 5px rgb(0,0,0,.2)*/
}

.type4 {
	background: #fff;
	/*box-shadow:2px 2px 5px rgb(0,0,0,.2); box-shadow:2px 2px 5px rgb(0,0,0,.2)*/
}

#scroll_view.type2 {
	background: url(../img/sub/type01_card_bg02.jpg) no-repeat top center #fff;
	background-size: 100%;
}

#scroll_view.type2 .section01 {
	background: url(../img/sub/scroll_intro02.png) no-repeat center center;
	background-size: contain;
	min-height: 500px
}

#scroll_view.type2 .con_group h3 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit;
	color: #fff
}

#scroll_view.type2 p {
	color: rgb(255, 255, 255, .7);
	color: rgba(255, 255, 255, .7);
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#scroll_view.type2 .gbook {
	background: #333;
	padding: 25px 10px;
	border-radius: 0;
	margin: 0
}

#scroll_view.type2 .gbook .line {
	border-bottom: 1px solid rgb(255, 255, 255, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

#scroll_view.type2 .input-group {
	background: #333;
	padding: 10px 30px;
	border-radius: 0;
	margin: 0
}

#scroll_view.type3 {
	background: url(../img/sub/type01_card_bg03.jpg) no-repeat top center #fff;
	background-size: cover;
}

#scroll_view.type3 .section01 {
	background: url(../img/sub/scroll_intro03.png) no-repeat center center;
	background-size: contain;
	min-height: 500px
}

#scroll_view.type3 .con_group h3 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit;
}

#scroll_view.type3 p {
	color: rgb(0, 0, 0, .7);
	color: rgba(0, 0, 0, .7);
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#scroll_view.type3 .gbook {
	background: #f5f5f5;
	;
	padding: 25px 10px;
	border-radius: 0;
	margin: 0
}

#scroll_view.type3 .gbook .line {
	border-bottom: 1px solid rgb(255, 255, 255, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

#scroll_view.type3 .input-group {
	background: ##f5f5f5;
	;
	padding: 10px 30px;
	border-radius: 0;
	margin: 0
}

#scroll_view.type4 {
	background: url(../img/sub/type01_card_bg04.jpg) no-repeat top center #fff;
	background-size: cover;
}

#scroll_view.type4 .section01 {
	background: url(../img/sub/scroll_intro02.png) no-repeat center center;
	background-size: contain;
	min-height: 500px
}

#scroll_view.type4 .con_group h3 {
	font-size: 1.20em;
	font-weight: 500;
	margin: 0 0 7px;
	line-height: inherit;
	color: #fff
}

#scroll_view.type4 p {
	color: rgb(255, 255, 255, .7);
	color: rgba(255, 255, 255, .7);
	margin: 0 0 7px !important;
	font-size: 1.15em
}

#scroll_view.type4 .gbook {
	background: #333;
	padding: 25px 10px;
	border-radius: 0;
	margin: 0
}

#scroll_view.type4 .gbook .line {
	border-bottom: 1px solid rgb(255, 255, 255, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

#scroll_view.type4 .input-group {
	background: #333;
	padding: 10px 30px;
	border-radius: 0;
	margin: 0
}

/*부고카드 보기 페이지형 하단 메뉴*/
#sit_more {
	-webkit-backface-visibility: hidden;
	padding: 0;
	background: #fff;
	position: fixed;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 9998;
	border-top: 1px solid #999;
}

#sit_more:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#sit_more li {
	position: relative;
	width: 25%;
	float: left;
	letter-spacing: -.05em;
}

#sit_more li.current {
	background: #fff;
}

#sit_more li a {
	display: block;
	padding: 15px 0 15px 2px;
	text-align: center;
	color: #555;
	font-size: 1.30em;
	font-weight: 400
}

#sit_more li a.on {
	font-weight: 500;
	color: #333;
	background: #d6d7c7;
}

#sit_more img {
	vertical-align: middle;
	/*height:15px; margin:0 5px 0 0*/
}

.item_use_count,
.item_qa_count {
	color: #999;
	padding-left: 2px
}

@media only screen and (max-width: 767px) {
	#scroll_view .section03 {
		padding: 50px 60px 0
	}

	#scroll_view h2 {
		line-height: 1.60em;
		font-size: 1.7em;
		font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
		margin: 0 10% 0;
	}

	#scroll_view.type1 {
		background: url(../img/sub/type01_card_bg.jpg) no-repeat top center #fff;
		background-size: 100%;
	}

	#scroll_view.type4 .section01 {
		background: url(../img/sub/scroll_intro02.png) no-repeat center center;
		background-size: cover;
		min-height: 500px
	}

	#scroll_view {
		/*min-width:320px;*/
		width: 100%;
		margin: 0px auto
	}

	.layout .col-md-3 {
		width: 50%
	}

	.layout .col-xs-6 img {
		width: 100%
	}

	#scroll_view .con_group {
		padding: 30px 60px;
		/*border-top:1px solid #e6e6e6*/
	}

	#scroll_view .input-group .input_name {
		width: 100% !important;
		float: left
	}

	#scroll_view .input-group .input_msg {
		width: 100% !important;
		float: right
	}

	#scroll_view .gbook {
		background: #f5f5f5;
		padding: 25px 10px;
		border-radius: 0;
		margin: 0 10px
	}
}

@media only screen and (max-width: 550px) {
	#scroll_view .section01 {
		background: url(../img/sub/scroll_intro.png) no-repeat center center;
		background-size: contain;
		min-height: 500px
	}

	#scroll_view .section03 {
		padding: 50px 40px 0
	}

	#scroll_view .con_group {
		padding: 30px 40px;
		/*border-top:1px solid #e6e6e6*/
	}

	#scroll_view .col-xs-3 {
		width: 25%
	}

	#scroll_view .col-xs-6 {
		width: 75%
	}

	#scroll_view .gbook {
		background: #f5f5f5;
		padding: 25px 10px;
		border-radius: 0;
		margin: 0
	}

	#scroll_view .demo {
		padding: 0 10%;
	}
}

@media only screen and (max-width: 400px) {
	#scroll_view .section01 {
		background: url(../img/sub/scroll_intro.png) no-repeat center center;
		background-size: cover;
		min-height: 500px
	}
}

/* start 내용_단락01*/
.para_list {
	/*border:1px solid #dfdfdf; padding:20px; border-radius:3px; box-shadow: 1px 1px 1px #dfdfdf*/
}

.para_list h4 {
	font-size: 1.50em;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: -.095em;
	display: block;
	padding: 5px 0 15px 0;
	color: #555;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
}

.para_list li {
	font-size: 1.30em;
	margin-bottom: 15px;
	padding-left: 12px;
	background: url(../img/common/bul_li_t1.png) no-repeat 0 12px;
	font-weight: 400;
	width: 100%;
	color: #444;
	letter-spacing: -.030em;
	line-height: 1.80em;
	/*font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
}

.para_list li.none {
	margin-bottom: 8px;
	padding-left: 12px;
	background: none;
}

.para_list li em {
	font-weight: bold;
	color: #2166b2;
	font-size: 1.20em;
	line-height: 1.8em;
	letter-spacing: -.055em
}

.para_list li li {
	margin-bottom: 0;
	padding-left: 10px;
	background: url(../img/common/bul_li_t2.png) no-repeat 0 7px;
	font-size: 1.00em;
	letter-spacing: -.015em;
	color: #666;
	font-weight: 400
}

.para_list li li.none {
	margin-bottom: 0;
	padding-left: 10px;
	background: none;
	font-size: 1.00em;
	letter-spacing: -.015em;
	color: #666
}

/* 이용약관/개인정보처리방침 */
#privacyList {
	padding: 0
}

#privacyList p {
	border-bottom: 2px solid #555;
	margin: 0 0 30px !important;
	font-size: 1.20em;
	padding: 0 0 30px;
	line-height: 1.7em;
}

#privacyList dt {
	font-size: 1.25em;
	margin: 0 0 10px;
	color: #333
}

#privacyList dl {
	margin-bottom: 30px;
	font-size: 1.20em;
	line-height: 1.7em;
	color: #555
}

#privacyList dd {
	line-height: 1.7em;
}

#privacyList dd strong {
	display: block;
}

#privacyList dd li {
	list-style-type: decimal;
	margin: 0 0 0 30px;
}

#privacyList ol {
	margin: 0 0 0 30px
}

/* tabs */
.tabs {
	/*border-right: 1px solid #ccc;*/
}

.tabs:after {
	content: "";
	display: table;
	clear: both;
}

.tabs input[type=radio] {
	display: none;
}

.tabs label {
	display: block;
	float: left;
	width: 50%;
	padding: 20px 27px;
	border-top: 1px solid #599ccf;
	border-bottom: 1px solid #599ccf;
	border-right: 1px solid #599ccf;
	border-left: 1px solid #599ccf;
	/*border-right: none;*/
	background: #fff;
	text-align: center;
	font-weight: 500;
	color: #5cadde;
	cursor: pointer;
	-webkit-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
	font-size: 1.55em;
	/*font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
}

.tabs label.last {
	border-right: 1px solid #599ccf;
}

.tabs.b label {
	width: 33.333%;
}


.tabs label:hover {
	background-color: white;
}

.tabs [id^="tab"]:checked + label ,
.tabs [id^="protab"]:checked + label {
	/*border-bottom-color: white;*/
	background: #599ccf;
	color: #fff;
}

.tab-content {
	display: none;
	float: left;
	width: 100%;
	min-width: 100%;
	padding: 0 0 1em 0;
	background: #fff;
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
	display: block;
}

#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {
	display: block;
}

.other-content {
	color: white;
}

@media only screen and (max-width: 768px) {
	.tabs label {
		padding: 10px 10px;
		float: left;
		width: 50%;
		font-size: 1.2em;
		border-top: 1px solid #32a8f0;
		border-bottom: 1px solid #32a8f0;
	}

	.tabs.b label {
		width: 100%;
	}
}


/* new_tabs */
.new_tabs {
	/*border-right: 1px solid #ccc;*/
}

.new_tabs:after {
	content: "";
	display: table;
	clear: both;
}

.new_tabs input[type=radio] {
	display: none;
}

.new_tabs label {
	display: block;
	float: left;
	width: 50%;
	padding: 20px 27px;
	border-top: 1px solid #599ccf;
	border-bottom: 1px solid #599ccf;
	border-right: 1px solid #599ccf;
	border-left: 1px solid #599ccf;
	/*border-right: none;*/
	background: #fff;
	text-align: center;
	font-weight: 500;
	color: #5cadde;
	cursor: pointer;
	-webkit-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
	font-size: 1.55em;
	/*font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
}

.new_tabs label.last {
	border-right: 1px solid #599ccf;
}

.new_tabs.b label {
	width: 33.333%;
}


.new_tabs label:hover {
	background-color: white;
}

.new_tabs [id^="new_tab"]:checked + label {
	/*border-bottom-color: white;*/
	background: #599ccf;
	color: #fff;
}

.new_tab-content {
	display: none;
	float: left;
	width: 100%;
	padding: 0 0 1em 0;
	background: #fff;
}

#new_tab1:checked ~ #new_tab-content1,
#new_tab2:checked ~ #new_tab-content2,
#new_tab3:checked ~ #new_tab-content3 {
	display: block;
}

#new_tab4:checked ~ #new_tab-content4,
#new_tab5:checked ~ #new_tab-content5,
#new_tab6:checked ~ #new_tab-content6 {
	display: block;
}

.other-content {
	color: white;
}

@media only screen and (max-width: 768px) {
	.new_tabs label {
		padding: 10px 10px;
		float: left;
		width: 50%;
		font-size: 1.2em;
		border-top: 1px solid #32a8f0;
		border-bottom: 1px solid #32a8f0;
	}

	.new_tabs.b label {
		width: 100%;
	}
}


/*new cha*/
/*회원서비스*/
.member_cons {
	padding: 0 0 0 30px
}

.member {
	text-align: center;
}

.member .big_title {
	font-size: 2.4em;
	font-weight: 300;
	line-height: 1.4em;
	position: relative;
	margin: 30px 0 70px 0;
}

.member .big_title span {
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	color: #3f7ac6;
	position: relative;
}

.member .big_title strong {
	font-weight: bold;
	/*color:#14b0ee;*/
}

.member .big_title:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-right: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -330px;
	top: -10px;
}

.member .big_title span:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-left: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: 290px;
	top: -50px;
}

.member .mem dt {
	font-size: 2.3em;
	margin-bottom: 6px;
	font-weight: 500;
	color: #3b68a6;
}

.member .mem dd {
	font-size: 1.5em;
	line-height: 1.8em;
}

.member .mem dd .point {
	/*color:#ec7171;*/
}

.member .mem .box {
	margin-top: 60px;
	margin-bottom: 100px;
}

.member .mem .box h3 {
	font-size: 1.75em;
	margin-bottom: 20px;
}

.member .mem .box h4 {
	color: #4068a6;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.member .mem .box ul li {
	margin-bottom: 20px;
	background: #eff6f9;
}

.member .mem .box ul li:after {
	display: block;
	content: "";
	clear: both;
}

.member .mem .box ul li img {
	width: 100%;
	height: auto;
}

.member .mem .box ul li .con {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 60px 50px;
}

.member .mem .box ul li .con p {
	font-size: 1.08em !important;
}

.member .mem .box ul li.left img {
	width: 50%;
	float: left;
}

.member .mem .box ul li.left .con {
	width: 50%;
	float: right;
}

.member .mem .box ul li.right img {
	width: 50%;
	float: right;
}

.member .mem .box ul li.right .con {
	width: 50%;
	float: left;
}

.member .mem .box02 {
	margin-top: 0px;
	margin-bottom: 0;
}

.member .mem .box02 h3 {
	font-size: 1.75em;
	margin-bottom: 13px;
}

.member .mem .box02 h4 {
	color: #4068a6;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.member .mem .box02 p {
	font-size: 1.45em;
	line-height: 1.7em;
	color: #666;
	font-weight: 400;
}

.member .mem .box02 ul li {
	margin-bottom: 20px;
	background: #eff6f9;
}

.member .mem .box02 ul li:after {
	display: block;
	content: "";
	clear: both;
}

.member .mem .box02 ul li img {
	width: 100%;
	height: auto;
}

.member .mem .box02 ul li .con {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 60px 50px;
}

.member .mem .box02 ul li .con p {
	font-size: 1.08em !important;
}

.member .mem .box02 ul li.left img {
	width: 50%;
	float: left;
}

.member .mem .box02 ul li.left .con {
	width: 50%;
	float: right;
}

.member .mem .box02 ul li.right img {
	width: 50%;
	float: right;
}

.member .mem .box02 ul li.right .con {
	width: 50%;
	float: left;
}

.member .mem .mbx {
	margin-top: 50px;
}

.member .mem .mbx ul:after {
	display: block;
	content: "";
	clear: both;
}

.member .mem .mbx ul li {
	float: left;
	width: calc(25% - 12px);
	background: #f7fcfe;
	border: 1px solid #d4e6ee;
	margin: 5px 5px 35px 5px;
	padding: 50px 0 30px 0;
	position: relative;
	border-radius: 2px;
}

.member .mem .mbx ul li:nth-child(even) {
	background: #f3f6fb;
	border: 1px solid #dce2f0;
}

.member .mem .mbx ul li p {
	position: absolute;
	left: 50%;
	margin-left: -20px !important;
	top: -15px;
	background: #2996cf;
	color: #fff;
	text-align: center;
	padding: 5px 12px;
	border-radius: 3px;
}

.member .mem .mbx ul li:nth-child(even) p {
	background: #3f7ac6;
}

@media (max-width: 1150px) {
	.member_cons {
		position: relative;
		right: auto;
		top: auto;
		width: 100%
	}
}

@media (max-width: 991px) {
	.member_cons {
		padding: 0
	}

	.member .big_title:before {
		display: none;
	}

	.member .big_title span:before {
		display: none;
	}

	.member .big_title {
		font-size: 1.5em;
		margin: 0 0 30px 0;
		background: #F6F6F6;
		border-bottom: 1px dashed #ccc;
		padding: 10px 0;
	}

	.member .mem dt {
		font-size: 1.8em;
	}

	.member .mem dd {
		font-size: 1.2em;
		line-height: 1.4em;
	}

	.member .mem .box {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.member .mem .box ul li {
		margin-bottom: 10px;
	}

	.member .mem .box ul li .con {
		line-height: 1.4em;
		padding: 20px;
	}

	.member .mem .box ul li.left img {
		width: 100%;
	}

	.member .mem .box ul li.left .con {
		width: 100%;
	}

	.member .mem .box ul li.right img {
		width: 100%;
	}

	.member .mem .box ul li.right .con {
		width: 100%;
	}

	.member .mem .mbx ul li {
		width: calc(50% - 12px);
		padding: 30px 0 20px 0;
		margin-bottom: 20px;
	}

	.member .mem .box02 p {
		font-size: 1.22em;
		line-height: 1.6em;
		color: #666;
		font-weight: 400;
	}
}

/*장례식장 시비스 안내*/
.funeral .big_title {
	font-size: 2.3em;
}

.funeral .big_title span {
	font-size: 1.1em;
	color: #3f7ac6;
}

.funeral .big_title:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-right: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	top: -10px;
}

.funeral .big_title span:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-left: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: 340px;
	top: -50px;
}

.funeral .mem.top {
	margin-top: 20px;
}

.funeral .mem .bx_go {
	margin-top: 30px;
}

.funeral .mem .bx_go ul:after {
	display: block;
	content: "";
	clear: both;
}

.funeral .mem .bx_go ul li {
	float: left;
	width: calc(33.333% - 10px);
	margin: 5px;
	border: 10px solid #ECF5FF;
	padding: 20px 10px 10px 10px;
	text-align: center;
}

.funeral .mem .bx_go.b ul li {
	width: calc(50% - 10px);
}

.funeral .mem .bx_go ul li p {
	padding: 10px 0 !important;
	font-size: 1.5em;
	font-weight: 500;
}

.funeral .mem .bx_go ul li div.box {
	display: block;
	background: #ECF5FF;
	font-size: 1.17em;
	margin: 0;
	padding: 10px 0;
}

.funeral .mem .bx_go ul li a {
	display: block;
	background: #ECF5FF;
	font-size: 0.82em;
}


/*헬스플러스회원서비스*/
.member.plus .big_title {
	font-size: 2.3em;
}

.member.plus .big_title span {
	font-size: 1.1em;
	color: #3f7ac6;
}

.member.plus .big_title:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-right: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	top: -10px;
}

.member.plus .big_title span:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-left: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: 340px;
	top: -50px;
}

.member.plus .mem.top {
	margin-top: 20px;
}

.member.plus .mem .bx_go {
	margin-top: 30px;
}

.member.plus .mem .bx_go ul:after {
	display: block;
	content: "";
	clear: both;
}

.member.plus .mem .bx_go ul li {
	float: left;
	width: calc(33.333% - 10px);
	margin: 5px;
	border: 10px solid #ECF5FF;
	padding: 20px 10px 10px 10px;
	text-align: center;
}

.member.plus .mem .bx_go.b ul li {
	width: calc(50% - 10px);
}

.member.plus .mem .bx_go ul li p {
	padding: 10px 0 !important;
	font-size: 1em
}

.member.plus .mem .bx_go ul li div.box {
	display: block;
	background: #ECF5FF;
	font-size: 0.82em;
	margin: 0
}

.member.plus .mem .bx_go ul li a {
	display: block;
	background: #ECF5FF;
	font-size: 0.82em;
}

/*헬스플러스 추가 20190617*/
.funeral_list:after {
	content: "";
	display: block;
	clear: both;
}

.funeral_list {}

.funeral_list .clearfix {
	border-bottom: 1px solid #e7e7e7;
	padding: 40px 0;
	margin: 20px 0;
	position: relative
}

.funeral_list .title {
	width: 30%;
	float: left;
	font-size: 3.0em;
	color: #333;
	text-align: left
}

.funeral_list .content {
	float: left;
	width: 70%;
	padding: 0 0 0 50px;
	font-size: 1.25em;
	color: #555;
	text-align: left
}

.funeral_list .content p.point {
	background: #f2f2f2;
	padding: 10px 15px;
	/*text-align:center;*/
	font-size: 1.00em;
	display: inline-block;
	margin: 20px 0 0
}

.funeral_list .btn_list {
	position: absolute;
	bottom: 10px;
	right: 10px
}

.lifecare_list {
	width: 1200px;
	padding: 0;
	position: relative;
	margin: 20px auto 20px;
	border-bottom: 1px solid #e7e7e7
}

.lifecare_list ul {}

.lifecare_list li {
	display: inline-block;
	width: 33.333%;
	vertical-align: top;
}

.lifecare_list li:last-child {
	display: inline-block;
	width: 33.333%;
	border-right: 0
}

.lifecare_list li:last-child .box .content {
	border-right: 0
}

.lifecare_list li .box {
	/*background:#fff;*/
	margin-bottom: 5px
}

.lifecare_list li .box .photo {
	text-align: center;
}

.lifecare_list li .box .photo img {
	width: 100%
}

.lifecare_list li .box .content {
	padding: 0 25px;
	border-right: 1px solid #e7e7e7;
	/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/
	margin: 10px 0
}

.lifecare_list li .box .content h4.t {
	font-size: 1.70em;
	line-height: 1.8em;
	color: #1b1b1b;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.015em;
	text-align: center;
	padding: 20px 0 !important;
	background: none !important
}

.lifecare_list li .box .content p.st {
	font-size: 0.95em;
	line-height: 0em;
	color: #7d7771;
	font-weight: 300;
	font-family: 'Noto Sans KR', sans-serif, "돋움", "굴림", tahoma, sans-serif;
	letter-spacing: -.055em
}

.lifecare_list li .box .content p {
	color: rgb(51, 51, 51, 0.75);
	color: rgba(51, 51, 51, 0.75);
	font-size: 1.27em;
	line-height: 1.6em;
	text-align: left;
	padding: 0 0 25px;
}

.lifecare_list li .box .content p.more a {
	color: #fff;
	font-size: 0.85em;
	line-height: 1.35em;
	background: #2b2b2b;
	display: inline;
	padding: 3px 10px;
	border-radius: 10px;
}

.lifecare_list li .box .content p.more a:hover {
	color: #fff;
	line-height: 1.35em;
	background: #fba51b;
	display: inline;
	padding: 3px 10px;
	border-radius: 10px;
}

button[class*="btn_basic2"],
a[class*="btn_basic2"] {
	display: inline-block;
	min-width: auto;
	padding: 7px 10px;
	height: auto;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	border: 2px solid transparent;
	background: #599ccf;
	color: #fff !important;
}

.plus_btn a {
	display: inline-block;
	background: #448ac5;
	line-height: 30px;
	padding: 15px 30px;
	color: #fff !important;
	border: 2px solid #448ac5;
	left: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	font-size: 1.5em;
	font-weight: 500
}

.plus_btn a:hover {
	background: #fff;
	;
	border: 2px solid #448ac5;
	color: #448ac5 !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

@media (max-width: 1199px) {
	.lifecare_list {
		width: 100%;
		padding: 0;
		margin: 20px auto 20px;
		position: relative;
	}
}

@media (max-width: 991px) {
	.funeral .big_title {
		font-size: 1.3em;
		background: #F6F6F6;
		border-bottom: 1px dashed #ccc;
	}

	.funeral .big_title:before {
		display: none;
	}

	.funeral .big_title span:before {
		display: none;
	}

	.funeral .mem .gift {
		width: 210px;
		height: auto;
	}

	.funeral .mem.top {
		margin-top: 40px;
	}

	.funeral .mem .bx_go {
		margin-top: 15px;
	}

	.funeral .mem .bx_go ul li {
		width: calc(33.333% - 4px);
		border: 5px solid #ECF5FF;
		padding: 10px 5px 5px 5px;
		margin: 2px;
	}

	.funeral .mem .bx_go.b ul li {
		width: calc(50% - 4px);
	}

	.funeral .mem .bx_go ul li p {
		font-size: 0.8em;
		margin-bottom: 0;
	}

	.funeral .mem .bx_go ul li img {
		width: 40px;
		height: auto;
	}

	.funeral_list .clearfix {
		padding: 20px 0;
		margin: 20px 0;
	}

	.funeral_list .title {
		width: 100%;
		float: left;
		font-size: 2.0em;
		color: #333;
		text-align: left
	}

	.funeral_list .content {
		float: left;
		padding: 20px 0 0 0px;
		font-size: 1.15em;
		color: #555;
		text-align: left
	}

	.funeral_list .btn_list {
		position: relative;
		bottom: auto;
		right: auto;
	}

	.member.plus .big_title {
		font-size: 1.3em;
		background: #F6F6F6;
		border-bottom: 1px dashed #ccc;
	}

	.member.plus .big_title:before {
		display: none;
	}

	.member.plus .big_title span:before {
		display: none;
	}

	.member.plus .mem .gift {
		width: 210px;
		height: auto;
	}

	.member.plus .mem.top {
		margin-top: 40px;
	}

	.member.plus .mem .bx_go {
		margin-top: 15px;
	}

	.member.plus .mem .bx_go ul li {
		width: calc(33.333% - 4px);
		border: 5px solid #ECF5FF;
		padding: 10px 5px 5px 5px;
		margin: 2px;
	}

	.member.plus .mem .bx_go.b ul li {
		width: calc(50% - 4px);
	}

	.member.plus .mem .bx_go ul li p {
		font-size: 0.8em;
		margin-bottom: 0;
	}

	.member.plus .mem .bx_go ul li img {
		width: 40px;
		height: auto;
	}

	.lifecare_list {
		width: 100%;
		padding: 0;
		margin: 10px auto 20px position:relative;
		z-index: 10;
		left: auto;
		margin-left: auto;
		top: 0px
	}

	.lifecare_list ul {}

	.lifecare_list li {
		display: inline-block;
		width: 33.333%;
		margin: 0
	}

	.lifecare_list li .box {
		/*background:#fff; */
		margin-bottom: 0px
	}

	.lifecare_list li .box .photo img {
		max-width: 100%
	}

	.lifecare_list li .box .content {
		text-align: center;
		padding: 0px 20px;
	}

	.lifecare_list li .box .content h4.t {
		font-size: 1.40em;
		line-height: 1.4em;
	}

	.lifecare_list li .box .content p {
		color: rgb(51, 51, 51, 0.75);
		color: rgba(51, 51, 51, 0.75);
		font-size: 1.10em;
		line-height: 1.3em;
		text-align: left;
	}
}

@media (max-width: 499px) {
	.lifecare_list {}

	.lifecare_list li {
		display: inline-block;
		width: 100%;
		margin: 0 0 20px;
		border-right: 0
	}

	.lifecare_list li .box .content {
		border: 0
	}

	.lifecare_list li:last-child {
		display: inline-block;
		width: 100%;
	}
}



/*사전상담*/
.support01 {}

/*.support01 .in h2{ text-align:center; font-weight:300; font-size:1.7em; border-top:1px solid #304190; border-bottom:1px solid #304190; padding:20px 0; margin-bottom:20px; width:50%; margin:0 auto 50px auto;}
.support01 .in.b h2{margin-top:80px; line-height:1.6em; margin-bottom:30px;}
.support01 .in.b h2 strong{color:#3f7ac6;}*/
.support01 .big_title {
	font-size: 2em;
	font-weight: 300;
	line-height: 1.4em;
	position: relative;
	margin: 30px 0 70px 0;
	text-align: center;
}

.support01 .in.b .big_title {
	font-size: 1.8em;
	margin: 120px 0 70px 0;
}

.support01 .big_title span {
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	color: #3f7ac6;
	position: relative;
}

.support01 .in.b .big_title span {}

.support01 .big_title:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-right: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -270px;
	top: -10px;
}

.support01 .big_title span:before {
	display: block;
	content: "";
	border: 12px solid #eff6f9;
	border-left: 0;
	width: 40px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: 225px;
	top: -50px;
}

.support01 .in.b .big_title:before {
	margin-left: -402px;
}

.support01 .in.b .big_title span:before {
	margin-left: 352px;
}

.support01 .in ul:after {
	display: block;
	content: "";
	clear: both;
}

.support01 .in ul li {
	float: left;
	width: calc(25% - 20px);
	background: #F6F6F6;
	margin: 10px;
	text-align: center;
	padding: 40px 0 30px 0;
	min-height: 255px;
	font-size: 1.1em;
}

.support01 .in ul li p {
	color: #3f7ac6;
	font-size: 1.5em;
	padding-top: 10px;
}

.support01 .in ul li .point {
	color: #1991c8;
	font-weight: 500;
	font-size: 1.15em
}

.support01 .in.b ul li {
	width: calc(16.555% - 30px);
	margin: 15px;
	background: #3f7ac6;
	height: 168px;
	padding-top: 70px;
	border-radius: 100px;
	color: #fff;
	min-height: inherit;
	font-size: 1.3em;
}

.support01 .in.b ul li:nth-child(even) {
	background: #F6F6F6;
	border: 3px solid #3f7ac6;
	color: #3f7ac6;
}

@media (max-width: 991px) {
	.support01 .in .big_title {
		font-size: 1.33em;
		padding: 10px 0;
		line-height: 1.5em;
		width: 100%;
		margin: 0 auto 20px auto;
		background: #F6F6F6;
		border-bottom: 1px dashed #ccc;
	}

	.support01 .in.b .big_title {
		margin: 30px 0 20px 0;
		font-size: 1.33em;
	}

	.support01 .in ul li {
		width: 100%;
		margin: 0 0 5px 0;
		padding: 20px 0 20px 0;
		min-height: inherit;
	}

	.support01 .in ul li img {
		width: 35px;
		height: auto;
	}
	.support01.ground02 .in ul li img{width: auto;}

	.support01 .in ul li p {
		font-size: 1.3em;
	}

	.support01 .in.b ul li {
		width: calc(33.3333% - 6px);
		margin: 3px;
		height: 90px;
		padding: 35px 5px 10px 5px;
		border-radius: 10px;
		font-size: 1em;
	}

	.support01 .in.b ul li:nth-child(even) {
		border: 1px solid #3f7ac6;
	}

	.support01 .big_title:before {
		display: none;
	}

	.support01 .big_title span:before {
		display: none;
	}

	.support01 .in.b .big_title:before {
		display: none;
	}

	.support01 .in.b .big_title span:before {
		display: none;
	}
}

/*행사진행*/
.busi_exp {
	/*border-top:1px solid #dde2eb;*/
	margin-top: 30px;
}

.busi_exp dl {
	overflow: hidden;
	padding: 30px 0;
	border-bottom: 1px solid #dde2eb;
}

.busi_exp dl dt {
	float: left;
	width: 35%;
}

.busi_exp dl dt img {
	width: 100%;
	height: auto;
}

.busi_exp dl dd {
	float: right;
	width: 60%;
	font-size: 1.3em;
}

.busi_exp dl dd h6 {
	margin-bottom: 20px;
	font-size: 1.3em;
}

.busi_exp dl dd .sub_exp {
	padding: 4px 0 0 0;
	font-size: 1em;
}

.busi_exp dl dd .sub_exp .sub_exp_t {
	background: #3f7ac6;
	color: #fff;
	padding: 3px 15px;
	margin: 0 12px 0 0;
	border-radius: 30px;
	border: 1px solid #3f7ac6;
}

.busi_exp dl dd .sub_exp .sub_exp_t.line {
	color: #3f7ac6;
}

.busi_exp dl dd .sub_exp .sub_exp_s {
	color: #3f7ac6;
}

.busi_exp dl dd dl.exp_depth {
	border: none;
	padding: 12px 0 0 0;
}

.busi_exp dl dd dl.exp_depth dt {
	width: 20%;
	font-weight: 600;
}

.busi_exp dl dd dl.exp_depth dd {
	width: 79%;
}

@media (max-width: 991px) {
	.busi_exp {
		margin-top: 15px;
	}

	.busi_exp dl {
		padding: 15px 0;
	}

	.busi_exp dl dt {
		width: 100%;
	}

	.busi_exp dl dd h6 {
		margin: 12px 0;
		font-size: 1.2em;
	}

	.busi_exp dl dd {
		width: 100%;
		font-size: 1.2em;
	}

	.busi_exp dl dd dl.exp_depth dt {
		width: 100%;
		padding: 0 0 2px 0;
	}

	.busi_exp dl dd dl.exp_depth dd {
		width: 100%;
	}

	.busi_exp dl dd .sub_exp .sub_exp_t {
		width: 80px;
		text-align: center;
		padding: 2px 4px;
		margin: 0 5px 0 0;
		border-radius: 0;
		float: left;
	}
}


/*품질보증*/
.support01 .in .center {
	text-align: center;
}

.sub02_pro_wrap:after {
	display: block;
	content: "";
	clear: both;
}

.sub02_pro_wrap {
	box-sizing: border-box;
	margin-top: 85px;
}

.sub02_bx {
	width: calc(50% - 20px);
	float: left;
	margin: 10px;
	margin-top: 35px;
}

.sub02_bx:nth-of-type(4n) + .sub02_bx {
	clear: both
}

.sub02_bx .txt {
	width: 100%;
	border: 1px solid #eee;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	min-height: 200px
}

.sub02_bx .txt .n {
	position: relative;
	z-index: 1;
	font-size: 1.5em;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: -50px auto 10px;
	border-radius: 100%;
	background: #3f7ac6;
	color: #FFF;
	text-align: Center;
}

.sub02_bx .txt .t {
	text-align: center;
	font-size: 1.4em;
	font-weight: 400;
}

.sub02_bx .txt .c b {
	display: block;
	font-size: 1.6em;
	color: #3f7ac6;
	padding-left: 15px;
	position: relative;
	padding-bottom: 7px;
	font-weight: 500;
	margin-top: 20px;
}

.sub02_bx .txt .c b:before {
	content: "";
	width: 3px;
	height: 12px;
	background: #3f7ac6;
	display: inline-block;
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	top: 4px;
	display: none;
}

.sub0202 .sub02_bx .txt .c b:before {
	background: #92D050
}

.sub0202 .sub02_bx .txt .n {
	background: #92D050
}

.sub02_bx .txt .c span {
	display: block;
	font-size: 1.23em;
	padding-left: 15px;
	line-height: 1.7em;
}

@media (max-width: 991px) {
	.support01 .in.c h2 {
		width: 100%;
	}

	.support01 .in.c img {
		width: 100%;
		height: auto;
	}

	.sub02_pro_wrap {
		box-sizing: border-box;
		margin-top: 40px;
	}

	.sub02_bx {
		width: 100%;
		margin: 15px 0;
	}

	.sub02_bx:nth-of-type(2n) + .sub02_bx {
		clear: both
	}

	.sub02_bx:nth-of-type(3n) + .sub02_bx {
		clear: unset
	}

	.sub02_bx .txt {
		padding: 0 10px 10px;
		min-height: 100%;
	}

	.sub02_bx .txt .n {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: -15px auto 10px;
		font-size: 1.2em;
	}

	.sub02_bx .txt .t {
		font-size: 1.3em;
	}

	.sub02_bx .txt .c b:before {
		width: 3px;
		height: 9px;
		top: 2px
	}

	.sub02_bx .txt .c b {
		font-size: 1.0em;
		padding-left: 10px;
	}

	.sub02_bx .txt .c span {
		font-size: 0.85em;
		padding-left: 10px;
	}
}

/*서비스평점*/
#grade_view {
	width: 100%;
	margin: 0;
	padding: 50px 0;
	background: #f2f2f2
}

/*장례절차*/
.info01 {
	text-align: center;
}

.info01 h2 {
	font-size: 2em;
	font-weight: 300;
	margin: 40px 0;
}

.info01 h2 span {
	color: #3f7ac6;
	font-weight: 500;
}

.info01 .num {
	text-align: center;
}

.info01 .num li {
	display: inline-block;
	position: relative;
	margin-right: 40px;
	font-size: 1.35em;
	margin-top: 10px;
}

.info01 .num li:last-child {
	margin-right: 0;
}

.info01 .num li:before {
	display: block;
	content: "";
	background: url(../img/sub/arrow.gif) no-repeat center right;
	width: 27px;
	height: 36px;
	position: absolute;
	top: 3px;
	left: 50%;
	margin-left: 27px;
}

.info01 .num li.last:before {
	background: none;
}

.info01 .num p {
	background: #4fb0ed;
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding: 10px 14px;
	border-radius: 50%;
}

.info01 .n_con {
	margin-top: 50px;
	border-bottom: 1px solid #e8e9eb;
}

.info01 .n_con:after {
	display: block;
	content: "";
	clear: both;
}

.info01 .n_con li {
	float: left;
	width: 50%;
}

.info01 .n_con.a3 li {
	float: left;
	width: 33.3333%;
}

.info01 .n_con li dl {
	border-top: 1px solid #e8e9eb;
	padding: 25px 0;
	width: 100%;
}

.info01 .n_con li dl:after {
	display: block;
	content: "";
	clear: both;
}

.info01 .n_con li dl dt {
	float: left;
	width: 40%;
}

.info01 .n_con li dl dt img {
	width: 100%;
	height: auto;
}

.info01 .n_con li dl dd {
	float: left;
	width: 60%;
	text-align: left;
	padding-left: 3%;
	padding-right: 2%;
	font-size: 1.25em;
	line-height: 1.6em;
}

.info01 .n_con li dl dd span {
	font-size: 1.4em;
	color: #3f88c6;
	font-weight: 800;
}

.info01 .n_con li dl dd .tit {
	color: #3f88c6;
}

@media (max-width: 991px) {
	.info01 h2 {
		font-size: 1.3em;
		margin: 20px 0;
	}

	.info01 h2 span {
		color: #3f7ac6;
		font-weight: 500;
	}

	.info01 .num {
		margin: 0 auto;
	}

	.info01 .num li {
		margin-right: 13px;
		font-size: 1em;
	}

	.info01 .num li:before {
		background-size: 10px auto;
		width: 10px;
		height: 10px;
		left: 50%;
		margin-left: 16px;
		top: 7px;
	}

	.info01 .num li.last:before {
		background: none;
	}

	.info01 .num p {
		font-size: 0.8em;
		padding: 5px 8px;
		border-radius: 50%;
	}

	.info01 .n_con {
		margin-top: 20px;
	}

	.info01 .n_con li {
		width: 100%;
	}

	.info01 .n_con.a3 li {
		width: 100%;
	}

	.info01 .n_con li dl {
		padding: 10px 0;
	}

	.info01 .n_con li dl dd {
		font-size: 1em;
		line-height: 1.4em;
	}

	.info01 .n_con li dl dd span {
		font-size: 1.15em;
	}
}


/*장례비용*/
.info02 {}

.info02 .big_list {
	padding: 20px 0 40px 0;
}

.info02 .big_list:after {
	display: block;
	content: "";
	clear: both;
}

.info02 .big_list .tx span {
	display: block;
}

.info02 .big_list .box {
	float: left;
	min-height: 260px;
	width: calc(33.333% - 60px);
	background: #fff;
	border-radius: 10px;
	border: 1px dashed #3f7ac6;
	text-align: center;
	color: #000;
	margin-right: 90px;
	padding: 20px 0;
	position: relative;
}

.info02 .big_list .box .ar {
	position: absolute;
	right: -80px;
	top: 166px;
	font-size: 1.2em;
	color: #8CA7CE
}

.info02 .big_list .box .ar span {
	font-size: 0.8em;
}

.info02 .big_list .box .ar.b {
	right: -87px;
}

.info02 .big_list .box:before {
	display: block;
	content: "";
	background: url(../img/sub/arrow2.png) no-repeat center right;
	width: 63px;
	height: 44px;
	position: absolute;
	left: 50%;
	margin-left: 179px;
	top: 50%;
	margin-top: -20px;
}

.info02 .big_list .box:last-child {
	margin: 0;
}

.info02 .big_list .box.last:before {
	display: none;
}

.info02 .big_list .box img {
	width: 100px;
	height: auto;
}

.info02 .big_list .box span {
	display: block;
}

.info02 .big_list .box .circle {
	color: #3f7ac6;
	font-size: 1.5em;
}

.info02 .big_list .box .con {
	padding-top: 20px;
	padding-left: 20px;
}

.info02 .big_list .box .con li {
	text-align: left;
	font-size: 1.18em;
	line-height: 1.8em;
	position: relative;
	padding-left: 10px;
}

.info02 .big_list .box .con li:before {
	display: block;
	content: "";
	background: #5e92d4;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}

@media (max-width: 991px) {
	.info02 .big_list .box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		min-height: inherit;
	}

	.info02 .big_list .box img {
		width: 60px;
		height: auto;
	}

	.info02 .big_list .box .ar {
		display: none;
	}

	.info02 .big_list .box .circle {
		font-size: 1.3em;
	}

	.info02 .big_list .box:before {
		display: none;
	}

	.info02 .big_list .box .con {
		padding-top: 8px;
	}

	.info02 .big_list .box .con li {
		text-align: center;
		padding-left: 0;
	}

	.info02 .big_list .box .con li:before {
		display: none;
	}
}


/*장례비용*/
.info03 {}

.info03 .dress {
	padding: 20px 0 50px 0;
}

.info03 .dress .man {
	display: inline-block;
	margin: 10px;
	width: calc(50% - 250px);
	background: #eff6f9;
}

.info03 .dress .man img {
	width: 100%;
	height: auto;
}

.info03 .dress .man dl {
	padding: 20px;
}

.info03 .dress .man dl dt {
	font-size: 1.6em;
	line-height: 2em;
	margin-bottom: 10px;
	font-weight: 500;
}

.info03 .dress .man dl dd {
	font-size: 1.12em;
	line-height: 1.8em;
	letter-spacing: -.020em;
}

.info03 .proc {
	padding: 0 0 50px 0;
}

.info03 .proc ul:after {
	display: block;
	content: "";
	clear: both;
}

.info03 .proc ul li {
	float: left;
	min-height: 250px;
	width: calc(25% - 16px);
	margin: 8px 8px 10px 8px;
	padding: 10px;
	border-left: 1px solid #b9d3f5;
	border-top: 1px solid #b9d3f5;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

.info03 .proc ul li img {
	width: 100%;
	height: auto;
}

.info03 .proc ul li div {
	padding: 15px 0 0 0;
	font-size: 1.17em;
}

.info03 .proc ul li div span {
	background: #6192d2;
	color: #fff;
	float: left;
	padding: 5px 10px;
	margin-right: 10px;
	border-radius: 5px;
}

.info03 .point {
	padding: 0 0 50px 0;
}

.info03 .point:after {
	display: block;
	content: "";
	clear: both;
}

.info03 .point dl {
	float: left;
	text-align: center;
	margin: 10px;
	width: calc(33% - 20px);
	padding-top: 30px;
}

.info03 .point dl img {
	width: 140px;
	height: auto;
}

.info03 .point dl dd {
	font-size: 1.3em;
	padding: 17px 0;
}

@media (max-width: 991px) {
	.info03 .dress {
		padding: 10px 0 20px 0;
	}

	.info03 .dress .man {
		display: block;
		margin: 0 0 10px 0;
		width: 100%;
	}

	.info03 .dress .man img {
		width: 100%;
		height: auto;
	}

	.info03 .dress .man dl {
		padding: 10px;
	}

	.info03 .dress .man dl dt {
		font-size: 1.3em;
	}

	.info03 .dress .man dl dd {
		font-size: 1em;
		line-height: 1.6em
	}

	.info03 .proc {
		padding: 0 0 20px 0;
	}

	.info03 .proc ul li {
		min-height: inherit;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.info03 .proc ul li img {
		width: 100%;
		height: auto;
	}

	.info03 .proc ul li div {
		padding: 15px 0 0 0;
		font-size: 1.17em;
	}

	.info03 .proc ul li div span {
		background: #6192d2;
		color: #fff;
		float: left;
		padding: 5px 10px;
		margin-right: 10px;
		border-radius: 5px;
	}

	.info03 .point {
		padding: 0;
	}

	.info03 .point dl {
		width: 100%;
		margin: 0 0 10px 0;
		padding-top: 10px;
	}

	.info03 .point dl img {
		width: 100px;
		height: auto;
	}

	.info03 .point dl dd {
		font-size: 1.15em;
		padding: 11px 0;
	}
}


/*체크리스트*/
.info04 {}

.info04 .check {
	padding: 10px 0 20px 0;
}

.info04 .check:after {
	display: block;
	content: "";
	clear: both;
}

.info04 .check li {
	float: left;
	margin: 10px 10px 50px 10px;
	width: calc(33.3333% - 20px);
	text-align: center;
	font-size: 1.3em;
}

.info04 .check li p {
	font-size: 1.3em;
	color: #6192d2;
	padding-top: 15px;
}

.info04 .check li img {
	padding: 20px;
	background: #f6f9fd;
	border-radius: 10px;
	width: 130px;
	height: auto;
}

.info04 .check2 {
	padding: 10px 0 20px 0;
}

.info04 .check2:after {
	display: block;
	content: "";
	clear: both;
}

.info04 .check2 li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #e8e9eb;
	min-height: 270px;
}

.info04 .check2 li .list {
	padding: 25px 0;
	width: 100%;
}

.info04 .check2 li .list:after {
	display: block;
	content: "";
	clear: both;
}

.info04 .check2 li .list dt {
	float: left;
	width: 20%;
}

.info04 .check2 li .list dt img {
	width: 80px;
	height: auto;
}

.info04 .check2 li .list dd {
	float: left;
	width: 80%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8em;
}

.info04 .check2 li .list dd .tit {
	color: #6192d2;
	font-size: 1.35em;
}

.info04 .check2 li .con strong {
	float: left;
	width: 120px;
	color: #000;
	font-size: 1.15em;
}

.info04 .check2 li .con span {
	float: left;
	width: calc(100% - 120px);
	text-align: left;
}

.info04 .check2 li .con span.bl {
	display: inline-block;
	width: 80px;
	border-radius: 4px;
	text-align: center;
	background: #5985be;
	color: #fff;
}

@media (max-width: 991px) {
	.info04 .check li {
		margin: 5px 5px 10px 5px;
		width: calc(50% - 10px);
		font-size: 1.1em;
		min-height: 175px;
	}

	.info04 .check li img {
		background: none;
		padding: 0;
		width: 50px;
		height: auto;
		border-radius: 0;
	}

	.info04 .check2 li {
		width: 100%;
		min-height: inherit;
	}

	.info04 .check li p {
		font-size: 1.1em;
	}

	.info04 .check2 li .list {
		padding: 15px 0;
	}

	.info04 .check2 li .list dt img {
		width: 60px;
		height: auto;
	}

	.info04 .check2 li .list dd {
		font-size: 1.05em;
		line-height: 1.6em;
	}

	.info04 .check2 li .list dd .tit {
		font-size: 1.3em;
	}

	.info04 .check2 li .con strong {
		width: 100px;
	}

	.info04 .check2 li .con span {
		width: calc(100% - 100px);
	}
}


/* 마이페이지 팝업 */
#popup_overlay {
	position: fixed;
	right: 0;
	top: 0;
	background: #000;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	/* IE7 & 8 */
	z-index: 99;
	display: none;
}

#mypagePopup {
	position: fixed;
	width: 800px;
	height: 200px;
	left: 50%;
	top: 50% !important;
	background: #FFF;
	z-index: 100;
	display: none;
	border-radius: 10px;
	transform: translate(-50%, -50%);
	z-index: 99999999;
	/*overflow: auto;*/
	-webkit-overflow-scrolling: touch;
}

#mypagePopup iframe {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgb(0, 0, 0, .3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
}

@media (max-width: 991px) {
	#mypagePopup {
		position: fixed;
		width: 96%;
		height: 96% !important;
		left: 50%;
		top: 50%;
		background: #FFF;
		z-index: 100;
		display: none;
		border-radius: 0;
		transform: translate(-50%, -50%);
		z-index: 99999999;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.scrollOff {
	position: fixed;
	overflow: hidden;
	height: 100%;
}


.add_ptit {
	font-size: 18px;
	text-align: center;
	font-weight: 500
}

.protabs label{
	width: 25%;
}
#protab1:checked ~ #protab-content1,
#protab2:checked ~ #protab-content2,
#protab3:checked ~ #protab-content3 {
	display: block;
}

#protab4:checked ~ #protab-content4,
#protab5:checked ~ #protab-content5,
#protab6:checked ~ #protab-content6 {
	display: block;
}


.funeral_list h2.sub_title{
	font-size: 1.2em;
    padding: 10px;
    background: #599ccf;
    color: #fff;
    margin: 0 0 30px;
}
.funeral_list .clearfix .title>img {
	width: 100%;
	height: auto
}

.funeral_list .clearfix p{
	font-size: 1.2em;
}
.funeral_list .clearfix h2 {
	font-size: 1.2em;
	color: #333;
}
.funeral_list .content{
	display: flex;
	flex-direction: column;
	grid-gap: 5px;
}
.service .img_title.wedding{
	background:url(../img/sub/pro02_02_01.png) no-repeat 95% 0%/auto;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.service .img_title.wedding .plusmem ,
.service .img_title.wedding .plusmem dd{
	padding: 0;
	margin: 0;
}
.tab-content table.price{
	width: 100%;
	margin: 50px 0 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	text-align: left;
}
.tab-content table.price tr:not(:last-child){
	border-bottom: 1px dotted #ddd;
}
.tab-content table.price th{
	background: #f9f9f9;
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	padding: 15px 20px;
	width: 30%;
}
.tab-content table.price td{
	background: #fff;
	font-size: 1.2em;
	font-weight: 400;
	padding: 15px 20px;
	line-height: 1.5;
}
.s_merit .cslogan .wedding{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.s_merit .cslogan .wedding dl{
	width: 100%;
	border: none;
	padding: 0;
}
.s_merit .cslogan .wedding dd > img{
	width: 100%;
}

.s_merit .cslogan h3.title{
	font-size: 18px;
}

.ground03 h3.title{background: #f9f9f9; color: #3f7ac6; padding: 4px 30px; overflow: hidden;}
.ground03 h3.title:before{background: #3f7ac6; left: 15px; top: 50%; transform: translateY(-50%);}
.ground03 h3.title:after{
	content: "";
	display: block;
	position: absolute;
	right: 0; top: 0;
	width: 0;
	height: 0;
	border-top: 100px solid white;
	border-left: 100px solid transparent;  }




.plus .img_title::before,
.plus .img_title::after,
.introduce .img_title::before,
.introduce .img_title::after,
.service .img_title.wedding::before,
.service .img_title.wedding::after,
.service .img_title.funeral::before,
.service .img_title.funeral::after,
.service .img_title.ground::before,
.service .img_title.ground::after,
.service .img_title.ground02::before,
.service .img_title.ground02::after,
.service .img_title.ground03::before,
.service .img_title.ground03::after{
	display: none;
}

.plus .img_title{
	background:url(../img/sub/pro01_01.png) no-repeat left center/auto;
	
}
.service .img_title.funeral{
	background:url(../img/sub/pro02_01.png) no-repeat right center/cover;
	color: #fff;
	/*height: 600px;*/
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-top: 100px;
}
.service .img_title.funeral .title > strong{
	color: #9adae2;
}
.service .img_title.funeral .serv_list{
	margin: 20px 0;
}
.service .img_title.ground{
	background:url(../img/sub/pro02_03_01.png) no-repeat 95% 0%/auto;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.service .img_title.ground .title{
    font-family: 'ChosunSm';
	color: #fff !important;
	text-align: center;
	font-weight: 600;
	margin: 0;
	text-shadow: 0 0 3px rgba(0,0,0,0.9);
}
.service .img_title.ground .plusmem{
	color: #fff !important;
	text-align: center;
	margin: 0;
	padding: 0;
	text-shadow: 0 0 3px rgba(0,0,0,0.9);
}
.s_merit h2.title{
    font-family: 'ChosunSm';
	color: #333;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	color: #3b90c9;
	margin: 0 0 30px;
}
.s_merit h2.title strong{
	font-size: 1.8em;
	font-weight: 500;
	color: #096776;
	
}
.s_merit h2.title strong .big_txt{
	font-size: 1.5em;
	margin-left: 10px;
	opacity: 0.5;
}

.s_merit .cslogan .pro04{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.s_merit .cslogan .pro04 dl{
	width: 100%;
	border: none;
	padding: 0;
}
.s_merit .cslogan .pro04 dd{
	width: auto;
}
.s_merit .cslogan .pro04 dd > img{
	width: 100%;
}
.service .clearfix.pro04{
	background:url(../img/sub/pro02_03_02.png) no-repeat 95% 0%/auto;
	height: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.service .clearfix.pro04 > p{
	margin: 0;
	opacity: 0.8;
}
.service .clearfix.pro04 > h4{
	font-size: 2.8em;
	font-weight: 600;
	margin: 20px 0 10px;
}
.service .clearfix.pro04 > h5{
	font-size: 1.5em;
}


.service .img_title.ground02{
	background:url(../img/sub/pro02_04_01.png) no-repeat 95% 0%/auto;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.service .img_title.ground03{
	background:url(../img/sub/pro02_05_01.png) no-repeat 95% 0%/auto;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.service .img_title .bg_opa{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
}
.service .img_title.ground02 .bg_opa,
.service .img_title.ground03 .bg_opa{
	opacity: 0.3;
}
.service .img_title.ground02 .title,
.service .img_title.ground03 .title{
	color: #fff !important;
	text-align: center;
	font-weight: 600;
	margin: 0;
}
.service .img_title.ground02 .plusmem,
.service .img_title.ground03 .plusmem{
	color: #fff !important;
	text-align: center;
	margin: 0;
	padding: 0;
}

.ground02 h3.title{background: #3f7ac6; color: #fff; padding: 4px 30px; overflow: hidden;}
.ground02 h3.title:before{background: #fff; left: 15px; top: 50%; transform: translateY(-50%);}
.ground02 h3.title:after{
	content: "";
	display: block;
	position: absolute;
	right: 0; top: 0;
	width: 0;
	height: 0;
	border-top: 100px solid white;
	border-left: 100px solid transparent;  }
.ground02 table.price{
	width: 100%;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.ground02 table.price tr:not(:last-child){
	border-bottom: 1px dotted #ddd;
}
.ground02 table.price th{
	background: #f9f9f9;
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	padding: 15px 20px;
	width: 30%;
}
.ground02 table.price td{
	background: #fff;
	font-size: 1.2em;
	font-weight: 400;
	padding: 15px 20px;
	line-height: 1.5;
}
.ground02.msg{
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	position: relative;
	padding: 50px 0;
	color: #666;
}
.ground02.msg i{
	font-size: 4em;
	color: #3b90c9;
	opacity: 0.5;
}
.ground02.msg p{
	font-size: 2.2em;
	margin: 10px 0;
	font-family: 'ChosunSm';
}
.ground02.msg p strong{display: block; font-size: 1.1em;}
.ground02 .grid02{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.ground02 .grid02 table{border-top:0; }
.ground02 .grid02 th{background: #fff!important; border: 1px solid RGBA(51, 178, 237,0.5)!important; height: 60px; font-size: 1.3em!important; color: #3f7ac6;}
.ground02 .grid02 td{background: #FBFBFB!important; padding: 30px!important;}
.ground02 .grid02 td strong:before{content: ""; width: 4px; height: 4px; border-radius: 50%;  background: #3f7ac6; display: inline-block; vertical-align: middle; margin-right: 4px; margin-left: -7px;}

.support01.ground02 .in ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	margin: 0 0 20px;
}
.support01.ground02 .in ul li{
	width: 100%;
	min-height: auto;
	margin: 0;
	padding: 30px;
	word-break: keep-all;
}
.support01.ground02 .in ul li img{
	height: 80px; margin-bottom: 10px;
}
.support01.ground02 .in ul li p{
	padding: 0;
}
.support01.ground02 .in ul:after{
	display: none;
}
.pro_ico{
	padding: 30px;
	background: #f9f9f9;
	border: 1px solid #eee;
}
.pro_ico .title{
	text-align: center;
	border: none;
}
.pro_ico .title::before{
	display: none;
}
.pro_ico ul{
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 50px;
}
.pro_ico li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	grid-gap: 15px;
	text-align: center;
	width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	border: 2px solid #3f7ac6;
}
.pro_ico li > img{
	width: 80px;
	height: 80px;
	object-fit: contain;
}
.process_list ul{
	display: grid;
	grid-template-columns: 1fr 20px 1fr 20px 1fr 20px;
	align-items: center;
	justify-content: center;
	grid-gap: 10px;
	margin: 0 0 20px;
}
.process_list li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	grid-gap: 15px;
	text-align: center;
	width: 100%;
	color: #3f7ac6;
	background: #eff6f9;
	border-radius: 5px;
	font-size: 1.3em;
	font-weight: 500;
	padding: 20px 10px;
}
.process_list li img{
	height: 80px;
}
.process_list li p{
	margin: 0;
}
.process_list ul i{
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #aaa;
}
.process_list ul i:nth-child(6){color: #fff}


.service .sns .title{
	text-align: center;
}
.service .sns .title h3{
	font-size: 2.2em;
	font-weight: 600;
	color: #3b90c9;
}
.service .sns .title p{
	font-size: 1.4em;
	font-weight: 300;
/*	color: #aaa;*/
	padding: 10px 0;
}
.service .sns .sns_list ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	width: 70%;
	margin: 0 auto;
}
.service .sns .sns_list li{
	display: grid;
	grid-template-columns: 40px auto;
	align-items: center;
	grid-gap: 0px;
}
.service .sns .sns_list li > img{
	grid-row: 1/3;
}
.service .sns .sns_list li > p{
	margin: 0;
	font-size: 1.3em;
	font-weight: 500;
}
.service .sns .sns_list li > a{
	color: #aaa;
}

.introduce .img_title {
    background: url(../img/sub/sub01_02_02.png) no-repeat 95% 0%/auto;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.introduce .img_title .title{
	font-size: 2.8em;
}
.introduce .img_title .title > strong{
	color: #3c2c1f;
	font-weight: 700;
	
}

@media (max-width:767px){
	.introduce .img_title{
		background-size: cover;
		height:  auto;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.introduce .img_title .title{
		font-size: 1.6em;
		width: 60%;
	}

	.tabs label{
		width: 50%;
	}
	.funeral_list .clearfix .title>img{
/*		height: 200px;*/
		object-fit: cover;
	}
	.service .img_title.funeral{
		padding-top: 50px;
	}
	.service .img_title .bg_opa{
		opacity: 0.3;
	}
	.service .img_title.wedding,
	.service .img_title.ground,
	.service .img_title.ground02,
	.service .img_title.ground03{
		height: 400px;
		margin: 0;
		padding: 20px;
		font-size: 0.8em;
		text-align: center;
		color: #fff;
	}
	.service .img_title.wedding strong{
		color: #fff;
	}
	.service .img_title.wedding{
		background: url(../img/sub/pro02_02_01.png) no-repeat 85% 0%/auto;
	}
	.service .img_title.ground02{
		background: url(../img/sub/pro02_04_01.png) no-repeat center;
	}
	.service .img_title.ground03{
		background: url(../img/sub/pro02_05_01.png) no-repeat center
	}
	.s_merit .cslogan .wedding{
		grid-gap: 15px;
		margin: 0;
		padding: 0;
	}
	.s_merit .cslogan h3.title{
		margin: 0;
	}
	.tab-content table.price th,
	.ground02 table.price th{
		padding: 10px;
		font-size: 1.1em;
		word-break: keep-all;
	}
	.tab-content table.price td,
	.ground02 table.price td{
		font-size: 1em;
		padding: 10px;
		word-break: keep-all;
	}
	.s_merit h2.title{
		font-size: 1.2em;
		margin: 0 0 20px;
	}
	.s_merit h2.title strong{
		font-size: 1.5em;
	}
	.s_merit .cslogan .pro04{
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.service .clearfix.pro04{
		height: auto;
		padding: 30px 15px;
		text-align: center;
		word-break: keep-all;
	}
	.service .clearfix.pro04 > p{
		font-size: 1em;
	}
	.service .clearfix.pro04 > h4{
		font-size: 1.8em;
	}
	.service .clearfix.pro04 > h5{
		font-size: 1.1em;
	}
	
	.ground02.msg{
		padding: 20px 0;
	}
	.ground02.msg i{
		font-size: 2.5em;
	}
	.ground02.msg p{
		font-size: 1.3em;
	}
	.support01.ground02 .title,
	.process_list.ground03 .title{
		font-size: 18px;
	}
	.support01.ground02 .in ul{
		grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
	}
	.support01.ground02 .in ul li{
		padding: 15px;
		min-height: 120px;
	}
	.support01.ground02 .in + p,
	.process_list.ground03 .in + p{
		font-size: 1em;
	}
	.cslogan p{
		font-size: 1em;
	}
	.pro_ico{
		padding: 30px 15px;
		text-align: center;
	}
	.pro_ico ul{
		display: inline-grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
		margin: 20px 0 0;
	}
	.pro_ico li{
		width: 100px;
		height: 100px;
		grid-gap: 5px;
	}
	.pro_ico li > img{
		width: 35px;
		height: 35px;
	}
	.process_list ul{
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.process_list li{
		font-size: 1em;
		padding: 10px;
		height: auto;
	}
	.process_list ul i{
		transform: rotate(90deg);
	}
	.process_list ul i:nth-child(6){color: #aaa}
	.service .sns .sns_list ul{
		width: 100%;
		grid-template-columns: auto;
		justify-content: center;
		grid-gap: 10px;
	}
	.service .sns .sns_list li{
		font-size: 0.95em;
	}
	.service .sns .sns_list li > p{
		font-size: 1.2em;
	}
	.grid02{
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.plus .img_title{background-size: 100% auto; background-position: bottom; padding-bottom: 50%;}

}





/*헬스플러스 ZEN 201004*/
.page_wrap{padding-top:170px;}
#membership section:first-child{padding-top: 40px; padding-bottom: 0;}
#membership section{padding: 60px 0;}
#membership .img img{width: 100%; height: 100%; object-fit: cover;}
#membership .inr{max-width: 1200px; margin: 0px auto;}
#membership .area_title{text-align: center; margin-bottom: 40px;}
#membership .area_title p{ color: #717BF4; text-transform: uppercase; letter-spacing: 4px; font-size: 12px; margin-bottom: 12px;}
#membership .area_title h3{font-size: 38px; margin-bottom: 20px;}
#membership .area_title h4{font-size: 24px}
#membership .txt_gray{color:#898989; margin-bottom: 0;}
#membership .bg_gray{background: #F6F6F6;}
#membership .line img{width: 100%;}

#membership .main_banner{background: url("../img/membership/main_bn_bg.png") #4302C4 no-repeat center/100%;
	min-height: 440px; border-radius: 20px; overflow: hidden; color: #fff; display: table; width: 100%; padding:40px 70px;}
#membership .main_banner .banner_wrap{display: table-cell; vertical-align: middle;}
#membership .main_banner .slogan h3{font-size: 42px; line-height: 1.4em;}
#membership .main_banner .slogan h3 span{position: relative}
#membership .main_banner .slogan h3 span:after{content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #fff; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}
#membership .main_banner .slogan strong{display: block;}
#membership .main_banner .slogan p{font-size: 20px; margin-top: 22px; margin-bottom: 8px; text-shadow: 0 0 10px #B8D0FF;}
#membership .main_banner .btn{background: #FFE375; color: #000; padding: 10px 34px; border-radius: 50px; font-weight: 600; font-size: 22px; margin-top: 40px;}

#membership .area_plus{display: flex; justify-content: center;}
#membership .area_plus dl{text-align: center;border-radius: 100px;color: #fff;padding: 39px 40px 47px 40px;margin: 0 -1%;}
#membership .area_plus dl:nth-child(1){box-shadow:0 0 15px rgba(0, 0, 0, 0.15); color: #000000;}
#membership .area_plus dl:nth-child(2){background: rgba(190, 169, 130, 1);}
#membership .area_plus dl:nth-child(3){background: rgba(45, 49, 60, 0.9);}
#membership .area_plus dl dt{font-size: 30px;}
#membership .area_plus dl dt span{opacity: 0.5;}
#membership .area_plus dl dd{font-size: 18px;margin-top: 16px;}

#membership .area_benefit ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 16px 20px;}
#membership .area_benefit li{border-radius: 20px; overflow: hidden; text-align: center;}
#membership .area_benefit li .img{margin: 10px auto 0 auto;width: 120px;height: 130px;}
#membership .area_benefit li .txt{font-size: 22px;padding: 20px 0;}
#membership .area_benefit li .txt strong{display: block;}
#membership .area_benefit li .txt span{display: block;font-size: 16px;line-height: 1.6em;margin-top: 10px;}

#membership .area_benefit li:nth-child(1){background: #BFC6FF;}
#membership .area_benefit li:nth-child(2){background: #D2EDFF;}
#membership .area_benefit li:nth-child(3){background: #A1EFB7;}
#membership .area_benefit li:nth-child(4){background: #FF8A8A;}
#membership .area_benefit li:nth-child(5){background: #FFF2C2;}
#membership .area_benefit li:nth-child(6){background: #E6E6E6;}

#membership .area_guide ul{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
#membership .area_guide li{background: #fff; border-radius: 20px; overflow: hidden;}
#membership .area_guide .img{height: 300px;}
#membership .area_guide .txt{padding: 24px 32px;min-height: 165px}
#membership .area_guide .txt .title{font-size: 25px;margin-bottom: 10px;font-weight: 700;}
#membership .area_guide .txt p{padding-left: 10px;position: relative;margin: 0 0 4px 0;font-size: 15px;color: #535353; letter-spacing: -1px;}
#membership .area_guide .txt p:last-child{margin-bottom: 0;}
#membership .area_guide .txt p:before{content: "-"; display: inline-block; position: absolute; left: 0;}
#membership .area_guide .txt_gray{margin-top:-4px;}

#membership .benefit_bn{
	display: flex;
	align-items: center;
	border-radius: 20px;
	overflow: hidden;
	padding: 0px 60px;
	background: url("../img/membership/benefit_bn_bg.png") #007DFE no-repeat 95% 4px/auto 140%;
	color: #fff;
	min-height: 160px;
}
#membership .benefit_bn h3{margin-bottom: 16px;font-size: 25px;font-weight: 600;}
#membership .benefit_bn p{font-size: 16px; margin-bottom: 0;}
#membership .benefit_bn .btn{margin-left: 60px;background: #fff;color: #000;font-weight: 600;border-radius: 50px;padding: 8px 25px;font-size: 20px;}
#membership .benefit_bn .btn span{display: inline-block; margin-left: 20px;}

#membership .guide_bn{background: linear-gradient(to right, #8EBEFF, #D7E8FF);padding: 0;}
#membership .guide_bn .inr{display: flex;align-items: center;justify-content: space-between;padding: 0 60px;margin: 0 auto;min-height: 145px;}
#membership .guide_bn .txt{text-shadow: 0 0 10px #6BA9FF;font-size: 40px;color: #fff;}
#membership .guide_bn .txt strong{font-size:44px;}
#membership .guide_bn .btn{background: #000; color: #fff; padding: 10px 65px; font-size:22px; border-radius: 40px; }



@media screen and (max-width: 992px) {
	.page_wrap{padding-top:0px;}

	#membership section{padding: 48px 20px;}
	#membership section:first-child{padding-top: 70px;}
	#membership section:nth-child(2){padding-bottom: 28px;}
	#membership  .txt_gray{font-size: 10px;}

	#membership .area_title{margin-bottom: 36px;}
	#membership .area_title p{font-size: 10px; letter-spacing: 2px;}
	#membership .area_title h3{font-size: 28px; line-height: 40px;}
	#membership .area_title h4{font-size: 12px; line-height: 1.6em;}

	#membership .main_banner{padding: 25px 0; min-height: 345px; background-image: url("../img/membership/main_bn_bg_mobile.png")}
	#membership .main_banner .banner_wrap{background: url("../img/membership/main_bn_bg_icon_mobile.png") no-repeat right bottom/auto 60%;
		padding: 0 25px}
	#membership .main_banner .slogan h3{font-size: 25px;}
	#membership .main_banner .slogan p{font-size: 14px;}
	#membership .main_banner .btn{font-size: 16px;}

	#membership .area_plus{display: block;}
	#membership .area_plus dl{margin:0 0 16px 0; padding: 28px 10px 40px 10px;}
	#membership .area_plus dl dt{font-size: 24px;}
	#membership .area_plus dl dd{font-size: 14px;}
	#membership .area_plus dl:last-child{margin-bottom: 0;}

	#membership .area_benefit ul{grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr;}
	#membership .area_benefit li{position: relative;/* display: flex; */flex-wrap: wrap;flex-direction: column-reverse;justify-content: space-around;}
	#membership .area_benefit li > div{width: 100%;}
	#membership .area_benefit li .img{margin: 0;width: auto; max-height: 150px;height: auto;position: absolute;right: 20px;height: 80%;bottom: 0;}

	#membership .area_benefit li .txt{padding: 20px;font-size: 20px;line-height: 1.4em;z-index: 9999;position: relative; text-align: left}
	#membership .area_benefit li .txt span{font-size: 12px;}

	#membership .area_guide ul{grid-template-columns: 1fr;}
	#membership .area_guide .txt{padding: 24px 32px 28px;}
	#membership .area_guide .txt .title{font-size: 24px;}
	#membership .area_guide .txt p{font-size: 18px;}

	#membership .benefit_bn{display: block;padding: 30px 20px;background-size: 30% auto;background-position: 95% 70%;}
	#membership .benefit_bn p{display: none;}
	#membership .benefit_bn h3{font-size: 20px; line-height: 1.6em;}
	#membership .benefit_bn .btn{margin: 20px 0 0 0; padding-left: 16px; padding-right: 16px; font-size: 14px;}
	#membership .benefit_bn .btn span{font-size: 12px;}

	#membership .guide_bn{min-height: 208px; padding:30px 0;}
	#membership .guide_bn .inr{display: block; text-align: center; padding: 0 10px; margin: 0 auto;}
	#membership .guide_bn .txt{font-size: 32px;}
	#membership .guide_bn .txt strong{font-size: 40px;}
	#membership .guide_bn .btn{margin-top: 20px; display: inline-block; font-size: 18px; padding: 10px 25px}


	#membership .area_guide .img{
		height: 220px;}
	#membership .area_guide .txt{min-height: unset}
}