/* 병원소개 (about1010) 임권빈 시작 22.04.14 */
.ct_01{text-align: center; position: relative; padding-bottom: 300px;}
.ct_01 .wrap{z-index: 1;}
.ct_01::after{content: ''; display: block; background:url('../../../images/about/sub_bg01.jpg') no-repeat; background-size: cover; background-position: center center; position: absolute; top:0; right:0; left:0; bottom: 0; margin:auto;}
.ct_01 .text{font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#666; margin-top: 40px;}
.ct_01 .artwrap{display: flex; justify-content: space-between; width:102%; margin-left:-1%; margin-top: 200px;}
.ct_01 .article{width:23%; margin:0 1%; text-align: center;}
.ct_01 .article .subject{font-size: 21px; line-height: 1.5em; color:#002d1c; margin-top: 20px;}
.ct_01 .article .art_text{font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#666; margin-top: 20px;}
.ct_01 .article .art_text span{white-space: nowrap}

.ct_02{position: relative; padding-bottom: 150px;}
.ct_02::before{content: ''; display: block; background: url('../../../images/about/sub_bg02.png') no-repeat; background-size: cover; background-position: top; position: absolute; top:-630px; left: 0; right: 0; height: 100%;}
.ct_02 .carousel_box{position: relative; border-radius: 140px 140px 0 0; overflow: hidden;}
.ct_02 .carousel_box .carousel .item .imgwrap{height: 700px;}
.ct_02 .carousel_box .carousel .item .text{font-size: 30px; line-height: 1.5em; color:#002618; margin-top: 50px; height: 90px;}
.ct_02 .carousel_box .carousel_btn{position: absolute; top: 760px; right:0; display: flex;}
.ct_02 .carousel_box .carousel_btn div{width:90px; margin:0 10px; padding: 20px 10px; color:#fff; background: #6b8e67; font-size: 20px; text-align: center; border-radius: 50px; cursor: pointer;}
.ct_02 .carousel_box .thum_box{margin-top: 50px;}
.ct_02 .carousel_box .thum_box .item{height: 180px;position: relative; cursor: pointer;}
/* 병원소개 (about1010) 임권빈 종료 22.04.15 */

/* 의료진소개 (about1011) 임권빈 시작 22.04.15 */
.ct_03{padding-bottom: 160px}
.ct_03 .top{display: flex; justify-content: space-between; align-items: center;}
.ct_03 .top .article{width:48%;}
.ct_03 .top .article .text{font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#666; margin-top: 20px;}
.ct_03 .bottom{display: flex; justify-content: space-around; margin-top: 160px;}
.ct_03 .bottom .article{width:35%;}
.ct_03 .bottom .article .ct_title{text-align: center; border-top:1px solid #c5d5aa; border-bottom:1px solid #c5d5aa;padding: 5px 0;}
.ct_03 .bottom .article ul{margin-top: 20px}
.ct_03 .bottom .article ul li{font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#666;}

.ct_04{padding: 160px 0;}
.ct_04 .wrap{display: flex;}
.ct_04 img{height: 82px;}
.ct_04 .ct_title{color:#fff; margin: 0 40px;}
.ct_04 .text{font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#fff; margin-top: 30px;}

.doc_list{padding-bottom:80px;}
.doc_list ul{display: flex; justify-content: center;}
.doc_list ul li{text-align: center; margin:0 20px; cursor: pointer;}
.doc_list ul li .name{font-size: 26px; line-height: 1.5em; color:#002618; position: relative; z-index: 1;}
.doc_list ul li .imgwrap{margin-top: -20px;}
.doc_list ul li .imgwrap .unhover{}
.doc_list ul li .imgwrap .hover{display:none;}
.doc_list ul li.on .imgwrap .unhover{display: none;}
.doc_list ul li.on .imgwrap .hover{display: inline;}
/* 의료진소개 (about1011) 임권빈 종료 22.04.15 */

/* 오시는길/진료시간 (about1012) 시작 */
.map {
	height: 700px;width: 100%;border-radius: 100px 100px 0 0;margin-bottom: 100px;
	-webkit-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119, 1);
	-moz-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
	box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
	background: #eee
}
.traffic_info {margin-top:80px;border-bottom:1px solid rgba(197, 214, 172, 1);}
.traffic_info .row {border-top:1px solid rgba(197, 214, 172, 1);padding: 30px 0;font-size: 16px}
.traffic_info .row .left {font-size: 22px;padding-left: 20px}
.traffic_info .row .left img {height: 24px}
.time_tbl {
	display: table;margin: 80px auto;background: rgba(255, 255, 255, 0.7);border: 1px solid #eee;padding: 80px;
	-webkit-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119, 1);
	-moz-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
	box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
}

.map .btnWrap .mapbtn{top:250px !important;}
.map .btnWrap .mapnav{left: 100px !important; top:20px !important;}

.time_tbl table {border-top:1px solid rgba(197, 214, 172, 1);}
.time_tbl table thead tr th {width: 100px;height: 68px;text-align: center;border-bottom:1px solid rgba(197, 214, 172, 1);font-weight: 400}
.time_tbl table tbody tr th {width: 200px;height: 72px;text-align: center;border-bottom:1px solid rgba(197, 214, 172, 1);;font-weight: 300;font-family:'Roboto';font-size: 20px}
.time_tbl table tbody tr td {width: 100px;height: 72px;text-align: center;border-bottom:1px solid rgba(197, 214, 172, 1);}
.time_tbl table tbody tr td img {height: 32px}
/* 오시는길/진료시간 (about1012) 종료 */

/* 공지사항 (about1013) 시작 */
.notice_tbl ul li {overflow: hidden;padding:30px 0;border-bottom: 1px solid #bca;position: relative;cursor: pointer}
.notice_tbl ul li:hover {background: rgba(191, 206, 165, 0.105)}
.notice_tbl ul li .date {text-align: center;font-family: 'MapoFlowerIsland';position: absolute;left: 10px;top:30px}
.notice_tbl ul li .date .dd {font-size: 42px;line-height: 70px;}
.notice_tbl ul li .date .yymm {font-size: 16px;line-height: 30px}
.notice_tbl ul li .tbody {text-align: right;padding-right: 10px}
.notice_tbl ul li .tbody .title {font-family: 'MapoFlowerIsland';letter-spacing: -.03em;font-size: 28px;;line-height: 70px;}
.notice_tbl ul li .tbody .text {height: 30px;font-size: 16px}

.board_view_head {border-top:2px solid #9b7;padding: 30px;}
.board_view_head .subject {font-family: 'MapoFlowerIsland';font-size: 30px;line-height: 1.4em}
.board_view_head .date {color: #888;margin-top: 10px;font-family:'Roboto';}
.board_view_body {border-top:1px solid #ddc;padding: 30px;border-bottom:1px solid #ddc;}
.board_view_body img{height: auto !important; max-width: 100%;}

.file_box {overflow: hidden;margin-bottom: 20px;padding: 0 0;margin-top:50px}
.file_box ul li {padding: 5px 0}
.file_box ul li .file_wrap {display: table;background: #8a5;color: #fff;border-radius: 5px;font-size: 14px;overflow: hidden}
.file_box ul li .file_wrap .name {display: table-cell;padding: 7px 15px }
.file_box ul li .file_wrap .name span {font-size: 12px;}
.file_box ul li .file_wrap .button {display: table-cell;background: #9b7;padding: 7px 15px }
.file_box ul li .file_wrap:hover .button  {background: #aba}

.board_view_footer {margin-top:30px;text-align: center}
.board_view_footer button {
	background: transparent;
	font-weight: 600;
	font-size: 17px;
	width: 260px;
	padding: 17px 20px;
	border: 1px solid #666;
	text-align: center;
	color: #444;
	transition: all .4s;
}

.board_view_footer button:hover, .board_view_footer button:focus, .board_view_footer button:active {
	background: #fff;
	border: 1px solid #9b7;
	color: #9b7
}
/* 공지사항 (about1013) 종료 */

/* 비급여안내 (about1014) 시작 */
.payment_tbl {}
.payment_tbl .title {font-size: 30px; line-height: 1.5em; color:#002d1c;font-family: 'MapoFlowerIsland';letter-spacing: -.03em}
.payment_tbl table {margin-top: 20px;width: 100%;font-size: 13px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119, 1);
	-moz-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
	box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
}
.payment_tbl table thead tr th {background: #9b7;color: #fff;height: 45px;text-align: center;border-right: 1px solid #fafafa;border-bottom: 1px solid #fafafa;line-height: 1.5em;font-weight: 400}
.payment_tbl table thead tr th:last-child {border-right: 0}
.payment_tbl table tbody tr th {text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: 400;background: #eed}
.payment_tbl table tbody tr td {text-align: center;height: 60px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.payment_tbl table tbody tr td:last-child {border-right: 0}
.pay_info_text {font-family: 'MapoFlowerIsland';margin-top:60px;font-size: 20px;text-align: center;font-weight: bold}
/* 비급여안내 (about1014) 시작 */



@media screen and (min-width:1921px) {
	.ct_02::before{content: ''; display: block; background: url('../../../images/about/sub_bg02.png') no-repeat; background-size: cover; background-position: bottom; position: absolute; top:-700px; left: 0; right: 0; height: 100%;}
}
@media screen and (max-width:1920px) {
	.ct_02::before{content: ''; display: block; background: url('../../../images/about/sub_bg02.png') no-repeat; background-size: cover; background-position: bottom; position: absolute; top:-630px; left: 0; right: 0; height: 1018px;}
}
@media screen and (max-width:1199px) {
	.ct_01 .text{margin-top: 30px;}
	.ct_01 .artwrap{margin-top:160px;}
	
	.ct_02 .carousel_box{border-radius: 120px 120px 0 0;}
	.ct_02 .carousel_box .carousel .item .imgwrap{height: 650px;}
	.ct_02 .carousel_box .carousel .item .text{font-size: 28px; height: 84px;}
	.ct_02 .carousel_box .carousel_btn{top:700px}
	
	.ct_03 .top .article:nth-of-type(1){width:30%;}
	.ct_03 .top .article:nth-of-type(2){width:70%; padding-left: 50px}
	.ct_03 .top .article .text{font-size: 15px; }
	.ct_03 .bottom .article{width:45%;}
	.ct_03 .bottom .article ul li{font-size: 15px;}
	
	.ct_04 .wrap{flex-wrap:wrap;}
	.ct_04 .text{font-size: 15px;}
	
	/* 공지사항 (about1013) 시작 */
	.notice_tbl ul li {overflow: hidden;padding:30px 0;border-bottom: 1px solid #bca;position: relative;cursor: pointer}
	.notice_tbl ul li:hover {background: rgba(191, 206, 165, 0.105)}
	.notice_tbl ul li .date {text-align: center;font-family: 'MapoFlowerIsland';position: absolute;left: 10px;top:30px}
	.notice_tbl ul li .date .dd {font-size: 42px;line-height: 70px;}
	.notice_tbl ul li .date .yymm {font-size: 16px;line-height: 30px}
	.notice_tbl ul li .tbody {text-align: right;padding-right: 10px}
	.notice_tbl ul li .tbody .title {font-family: 'MapoFlowerIsland';letter-spacing: -.03em;font-size: 28px;line-height: 70px;padding-left: 100px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.notice_tbl ul li .tbody .text {height: 30px;font-size: 16px;padding-left: 100px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

	.board_view_footer button {
		background: transparent;
		font-weight: 600;
		font-size: 16px;
		width: 180px;
		padding: 17px 20px;
		border: 1px solid #666;
		text-align: center;
		color: #444;
		transition: all .4s;
	}
	/* 공지사항 (about1013) 종료 */
}

@media screen and (max-width:1000px) {
	.ct_01 .artwrap{margin-top:120px;flex-wrap:wrap;}
	.ct_01 .article{width:48%;}
	.ct_01 .article:nth-of-type(2) ~ .article{margin-top: 80px;}
	
	.ct_02 .carousel_box{border-radius: 100px 100px 0 0;}
	.ct_02 .carousel_box .carousel .item .imgwrap{height: 600px;}
	.ct_02 .carousel_box .carousel_btn{top:650px}
	
	.map {border-radius: 60px 60px 0 0;}
	
	/* 비급여안내 (about1014) 시작 */
	.payment_tbl {overflow: auto}
	.payment_tbl .title {font-size: 30px; line-height: 1.5em; color:#002d1c;font-family: 'MapoFlowerIsland';letter-spacing: -.03em}
	.payment_tbl table {margin-top: 20px;min-width: 1200px;font-size: 13px;
		background: rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119, 1);
		-moz-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
		box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
	}
	.payment_tbl table thead tr th {background: #9b7;color: #fff;height: 45px;text-align: center;border-right: 1px solid #fafafa;border-bottom: 1px solid #fafafa;line-height: 1.5em;font-weight: 400;}
	.payment_tbl table thead tr th:last-child {border-right: 0}
	.payment_tbl table tbody tr th {text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: 400;background: #eed}
	.payment_tbl table tbody tr td {text-align: center;height: 60px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
	.payment_tbl table tbody tr td:last-child {border-right: 0}
	.pay_info_text {font-family: 'MapoFlowerIsland';margin-top:60px;font-size: 20px;text-align: center;font-weight: bold}
	/* 비급여안내 (about1014) 시작 */
}

@media screen and (max-width: 780px){
	.ct_01 .ct_title{font-size: 26px;}
	.ct_01 .text{font-size: 15px; margin-top: 30px;}
	.ct_01 .artwrap{margin-top:120px;}
	.ct_01 .article{width:48%;}
	.ct_01 .article .subject{font-size: 19px;}
	.ct_01 .article .art_text{font-size: 15px;}
	
	.ct_02 .carousel_box{border-radius: 80px 80px 0 0;}
	.ct_02 .carousel_box .carousel .item .imgwrap{height: 400px;}
	.ct_02 .carousel_box .carousel .item .text{font-size: 26px; margin-top: 60px; height: auto}
	.ct_02 .carousel_box .carousel_btn{top:415px; right: -10px}
	.ct_02 .carousel_box .carousel_btn div{width:70px; padding: 5px; font-size: 30px; border-radius: 5px;}
	.ct_02 .carousel_box .thum_box{display: none;}
	
	.ct_03 .top{display: block;}
	.ct_03 .top .article:nth-of-type(1){width:50%;margin:0 auto;}
	.ct_03 .top .article:nth-of-type(2){width:100%; padding-left: 0; margin-top: 40px; text-align: center;}
	.ct_03 .top .article .text{font-size: 14px; }
	.ct_03 .bottom{display: block;}
	.ct_03 .bottom .article{width:350px; margin:0 auto;}
	.ct_03 .bottom .article:nth-of-type(1) ~ .article{margin-top: 30px;}
	.ct_03 .bottom .article ul li{font-size: 14px;}
	
	.ct_04{padding: 100px 0;}
	.ct_04 img{height: 65.6px;}
	.ct_04 .text{font-size: 14px;}
	
	.doc_list{padding-bottom:60px;}
	.doc_list ul li .name{font-size: 20px;}
	.doc_list ul li .imgwrap img{height: 22px;}
	
	/* 오시는길/진료시간 (about1012) 시작 */
	.map {
		height: 300px;width: 100%;border-radius: 20px 20px 0 0;margin-bottom: 60px;
	}
	.traffic_info {margin-top:50px;border-bottom:1px solid rgba(197, 214, 172, 1);}
	.traffic_info .row {border-top:1px solid rgba(197, 214, 172, 1);padding: 30px 0;font-size: 16px}
	.traffic_info .row .left {font-size: 20px;padding-left: 20px}
	.traffic_info .row .left img {height: 20px}
	.traffic_info .row .right {padding: 20PX}
	.time_tbl {display: table;margin: 40px auto;padding: 20px 20px;}
	.time_tbl table {border-top:1px solid rgba(197, 214, 172, 1);}
	.time_tbl table thead tr th {width: 100px;height: 45px;text-align: center;border-bottom:1px solid rgba(197, 214, 172, 1);font-weight: 400}
	.time_tbl table tbody tr th {width: 200px;height: 72px;text-align: center;border-bottom:1px solid rgba(197, 214, 172, 1);;font-weight: 300;font-family:'Roboto';font-size: 14px}
	.time_tbl table tbody tr td {width: 100px;height: 72px;text-align: center;border-bottom:1px solid rgba(197, 214, 172, 1);border-left: 1px solid rgba(197, 214, 172, 1);;}
	.time_tbl table tbody tr td img {height: 22px}
	
	.map .btnWrap .mapbtn{top:10px !important;}
	.map .btnWrap .mapnav{left: 10px !important; top:10px !important;}
	/* 오시는길/진료시간 (about1012) 종료 */
	
	/* 공지사항 (about1013) 시작 */
	.notice_tbl ul li {overflow: hidden;padding:30px 0;border-bottom: 1px solid #bca;position: relative;cursor: pointer}
	.notice_tbl ul li:hover {background: rgba(191, 206, 165, 0.105)}
	.notice_tbl ul li .date {text-align: center;font-family: 'MapoFlowerIsland';position: absolute;left: 10px;top:30px}
	.notice_tbl ul li .date .dd {font-size: 24px;line-height: 50px;}
	.notice_tbl ul li .date .yymm {font-size: 14px;line-height: 30px}
	.notice_tbl ul li .tbody {text-align: right;padding-right: 10px}
	.notice_tbl ul li .tbody .title {font-family: 'MapoFlowerIsland';letter-spacing: -.03em;font-size: 18px;line-height: 50px;padding-left: 70px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.notice_tbl ul li .tbody .text {line-height: 30px;font-size: 12px;padding-left: 70px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;color: #999}
	
	.board_view_head {border-top:2px solid #9b7;padding: 20px;}
	.board_view_head .subject {font-family: 'MapoFlowerIsland';font-size: 20px;line-height: 1.4em}
	.board_view_head .date {color: #888;margin-top: 10px;font-family:'Roboto';font-size: 13px}
	.board_view_body {border-top:1px solid #ddc;padding: 20px;border-bottom:1px solid #ddc;}
	
	.board_view_footer button {
		background: transparent;
		font-weight: 600;
		font-size: 14px;
		width: 140px;
		padding: 12px 20px;
		border: 1px solid #666;
		text-align: center;
		color: #444;
		transition: all .4s;
	}
	/* 공지사항 (about1013) 종료 */
	
	/* 비급여안내 (about1014) 시작 */
	.payment_tbl {overflow: scroll}
	.payment_tbl .title {font-size: 20px; line-height: 1.5em; color:#002d1c;font-family: 'MapoFlowerIsland';letter-spacing: -.03em}
	.payment_tbl table {margin-top: 20px;min-width: 1200px;font-size: 13px;
		background: rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119, 1);
		-moz-box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
		box-shadow: 0px 3px 14px -10px rgba(119, 119, 119,1);
	}
	.payment_tbl table thead tr th {background: #9b7;color: #fff;height: 45px;text-align: center;border-right: 1px solid #fafafa;border-bottom: 1px solid #fafafa;line-height: 1.5em;font-weight: 400;}
	.payment_tbl table thead tr th:last-child {border-right: 0}
	.payment_tbl table tbody tr th {text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: 400;background: #eed}
	.payment_tbl table tbody tr td {text-align: center;height: 60px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
	.payment_tbl table tbody tr td:last-child {border-right: 0}
	.pay_info_text {font-family: 'MapoFlowerIsland';margin-top:60px;font-size: 16px;text-align: center;font-weight: bold}
	/* 비급여안내 (about1014) 시작 */
}

@media screen and (max-width: 620px){
	.ct_01 .ct_title{font-size: 24px;}
	.ct_01 .text{font-size: 14px;}
	.ct_01 .article .subject{font-size: 17px;}
	.ct_01 .article .art_text{font-size: 14px;}
	
	.ct_02 .carousel_box{border-radius: 60px 60px 0 0;}
	.ct_02 .carousel_box .carousel .item .imgwrap{height: 300px;}
	.ct_02 .carousel_box .carousel .item .text{font-size: 24px;}
	.ct_02 .carousel_box .carousel_btn{top:315px;}
	
	.ct_03 .top .article:nth-of-type(1){width:70%;}
}

@media screen and (max-width: 520px){
	.ct_01 .artwrap{margin-top:90px; display: block; width:100%; margin-left:0;}
	.ct_01 .article{width:100%; margin:0;}
	.ct_01 .article:nth-of-type(1) ~ .article{margin-top: 60px;}
	.ct_01 .ct_title{font-size: 22px;}
	.ct_01 .text{font-size: 13px;}
	.ct_01 .article .subject{font-size: 16px;}
	.ct_01 .article .art_text{font-size: 13px;}
	
	.ct_02 .carousel_box{border-radius: 40px 40px 0 0;}
	.ct_02 .carousel_box .carousel .item .imgwrap{height: 260px;}
	.ct_02 .carousel_box .carousel .item .text{font-size: 22px;}
	.ct_02 .carousel_box .carousel_btn div{width:50px;font-size: 30px; margin:0 5px;}
	.ct_02 .carousel_box .carousel_btn{top:275px; right:-5px;}
	
	.ct_03 .top .article:nth-of-type(1){width:80%;}
	
	.doc_list{padding-bottom: 40px;}
}

@media screen and (max-width: 420px){
	.ct_02 .carousel_box{border-radius: 20px 20px 0 0;}
	.ct_02 .carousel_box .carousel .item .imgwrap{height: 200px;}
	.ct_02 .carousel_box .carousel .item .text{font-size: 20px;}
	.ct_02 .carousel_box .carousel_btn{top:215px}
	
	.ct_03 .top .article:nth-of-type(1){width:100%;}
	
	.doc_list ul li{margin:0 8px;}
	.doc_list ul li .name{font-size: 16px;}
	.doc_list ul li .imgwrap img{height: 18px;}
}