@charset "UTF-8";

/*-------------------------------------------------
Content Style Sheet(GM)
Version : 1.0
Author :
Last update : 2022. 03. 28
-------------------------------------------------*/
/* common */
body{background: #fff;}

/********** content **********/
/* 버튼 */
.btn_close{display: inline-block;position: relative;width: 30px;height: 30px;vertical-align: middle;}
.btn_close:before {display: block;position: absolute;top: 50%;left: 50%;width: 100%;height: 2px;background: #565f7c;content: "";transform: translate(-50%, -50%) rotate(45deg);}
.btn_close:after {display: block;position: absolute;top: 50%;left: 50%;width: 100%;height: 2px;background: #565f7c;content: "";transform: translate(-50%, -50%) rotate(-45deg);}
.btn_doc_link{display:inline-block; padding:0 0 0 48px; background:url(/common/front/home/images/icon/ico_circle_plus.png) no-repeat 0 center; color:#222; font-weight:400; font-size:17px; line-height:28px; letter-spacing:-0.25px;}
.btn_ico_sns{display:inline-block;padding:0 0 0 48px;background:url(/common/front/home/images/icon/ico_circle_sns.png) no-repeat 0 center;color:#000;font-weight:400;font-size:16px;line-height:36px;letter-spacing:-0.25px;vertical-align: middle;}
.btn_ico_heart{display:inline-block;padding:0 0 0 48px;background:url(/common/front/home/images/icon/ico_circle_heart.png) no-repeat 0 center;color:#000;font-weight:400;font-size:16px;line-height:36px;letter-spacing:-0.25px;vertical-align: middle;}

.btn_ico_reservation{display:inline-block;width: 240px;height:56px;padding: 10px 0 10px 0;border:1px solid #284baf;background:#fff;color:#284baf;font-weight:400;font-size:16px;line-height:36px;letter-spacing:-0.25px;text-align:center;vertical-align: middle;box-sizing: border-box; transition:all .3s;}
.btn_ico_reservation span{padding:0 0 0 35px;background:url(/common/front/home/images/icon/ico_reservation01.png) no-repeat 0 center;color:#284baf;font-weight:600;font-size:24px;line-height: 35px;letter-spacing:-0.25px; transition:all .3s;}
.btn_ico_reservation:hover{background:#284baf}
.btn_ico_reservation:hover span{background:url(/common/front/home/images/icon/ico_reservation01_on.png) no-repeat 0 center; color:#fff;}


/* 의료진 프로필 */
.doctor_profile_wrap{position:relative;background: #ddd;}
.doctor_profile_wrap .profile_header{height: 95px;background:#fff;}
.doctor_profile_wrap .profile_header .inner{position:relative; width:1500px; margin:0 auto; }
.doctor_profile_wrap .profile_header .tit{ padding:17px 0;text-align:center;}
.doctor_profile_wrap .profile_header .lft_con{ display:none;position:absolute;top: 35px;left:0;}
.doctor_profile_wrap .profile_header .rgt_con{position:absolute;top: 35px;right:0;}
.doctor_profile_wrap .profile_header .rgt_con a{margin:0 0 0 30px;}

/* 의료진 프로필 본문 */
.profile_content{position:relative; }
.profile_content .profile_top_wrap{width:100%; background: linear-gradient(to bottom, #f1f4fb 0%,#f0f3fb 48%,#f1f4fb 49%,#cdd3e0 100%);}
.profile_content .profile_top_wrap .inner{display: flex;width:1500px;height: 600px;margin:0 auto;background: linear-gradient(to bottom, #f1f4fb 0%,#f0f3fb 48%,#f1f4fb 49%,#cdd3e0 100%);}

/* 의료진 프로필 - 의료진 사진 */
.profile_top_wrap .doc_img_wrap{position:relative;width:525px;height: 599px;}
.profile_top_wrap .doc_img_wrap .swiper-pagination{text-align: right;}
.profile_top_wrap .doc_img_wrap .swiper-slide:not(.swiper-slide-active){opacity: 0 !important;}
.profile_top_wrap .doc_img_wrap .swiper-pagination .swiper-pagination-bullet{width:18px; height:18px; border:5px solid #bbc0cb; background:#cfd5e2; border-radius:0; box-sizing:border-box; opacity:1;}
.profile_top_wrap .doc_img_wrap .swiper-pagination .swiper-pagination-bullet-active{border-color:#1474d0;}
.profile_top_wrap .doc_info_wrap{position:relative;width:calc(100% - 525px);padding: 70px 0 35px 90px;box-sizing:border-box;}



.doc_info_wrap .info_top_sec{position:relative; }
.doc_info_wrap .info_top_sec .doc_name{display:inline-block;color:#000;font-family:"SCDream", sans-serif;font-weight:500;font-size: 60px;line-height:60px;letter-spacing:-0.25px; vertical-align: middle; }
.doc_info_wrap .info_top_sec .doc_part{display: inline-block;color:#01b3b0;font-weight:500;font-size: 32px;line-height: 32px;letter-spacing:-0.5px;vertical-align: bottom;}
.doc_info_wrap .info_top_sec .doc_spec{display: flex;width:100%;height: 110px;padding: 20px 0 0;margin: 0 0 20px 0;box-sizing: border-box;overflow-y: auto;}
.doc_info_wrap .info_top_sec .doc_spec .tit{position:relative;width: 100px;padding:0 10px 0 24px;color:#000;font-weight:500;font-size:22px;line-height:30px;flex: 1 1 100px;word-break: keep-all;}
.doc_info_wrap .info_top_sec .doc_spec .tit:before{display:block;position:absolute;top: 8px;left:0;width:13px;height:13px;border:3px solid #da2931;content:"";box-sizing:border-box;}
.doc_info_wrap .info_top_sec .doc_spec .txt{color:#000;font-weight:400;font-size:19px;line-height:30px;letter-spacing:-0.25px;flex: 1 1 calc(100% - 100px);word-break: keep-all;}
.doc_info_wrap .info_top_sec .btn_ico_reservation{position:absolute; top:0; right:0;}

.info_btm_sec .tab_wrap{margin-bottom:15px;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li{display:inline-block; vertical-align:middle;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li a{display:block;min-width: 173px;height:45px;padding: 12px 0 13px 50px;border:1px solid #d9d9d9;background: #fff url(/common/front/home/images/icon/ico_check02_off.png) no-repeat 20px center;text-align: left;border-radius: 45px;box-sizing: border-box;transition: all .3s;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li a span{display:inline-block;color:#000;font-weight:500;font-size:20px;line-height: 20px;letter-spacing:-0.5px;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li.on a{background: #162f6f url(/common/front/home/images/icon/ico_check02_on.png) no-repeat 20px center;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li.on a span{color:#fff;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li:hover a{background: #162f6f url(/common/front/home/images/icon/ico_check02_on.png) no-repeat 20px center;}
.info_btm_sec .tab_wrap .tab_doc_sty1 li:hover a span{color:#fff;}

.sche_tit_area{height:65px; background:#1474d0;}
.sche_tit_area .tit{padding: 18px;color:#ddd;font-family:"SCDream", sans-serif;font-weight:500;font-size:26px;text-align:center;}
.sche_tit_area .inner{position:relative;width:1500px;margin:0 auto;background: #1474d0;}
.sche_tit_area .btn_sche_prev{display:block;position:absolute;top: 15px;left:0;width:38px;height:38px;background: rgba(255,255,255, 0.3) url(/common/front/home/images/icon/arw_sty8_off.png) no-repeat center center;border-radius:38px;transform: rotate(180deg);}
.sche_tit_area .btn_sche_next{display:block;position:absolute;top: 15px;right:0;width:38px;height:38px;background: rgba(255,255,255, 0.3) url(/common/front/home/images/icon/arw_sty8_off.png) no-repeat center center;border-radius:38px;transform: rotate(0deg);}

.doc_sche_wrap{background: #a4aabc;}
.doc_sche_wrap .sche_calendar_wrap .inner{width:1500px;margin:0 auto;background: #162f6f;}
.doc_sche_wrap .sche_calendar_wrap .calendar_tit{display: inline-block;width: 87px;height: 125px;padding: 48px 0;text-align:center;vertical-align:middle;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.2);}
.doc_sche_wrap .sche_calendar_wrap .calendar_tit span{display:block;color: #fff;font-weight:300;font-size:14px;line-height:24px;letter-spacing:-0.25px;}
.doc_sche_wrap .sche_calendar_wrap .calendar_tit em{display:block;color: #fff;font-weight: 500;font-size: 28px;line-height: 28px;letter-spacing: -0.5px;}

.doc_sche_wrap .sche_calendar_wrap .tb_calendar_wrap{display: inline-block;vertical-align: top;}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar{border-top: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar thead tr th{height: 45px;padding:0 6px;border-bottom: 1px solid rgba(255,255,255,0.2);color:#fff;font-weight:500;font-size: 14px;line-height:14px;letter-spacing:-0.25px;text-align:center;border-left: 1px solid rgba(255,255,255,0.2);}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar tbody tr th{height:27px;padding:0 6px;border-bottom: 1px solid rgba(255,255,255,0.2);color:#fff;font-weight:500;font-size:13px;line-height:14px;letter-spacing:-0.25px;text-align:center;border-left: 1px solid rgba(255,255,255,0.2);}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar tbody tr td{height: 38px;padding:0 6px;border-bottom: 1px solid rgba(255,255,255,0.2);background: #a4aabc;border-left: 1px solid rgba(255,255,255,0.2);}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar tbody tr td img{display:block; margin:0 auto;}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar thead .sat{color:#408fff;}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar thead .sun{color:#ff5722;}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar tbody .sat{background:#adb3c3;}
.doc_sche_wrap .sche_calendar_wrap .tb_calendar tbody .sun{background:#adb3c3;}



.sche_calendar_wrap{background:#162f6f;text-align: center;}
.sche_info_wrap{width: 100%;padding: 0;background:#a4aabc;}
.sche_info_wrap .inner{width:1500px;margin:0 auto;background: #a4aabc;}

.sche_info_wrap .icon_wrap{float:right;text-align: left;}
.sche_info_wrap .icon_wrap span{display: inline-block;position: relative; width: 70px;padding: 20px 0 20px 20px;text-align: center;box-sizing: border-box;}
.sche_info_wrap .icon_wrap span:before{display: inline-block;position: absolute;top: 50%;left: 0;width: 14px;height: 14px; background: url(/common/front/home/images/icon/ico_outpatient.png) no-repeat center center;transform:translateY(-50%);}
.sche_info_wrap .icon_wrap span.ico_cancer:before{background: url(/common/front/home/images/icon/ico_cancer_center.png) no-repeat center center;}
.sche_info_wrap .icon_wrap span.ico_clinic:before{background: url(/common/front/home/images/icon/ico_clininc.png) no-repeat center center;}

/* 의료진 상세정보 */
.info_btm_sec .info_area{height:275px; padding-bottom:30px; overflow-y:scroll; box-sizing:border-box;}


/* 의료진 상세정보  - 연혁 */
.history_content + .history_content{margin-top:20px;}
.history_content .tit_area{ margin-bottom:20px;border-bottom:1px solid #d3d9e1;}
.history_content .tit_area .tit{display:inline-block; border-bottom:3px solid #001b52; color:#001b52; font-weight:700; font-size:24px; line-height:47px; letter-spacing:-0.25px;}
.history_content .dec_list_wrap > li{display:table;width:100%;color:#222;font-weight: 400;font-size:20px;line-height:38px;letter-spacing:-0.25px;word-break:keep-all;}
.history_content .dec_tit{display:table-cell; width:130px; color:#222; font-weight:400; font-size:20px; line-height:38px; letter-spacing:-0.25px;}
.history_content .dec_list_wrap .dec_txt{display:table-cell;color:#222;font-weight:300;font-size:20px;line-height:38px;letter-spacing:-0.25px;word-break:keep-all;}

.history_content .dec_list_wrap > ul > li{padding:0px !important;color:#222!important; font-weight:300 !important; font-size:20px !important; line-height:38px !important; letter-spacing:-0.25px !important; word-break:keep-all !important;}
.history_content .dec_list_wrap > ul > li > span{padding:0px !important;color:#222!important; font-weight:300 !important; font-size:20px !important; line-height:38px !important; letter-spacing:-0.25px !important; word-break:keep-all !important;}

.history_content .dec_list_wrap div{font-family: "Noto Sans Korean" !important; padding:0px !important;color:#222!important;font-weight: 400 !important;font-size:20px !important;line-height:38px !important;letter-spacing:-0.25px !important;word-break:keep-all !important;}
.history_content .dec_list_wrap p{font-family: "Noto Sans Korean" !important;padding:0px !important;color:#222!important;font-weight: 400 !important;font-size:20px !important;line-height:38px !important;letter-spacing:-0.25px !important;word-break:keep-all !important;}
.history_content .dec_list_wrap span{font-family: "Noto Sans Korean" !important;  padding:0px !important;color:#222!important;font-weight: 400 !important;font-size:20px !important;line-height: 1.6 !important;letter-spacing:-0.25px !important;word-break:keep-all !important;}

.history_content .dec_list_wrap_paper div{font-family: "Noto Sans Korean" !important;  color:#222!important; font-weight:400 !important; font-size:12px !important; line-height:38px !important; letter-spacing:-0.25px !important; word-break:keep-all !important;padding:0px !important;}
.history_content .dec_list_wrap_paper p{font-family: "Noto Sans Korean" !important;  color:#222!important; font-size:16px; line-height:1.6 !important; letter-spacing:-0.25px !important; word-break:keep-all !important;padding:10px 0px !important;}
.history_content .dec_list_wrap_paper span{font-family: "Noto Sans Korean" !important;  color:#222!important; font-size:16px; line-height:1.6 !important; letter-spacing:-0.25px !important; word-break:keep-all !important;padding:10px 0px !important;}

/* 의료진 상세정보  - 언론보도 */
.board_profile_wrap{}
.board_profile_wrap .tit_area{ margin-bottom:20px;border-bottom:1px solid #d3d9e1;}
.board_profile_wrap .tit_area .tit{display:inline-block; border-bottom:3px solid #001b52; color:#001b52; font-weight:700; font-size:24px; line-height:47px; letter-spacing:-0.25px;}
.board_profile_wrap .board_list_wrap{border-top:1px solid #2759ae;}
.board_profile_wrap .board_list_wrap > li{padding:12px 8px ; border-bottom:1px solid #bfc7d3;}
.board_profile_wrap .board_list_wrap .tit{display:block;max-width:100%;height:38px;color:#000;font-weight:500;font-size:22px;line-height:38px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_profile_wrap .board_list_wrap a{display:block;max-width:100%;height:38px;color:#000;font-weight:500;font-size:19px;line-height:38px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_profile_wrap .board_list_wrap a:hover{text-decoration:underline;}
.board_profile_wrap .board_list_wrap > li span{position:relative; font-weight:300; font-size:16px; line-height:22px; }
.board_profile_wrap .board_list_wrap > li span + span{padding:0 0 0 15px; margin:0 0 0 15px;}
.board_profile_wrap .board_list_wrap > li span + span:before{  display:block;position:absolute; top:5px; left:0; width:1px; height:12px; background:#92969e; content:""; }
.board_profile_wrap .board_list_wrap > li .empty_txt{height:38px;padding:15px 0;color:#000;font-weight:300; font-size:20px;line-height:38px; text-align:center;}
/********** //content **********/


/********** 의료진 상세정보 반응형 **********/
@media (max-width: 1500px) {

    .doctor_profile_wrap .profile_header .inner{width:1200px;}

    .profile_content .profile_top_wrap .inner{width:1200px; height:550px;}
    .profile_top_wrap .doc_img_wrap{height:549px;}
    .doc_info_wrap .info_top_sec .doc_spec{height:125px;}
    .info_btm_sec .info_area{height:210px;}

    .sche_tit_area .inner{width:1200px;}

    .doc_sche_wrap .sche_calendar_wrap .inner{width:1200px;}
    .doc_sche_wrap .sche_calendar_wrap .tb_calendar_wrap{width:calc(100% - 100px);}

    .sche_info_wrap .inner{width:1200px;}

    .info_btm_sec .tab_wrap .tab_doc_sty1{display:flex; position:relative;}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li{width:25%;}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li a{min-width:100%;}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li a span{font-size:17px;}

}

@media (max-width: 1199px) {

    .inner{width:100% !important; padding:0 4%; box-sizing:border-box;}

    .doctor_profile_wrap .profile_header .rgt_con{right:4%;}

    .profile_content .profile_top_wrap .inner{display:block; height:auto;}
    .profile_top_wrap .doc_info_wrap{width:100%; padding:70px 0 35px;}

    .sche_tit_area .btn_sche_prev{left:4%;}
    .sche_tit_area .btn_sche_next{right:4%;}

    .doc_sche_wrap .sche_calendar_wrap .calendar_tit{width:100%; height:auto; padding:20px 0; border:0;}
    .doc_sche_wrap .sche_calendar_wrap .tb_calendar_wrap{width:100%; overflow:auto;}
    .doc_sche_wrap .sche_calendar_wrap .tb_calendar_wrap > table{min-width:1000px;}

    .profile_top_wrap .doc_img_wrap{width:100%;}
    .profile_top_wrap .doc_img_wrap .swiper-slide{text-align:center;}

}

@media (max-width: 640px) {

    .profile_top_wrap .doc_img_wrap{height:350px;}
    .profile_top_wrap .doc_img_wrap .swiper-wrapper{height:100% !important;}
    .profile_top_wrap .doc_img_wrap .swiper-slide{height:100%;}
    .profile_top_wrap .doc_img_wrap .swiper-slide img{height:130% !important; width:auto !important;}

    .profile_top_wrap .doc_info_wrap{padding:40px 0 25px; position:static;}

    .doc_info_wrap .info_top_sec .doc_name{font-size:40px; line-height:40px;}
    .doc_info_wrap .info_top_sec .doc_part{font-size:24px; line-height:24px;}
    .doc_info_wrap .info_top_sec .doc_spec{height:90px;}
    .doc_info_wrap .info_top_sec .doc_spec .tit{font-size:20px; line-height:20px;}
    .doc_info_wrap .info_top_sec .doc_spec .tit:before{top:4px;}
    .doc_info_wrap .info_top_sec .doc_spec .txt{font-size:17px; line-height:20px;}

    .info_btm_sec .tab_wrap .tab_doc_sty1{flex-wrap:wrap;}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li{width:50%;}

    .history_content .tit_area .tit{font-size:20px; line-height:40px;}
    .history_content .dec_list_wrap .dec_tit{width:100px !important; font-size:17px !important;}
    .history_content .dec_list_wrap .dec_txt{font-size:17px !important;}

    .history_content .dec_list_wrap p{font-size:17px !important;}
    .history_content .dec_list_wrap span{font-size:17px !important;}
    .history_content .dec_list_wrap div{font-size:17px !important;}
    .history_content .dec_list_wrap li{font-size:17px !important;}

    .board_profile_wrap .search_form.sty3 .select_sty02{width:80px; font-size:15px;}
    .board_profile_wrap .search_form.sty3 .input_text{width:calc(100% - 150px); font-size:15px;}
    .board_profile_wrap .search_form.sty3 .input_text::placeholder{font-size:15px;}
    .board_profile_wrap .search_form.sty3 .input_submit{width:60px; padding:0; text-align:center; font-size:15px;}

    .board_profile_wrap .board_list_wrap a{font-size:17px;}
    .board_profile_wrap .board_list_wrap > li span{font-size:14px;}
    .board_profile_wrap .board_list_wrap > li .empty_txt{font-size:17px;}

    .sche_tit_area .tit{font-size:22px;}
    .doc_sche_wrap .sche_calendar_wrap .calendar_tit em{font-size:24px;}

    /* 진료예약 버튼 */
    .doc_info_wrap .info_top_sec{position:static;}
    .profile_content{padding-bottom:100px;}
    .doc_info_wrap .info_top_sec .btn_ico_reservation{position:fixed; z-index:100; top:auto; bottom:0; width:100%; height:100px; line-height:86px;}

	.doc_info_wrap .info_top_sec .doc_closed  { position:relative !important; top:0 !important; right:0; width:auto; text-align:center !important; border:1px solid #ddd; font-size:16px; background:#e0f2f1; padding:5px 20px; margin:0 0 10px 0 !important; border-radius:20px; font-weight:bold; height:auto; line-height:30px;}

}

@media (max-width: 400px) {

    .doctor_profile_wrap .profile_header{height:70px;}
    .doctor_profile_wrap .profile_header .tit{padding:20px 0;}
    .doctor_profile_wrap .profile_header .tit img{height:30px;}
    .doctor_profile_wrap .profile_header .rgt_con{top:20px;}

    .profile_top_wrap .doc_img_wrap{height:230px;}

    .doc_info_wrap .info_top_sec .doc_name{font-size:30px; line-height:30px;}
    .doc_info_wrap .info_top_sec .doc_part{font-size:20px; line-height:20px;}

    .doc_info_wrap .info_top_sec .doc_spec{display:block;}
    .doc_info_wrap .info_top_sec .doc_spec .tit{font-size:17px;}
    .doc_info_wrap .info_top_sec .doc_spec .txt{padding:5px 10px 0 24px; font-size:16px;}

    .history_content .tit_area .tit{font-size:18px;}
    .history_content .dec_list_wrap > li > .dec_tit{width:60px !important; font-size:16px !important; line-height:24px !important;}
    .history_content .dec_list_wrap > li > .dec_txt{font-size:16px !important; line-height:24px !important;}

    .history_content .dec_list_wrap p{font-size:16px !important; line-height:24px !important;}
    .history_content .dec_list_wrap div{font-size:16px !important; line-height:24px !important;}
    .history_content .dec_list_wrap span{font-size:16px !important; line-height:24px !important;}

    .info_btm_sec .tab_wrap .tab_doc_sty1 li a{padding:12px 0 13px 40px; background:#fff url(/common/front/home/images/icon/ico_check02_off.png) no-repeat 15px center}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li a span{font-size:16px;}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li:hover a{background:#162f6f url(/common/front/home/images/icon/ico_check02_on.png) no-repeat 15px center}
    .info_btm_sec .tab_wrap .tab_doc_sty1 li.on a{background:#162f6f url(/common/front/home/images/icon/ico_check02_on.png) no-repeat 15px center}

    .board_profile_wrap .board_list_wrap > li span + span{padding:0 0 0 10px; margin:0 0 0 10px;}

}

@media (max-width:300px) {

    .info_btm_sec .tab_wrap .tab_doc_sty1 li a span{font-size:14px;}

    .sche_tit_area .tit{font-size:18px;}
    .sche_tit_area .btn_sche_prev{width:30px; height:30px;}
    .sche_tit_area .btn_sche_next{width:30px; height:30px;}

}
/********** //의료진 상세정보 반응형 **********/

/********** 20250814 KJH 장기휴진안내 추가 **********/
.doc_info_wrap .info_top_sec .doc_closed  { position:absolute; top:-53px; right:0; width:auto; text-align:right; border:1px solid #ddd; font-size:16px; background:#e0f2f1; padding:5px 20px; margin:0; border-radius:20px; font-weight:bold; height:auto; line-height:30px;}