/* 병원소개/둘러보기(about1010) 시작 */
.ct_01 .outer{height: 630px;}
.ct_01 .outer::after{display: block; content: ''; position: absolute; left: 10%; bottom:0; background:url('/images/about/sub_obj01.png')no-repeat; background-size:cover; background-position: center center; height: 596px; width:707px; z-index: 0}
.ct_01 .outer .wrap{z-index: 1;}
.ct_01 .segment{width:33.33%; position: absolute; right: 0; top:150px; background: #fff; border-radius: 10px; padding: 80px 50px; -webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);}
.ct_01 .segment .key{ color:#383e3c;}
.ct_01 .segment h4{color:#608332;margin-top: 10px;}
.ct_01 .segment .text{color:#6a7471; margin-top: 50px;}

.ct_02{position: relative; height: 700px; display: flex; justify-content: space-between; align-items: center;}
.ct_02 .carousel01{width:70%; margin-left:auto; position: absolute; right: 0;}
.ct_02 .carousel01 .item .img{height: 700px;}
.ct_02 .segment{padding: 80px 50px; border-radius: 15px; background: #6d8948; width:400px;}
.ct_02 .segment .key{color:#fff;}
.ct_02 .segment h4{color:#fff; margin-top: 10px;}
.ct_02 .segment .text{color:#fff; margin-top: 30px;}
.ct_02 .segment .btn_wrap{display: flex; justify-content: space-between; width:130px; margin-top: 50px;}
.ct_02 .segment .btn_wrap .ca_btn{width:50px; height: 50px; border-radius: 50px; background: #fff; color:#728d4e; font-size: 18px; line-height: 50px; text-align: center; cursor: pointer;}
/* 병원소개/둘러보기(about1010) 종료 */

/* 의료진 소개(about1011) 시작 */
.ct_03 .wrap{padding: 150px 0;}
.ct_03 .segment{margin-left:auto; width:50%;}
.ct_03 .segment .key{margin-bottom: 10px;}
.ct_03 .segment h4{color:#608332;}
.ct_03 .segment .text{margin-top: 30px; color:#6a7471;}
.ct_03 img{position: absolute;-webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06); z-index: 1; border-radius: 10px;}

.ct_04 .wrap{padding-top: 200px; padding-bottom: 150px;}
.ct_04 .artwrap{display: flex; justify-content: space-between; align-items: start;}
.ct_04 .artwrap .article{position: relative; padding-top: 60px;width:31.33%;}
.ct_04 .artwrap .article .subject{font-size: 22px; line-height: 1.5em; color:#383e3c; position: absolute; top:0;}
.ct_04 .artwrap .article ul{}
.ct_04 .artwrap .article ul li{font-size: 16px; line-height: 1.7em; letter-spacing: -.04em; color:#6a7471}

.doc_nav {margin-top: -80px;margin-bottom: 60px;}
.doc_nav ul {display: table;margin: 0 auto;font-family: 'NEXON Lv1 Gothic OTF Light'}
.doc_nav ul li {display: inline-block;line-height:65px;width: 200px;text-align: center;font-size: 1.4em;border-radius: 50px;border: 1px solid #a4c37c;margin: 0 10px;color: #483d3d}
.doc_nav ul li:hover {background: #a3c37b;color: #fff;font-weight: 700;cursor: pointer}
.doc_nav ul li.on {background: #a3c37b;color: #fff;font-weight: 700}
/* 의료진 소개(about1011) 종료 */

/* 오시는 길/진료안내(about1012) 시작 */
.doc_ul {font-family: 'NEXON Lv1 Gothic OTF Light'}
.doc_ul ul li {display: inline-block;text-align: center;font-size: 1.1em;padding-right: 15px}
.doc_ul ul li span {width: 16px;height: 16px;border-radius: 10px;display: inline-block;margin-right: 5px}
.doc_ul ul li span.doc1 {background: rgb(165, 195, 124)} 
.doc_ul ul li span.doc2 {background: rgb(242, 157, 34)} 

.ct_05 .wrap{padding: 150px 0;}
.ct_05 .map{width:45%; position: absolute; top:150px;; left:0; border-radius: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06); z-index: 1;}
.ct_05 .map #kakaomap{height: 850px;}
.ct_05 .segment{width:50%; margin-left:auto;}
.ct_05 .segment .key{}
.ct_05 .segment h4{color:#608332; margin-top: 10px;}
.ct_05 .segment ul{margin-bottom: 0;}
.ct_05 .segment ul li{display: table; width:100%; margin-top: 40px;}
.ct_05 .segment ul li .icon{display: table-cell; vertical-align: top; width:34px;}
.ct_05 .segment ul li .icon img{height: 54px;}
.ct_05 .segment ul li .seg{display: table-cell; padding-left: 20px;}
.ct_05 .segment ul li .seg .key{color:#333; margin-bottom: 10px;}
.ct_05 .segment ul li .seg .text{color:#6a7471;}
.ct_05 .segment ul li .seg .bus{display: table; width:100%; margin-bottom: 10px;}
.ct_05 .segment ul li .seg .bus .bedge{font-size: 14px; letter-spacing: -.04em; line-height: 1.5em; padding: 3px 5px; border-radius: 5px; color:#fff; display: table-cell; vertical-align: top; width:45px; text-align: center;}
.ct_05 .segment ul li .seg .bus .text{display: table-cell; padding-left: 20px;}

.ct_06 .outer{position: relative; overflow: hidden;}
.ct_06 .outer::after{display: block; content: ''; background:url('/images/about/sub_contentbox_bg02.png') no-repeat; background-size: cover !important; background-position: center center !important; width:463px; height: 727px; position: absolute; right:0; bottom:0;}
.ct_06 .wrap{padding-top: 200px; padding-bottom: 150px; z-index: 1}
.ct_06 .segment{}
.ct_06 .segment h4{color:#608332;}
.ct_06 .segment .table-responsive{margin-top: 40px; width:850px; padding: 30px; background: #fff;}
.ct_06 .segment table{width:100%;}
.ct_06 .segment table td{font-size: 20px; letter-spacing: -.04em; line-height: 1.5em; color:#6a7471; text-align: center; padding: 15px 2px;}
.ct_06 .segment table thead tr{background: #f0f0f0}
.ct_06 .segment table tbody tr:nth-of-type(2n+1){background:#e2ebd6}
.ct_06 .segment table tbody tr:nth-of-type(2n+2){background:#f0f0f0}
.ct_06 .segment table tbody tr td:first-of-type{width:200px;}
.ct_06 .segment table tr td:last-of-type{width: 20px;}
.ct_06 .segment table td span{height: 16px; width:16px;border-radius:8px;display: inline-block;margin: 0 3px}
.ct_06 .segment table td span.doc1 {background: rgb(165, 195, 124)} 
.ct_06 .segment table td span.doc2 {background: rgb(242, 157, 34)} 
.ct_06 .segment .noti{font-size: 16px; letter-spacing: -.04em; line-height: 1.5em; color:#6a7471; margin-top: 20px;}
/* 오시는 길/진료안내(about1012) 시작 */

/* 공지사항(about1013) 시작 */
.ct_07 .wrap{padding: 150px 0;}
.ct_07 .notice ul{display: flex; justify-content: space-around; align-items: start; flex-wrap: wrap;}
.ct_07 .notice ul li {overflow: hidden;padding:30px 0;padding: 80px 50px; position: relative;cursor: pointer; background: #fff; border-radius: 20px; width:46%; -webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06);box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.06); transition: border .4s; border:1px solid #fff;}
.ct_07 .notice ul li:nth-of-type(2) ~ li{margin-top: 4%;}
.ct_07 .notice ul li:hover { border: 1px solid #608332}
.ct_07 .notice ul li .date {font-size: 18px; letter-spacing: -.04em; line-height: 1.5em; color:#383e3c; font-weight: 300;}
.ct_07 .notice ul li .title {font-size: 26px;;line-height: 1.5em; color:#608332; margin-top: 20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.ct_07 .notice ul li .text {font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#6a7471; margin-top: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; height: 55px;}
.ct_07 .notice ul li .more {font-size: 14px; letter-spacing: -.04em; line-height: 1.5em; color:#6a7471; margin-top: 20px;padding-bottom: 5px; border-bottom:1px solid #979d9b; display: table;}

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

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

.ct_07 .board_view_footer {margin-top:30px;text-align: center}
.ct_07 .board_view_footer button {background: #a5c37d;font-weight: 500;font-size: 17px;width: 200px;padding: 15px 20px;border: none;text-align: center;color: #fff;border-radius: 50px;transition: all .4s;}
.ct_07 .board_view_footer button:hover, .board_view_footer button:focus, .board_view_footer button:active { border-radius: 10px;}
/* 공지사항(about1013) 종료 */

/* 비급여 안내(about1014) 시작 */
.ct_08 .wrap{padding: 150px 0;}
.ct_08 .inner_container{margin-bottom: 80px;}
.ct_08 .payment_tbl h4{color:#608332}
.ct_08 .payment_tbl table {margin-top: 20px;width: 100%;font-size: 13px;background: rgba(255, 255, 255, 0.5); border-radius: 20px 20px 0 0; overflow: hidden;}
.ct_08 .payment_tbl table thead tr th {background: #6d8948;color: #fff;height: 45px;text-align: center;border-right: 1px solid #fafafa;border-bottom: 1px solid #fafafa;line-height: 1.5em;font-weight: 400}
.ct_08 .payment_tbl table tbody tr th {text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: 400;}
.ct_08 .payment_tbl table tbody tr td {text-align: center;height: 60px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.ct_08 .payment_tbl table tbody tr td:last-child {border-right: 0}
.ct_08 .pay_info_text {font-size: 18px;text-align: center;}
/* 비급여 안내(about1014) 종료 */
@media screen and (max-width:1300px) {
	.ct_01 .outer::after{left:2%;}
	.ct_01 .segment{width: 48%;}
}

@media screen and (max-width:1199px) {
	.ct_01 .outer::after{left:1%;}
	.ct_01 .segment{width: 50%;}
	
	.ct_02 .carousel01 .item .img{height: 600px;}
	
	.ct_04 .wrap{padding: 150px 0;}
	.ct_04 .artwrap .article .subject{font-size: 20px;}
	.ct_04 .artwrap .article ul li{font-size: 14px;}
	
	.ct_06 .wrap{padding: 150px 0;}
	.ct_06 .segment table td{font-size: 18px;}
	.ct_06 .segment .noti{font-size: 15px;}
	.ct_06 .outer::after{width:370.4px; height:581.6px;}
	
	.ct_07 .notice ul{justify-content: space-between;}
	.ct_07 .notice ul li{padding: 60px 40px; width:48%;}
	.ct_07 .notice ul li .title{font-size: 24px;}
	.ct_07 .notice ul li .date{font-size: 16px;}
	.ct_07 .notice ul li .text{font-size: 15px; height: 51px;}
	.ct_07 .board_view_head .subject{font-size: 26px;}
	
	.ct_08 .wrap{padding: 100px 0;}
}

@media screen and (max-width:1000px) {
	.ct_02{display:block; height: auto}
	.ct_02 .carousel01{position: static; width:100%; margin-lefT:0;}
	.ct_02 .wrap{width:100%;}
	.ct_02 .segment{width:100%; border-radius: 0; padding: 60px 40px; position: relative;}
	.ct_02 .segment .btn_wrap{position: absolute; top:20px; right:40px; width:100px;}
	.ct_02 .segment .btn_wrap .ca_btn{width:40px; height: 40px; line-height: 40px;}
	
	.ct_03 img{height: 502.4px;}
	
	.ct_04 .artwrap{flex-wrap:wrap; width:98%; margin:0 auto;}
	.ct_04 .artwrap .article{padding-top: 50px;}
	.ct_04 .artwrap .article:first-of-type{width:100%;}
	.ct_04 .artwrap .article:nth-of-type(1) ~ .article{width:48%; margin-top:40px;}
	
	.ct_05 .wrap{padding-top: 60px; padding-bottom:100px;}
	.ct_05 .map{position: static; width:100%; border-radius: 0;}
	.ct_05 .map #kakaomap{height: 600px;}
	.ct_05 .segment{width:auto; margin:0 auto; display: table; margin-top: 60px;}
	.ct_05 .segment .key{text-align: center;}
	.ct_05 .segment h4{text-align: center;}
	.ct_05 .segment ul li .seg .key{text-align: left;}
	
	.ct_06 .segment .table-responsive{width:100%;}
	
	.ct_07 .wrap{padding-top: 60px; padding-bottom: 100px;}
}

@media screen and (max-width: 780px){
	.doc_nav {margin-top: 0;margin-bottom: 30px;}
	.doc_nav ul {display: table;margin: 0 auto;font-family: 'NEXON Lv1 Gothic OTF Light'}
	.doc_nav ul li {display: inline-block;line-height:45px;width: 130px;text-align: center;font-size: 1.2em;border-radius: 50px;border: 1px solid #a4c37c;margin: 0 5px;color: #483d3d}
	.doc_nav ul li:hover {background: #a3c37b;color: #fff;font-weight: 700;cursor: pointer}
	.doc_nav ul li.on {background: #a3c37b;color: #fff;font-weight: 700}
	
	.ct_01 .outer{height: 500px;}
	.ct_01 .outer::after{height: 417.2px; width:494.9px;}
	.ct_01 .segment{width: 70%; top:70px; padding: 60px 40px;}
	
	.ct_02 .carousel01 .item .img{height: 500px;}
	.ct_02 .segment .btn_wrap{width:80px;}
	.ct_02 .segment .btn_wrap .ca_btn{width:35px; height: 35px; line-height: 35px; font-size: 16px;}
	
	.ct_03 .wrap{padding-top: 50px; padding-bottom: 80px; text-align: center;}
	.ct_03 img{position: static;}
	.ct_03 .segment{width:100%; margin-left:0; margin-top: 40px;}
	
	.ct_04 .wrap{padding: 100px 0;}
	
	.ct_05 .map #kakaomap{height: 500px;}
	.ct_05 .segment{margin-top: 50px;}
	
	.ct_06 .wrap{padding-top: 80px; padding-bottom: 0;}
	.ct_06 .segment table td{font-size: 16px;}
	.ct_06 .segment .noti{font-size: 14px;}
	.ct_06 .outer::after{display: none;}
	.ct_06 .segment .table-responsive{width:112%; margin-left:-6%;}
	.ct_06 .segment table tbody tr td:first-of-type{width:auto;}
	.ct_06 .segment table td {text-align: center}
	.ct_06 .segment table td span{height: 12px; width:12px;display: table;margin: 4px auto}
	
	.ct_07 .notice ul{display: block;}
	.ct_07 .notice ul li{padding: 40px; width:100%;}
	.ct_07 .notice ul li:nth-of-type(1) ~ li{margin-top: 4%;}
	.ct_07 .notice ul li .title{font-size: 22px; margin-top: 15px;}
	.ct_07 .notice ul li .date{font-size: 15px;}
	.ct_07 .notice ul li .text{font-size: 14px; height: 48px; margin-top: 25px;}
	.ct_07 .notice ul li .more{font-size: 13px;}
	.ct_07 .board_view_head{padding: 25px 30px;}
	.ct_07 .board_view_head .subject{font-size: 22px;}
	.ct_07 .board_view_body{min-height: 400px;}
	.ct_07 .board_view_footer button{width:160px; font-size: 16px; padding: 12px 20px;}
}

@media screen and (max-width: 620px){
	.ct_01 .outer{height: 400px;}
	.ct_01 .outer::after{max-width: 100%; height: auto; width: auto; left:0; right:0; top:0; bottom:-10%;}
	.ct_01 .segment{width: 80%; top:50px;}
	
	.ct_02 .carousel01 .item .img{height: 400px;}
	
	.ct_03 .wrap{padding-top:40px; padding-bottom: 80px}
	.ct_03 img{height: 376.8px;}
	
	.ct_04 .artwrap .article .subject{font-size: 18px;}
	.ct_04 .artwrap .article ul li{font-size: 13px;}
	.ct_04 .artwrap .article:first-of-type{width:100%;}
	.ct_04 .artwrap .article:nth-of-type(1) ~ .article{width:100%;}
	.ct_04 .artwrap .article:last-of-type{margin-top: 0 !important; padding-top: 20px;}
	
	.ct_05 .map #kakaomap{height: 400px;}
	
	.ct_06 .wrap{padding-top: 60px;}
	.ct_06 .segment .table-responsive{padding: 30px 15px;}
	.ct_06 .segment table td{font-size: 14px;}
	.ct_06 .segment .noti{font-size: 13px;}
	.ct_06 .segment table td div{height: 12px; width:12px;}
	
	.ct_07 .notice ul li:nth-of-type(1) ~ li{margin-top: 8%;}
	.ct_07 .notice ul li .title{font-size: 20px;}
	.ct_07 .notice ul li .date{font-size: 14px;}
	.ct_07 .notice ul li .text{font-size: 13px; height: 44px;}
	.ct_07 .notice ul li .more{font-size: 12px;}
	.ct_07 .board_view_head{padding: 20px;}
	.ct_07 .board_view_head .subject{font-size: 20px;}
	.ct_07 .board_view_body{padding: 20px;}
	.ct_07 .board_view_footer button{width:140px; font-size: 15px;}
	
	.ct_08 .payment_tbl{overflow-x: auto;}
	.ct_08 .payment_tbl table{width:700px; font-size: 12px;}
	.ct_08 .pay_info_text{font-size: 15px;}
}

@media screen and (max-width: 520px){
	.ct_01 .segment{width: 100%; top:30px;}
	
	.ct_02 .carousel01 .item .img{height: 350px;}
	.ct_02 .segment .btn_wrap{position: static; width:90px; margin-top: 40px;}
}

@media screen and (max-width: 420px){
	.ct_05 .map #kakaomap{height: 350px;}
}