@charset "utf-8";


.point-color01 {
	color: #000000
}

/* tabmenu */
.tabmenu-type01 {
	margin-bottom: 29px;
	background: #fff url(../images/common/bg_tabmenu01.gif) repeat;
}

.tabmenu-type01 li {
	float: left;
}

.tabmenu-type01 li a {
	display: block;
	padding: 0 30px;
	height: 60px;
	line-height: 60px;
	color: #3c3c3c;
	font-size: 18px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	border-right: 1px solid #eeeeee;
}

.tabmenu-type01 li a:hover,
.tabmenu-type01 li a.on {
	background: #055baf;
	border-right: 1px solid #055baf;
	color: #fff;
}

.board-search-wrapper {
	margin-bottom: 20px;
}

.board-search-wrapper .total {
	float: left;
	height: 36px;
	line-height: 36px;
	color: #72767e;
	font-size: 14px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.board-search-wrapper .board-search-area {
	float: right;
}

.board-search-wrapper .board-search-area select {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	width: 96px;
	height: 36px;
	padding-left: 10px;
	color: #777777;
	font-size: 13px;
	border: 1px solid #e0e0e1;
}

.board-search-wrapper .board-search-area input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #e0e0e1;
	border-right: 0;
	width: 170px;
	height: 34px;
	color: #777777;
	font-size: 13px;
}

.board-search-wrapper .board-search-area input[type="image"] {
	display: inline-block;
	vertical-align: middle;
	margin-left: -4px;
}

.board-view {
	background: #fff;
	padding: 30px;
	border-bottom: 1px solid #dededf;
	margin-bottom: 25px;
}

.board-view .title-area {
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ededed;
}

.board-view .title-area h3 {
	font-size: 21px;
	line-height: 30px;
	color: #393f46;
	margin-bottom: 10px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.board-view .title-area h3 .icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 0 15px;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
	
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	color: #fff;
}

.board-view .title-area h3 .icon.progress {
	background: #f7aa00;

}

.board-view .title-area h3 .icon.deadline {
	background: #32a3c0;
}


.board-view .board-information {
	margin-bottom: 20px;
	color: #777779;
	font-size: 15px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.board-view .board-information .icon-bar {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 13px;
	margin: 0 10px;
	background: url(../images/common/icon_bar01.gif) no-repeat left top;
	text-indent: -5000em;
	font-size: 0
}

.board-view .add-file {
	color: #777779;
	font-size: 15px;
}

.board-view .add-file dt,
.board-view .add-file dd {
	display: inline-block;
	vertical-align: top;
}

.board-view .add-file dd {
	padding-left: 5px;
}

.board-view .add-file dd a {
	color: #777779;
}

.board-view .add-file dd a:hover {
	text-decoration: underline;
}

.board-view-area {
	display: block;

	font-size: 17px;
	line-height: 30px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	color: #666669
}

.board-view-area img {
	display: block;
	max-width: 100%;
	margin: 0 auto 25px auto;
}

.btns-area {
	text-align: center;
}

.btns-area:after {
	content: "";
	clear: both;
	display: block;
}

.btns-left {
	float: left;
}

.btns-right {
	float: right;
}

.btn-type01 {
	display: inline-block;
	vertical-align: middle;
	height: 46px;
	line-height: 46px;
	padding: 0 17px;
	background: #567096;
	color: #fff;
	font-size: 17px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.btn-type02 {
	display: inline-block;
	vertical-align: middle;
	height: 46px;
	line-height: 46px;
	padding: 0 17px;
	background: #a0a5b2;
	color: #fff;
	font-size: 17px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}


.btns-left a,
.btns-left button,
.btns-left input[type="submit"] {
	margin-right: 5px;
}

.btns-right a,
.btns-right button,
.btns-right input[type="submit"] {
	margin-left: 5px;
}


/* board block 형 */

.item-wrapper {
	width: 1220px;
}
.item-area {
	border: 0px solid red;
}
.item-area:after {
	content: "";
	clear: both;
	display: block;
}

.item {
	float: left;
	width: 287px; 
	margin-right: 18px;
	margin-bottom: 18px;
	background: #fff;
}

.item a {
	display: block;
	width: 247px;
	padding: 30px 20px;
	font-size: 15px;
	line-height: 26px;
	border: 1px solid #fff;
	border-bottom: 1px solid #dededf
}
.item a:hover {
	background: #f9f9f9;
	border: 1px solid #00c5d0
}

.item a .title {
	display: block;
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #393f46;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.item a .title img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.item a .image  {
	display: block;
	margin-bottom: 20px;
}
.item a .image img {
	display: block;
	width: 250px;
}

.item a .item-content {
	display: block;
	margin-bottom: 10px;
	color: #72767e;
	font-size: 15px;
	line-height: 26px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	max-height: 104px;
}

.item a .item-date {
	display: block;
	font-size: 13px;
	color: #999999;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.item a .item-date .icon-bar01 {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 13px;
	background: #c6c6c6;
	margin: 0 10px;
}


.item a .icon {
	display: block;
	padding-top: 15px;
}



.item-plus {
	clear: both;
	border: none;
	width: 109px;
	padding-top: 40px;
	margin: 0 auto;
}

.plus-button {
	display: block;
	width: 109px;
	height: 109px;
	margin: 0 auto;
	border: none;
	background: url(../images/board/btn_more01.png) no-repeat center center;
	text-indent: -5000em;
	cursor: pointer;
}

.append-button a,
.item-plus a,
.plus-button a {
	width: 109px;
	padding: 0;
}

.append-button a:hover,
.item-plus a:hover,
.plus-button a:hover {
	background: url(../images/board/btn_more01.png) no-repeat center center;
}


/* 소식지 */
.newsletter-wrapper {
	position: relative;
	padding-left: 473px;
	min-height: 532px;
}

.current-newsletter-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 441px;
	height: 532px;
}

.current-newsletter-wrapper .current-newsletter {
	display: block;
}

.current-newsletter-wrapper .image-current-newsletter {
	display: inline-block;
	vertical-align: bottom;
	width: 441px;
	height: 532px;
}

.current-newsletter-wrapper .newsletter-information {
	padding-top: 20px;
	text-align: center;
}

.current-newsletter-wrapper .newsletter-information h2 {
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #101010;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.current-newsletter-wrapper .newsletter-information .quiz-enter {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	background: #00b5c3;
	color: #fff;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	font-size: 17px;
	border-radius: 18px;
}

.newsletter-list-wrapper {
	display: block;
	border: 0px solid red;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}

.newsletter-list-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.newsletter-list-area {
	float: right;
	border: 0px solid red;
}

.newsletter-list-area:after {
	content: "";
	clear: both;
	display: block;
}

.newsletter-list-area .newsletter {
	float: left;
	padding-left: 15px;
	padding-bottom: 26px;
	width: 166px;
}

.newsletter-list-area .newsletter .newsletter-info {
	display: block;
	border: 1px solid #bfc4ce;
	background: #fff;
}

.newsletter-list-area .newsletter .newsletter-info .image {
	display: block;
}

.newsletter-list-area .newsletter .newsletter-info .image img {
	display: block;
	width: 164px;
}

.newsletter-list-area .newsletter .newsletter-info .information {
	padding: 15px 18px 14px 18px;
}

.newsletter-list-area .newsletter .newsletter-info .information:after {
	content: "";
	clear: both;
	display: block;
}

.newsletter-list-area .newsletter .newsletter-info .information .vol {
	float: left;
	color: #333333;
	font-size: 15px;
}

.newsletter-list-area .newsletter .newsletter-info .information a {
	float: right;
}
.newsletter-list-area .newsletter .newsletter-info .information a img {
	display: inline-block;
	vertical-align: middle;
}

/* 스토리북 */
.storybook-wrapper{
	width:400px;
	margin:0 auto;
}
.storybook-information{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
	height: 60px;
	line-height: 60px;
	border: 1px solid #bfc4ce;
	padding: 0 30px;
	box-sizing: border-box;
	background: #fff;
	
}
.image-current-storybook{
	width:100%;
}
/* //스토리북 */

/* 채용정보 */
.recruitment-wrapper {
	margin: 0;
	padding: 0;
	width: 1216px;
}

.recruitment-area {
	display: block;
}

.recruitment-area:after {
	content: "";
	clear: both;
	display: block;
}

.recruitment-area .recruitment {
	float: left;
	width: 592px;
	margin-bottom: 10px;
	margin-right: 16px;
	background: #fff;
}

.recruitment-area .recruitment a {
	position: relative;
	display: block;
	padding: 32px 30px 32px 123px;
	border: 1px solid #fff;
	border-bottom: 1px solid #dededf;
}

.recruitment-area .recruitment a:hover {
	border: 1px solid #00c5d0;
}

.recruitment-area .recruitment a .icon {
	position: absolute;
	top: 50%;
	left: 37px;
	width: 68px;
	height: 68px;
	line-height: 68px;
	margin-top: -34px;
	text-align: center;
}


.recruitment-area .recruitment a .icon.progress {
	background: #f7aa00;
	border-radius: 34px;
	color: #fff;
	font-size: 18px;
}

.recruitment-area .recruitment a .icon.deadline {
	border-radius: 34px;
	color: #32a3c0;
	font-size: 18px;
}

.recruitment-area .recruitment a .title {
	display: block;
	font-size: 23px;
	color: #393f46;
	line-height: 25px;
	margin-bottom: 15px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.recruitment-area .recruitment a .title span {
	display: inline-block;
	max-width: 88%;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;; 
}

.recruitment-area .recruitment a .title img {
	display: inline-block;
	vertical-align: top;
	margin-left: 3px;
	line-height: 25px;
}

.recruitment-area .recruitment a .info {
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #777779;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.icon-bar01 {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 13px;
	margin: 0 13px;
	background: url(../images/common/icon_bar01.gif) no-repeat center center;
}

/* 홍보동영상 */
.moive-area {
	margin-bottom: 45px;
}

.moive-area:after {
	content: "";
	clear: both;
	display: block;
}

.moive-area .youtube-area {
	float: left;
	width: 779px;
	height: 501px;
}

.moive-area .youtube-area iframe {
	display: block;
	width: 779px;
	height: 501px;
}

.moive-area .movie-caption {
	float: right;
	width: 335px;
	height: 429px;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 35px 30px;
	overflow-x: hidden;
	overflow-y: auto;
}

.moive-area .movie-caption h2 {
	color: #0b0b0b;
	font-size: 19px;
	line-height: 25px;
	color: #0b0b0b;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	margin-bottom: 16px;
}

.moive-area .movie-caption p{
	font-size: 15px;
	line-height: 24px;
	color: #959595;

	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.movie-list-area {
	position: relative;
	border: 1px solid #e5e5e5;
	padding: 38px 75px;
	background: #fff;
}

.movie-list-area ul {
	display: block;
}

.movie-list-area ul:after {
	content: "";
	clear: both;
	display: block;
}

.movie-list-area ul li {
	float: left;
	width: 164px;
}

.movie-list-area ul li a {
	display: block;
	width: 164px;
	text-align: center;
}

.movie-list-area ul li a img {
	display: block;
	width: 164px;
	height: 102px;
}

.movie-list-area ul li a span {
	display: block;
	padding-top: 13px;
	color: #7a7a7a;
	font-size: 13px;
	line-height: 16px;

	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.movie-list-area .bx-prev {
	position: absolute;
	top: 50%;
	left: 26px;
	width: 29px;
	height: 48px;
	margin-top: -24px;
	background: url(../images/btn/btn_previous01.png) no-repeat 0 0;
	background-size: 29px 48px;
	text-indent: -5000em;
}

.movie-list-area .bx-next {
	position: absolute;
	top: 50%;
	right: 26px;
	width: 29px;
	height: 48px;
	margin-top: -24px;
	background: url(../images/btn/btn_next01.png) no-repeat 0 0;
	background-size: 29px 48px;
	text-indent: -5000em;
}

/* mask */
.mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 2000;
	opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE-8 */
    filter: alpha(opacity=50); /* IE-7 */
}

.layerpopup-quiz-wrapper {
	display: none;
	position: absolute;
	top: 193px;
	left: 50%;
	width: 965px;
	margin-left: -482px;
	margin-top: -50px;
	z-index: 2100;
	opacity: 0;
}

.layerpopup-quiz-area {
	position: relative;
	width: 965px;
	padding: 12px 0 10px 0;
}

.layerpopup-quiz-area .layerpopup-quiz-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 965px;
	height: 12px;
	background: url(../images/sub05/bg_quiz_top.png) no-repeat 0 0;
}

.layerpopup-quiz-area .layerpopup-quiz-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 965px;
	height: 10px;
	background: url(../images/sub05/bg_quiz_bottom.png) no-repeat 0 0;
}

.layerpopup-quiz-area .layerpopup-quiz-body {
	padding: 55px 0 50px 0;
	background: url(../images/sub05/bg_quiz_body.gif) repeat-y 0 0;
}

.layerpopup-quiz-area .layerpopup-quiz-body:after {
	content: "";
	clear: both;
	display: block;
}	

.layerpopup-quiz-area .layerpopup-quiz-body .winner-information {
	float: left;
	width: 172px;
	padding: 10px 25px 10px 35px
}

.layerpopup-quiz-area .layerpopup-quiz-body .winner-information dt {
	display: block;
	padding-left: 41px;
	background: url(../images/sub05/icon01.png) no-repeat 0 0;
	font-size: 18px;
	line-height: 22px;
	color: #e70808;
	margin-bottom: 23px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.layerpopup-quiz-area .layerpopup-quiz-body .winner-information dd {
	font-size: 14px;
	line-height: 24px;
	color: #784e1d;

	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area {
	float: right;
	width: 638px;
	padding: 0 42px 0 53px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl {
	margin-bottom: 25px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl dt {
	font-size: 19px;
	line-height: 23px;
	color: #1a1a1a;

	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	padding-bottom: 22px;
	background: url(../images/sub05/bg_dotted01.gif) repeat-x left bottom;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area dl dt .word-hint {
	display: inline-block;
	vertical-align: middle;
	margin-left: 9px;
	font-size: 15px;
	color: #fa1121;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl dd {
	padding: 23px 0 24px 0;
	background: url(../images/sub05/bg_dotted01.gif) repeat-x left bottom;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl dd .word-quiz {
	margin-bottom: 25px;
	
	font-size: 30px;
	line-height: 39px;
	color: #222222;
	letter-spacing: -1px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl dd .word-quiz span {
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl dd .word-notice {
	text-align: center;
	color: #585858;
	font-size: 14px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-dl dd .word-notice strong {
	color: #fe9b13
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box {
	display: block;
	margin-bottom: 60px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl {
	position: relative;
	padding-left: 65px; 
	margin-bottom: 4px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	font-size: 14px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd {
	display: block;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd input[type="text"] {
	width: 263px;
	height: 28px;
	border: 1px solid #dcdcdc
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd input[type="text"].bg01 {
	border: 1px solid #58666e;
	background: #68767e;
	color: #fff;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd .phone-box {
	display: block;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd .phone-box:after {
	content: "";
	clear: both;
	display: block;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd .phone-box input[type="text"] {
	float: left;
	width: 75px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd .phone-box span {
	float: left;
	width: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .quiz-form-box dl dd input[type="text"].input-address {
	display: block;
	width: 100%;
	margin-bottom: 4px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .word-sign {
	font-family: "notoKrM", sans-serif;
	font-weight: 500;

}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .word-sign dt {
	display: block;
	font-size: 14px;
	color: #d2480b;
	margin-bottom: 10px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .word-sign dd {
	color: #666666;
	font-size: 14px;
	line-height: 21px;
}

.layerpopup-quiz-area .layerpopup-quiz-body .quiz-form-area .word-sign dd a:hover {
	text-decoration: underline;
}


.layerpopup-quiz-wrapper .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -55px;
	background: transparent;
	border: 0;
}

.layerpopup-quiz-wrapper .btn-close img {
	display: block;
	width: 77px;
	height: 33px;
}


/* 사회공헌 */
.activity-wrapper {
	position: relative;
	padding-left: 350px;
}

.activity-area01 {
	position: absolute;
	top: 23px;
	left: 0;
	width: 291px;
	padding-bottom: 392px;
	word-break: keep-all;
	background: url(../images/sub03/bg01.png) no-repeat center bottom;
}

.activity-area01 .word01 {
	margin-bottom: 45px;
}

.activity-area01 .word01 img {
	display: block;
	width: 275px;
}

.activity-area01 dl {
	display: block;
}

.activity-area01 dl dt {
	display: block;
	font-size: 20px;
	line-height: 38px;
	color: #4b5363;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.activity-area01 dl dd {
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #999999;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.activity-area02 {
	padding-top: 23px;
}

.word-type01 {
	color: #666669;
	font-size: 16px;
	line-height: 28px;

	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	margin-bottom: 14px;
	word-break: keep-all;
}

.image-box {
	display: block;
}

.image-box img {
	display: block;
	max-width: 100%;
}

.word-slogon01 {
	margin-bottom: 22px;
}

.word-slogon01 img {
	display: block;
}

/* 은성의료재단소개 */
.introduce-wrapper {
	position: relative;
	padding-top: 23px;
}

.introduce-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.history-area {
	float: left;
	width: 565px;
}

.history-area img {
	display: block;
	width: 565px;
}

.introduce-area {
	float: right;
	width: 590px;
}

.introduce-area .word01 {
	font-size: 25px;
	color: #2f2f2f;
	line-height: 34px;
	margin-bottom: 27px;

	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.introduce-box {
	margin-bottom: 50px;
}

.introduce-box h3 {
	margin-bottom: 12px;
	font-size: 23px;
	line-height: 29px;
	color: #115cbd;
}

.introduce-box p {
	color: #666669;
	font-size: 15px;
	line-height: 25px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

/* 인사말 */
.greeting-area {
	position: relative;
	padding-top: 23px;
	padding-right: 460px;
}

.greeting-area .image-ceo {
	position: absolute;
	top: 0;
	right: 0;
	width: 342px;
}
.greeting-area .word01 {
	font-size: 28px;
	line-height: 35px;
	color: #4b5363;
	margin-bottom: 20px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}


.greeting-area .word01 strong {
	color: #115cbd;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.greeting-area .word02 {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	color: #666669;
}

.greeting-area .word-sign {
	font-size: 18px;
	color: #000000;
}

.greeting-area .word-sign img {
	display: block;
	padding-top: 18px;
}

/* HI소개 */
.simbol-area01 {
	padding-left: 460px;
	background: url(../images/sub01/img0401.png) no-repeat 0 0;
}

.simbol-area01 dl {
	position: relative;
	margin-bottom: 4px;
	padding-left: 115px;
	min-height: 27px;
	line-height: 27px;
}

.simbol-area01 dl dt {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	color: #4a5463;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.simbol-area01 dl dt img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.simbol-area01 dl dd {
	font-size: 16px;
	color: #72767e;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.ul-list01 {
	display: block;
}

.ul-list01 > li {
	padding-left: 11px;
	font-size: 16px;
	line-height: 27px;
	color: #72767e;
	background: url(../images/bullet/bullet02.gif) no-repeat 0 11px;

	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}




.ul-list02 {
	display: block;
}

.ul-list02 > li {
	padding-left: 19px;
	font-size: 16px;
	line-height: 28px;
	color: #666669;
	background: url(../images/bullet/bullet03.png) no-repeat 7px 13px;

	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.ul-list02 > li > ul {
	margin: 0;
	padding: 0;
}

.ul-list02 > li > ul > li {
	padding-left: 8px;
	background: url(../images/bullet/bullet04.png) no-repeat 0 13px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}



.ul-list03 {
	margin: 0;
	padding: 0;
}

.ul-list03 > li {
	padding-left: 8px;
	background: url(../images/bullet/bullet04.png) no-repeat 0 13px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	color: #666669;
	font-size: 16px;
	line-height: 28px;
}



/* 좋은병원네트워크 */
.hospital-information-area {
	position: relative;
	padding-top: 23px;
	padding-right: 445px;
	min-height: 500px;
}

.hospital-information-area .hospital-homepage {
	position: absolute;
	top: 23px;
	right: 0;
	width: 342px;
}

.hospital-information-area .hospital-homepage img {
	display: block;
	width: 342px;
}

.hospital-information-area .hospital-homepage a {
	position: relative;
	display: block;
	height: 47px;
	line-height: 47px;
	text-align: center;
	background: #115cbd;
	color: #fff;
	font-size: 18px;
	overflow: hidden;
}

.hospital-information-area .hospital-homepage a img {
	position: absolute;
	top: 50%;
	right: 90px;
	width: 9px;
	height: 13px;
	margin-top: -5px;
}

.hospital-information-box {
	display: block;
	margin: 0;
	padding: 0;
}

.hospital-information-box .word01 {
	font-size: 28px;
	color: #4b5363;
	line-height: 35px;
	letter-spacing: -1px;
	margin-bottom: 20px;
	word-break: keep-all;
}

.hospital-information-box .word01 strong {
	color: #115cbd;
	
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
}

.hospital-information-box .word02 {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #666669;
	
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.hospital-information-box ol {
	margin-bottom: 30px;
}

.hospital-information-box ol li {

	font-size: 18px;
	line-height: 30px;
	color: #666669;
	
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}
/* 좋은병원들 표 */
.tbTypeB {width:100%; border-top:2px solid #0c0c0d; border-bottom:1px solid #a0a0a2; border-collapse:separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeB thead tr th {height:18px; padding:15px 0 13px; color:#3e3e3e; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #d8dbe0; border-left:1px solid #d8dbe0; background:#f0f0f5;}
.tbTypeB thead tr:first-child th {border-top:0;}
.tbTypeB thead tr:first-child th:first-child {border-left:0;}

.tbTypeB tbody tr th {border-top:1px solid #6b6b6b; line-height:24px; color:#3e3e3e; text-align:center; vertical-align:middle; background:#f0f0f5;}
.tbTypeB tbody tr td {height:18px; padding:13px 20px; line-height:20px; vertical-align:middle; border-top:1px solid #d8dbe0; border-left:1px solid #d8dbe0; word-break: break-all; color:#666669;}
.tbTypeB tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeB tbody tr td:first-child {border-left:0;}
.tbTypeB tbody tr td:first-child.line {border-left:1px solid #d8dbe0; }
.tbTypeB tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}

.tbTypeB tbody tr th.bor_L{border-left:1px solid #d8dbe0 !important}
.tbTypeB tbody tr:first-child th {
	border-top: 1px solid #6b6b6b;
}
.tbTypeB tbody tr th {
	height: 18px;
	padding: 13px 20px;
	line-height: 20px;
	vertical-align: middle;
	border-top: 1px solid #d8dbe0;
	border-left: 1px solid #d8dbe0;
	font-weight: 600;
}
.tbTypeB tbody tr th:first-child {
	border-left: 0;
}
/* //좋은병원들 표 */

/* 사회공헌 및 ESG 활동 > ESG 활동 */
.contents-box{
	margin-bottom: 65px;
}
.title0303{
	font-size:20px;
	line-height: 38px;
	color:#4b5363;
	font-weight: 500;
}

/* 비전 및 교육목표 */
/*
.table-vision{
	padding:0 20px;
}
*/
.table-vision table{
	width:100%;
}

.table-vision table tr{
	display:flex;
	gap:20px;
}

.table-vision table td{
	flex:1;
	vertical-align:top;
	border:1px solid #ddd;
	background:#fff;
	border-radius:5px;
}

/* top color line */
.table-vision .type01{border-top:4px solid #1b5097;}
.table-vision .type02{border-top:4px solid #089da9;}
.table-vision .type03{border-top:4px solid #f9669f;}

/* box inner */
.vision-process-wrapper{
	padding:26px;
}

/* title */
.vision-process-wrapper h4{
	text-align:center;
	padding:5px 0 30px;
	border-bottom:1px solid #ddd;
	font-weight:700;
	font-size: 18px;
	color:#333339;
}

.vision-process-wrapper h4 img{
	display:block;
	margin:0 auto;
}

.vision-process-wrapper h4 strong{
	display:block;
	font-size:34px;
	line-height:54px;
	letter-spacing:-0.25px;
	font-weight:900;
}

/* title color */
.type01 h4 strong{color:#1b5097;}
.type02 h4 strong{color:#089da9;}
.type03 h4 strong{color:#f9649f;}

/* content */
.vision-process-area{
	padding-top:25px;
	text-align:center;
}

.vision-process-area h5{
	margin:21px 0 10px;
	color:#212121;
	font-size:18px;
	line-height:28px;
	font-weight:700;
	letter-spacing:-0.25px;
}

.vision-process-area h5:first-child{
	margin-top:0;
}

.vision-process-area ul{
	text-align:left;
}
/**/
.program-box{
	display: flex;
	justify-content: space-between;
	
}
.program-box-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:calc((100% - 60px) / 4);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding:20px;
	box-sizing:border-box;
}
.program-box-item span{
	font-size:18px;
	line-height: 38px;
	font-weight: 700;
	color:#333339;
}
/**/
.archive-box{
	display: flex;
	justify-content: space-between;
}
.archive-box span{
	text-align: center;
	width:calc((100% - 60px) / 4);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding:20px;
	box-sizing:border-box;
	font-size:18px;
	line-height: 38px;
	font-weight: 700;
	color:#333339;
}
/**/
.esg-img-box{
	display: flex;
	gap:20px;
	flex-wrap:wrap;
}
.esg-img-box img{
	display: block;
	width:calc((100% - 40px) / 3);
}
/**/
.propulsion-box{
	display: flex;
	justify-content: space-between;
}
.propulsion-box-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	width:calc((100% - 60px) / 4);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding:40px 20px;
	box-sizing:border-box;
	font-size:18px;
	line-height: 38px;
	font-weight: 700;
	color:#333339;
}
.propulsion-box-item img{
	width:60px;
}
.propulsion-box-item p:first-of-type{
	font-size: 60px;
	line-height: 68px;
	font-weight: 900;
	color: #bbb;
	padding: 20px 0 10px 0;
}
/* //사회공헌 및 ESG 활동 > ESG 활동 */