@charset "utf-8";




h4.title {
	font-size: 26px;
	color: #088fd5;
	font-weight: 600;
	margin: 20px 0 10px 0;
}

h4.title1 {
	font-size: 20px;
	color: #088fd5;
	margin: 20px 0 10px 0;
	border-top: 1px solid #ddd;
	padding: 20px 0 0 0;
}

h5.title {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	margin: 20px 0 0px 0;
	display: inline-block;
	background: #088fd5;
	padding: 8px 25px;
	border-radius: 20px;
}

h5.title1 {
	font-size: 17px;
	color: #000;
	font-weight: 400;
	margin: 20px 0 5px 0;
}

/*센터소개 */
.sub01_intro01 {
	position: relative;
	text-align: center;
	padding: 20px 0;
}

	.sub01_intro01 .slogan-wrap {
		position: relative;
	}

		.sub01_intro01 .slogan-wrap:before {
			background: url(../images/sub/intro_intro_line_left.png) no-repeat 0 50%;
			position: absolute;
			left: 10%;
			top: 50%;
			width: 20%;
			height: 35px;
			z-index: 1;
			content: "";
		}

		.sub01_intro01 .slogan-wrap:after {
			background: url(../images/sub/intro_intro_line_right.png) no-repeat 100% 50%;
			position: absolute;
			right: 10%;
			top: 50%;
			width: 20%;
			height: 35px;
			z-index: 1;
			content: "";
		}

		.sub01_intro01 .slogan-wrap span {
			display: inline-block;
			padding: 0 10px;
			color: #088fd5;
			font-size: 34px;
			position: relative;
			z-index: 10;
			background: #fff;
		}

	.sub01_intro01 ul {
		clear: both;
		margin: 80px auto 0;
		text-align: left;
		width: 80%
	}

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

	.sub01_intro01 li {
		clear: both;
		width: 100%;
		margin: 20px 0px;
		padding: 0px 0px;
		line-height: 1.3em;
		word-break: keep-all;
	}

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

		.sub01_intro01 li img {
			margin: 25px auto 0px;
		}

		.sub01_intro01 li p {
			float: left;
			width: calc(100% - 145px);
			padding: 20px 0 0 0;
		}

			.sub01_intro01 li p.img {
				width: 125px;
				background: #ecf7fb;
				border: 3px solid #cdeaf8;
				border-radius: 50%;
				height: 125px;
				line-height: 125px;
				text-align: center;
				margin-right: 20px;
				padding: 0;
			}

			.sub01_intro01 li p.big {
				font-size: 1.2em;
			}

.sub01_intro02 {
	position: relative;
	padding: 20px 0;
}

	.sub01_intro02 .certification-wrap {
		background: #f8f8f8;
		text-align: center;
		padding: 40px;
		margin-bottom: 20px;
	}

		.sub01_intro02 .certification-wrap p {
			display: inline-block;
			min-height: 70px;
			padding: 10px 10px 0 80px;
			text-align: left;
			font-size: 20px;
			color: #222222;
			line-height: 1.3em;
			background: url(../images/sub/intro_intro_img03.png) no-repeat;
		}

			.sub01_intro02 .certification-wrap p:first-child {
				background: url(../images/sub/intro_intro_img02.png) no-repeat;
			}

.sub01_greeting {
	position: relative;
	padding: 20px 0;
}

	.sub01_greeting .slogan-wrap {
		color: #088fd5;
		font-size: 34px;
		margin: 0 0 50px 0;
	}

	.sub01_greeting p {
		margin: 0 0 30px 0;
		line-height: 1.5em;
		word-break: keep-all;
	}

.sub01_statistic {
	position: relative;
	padding: 0 0 20px 0;
}

.sub01_organ {
	position: relative;
	padding: 20px 0;
}

	.sub01_organ .slogan-wrap {
		font-size: 30px;
		margin: 0 0 50px 0;
	}

	.sub01_organ p {
		line-height: 1.5em;
		word-break: keep-all;
	}

.sub01_location {
	position: relative;
	padding: 0 0 20px 0;
}

.location_icon {
	background: #088fd5;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	color: #fff;
	text-align: center;
	line-height: 70px;
	margin: 0 auto 10px;
}

	.location_icon i {
		line-height: 70px;
	}

.btn_location {
	text-align: right;
	margin: 10px 0;
}

	.btn_location a {
		background: #ecf7fb url(../images/sub/icon_location.png) no-repeat 10px 50%;
		padding: 10px 10px 10px 40px;
		display: inline-block;
		border: 1px solid #dddddd;
		border-radius: 5px;
		color: #426dca;
	}

		.btn_location a:hover {
			border: 1px solid #426dca;
		}


.sub01_clinical {
	position: relative;
	padding: 0 0 20px 0;
}

	.sub01_clinical p {
		margin: 0 0 30px 0;
		line-height: 1.5em;
		word-break: keep-all;
	}

	.sub01_clinical .img {
		margin: 30px 0;
		background: url(../images/main/main_sec03.png) no-repeat center bottom;
		background-attachment: fixed;
		padding: 100px 0;
	}

	.sub01_clinical .img1 {
		margin: 30px 0;
		background: url(../images/sub/main_sec03.png) no-repeat center bottom;
		background-attachment: fixed;
		padding: 100px 0;
	}

.claim_flow {
	background: #f8f8f8;
	border-top: 1px solid #222;
	padding: 20px;
	margin: 80px 0 0 0
}

	.claim_flow li {
		float: left;
		width: 50%;
		border-left: 1px solid #d9d9d9;
		background: url(../images/sub/icon_tel02.png) no-repeat 30px 50%;
		padding: 10px 0 10px 95px;
	}

		.claim_flow li strong {
			display: block;
			font-size: 1.4em;
			color: #000;
			margin-top: 10px;
		}

		.claim_flow li:first-child {
			border-left: none;
			background: url(../images/sub/icon_tel01.png) no-repeat 30px 50%;
		}

.sub03_process {
}

	.sub03_process ul {
		margin: 0;
	}

	.sub03_process li {
		list-style: none;
		padding: 0px 0;
	}

	.sub03_process .fl_l {
		width: 25%;
		border: 1px solid #e0dcdc;
		background: #f9f9f9;
		padding: 10px;
	}

		.sub03_process .fl_l div {
			border: 3px solid #fff;
			background: #ecf7fb;
			text-align: center;
			color: #088fd5;
			padding: 20px 0;
			word-break: keep-all;
			line-height: 1.5em;
		}

			.sub03_process .fl_l div strong {
				display: block;
				margin-top: 5px;
				font-size: 1.4em;
			}

	.sub03_process .fl_r {
		width: 72%;
		padding: 10px 0 0 0;
		line-height: 1.4em;
		word-break: keep-all;
	}

	.sub03_process .process-flow {
		clear: both;
		padding: 20px 0;
		color: #dedede;
		text-align: center;
		width: 25%;
	}

ul.dotType01 li {
	background: url(../images/common/icon01.png) no-repeat 0 19px;
	padding: 8px 0 8px 10px;
	line-height: 1.3em;
}

ol.dotType01 {
	margin-left: 20px;
}

	ol.dotType01 li {
		padding: 8px 0 8px 0px;
		line-height: 1.3em;
	}

ol.dotType02 {
	margin-left: 20px;
}

	ol.dotType02 li {
		list-style: lower-alpha;
		padding: 8px 0 8px 0px;
		line-height: 1.3em;
	}

a.btn_download {
	background: #fff;
	padding: 2px 10px;
	display: inline-block;
	border: 1px solid #dddddd;
	border-radius: 5px;
	color: #426dca;
	margin-top: 10px;
}

	a.btn_download:hover {
		border: 1px solid #426dca;
	}

.ecase_go {
	text-align: center;
	padding-top: 50px;
}

	.ecase_go a {
		background: #192857;
		border: 1px solid #192857;
		padding: 10px 25px;
		font-size: 1.2em;
		color: #fff;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}

		.ecase_go a:hover {
			background: #fff;
			color: #192857;
		}

.sub01_clinical .ecase_go a {
	background: #254fa3;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.claim_box {
	background: #fcfcfc;
	border: 1px solid #efefef;
	padding: 20px;
}

.modal-policy {
	padding: 20px 0;
}

	.modal-policy h5 {
		font-size: 1.1em;
		color: #000;
		margin-bottom: 10px;
	}

	.modal-policy .policy_wrap {
		height: 150px;
		overflow-y: scroll;
		border: 1px solid #ddd;
		padding: 10px;
		font-size: 0.8em;
		line-height: 1.3em;
		margin-bottom: 5px;
	}

.table-wrap {
	margin: 20px 0;
}
/*board*/
.tableA {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	border-top: 1px solid #222222;
	table-layout: fixed;
}

	.tableA thead th {
		background: #f8f8f8;
		padding: 15px 5px;
		border-left: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		font-weight: 600;
		color: #55565a;
		line-height: 1.3em;
	}

		.tableA thead th:first-child {
			border-left: none;
		}

	.tableA tbody th {
		background: #fff;
		padding: 15px 5px;
		border-bottom: 1px solid #eeeeee;
		vertical-align: middle;
	}

	.tableA tbody td {
		border-left: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		padding: 15px 5px;
		text-align: center;
		vertical-align: middle;
		line-height: 1.3em;
	}

		.tableA tbody td:first-child {
			border-left: none;
		}

	.tableA tfoot td {
		background: #f8f8f8;
		border-left: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		padding: 15px 5px;
		text-align: center;
		vertical-align: middle;
		line-height: 1.3em;
	}

		.tableA tfoot td:first-child {
			border-left: none;
		}

.tableB {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	border-top: 2px solid #222222;
	table-layout: fixed;
}

	.tableB thead th {
		background: #f8f8f8;
		padding: 15px 5px;
		border-left: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		font-weight: 600;
		color: #55565a;
	}

	.tableB tbody th {
		background: #f8f8f8;
		padding: 15px 5px;
		border-bottom: 1px solid #eeeeee;
		vertical-align: middle;
		color: #000000;
		line-height: 1.3em;
	}

	.tableB tbody td {
		border-bottom: 1px solid #eeeeee;
		padding: 15px 10px;
		text-align: center;
		vertical-align: middle;
		line-height: 1.3em;
	}

		.tableB tbody td.title {
			border-right: 1px solid #eeeeee;
			color: #000000;
		}

.btn {
	color: #fff;
	background: #55565a;
	border-radius: 5px;
	margin-left: 10px;
	display: inline-block;
	font-size: 0.9em;
	padding: 3px 10px;
	margin-top: 10px;
	line-height: 1.3em;
}


/* desktop 1600*/
@media screen and (max-width:1600px) {
}

/* desktop 1366 */
@media screen and (max-width:1366px) {
}

/* desktop 1280 */
@media screen and (max-width:1280px) {
	.container {
		width: 95%;
	}

	.sub01_intro01 li {
		padding: 0px 20px;
	}

		.sub01_intro01 li img {
			width: 50px;
			height: auto;
			margin-bottom: 5px
		}

		.sub01_intro01 li p.big {
			margin-top: 20px;
		}
}

/* desktop 1200 */
@media screen and (max-width:1200px) {
}

/* desktop 1060 */
@media screen and (max-width:1065px) {
}

/* desktop 1024 */
@media screen and (max-width:1024px) {
}

/* desktop 768 */
@media screen and (max-width:768px) {
	h4.title {
		font-size: 21px;
	}

	h5.title {
		font-size: 17px;
		padding: 5px 15px;
	}

	h4.title1 {
		font-size: 17px;
		margin: 10px 0 10px 0;
		padding: 10px 0 0 0;
	}

	h5.title1 {
		font-size: 15px;
		margin: 10px 0 5px 0;
	}

	.sub01_intro01 .slogan-wrap:before {
		display: none;
	}

	.sub01_intro01 .slogan-wrap:after {
		display: none;
	}

	.sub01_intro01 ul {
		width: 75%;
		margin: 50px auto 0;
	}

	.sub01_intro01 li {
		padding: 0px 0px;
	}

		.sub01_intro01 li img {
			width: auto;
			height: auto;
			margin-bottom: 15px
		}

	.sub01_intro02 .certification-wrap {
		padding: 40px 0;
	}

		.sub01_intro02 .certification-wrap p {
			margin: 0 40px
		}

	.sub01_intro01 li p.big {
		margin-top: 10px;
	}

	.claim_box {
		padding: 10px;
	}
}

/* mobie 640 */
@media screen and (max-width:640px) {
	.sub01_intro01 ul {
		width: 95%;
	}

	.sub01_intro01 li {
		padding: 0px 0px;
	}

		.sub01_intro01 li p {
			padding: 10px 0 0 0;
		}
}

/* mobie 414 */
@media screen and (max-width:425px) {
	h4.title {
		font-size: 18px;
		line-height: 1.2em;
	}
	/* 2021.02.02 강송희 모바일버전: 텍스트라인조절 */
	h5.title {
		font-size: 15px;
	}

	h4.title1 {
		font-size: 15px;
	}

	h5.title1 {
		font-size: 13px;
	}

	.sub01_intro01 .slogan-wrap span {
		font-size: 20px;
		line-height: 1.3em;
	}

	.sub01_intro01 li {
	}

		.sub01_intro01 li img {
			width: 45px;
			height: auto;
			margin-bottom: 5px;
			margin-top: 15px
		}

		.sub01_intro01 li p {
			float: left;
			width: calc(100% - 90px);
			padding: 10px 0 0 0;
		}

			.sub01_intro01 li p.img {
				width: 80px;
				height: 80px;
				line-height: 80px;
				margin-right: 10px;
			}

			.sub01_intro01 li p.big {
				margin-top: 10px;
			}

	.sub01_intro02 .certification-wrap {
		padding: 10px;
		margin-bottom: 10px;
	}

		.sub01_intro02 .certification-wrap p {
			padding: 15px 10px 10px 80px;
			font-size: 16px;
			margin: 5px 0;
		}

	.location_icon {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

		.location_icon i {
			line-height: 30px;
			font-size: 22px
		}

	.tableB tbody td .ml20 {
		margin-left: 0 !important;
		margin-top: 20px;
	}

	ul.dotType01 li {
		padding: 5px 0 5px 10px;
	}


	.sub01_greeting .slogan-wrap {
		font-size: 20px;
		margin: 0 0 30px 0;
	}

	.sub01_greeting p {
		line-height: 1.5em;
		margin: 0 0 20px 0;
	}

	.sub01_organ .slogan-wrap {
		font-size: 20px;
		margin: 0 0 30px 0;
		line-height: 1.3em;
	}

	.claim_flow {
		padding: 20px 0;
		margin: 40px 0 0 0
	}

		.claim_flow li {
			float: none;
			width: 100%;
			border-left: none;
		}

			.claim_flow li strong {
				margin-top: 5px;
			}

			.claim_flow li:first-child {
				margin-bottom: 20px;
			}

	.sub03_process .fl_l {
		float: none;
		width: 100%;
		padding: 5px;
	}

		.sub03_process .fl_l div {
			border: 2px solid #fff;
			padding: 10px 0;
		}

	.sub03_process .fl_r {
		float: none;
		width: 100%;
		padding: 10px 0;
	}

	.sub03_process .process-flow {
		padding: 10px 0;
		width: 100%;
	}

	.ecase_go {
		padding-top: 30px;
	}

		.ecase_go a {
			padding: 5px 15px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}

	ul.dotType01 li {
		background-position: 0 12px;
	}
	/* 2021.02.02 강송희 모바일버전: 블릿위치 */
}