@charset "UTF-8";

/* 의료진소개 추가 2021-02-03 */
.doctor_wrapper #doctor_section2 .reple_area {position:relative;min-width:auto;padding:0;margin:0 0 30px 0;box-sizing:border-box;overflow:hidden;overflow-x:scroll;}
.doctor_wrapper #doctor_section2 .reple_area::-webkit-scrollbar {width:100%;height:4px;}
.doctor_wrapper #doctor_section2 .reple_area::-webkit-scrollbar-thumb {background-color:#f36f1f;border-radius:2px;}
.doctor_wrapper #doctor_section2 .reple_area::-webkit-scrollbar-track {background-color:#bdbebf;border-radius:2px;}
.doctor_wrapper #doctor_section2 .reple_list2 {position:relative;box-sizing:border-box;overflow:unset;}
.doctor_wrapper #doctor_section2 .reple_area ul {width:auto;}

#doctor_section4 {height:980px;min-height:auto;text-align:center;background-color:#727373;}
.doctor_wrapper #doctor_section4 .tit {display:inline-block;padding:100px 0 0 0;margin:0 0 30px 0;}
.doctor_wrapper #doctor_section4 .tabArea {width:1100px;text-align:center;margin:0 auto 20px auto;}
.doctor_wrapper #doctor_section4 .tabArea ul {display:inline-block;margin:0 auto;}
.doctor_wrapper #doctor_section4 .tabArea li {float:left;height:40px;text-align:center;color:#bcbcbc;font-size:24px;padding:0 25px;margin:0 10px;cursor:pointer;}
.doctor_wrapper #doctor_section4 .tabArea li.active {color:#fe7411;border-bottom:4px solid #fe7411;}

.doctor_wrapper #doctor_section4 .photoList {position:relative;text-align:center;margin:0 0 60px 0;}
.doctor_wrapper #doctor_section4 .phtoArea {position:relative;display:none;max-width:1440px;min-width:1100px;margin:0 auto;} /* height:600px */
.doctor_wrapper #doctor_section4 .phtoArea:nth-of-type(1) {display:block;}
.doctor_wrapper #doctor_section4 .phtoArea ul {display:flex;width:100%;margin:0 auto;flex-wrap:wrap;justify-content: center;}
.doctor_wrapper #doctor_section4 .phtoArea li {display:flex;width:420px;height:264px;background:rgba(0,0,0,0.6);margin:20px;overflow:hidden;align-items:center;justify-content:center;}
/*.doctor_wrapper #doctor_section4 .phtoArea li {display:flex;width:calc(100% / 3 - 40px);background:rgba(0,0,0,0.6);margin:20px;overflow:hidden;align-items:center;justify-content:center;}*/
.doctor_wrapper #doctor_section4 .phtoArea li:nth-of-type(3n+0) {}
.doctor_wrapper #doctor_section4 .phtoArea li:nth-of-type(4) {clear:left;}
.doctor_wrapper #doctor_section4 .phtoArea li img {width:100% !important;height:100% !important;}

.doctor_wrapper #doctor_section4 .phtoArea .img_box {width:100%;height:100%;display:flex;overflow:hidden;}
.doctor_wrapper #doctor_section4 .phtoArea .img_box .lt {position:relative;width:50%;height:100%;}
.doctor_wrapper #doctor_section4 .phtoArea .img_box .lt:before {content:"전";position:absolute;bottom:0;left:0;width:40px;height:40px;color:#ffffff;font-size:26px;font-weight:600;background:#78797e;display:flex;align-items:center;justify-content:center;}
.doctor_wrapper #doctor_section4 .phtoArea .img_box .rt {position:relative;width:50%;height:100%;}
.doctor_wrapper #doctor_section4 .phtoArea .img_box .rt:before {content:"후";position:absolute;bottom:0;right:0;width:40px;height:40px;color:#ffffff;font-size:26px;font-weight:600;background:#f47120;display:flex;align-items:center;justify-content:center;}

#doctor_section5 {height:auto;min-height:auto;text-align:center;background-color:#727373;}
.doctor_wrapper #doctor_section5 .tit {display:inline-block;padding:135px 0 0 0;margin:0 0 30px 0;}
.doctor_wrapper #doctor_section5 .tabArea {width:1100px;text-align:center;margin:0 auto 20px auto;}
.doctor_wrapper #doctor_section5 .tabArea ul {display:inline-block;margin:0 auto;}
.doctor_wrapper #doctor_section5 .tabArea li {float:left;height:40px;text-align:center;color:#bcbcbc;font-size:24px;padding:0 25px;margin:0 10px;cursor:pointer;}
.doctor_wrapper #doctor_section5 .tabArea li.active {color:#fe7411;border-bottom:4px solid #fe7411;}

.doctor_wrapper #doctor_section5 .photoList {position:relative;text-align:center;margin:0 0 80px 0;}
.doctor_wrapper #doctor_section5 .phtoArea {position:relative;display:none;max-width:1440px;min-width:1100px;height:600px;margin:0 auto;}
.doctor_wrapper #doctor_section5 .phtoArea:nth-of-type(1) {display:block;}
.doctor_wrapper #doctor_section5 .phtoArea ul {display:inline-block;width:100%;margin:0 auto;}
.doctor_wrapper #doctor_section5 .phtoArea li {float:left;text-align:center;width:480px;height:50%;padding:0 15px 30px 15px;}
.doctor_wrapper #doctor_section5 .phtoArea li:nth-of-type(3n+0) {}
.doctor_wrapper #doctor_section5 .phtoArea li:nth-of-type(4) {clear:left;}
.doctor_wrapper #doctor_section5 .phtoArea li img {max-width:450px;max-height:280px;}

.photoSlide {position:relative;height:100%;margin:0 auto;overflow:hidden;}
.photoSlide .swiper-wrapper {position:relative;height:100%;}
.photoSlide .swiper-slide {}

.photoSlide .swiper-pagination {display:none;bottom:0;}
.photoSlide .swiper-pagination-bullet {vertical-align:middle;width:10px;height:10px;font-size:0;line-height:0;background:#ffffff;border-radius:5px;margin:0 4px 0 3px;opacity:0.3;}
.photoSlide .swiper-pagination-bullet-active {vertical-align:middle;width:10px;height:10px;font-size:0;line-height:0;background:#ffffff;border:0;border-radius:8px;opacity:1;}

.phtoArea .swiper-button-next, 
.phtoArea .swiper-button-prev {position:absolute;top:50%;width:129px;height:178px;margin-top:0;z-index:10;cursor:pointer;background-size:129px 178px;background-repeat:no-repeat;border:0;outline:0;transform:translate(-50%,-50%);}
.phtoArea .swiper-button-next.swiper-button-disabled, 
.phtoArea .swiper-button-prev.swiper-button-disabled {opacity:0 !important;}
.phtoArea .swiper-button-prev, 
.phtoArea .swiper-container-rtl .swiper-button-next {background-image:url('https://seoul.365mc.com/assets/img/sub/menu-365mc/intro/seoul/dr/photoList_prev.png');background-position:left top;left:-5%;right:auto;}
.phtoArea .swiper-button-next, 
.phtoArea .swiper-container-rtl .swiper-button-prev {background-image:url('https://seoul.365mc.com/assets/img/sub/menu-365mc/intro/seoul/dr/photoList_next.png');background-position:right top;left:105%;right:auto;}

.page_head {position:fixed;top:0;left:0;width:100%;height:110px;padding:0 40px;z-index:1000;background:rgba(0,0,0,.7);}
.page_head .page_head_menu {width:1200px;height:110px;padding:0 0 0 30px;margin:0 auto;}
.page_head .page_head_menu ul {display:table;height:110px;margin:0 auto;}
.page_head .page_head_menu ul li {display:table-cell;height:110px;text-align:left;vertical-align:middle;padding:0 40px 0 0;}
.page_head .page_head_menu ul li a {display:inline-block;color:#ffffff;font-size:14px;line-height:1;padding:0 0 13px 0;border-bottom:4px solid transparent;outline:0;}
.page_head .page_head_menu ul li a strong {color:#ffffff;font-size:16px;font-weight:600;}
.page_head .page_head_menu ul li:hover a {color:#f36f21 !important;font-size:14px;border-bottom:4px solid #f36f21;padding:0 0 13px 0;}
.page_head .page_head_menu ul li:hover a strong {color:#f36f21 !important;font-size:16px;font-weight:600;}
.page_head .page_head_menu ul li.active a {color:#f36f21 !important;font-size:14px;border-bottom:4px solid #f36f21;padding:0 0 13px 0;}
.page_head .page_head_menu ul li.active a strong {color:#f36f21 !important;font-size:16px;font-weight:600;}
.page_head .logo {position:absolute;top:20px;left:20px;width:150px;z-index:1100;}
.page_head .logo a {display:inline-block;padding:10px;}
.page_head .logo a img {width:auto;}

/*
@media screen and (max-width:1100px) {
	#doctor_section4 {height:auto;}
	.doctor_wrapper #doctor_section4 .tit {margin:0 0 25px 0;}
	.doctor_wrapper #doctor_section4 .tabArea {margin:0 auto 25px auto;}
	.doctor_wrapper #doctor_section4 .photoList {margin:0 0 30px 0;}
	.doctor_wrapper #doctor_section4 .phtoArea {height:470px;}
	.doctor_wrapper #doctor_section4 .phtoArea li {float:left;text-align:center;width:350px;}

	#doctor_section5 {height:auto;}
	.doctor_wrapper #doctor_section5 .tit {margin:0 0 25px 0;}
	.doctor_wrapper #doctor_section5 .tabArea {margin:0 auto 25px auto;}
	.doctor_wrapper #doctor_section5 .photoList {margin:0 0 30px 0;}
	.doctor_wrapper #doctor_section5 .phtoArea {height:470px;}
	.doctor_wrapper #doctor_section5 .phtoArea li {float:left;text-align:center;width:350px;}
}
@media screen and (min-width:1101px) and (max-width:1460px) {
	#doctor_section4 {height:auto;}
	.doctor_wrapper #doctor_section4 .tit {margin:0 0 2.5vw 0;}
	.doctor_wrapper #doctor_section4 .tabArea {margin:0 auto 2.5vw auto;}
	.doctor_wrapper #doctor_section4 .photoList {margin:0 0 30px 0;}
	.doctor_wrapper #doctor_section4 .phtoArea {height:44vw;}
	.doctor_wrapper #doctor_section4 .phtoArea li {width:32.5vw;}

	#doctor_section5 {height:auto;}
	.doctor_wrapper #doctor_section5 .tit {margin:0 0 2.5vw 0;}
	.doctor_wrapper #doctor_section5 .tabArea {margin:0 auto 2.5vw auto;}
	.doctor_wrapper #doctor_section5 .photoList {margin:0 0 30px 0;}
	.doctor_wrapper #doctor_section5 .phtoArea {height:44vw;}
	.doctor_wrapper #doctor_section5 .phtoArea li {width:32.5vw;}
}
*/
@media screen and (max-width:1500px) {
    .page_head .logo {display:none;}
}

@media screen and (min-width:768px) and (max-width:1366px) { /* 가로모드 */
	.doctor_wrapper {min-width:768px;}
	.doctor_wrapper .page_head {position:fixed;top:0;left:0;width:100%;height:9vw;padding:0 2vw;z-index:1000;background:rgba(0,0,0,.7);}
	.doctor_wrapper .page_head .page_head_menu {width:100%;height:100%;padding:0;margin: 0 auto;}
	.doctor_wrapper .page_head .page_head_menu ul {display:table;height:100%;margin: 0 auto;}
	.doctor_wrapper .page_head .page_head_menu ul li {display:table-cell;height:100%;text-align:left;vertical-align:middle;padding:0 1vw;}
	.doctor_wrapper .page_head .page_head_menu ul li a {display:inline-block;color:#ffffff;font-size:1.2vw;padding:0 0 1.1vw 0;outline:0;}	
	.doctor_wrapper .page_head .page_head_menu ul li a strong {color:#ffffff;font-size:1.4vw;font-weight:600;}
	.doctor_wrapper .page_head .page_head_menu ul li.active a {color:#f36f21 !important;}
	.doctor_wrapper .page_head .page_head_menu ul li.active a strong {color:#f36f21 !important;}	
	.doctor_wrapper .section {height:860px;min-height:860px;background-size:cover;}
	.doctor_wrapper #doctor_section1 .inner {width:100%;min-width:auto;padding:0 3vw 2vw 3vw;margin:0 auto;}
	.doctor_wrapper #doctor_section1 .tit {position:absolute;top:35%;padding:0;transform:translateY(-50%);}
	.doctor_wrapper #doctor_section1 .tit.type1 h2 {font-size:32px;padding:0;}
	.doctor_wrapper #doctor_section1 .dr_name {position:absolute;top:60%;padding:0;transform:translateY(-50%);}
	.doctor_wrapper #doctor_section1 .dr_info {width:100%;min-width:auto;}
	.doctor_wrapper #doctor_section1 .dr_info .inbox {width:100%;padding:1.5vw 1.5vw;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap {}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule {width:100%;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule .swiper-button-next {display:none;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule .swiper-button-prev {display:none;}	
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule .inner {width:100%;padding:0 2vw !important;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule .dr_schedule_month {width:10vw;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule .dr_schedule_day {width:auto;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule_info {width:100%;height:3vw;padding:1.5vw 3vw 1.5vw 2.5vw;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule_info .fl {padding:0;}
	.doctor_wrapper #doctor_section1 .dr_info .dr_schedule_wrap .dr_schedule_info .fr {padding:0;}
	.doctor_wrapper #doctor_section2 .inner {width:100%;min-width:auto;padding:0 5vw;}
	.doctor_wrapper #doctor_section2 .tit {padding:14vw 0 0 0;}
	.doctor_wrapper #doctor_section2 .dr_history {width:45vw;padding:0 0 4vw 0}
	.doctor_wrapper #doctor_section2 .dr_mov {bottom:3vw;left:20%;transform:translateX(-50%);}

	.doctor_wrapper #doctor_section3 .inner {width:100%;min-width:768px;height:100%;padding:0;}
	.doctor_wrapper #doctor_section3 .tit {position:absolute;top:18%;width:100%;text-align:center;padding:0;transform:translateY(-50%);}
	.doctor_wrapper #doctor_section3 .reple_list {position:absolute;top:41%;width:100%;min-width:auto;margin:4vw auto 3vw auto;transform:translateY(-50%);}
	.doctor_wrapper #doctor_section3 .photo_slide {position:absolute;bottom:14%;width:100%;transform:translateY(-50%);}

	/*.doctor_wrapper #doctor_section4 {height:auto;min-height:100%;}
	.doctor_wrapper #doctor_section4 .inner {width:100%;min-width:768px;height:100%;padding:0;}
	.doctor_wrapper #doctor_section4 .tit {padding:6vw 0 0 0;margin:0 0 3vw 0;}
	.doctor_wrapper #doctor_section4 .tabArea {width:100%;min-width:768px;margin:0 auto 3vw auto;}
	.doctor_wrapper #doctor_section4 .photoList {min-height:574px;margin:0 0 15vw 0;}
	/*.doctor_wrapper #doctor_section4 .phtoArea {max-width:1366px;min-width:768px;height:42vw;margin:0 0 5vw 0;}
	/*.doctor_wrapper #doctor_section4 .phtoArea li {width:calc(100% / 3);height:auto;padding:0 1vw 2vw 1vw;}	*/

	.doctor_wrapper #doctor_section5 {height:auto;}
	.doctor_wrapper #doctor_section5 .inner {width:100%;min-width:768px;height:100%;padding:0;}
	.doctor_wrapper #doctor_section5 .tit {padding:6vw 0 0 0;margin:0 0 3vw 0;}
	.doctor_wrapper #doctor_section5 .tabArea {width:100%;min-width:768px;margin:0 auto 3vw auto;}
	.doctor_wrapper #doctor_section5 .photoList {min-height:574px;margin:0 0 15vw 0;}
	.doctor_wrapper #doctor_section5 .phtoArea {max-width:1366px;min-width:768px;height:42vw;margin:0 0 5vw 0;}
	.doctor_wrapper #doctor_section5 .phtoArea li {width:calc(100% / 3);height:auto;padding:0 1vw 2vw 1vw;}	
}