@charset "UTF-8"; 
/* 공통 */

/* 컬러 */
.f_c_b1{color:#2677BB !important;}
.f_c_g3{color:#333333 !important;}
.f_c_g9 { color:#999999 !important; } 
.f_c_pink { color: #c86ba8 !important; } 
.f_c_b1 { color:#266fdd !important; } 
.f_c_b2 { color:#0671ca !important; } 
.f_c_b3{ color:#0684eb !important;}
.f_c_black { color:#000 !important; } 
.f_c_purple{ color:  #845dc3 !important;}

/* border */
.bd0{border:0 !important;}
.bdr0{border-right:0 !important;}
.bdl0{border-left:0 !important;}
.bdt0{border-top:0 !important;}
.bdb0{border-bottom:0 !important;}

/* 사이즈 */
.ht30{ height: 30px !important;}
.ht260 { height:260px !important; }


/* 여백 */
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}

.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}


/* 전체동의 */
.sub_content .all_check_agree{ margin-top: 24px; margin-bottom: 24px; }
.sub_content .all_check_agree input[type="checkbox"]{ width: 24px; height: 24px; accent-color: #2677BB;}
.sub_content .all_check_agree label{ font-size: 18px; line-height: 21.6px; font-weight: 500; color: #333; margin-left: 8px; vertical-align: super; }


/* 임상시험센터 
.nmc_ctcr_color{ color: #3d1d56 !important;}             
.nmc_ctcr_lColor{ border-color: #3d1d56 !important;}
.nmc_ctcr_bglColor{ background-color: #F3F0F7 !important;}
.nmc_ctcr_bgsColor{ background-color: #3d1d56 !important;}
.nmc_ctcr_svg{ filter: invert(14%) sepia(33%) saturate(2149%) hue-rotate(243deg) brightness(95%) contrast(100%) !important;}
*/
 
.sub_content.ctcr .ovf_diagram_type02.pc{padding: 20px;}

.sub_content.ctcr .greeting{display: flex;}
.sub_content.ctcr .greeting .greeting_msg{margin-right: 20px; width: calc( ( 100% - 300px ) );}
.sub_content.ctcr .greeting .greeting_img{margin-left: auto;}

.sub_content.ctcr .dangye .dangye_cell b:before{background-color: #27A98D;}

/*.sub_content.ctcr .dangye.history_type02 .dangye_line_type02 .dangye_line_outCircle_type02{border: 3px solid rgba(61, 29, 86, 0.4);}*/
.sub_content.ctcr .dangye.history_type02 .dangye_line_type02 .dangye_line_inCircle_type02{background-color: #27A98D;}
/* .sub_content.ctcr .dangye.history_type02 .dangye_cell .dangye_nano_type02 i{width: calc( 100% - 72px );} */
.sub_content.ctcr .dangye.history_type02 .dangye_cell.on b{color: #27A98D;}
.sub_content.ctcr .dangye.history_type02.long .dangye_cell{padding-left: 268px;}
.sub_content.ctcr .dangye.history_type02.long .dangye_cell b{width: 180px;}

.sub_content.ctcr .jg_calc b{color: #27A98D;}
.sub_content.ctcr .ovf_diagram_type02.noborder{ border: 0; padding: 0;}
.sub_content.ctcr .process_little_span{ margin-bottom: 24px;}
.sub_content.ctcr .process_little_span .little_span{ display: flex;margin-bottom: 16px;}
.sub_content.ctcr .process_little_span .little_span:last-child{ margin-bottom: 0;}
.sub_content.ctcr .process_little_span .little_span b{ margin-right: 10px; font-size: 18px; font-weight: 700; color: #27A98D;}

.sub_content.ctcr .activity_iconWrap_type02 .activity_txtBox_type02{ min-height: 90px; align-content: center;}
.sub_content.ctcr .activity_iconWrap_type02 .activity_txtBox_type02 h4.sm{ margin-bottom: 12px; color: #27A98D;}
.sub_content.ctcr .activity_iconWrap_type02 .activity_txtBox_type02 .little_span{ margin-bottom: 0; min-height: auto; font-size: 16px;}
.sub_content.ctcr .activity_iconWrap_type02 .activity_icon_type02{ width: 90px; height:90px; background-color: #EAF7F4; border: 0;}

.sub_content.ctcr h4.sm span{ font-size: 16px; line-height: 19.2px; font-weight: 500; margin-left: 8px; word-break: keep-all; }
.sub_content.ctcr .little_span{ word-break: keep-all; }
.sub_content.ctcr .main_business{ border: 2px solid #EAE7EC ; border-radius: 16px; margin-bottom: 50px; padding: 24px 22px; }
.sub_content.ctcr .main_business_cell{ position: relative; padding-left: 10px; margin-bottom: 24px; }
.sub_content.ctcr .main_business_cell:last-child{ margin-bottom: 0; }
.sub_content.ctcr .main_business_cell:before{ content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; border-left: 2px solid #27A98D;}
.sub_content.ctcr .main_business_cell p{ font-size: 16px; line-height: 19.2px; font-weight: 600; color: #333; word-break: keep-all; }
.sub_content.ctcr .main_business_cell span{ display: block; font-size: 15px; line-height: 18px; font-weight: 400; color: #666; padding-top: 12px; word-break: keep-all; }

.sub_content .mini_span{ display: block; font-size: 14px; line-height: 22px; font-weight: 400; color: #666; margin-bottom: 50px; }

.sub_content.ctcr .info_box{ border-color: #EAE7EC; }
.sub_content.ctcr .info_box span{ height: auto; }
.sub_content.ctcr .btn_site_type02{ background-color: #27A98D; }
.sub_content.ctcr .with_btn2_type02 .btn_site_type02{ margin-top: 0; }

/* 모니터링실 예약 */
.sub_content.ctcr .reserve_monitor{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 99999; background-color: rgba(0, 0, 0, 0.6);}
.sub_content.ctcr .reserve_monitor_modal{ position: absolute; margin: 0 auto; width: 100%; max-width: 440px; height: auto; top: 50%; left: 50%; padding: 24px 20px; background-color: #fff; border-radius: 16px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sub_content.ctcr .reserve_monitor_modal p{ font-size: 16px; line-height: 30px; font-weight: 700; color: #333; }
.sub_content.ctcr .reserve_monitor_modal_notice{ padding-top: 27px; }
.sub_content.ctcr .reserve_monitor_modal_notice_cell{ display: flex; margin-bottom: 24px; }
.sub_content.ctcr .reserve_monitor_modal_notice_cell:last-child{ margin-bottom: 0; }
.sub_content.ctcr .reserve_monitor_modal_notice_cell b{ margin-right: 10px; font-size: 22px; line-height: 22px; font-weight: 700; color: #27A98D; }
.sub_content.ctcr .reserve_monitor_modal_notice_cell span{ font-size: 18px; line-height: 22px; font-weight: 600; color: #333; }
.sub_content.ctcr .reserve_monitor_modal_notice_cell span em{ display: block; font-size: 16px; line-height: 22px; font-weight: 400; color: #666; margin-top: 8px;}

.sub_content.ctcr .reserve_monitor_modal_btn{ padding-top: 40px; text-align: right; }
.sub_content.ctcr .reserve_monitor_modal button{ padding: 8px 26px; border: 0; border-radius: 8px; font-size: 16px; line-height: 22px; font-weight: 600;}
.sub_content.ctcr .reserve_monitor_modal button.cancle_btn{ margin-right: 8px; background-color: #ececec; color: #636363; }
.sub_content.ctcr .reserve_monitor_modal button.check_btn{ background-color: #27A98D; color: #fff; }

.sub_content.ctcr .reserve_monitor.active{display: block;}

.sub_content.ctcr .info_consent{display: flex; align-items: center; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #000;}
.sub_content.ctcr .info_consent h4{ margin-bottom: 0; font-size: 26px; line-height: 31.21px; font-weight: 700; color: #333; }
.sub_content.ctcr .info_required{ margin-left: auto; font-size: 16px; line-height: 19.2px; font-weight: 600; color: #666; }
.sub_content.ctcr .info_required span{ color: #ff0000; }

.sub_content.ctcr .login_table .tr .table_txt span{color: #ff0000;}
.sub_content.ctcr .login_table h5{ padding-top: 28px; padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #e3e3e5; color: #27A98D; }
.sub_content.ctcr .login_table .first_tr{ border-top: 1px solid #000; }
.sub_content.ctcr .term{ margin-bottom: 40px; }
.sub_content.ctcr .term .ovf_text{margin-top: 10px;}

.sub_content.ctcr .all_check_agree{ margin-bottom: 24px; }
.sub_content.ctcr .all_check_agree input[type="checkbox"]{ width: 24px; height: 24px; accent-color: #27A98D;}
.sub_content.ctcr .all_check_agree label{ font-size: 18px; line-height: 21.6px; font-weight: 500; color: #333; margin-left: 8px; vertical-align: super; }
.sub_content.ctcr .term .check_agree{ margin-top: 10px; }
.sub_content.ctcr .term .check_agree input[type="checkbox"]{ width: 24px; height: 24px; accent-color: #27A98D;}
.sub_content.ctcr .term .check_agree input[type="radio"]{ width: 24px; height: 24px; accent-color: darkcyan;}
.sub_content.ctcr .term .check_agree label{ font-size: 18px; line-height: 21.6px; font-weight: 500; color: #333; margin-left: 8px; vertical-align: super; }



/* .sub_content.ctcr .find_card_modal_mapWrap{position: absolute; margin: 0 auto; max-width: 800px; top: 50%; left: 50%; height: 500px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sub_content.ctcr .find_card_modal_mapWrap .map_area{position: relative; background-image: url(../img/map.png); background-size: contain; background-repeat: no-repeat;}
.sub_content.ctcr .find_card_modal_mapWrap .map_area a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 12px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4); padding: 12px 14px;
    font-size: 14px; line-height: 18px; color: #333; font-weight: 600; display: flex; align-items: center;}
.sub_content.ctcr .find_card_modal_mapWrap .map_area a i{ margin-left: 4px; width: 20px; height: 20px;  background-image: url(../icon/next.png); background-size: contain; background-repeat: no-repeat; display: inline-block;}
.sub_content.ctcr .find_card_modal_mapWrap button.close_btn{width: 25px; height: 24px; position: absolute; top:10px; right: 10px; background-image: url(../icon/close.png); background-repeat: no-repeat; background-size: contain; z-index: 1;
border: 0; background-color: transparent;} */

.sub_content.ctcr .ctcr_color_process { display: flex; flex-direction: column; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell { padding: 16px 26px; border-radius: 16px; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell:not(:first-child) { margin-top: 10px; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell:nth-child(2n-1) { background-color: #EAF7F4 ; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell:nth-child(2n) { background-color: #F2F2F2; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell_header { display: flex; align-items: center; font-size: 18px; font-weight: 500; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell_header span { display: inline-block; width: 32px; margin-right: 16px; font-size: 24px; font-weight: 700; color: rgb(39, 169, 141); }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell p { margin-top: 16px; margin-left: 48px; }
.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell p span { font-size: 16px; line-height: 24px; font-weight: 400; color: #666;  word-break: keep-all; }

/*.sub_content.ctcr button.info_detail_box_button { background-color: rgb(39, 169, 141);}*/
.sub_content.ctcr .step_purpose { padding: 32px 30px; border: 2px solid #c9d3e5; border-radius: 16px; }
.sub_content.ctcr .step_purpose .step_purpose_cell { display: flex; align-items: center; padding: 8px 0; }
.sub_content.ctcr .step_purpose .step_purpose_cell .step_purpose_step { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; font-size: 16px; line-height: 24px; color: #fff; border-radius: 100px; text-align: center; }
.sub_content.ctcr .step_purpose .step_purpose_cell:nth-child(1) .step_purpose_step { background-color: #97D4C5; }
.sub_content.ctcr .step_purpose .step_purpose_cell:nth-child(2) .step_purpose_step { background-color: #62C7AF; }
.sub_content.ctcr .step_purpose .step_purpose_cell:nth-child(3) .step_purpose_step { background-color: #27A98D; }
.sub_content.ctcr .step_purpose .step_purpose_cell:nth-child(4) .step_purpose_step { background-color: #027A61; }
.sub_content.ctcr .step_purpose .step_purpose_cell:not(:first-child) { border-top: 1px dotted #E0E0E0; }
.sub_content.ctcr .step_purpose .step_purpose_cell .step_purpose_txt { display: flex; align-items: center; margin-left: 20px; width: calc( 100% - 100px - 20px); font-size: 16px; line-height: 24px; word-break: keep-all; }




/* 미션비전핵심가치 백그라운드 */
.sub_content .mission_vision{ background-color: #2B80C9; }

/* 공공의료체계의 중추 */
.sub_content .central_table{ padding-top: 44px; }
.sub_content .central_table_cell{ position: relative;  }
/*.sub_content .central_table_cell::before{ position: absolute; content: ""; width: 62px; height: 44px; top: -58px; left: 50%; transform: translateX(-50%); background-image: url(../img/mission_arrow.png); background-repeat: no-repeat; background-size: cover; }*/


/* 비급여진료비 */
/* .sub_content .ovf_table.non_benefit{ white-space: normal; } */
.sub_content .ovf_table.non_benefit { margin-bottom: 30px; }
.sub_content .ovf_table.non_benefit th{ padding: 20px 0; }
.sub_content .ovf_table.non_benefit td{ padding: 20px 0; font-weight: 400; }
.sub_content .ovf_table.non_benefit td.wsn{ white-space: normal; }

/*.sub_content .ovf_table.non_benefit thead tr:last-child th{ border-top: 1px solid #ACBBCB; }*/
/*.sub_content .ovf_table.non_benefit thead tr:last-child th:last-child{ border-right: 1px solid #ACBBCB; }*/


/* 마이페이지 진료내역상세 */
.sub_content .bottom_btns button.list{ background-color: #e4e4e4; color: #545454; }
.sub_content .divided2_table{ border-collapse: collapse; width: 100%; height: auto; border-top: 2px solid #314B67; border-bottom: 2px solid #314B67; }
.sub_content .divided2_table_cellgroup{ display: flex; flex-wrap: wrap; }
.sub_content .divided2_table_cell{ width: 50%; display: flex; }
.sub_content .divided2_table_cell .th{ padding: 20px 0; width: 150px; min-width: 100px; text-align: center; align-content: center; font-size: 18px; line-height: 20px; font-weight: 600; color: #333; background-color: #f0f3f7; border-bottom: 1px solid #E4E4E4; }
.sub_content .divided2_table_cell .td{ padding: 20px; width: calc( 100% - 150px ); min-width: 200px; font-size: 16px; line-height: 20px; font-weight: 400; color: #333; border-bottom: 1px solid #E4E4E4; word-break: break-all; }
.sub_content .divided2_table_cellgroup:last-child .divided2_table_cell .th{ border-bottom: 0; }
.sub_content .divided2_table_cellgroup:last-child .divided2_table_cell .td{ border-bottom: 0; }

.sub_content.mypage table td{ font-weight: 400; }
.sub_content .sub_content { padding-bottom: 0; }

.sub_content .ovf_table.div_table{white-space: normal;}

.sub_content .ddd{ height: auto; display: block; overflow: hidden; margin-bottom: 50px;}
.sub_content .divided2_table{overflow: auto;}


.sub_content .divided2_table_cell_{ width: 100%; display: flex; }
.sub_content .divided2_table_cell_ .th{ padding: 20px 0; width: 150px; min-width: 100px; text-align: center; align-content: center; font-size: 18px; line-height: 20px; font-weight: 600; color: #333; background-color: #f0f3f7; border-bottom: 1px solid #E4E4E4; }
.sub_content .divided2_table_cell_ .td{ padding: 20px; width: calc( 100% - 150px ); min-width: 200px; font-size: 16px; line-height: 20px; font-weight: 400; color: #333; border-bottom: 1px solid #E4E4E4; word-break: break-all; white-space: normal; }

.sub_content .divided2_table_cell_th { width: 100%; display: flex; }
.sub_content .divided2_table_cell_th .th{ padding: 20px 36px; width: 100%; min-width: 100%; text-align: left; align-content: center; font-size: 18px; line-height: 20px; font-weight: 600; color: #333; background-color: #F0F3F7; border-top: 1px solid #314B67; border-bottom: 1px solid #E4E4E4; }


/* 예약내역 */
.sub_content .find_card3_type02.no_modal .find_card_cell_type02:nth-of-type(3n+1){margin-right: 21px;}
.sub_content .find_card3_type02.no_modal .find_card_cell_type02:nth-of-type(3n){margin-right: 0;}


/* 병원발전기금 */
.sub_content .hospital_fund{ padding: 20px 20px 18px; margin-bottom: 40px; border: 2px solid #C9D3E5; border-radius: 16px; text-align: center; }
.sub_content .hospital_fund i{ display: inline-block; width: 60px; height: 60px; background-image: url(../icon/hospital_fund.png); background-size: cover; background-repeat: no-repeat; }
.sub_content .hospital_fund b{ display: block; padding-top: 19px; font-size: 18px; line-height: 26px; font-weight: 600; color: #2677BB; word-break: keep-all; }
.sub_content .hospital_fund em{ display: block; font-size: 16px; line-height: 26px; font-weight: 400; color: #666; word-break: keep-all; }
.sub_content .hospital_fund_way{ display: flex; justify-content: center; padding-top: 12px; }
.sub_content .hospital_fund_way b{ display: block; padding: 0 12px; font-size: 16px; line-height: 26px; font-weight: 600; color: #333; }
.sub_content .hospital_fund_way span{ position: relative; display: block; padding: 0 12px; font-size: 16px; line-height: 26px; font-weight: 400; color: #333; }
.sub_content .hospital_fund_way span::before{ position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); height: 60%; border-left: 1px solid #cdcdcd; }
.sub_content .hospital_fund_way span:first-of-type::before{ display: none; }
.sub_content .hospital_fund p{ padding-top: 2px; font-size: 16px; line-height: 26px; font-weight: 400; color: #666; }


/* 수련교육부 수련교육목표 */
.sub_content.edc .strategy{ font-size: 18px; line-height: 26px; font-weight: 400; color: #333; word-break: keep-all;}

.sub_content.edc .strategy_wrap{ display: flex; flex-wrap: wrap; margin-bottom: 50px; }
.sub_content.edc .strategy_cell{ padding: 44px 20px 48px; margin-right: 27px; width: calc( ( 100% - 81px ) / 4); background-color: #E8F7F8; border-radius: 280px; text-align: center; }
.sub_content.edc .strategy_cell:last-child{ margin-right: 0; }
.sub_content.edc .strategy_cell b{ display: block; font-size: 18px; line-height: 21.6px; font-weight: 600; color: #333; }
.sub_content.edc .strategy_cell span{ display: block; padding-top: 16px; font-size: 16px; line-height: 24px; font-weight: 400; color: #666; }
.sub_content.edc .strategy_cell i{ position: relative; display: inline-block; margin-top: 41px; width: 96px; height: 96px;}
.sub_content.edc .strategy_cell i img{ position: relative; z-index: 1; }
.sub_content.edc .strategy_cell i::before{ position: absolute; content: ""; display: block; top: -16px; left: calc( 100% - 22px ); width: 74px; height: 74px; border-radius: 50%; background-color: #16C2CE;}

/* 수련교육부 전공의 양성 비전 */
.sub_content.edc .center_piece.center_piece_type02{ text-align: center; }
.sub_content.edc .center_piece.center_piece_type02 span{ font-weight: 600; }
.sub_content.edc .center_piece.center_piece_type02:before{ display: none; }
.sub_content.edc .center_piece.center_piece_type02:after{ display: none; }

.sub_content.edc .edc_mission_vision{ position: relative; display: flex; justify-content: center; margin-bottom: 50px; }
.sub_content.edc .edc_mission_vision_wrap{ padding: 53px 0 74px; width:270px; text-align: center; }
.sub_content.edc .edc_mission{ margin-right: 108px; border: 2px solid #10C8B2; background-color: rgba(16, 200, 178, 0.06); border-radius: 50%; }
.sub_content.edc .edc_mission::before{ position: absolute; content: ""; top:50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 28px; background-image: url(../icon/plus28x28.png); background-repeat: no-repeat; background-size: cover; }
.sub_content.edc .edc_vision{ border: 2px solid #0884EC; background-color: rgba(8, 132, 236, 0.06); border-radius: 50%; }

.sub_content.edc .edc_mission_vision_wrap i{}
.sub_content.edc .edc_mission_vision_wrap b{ display: block; padding-top: 16px; font-size: 18px; line-height: 21.6px; font-weight: 600; }
.sub_content.edc .edc_mission_vision_wrap span{ display: block; padding-top: 16px; font-size: 15px; line-height: 19.5px; font-weight: 400; color: #333; }

.sub_content.edc .edc_mission b{ color: #10C8B2; }
.sub_content.edc .edc_vision b{ color: #0884EC; }

.sub_content.edc table .light_purple{ background-color: #008C83; color: #fff; }
.sub_content.edc table .light_blue{ background-color: #E8F7F8; }
.sub_content.edc table .text_blue{ color: #007ae0; }
.sub_content.edc table .text_red{ color: #ff3b3b; }
.sub_content.edc table .last_cell{ border-right: 1px solid #e4e4e4; }

.sub_content.edc table td.purple_line{ padding: 20px 0; }
.sub_content.edc table td.purple_line div{ position: relative; width:100%; height: 2px; background-color: #8da7ff; }
.sub_content.edc table td.purple_line div.purple_arrow:before{ position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%); width: 8px; height: 14px; background-image: url(../icon/purple_arrow.png); background-size: cover; background-repeat: no-repeat; }


/* 빠른예약 */
.sub_content.freserve .ovf_text{ margin-top: 24px; } 
/* .sub_content.reserve .term */
.sub_content.freserve .term .check_agree{ margin-top: 36px; }
.sub_content.freserve .term .check_agree input[type="checkbox"]{ width: 24px; height: 24px; accent-color: #2677BB;}
.sub_content.freserve .term .check_agree input[type="radio"]{ width: 24px; height: 24px; accent-color: #2677BB;}
.sub_content.freserve .term .check_agree label{ font-size: 18px; line-height: 21.6px; font-weight: 500; color: #333; margin-left: 8px; vertical-align: super; }

.sub_content.freserve .freserve_inputbox{ display: flex; justify-content: center; }
.sub_content.freserve .freserve_inputbox .for_text{ width: 200px; height: 48px; border-radius: 12px; border: 1px solid #E3E3E5; padding-left: 16px; font-size: 16px; font-weight: 400; color: #333; margin-right: 12px;}
.sub_content.freserve .freserve_inputbox .for_call{ width: 120px; height: 48px; border-radius: 12px; border: 1px solid #E3E3E5; padding-left: 16px; font-size: 16px; font-weight: 400; color: #333;}

.sub_content.freserve .freserve_inputbox .tr{ display: flex;  padding-right: 20px; }
.sub_content.freserve .freserve_inputbox .tr .th{ padding-right: 16px; align-content: center; font-size: 15px; line-height: 18px; font-weight: 700; color: #333; }
.sub_content.freserve .freserve_inputbox .tr .td{ align-content: center; }
.sub_content.freserve .freserve_inputbox .tr .td input[type="checkbox"]{ width: 21px; height: 21px; accent-color: #2677BB;}
.sub_content.freserve .freserve_inputbox .tr .td label{ font-size: 16px; line-height: 30px; font-weight: 500; color: #666; margin-left: 8px; vertical-align: super; }

.sub_content.freserve .bottom_btns{ margin-bottom: 0; padding-top: 28px; }

/* 예약 일시선택 */
.sub_content.reserve .reserve_greeting{ text-align: center; }
.sub_content.reserve .reserve_greeting p{ font-size: 20px; line-height: 24px; font-weight: 600; color: #666; word-break: keep-all; }
.sub_content.reserve .reserve_greeting p b{ font-size: 20px; line-height: 24px; font-weight: 700; color: #666; word-break: keep-all; }
.sub_content.reserve .reserve_greeting span{ display: block; padding-top: 16px; font-size: 15px; line-height: 22.5px; font-weight: 500; color: #666; word-break: keep-all; }
.sub_content.reserve .reserve_greeting span a{ margin-left: 5px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: #2677BB; text-decoration: underline; word-break: keep-all; white-space: nowrap; }

.sub_content.reserve .noUrl_tab{ padding-top: 50px; }

.sub_content.reserve .reserve_wrap{ display: flex; }
.sub_content.reserve .reserve_content{ width: calc( 100% - 280px ); }
.sub_content.reserve .reserve_h4{ padding-bottom: 28px; font-size: 24px; line-height: 28.8px; font-weight: 700; color: #333; text-align: center; }
.sub_content.reserve .reserve_process{ width: 260px; margin-left: 20px; }

.sub_content.reserve .reserve_step{ border: 1px solid #dedede; border-top: 1px solid #000; margin-top: 12px; }
.sub_content.reserve .reserve_step:first-child{ margin-top: 0; }
.sub_content.reserve .reserve_step_top{ padding: 10px 20px; font-size: 20px; line-height: 24px; font-weight: 600; color: #666; }
.sub_content.reserve .reserve_step_top span{ margin-left: 10px; font-size: 20px; line-height: 24px; font-weight: 600; color: #666; }
.sub_content.reserve .reserve_step_detail{ display: none; padding: 40px 20px 20px; border-top: 1px solid #dedede; overflow: hidden; }
.sub_content.reserve .reserve_step .bottom_btns{ display: none; }
.sub_content.reserve .reserve_step.on .reserve_step_detail{ display: block; }
.sub_content.reserve .reserve_step.on .bottom_btns{ display: block; }
.sub_content.reserve .reserve_step.on .reserve_step_top{ color: #2677BB;}
.sub_content.reserve .reserve_step.on .reserve_step_top span{ color: #2677BB;}

.sub_content.reserve .reserve_timewrap{ padding: 10px 14px; background-color: #f7f7f7; border: 1px solid #dedede; border-radius: 10px;  overflow: auto;}
.sub_content.reserve .reserve_time{ display: flex; flex-wrap: wrap; }
.sub_content.reserve .reserve_time_cell{ padding: 10px 17px; margin: 4px 0; width: 72px; font-size: 15px; line-height: 17.9px; font-weight: 500; color: #333; border: 1px solid #cdcdcd; border-radius: 6px; background-color: #fff; text-align: center; margin-right: 8px; }
.sub_content.reserve .reserve_time_cell.on{ border: 0; color: #2677BB; background-color: #e5eff7;}

.sub_content.reserve .reserve_textarea{ padding-top: 20px; width: 100%; }
.sub_content.reserve .reserve_textarea textarea{ padding:20px; width: 100%; resize: none; }

.sub_content.reserve .reserve_process_cell{ display: flex; padding: 14px 16px 16px; background-color: #e4e9ec; border-radius: 8px; margin-bottom: 10px; cursor: pointer ;}
.sub_content.reserve .reserve_process_cell_default{ display: flex; padding: 14px 16px 16px; background-color: #e4e9ec; border-radius: 8px; margin-bottom: 10px; cursor: pointer ;}
.sub_content.reserve .reserve_process_cell:last-child{ margin-bottom: 0; }

.sub_content.reserve .reserve_process_num{ width: 20px; margin-right: 8px; font-size: 24px; line-height: 28.8px; font-weight: 700; color: #666; }
.sub_content.reserve .reserve_process_info{ width: 100%; }
.sub_content.reserve .reserve_process_title{ display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 16px; line-height: 19.2px; font-weight: 600; color: #666; }
.sub_content.reserve .reserve_process_title button{ margin-left: auto; padding: 4px 12px; border: 0; border-radius: 6px; font-size: 14px; line-height: 16.8px; font-weight: 600; background-color: #b7bdc2; color: #fff; cursor: pointer; }
.sub_content.reserve .reserve_process_detail{ display: none; padding-top: 8px; }
.sub_content.reserve .reserve_process_detail p{ font-size: 16px; line-height: 19.2px; font-weight: 500; color: #333; }
.sub_content.reserve .reserve_process_detail p span{ margin-left: 8px; font-size: 14px; line-height: 16.8px; font-weight: 600; color: #666; }
.sub_content.reserve .reserve_process_detail em{ display: block; padding-top: 4px; font-size: 15px; line-height: 18px; font-weight: 400; color: #333; }
.sub_content.reserve .reserve_process_cell_default .reserve_process_detail{ display: block; padding-top: 8px; }
.sub_content.reserve .reserve_process_cell_default .reserve_process_detail p{ font-size: 16px; line-height: 19.2px; font-weight: 500; color: #333; }
.sub_content.reserve .reserve_process_cell_default .reserve_process_detail p span{ margin-left: 8px; font-size: 14px; line-height: 16.8px; font-weight: 600; color: #666; }
.sub_content.reserve .reserve_process_cell_default .reserve_process_detail em{ display: block; padding-top: 4px; font-size: 15px; line-height: 18px; font-weight: 400; color: #333; }

.sub_content.reserve .reserve_process_cell_default.active{ background-color: rgba(38, 119, 187, 0.1); border: 2px solid #2677BB; }
.sub_content.reserve .reserve_process_cell_default.active .reserve_process_num{ color: #2677BB; }
.sub_content.reserve .reserve_process_cell_default.active .reserve_process_title{ color: #2677BB; }
.sub_content.reserve .reserve_process_cell.on .reserve_process_detail{ display: block; }
.sub_content.reserve .reserve_process_cell.active{ background-color: rgba(38, 119, 187, 0.1); border: 2px solid #2677BB; }
.sub_content.reserve .reserve_process_cell.active .reserve_process_num{ color: #2677BB; }
.sub_content.reserve .reserve_process_cell.active .reserve_process_title{ color: #2677BB; }

.sub_content.reserve .bottom_btns{ margin-bottom: 40px; }
.sub_content.reserve .sulmoon_box{ margin-top: 50px;}

/* 예약 의료진 선택 */
.sub_content.reserve .reserve_staff{ overflow: auto; max-height: 800px; }
.sub_content.reserve .reserve_staff_cell{ display: flex; margin-top: 12px; padding: 12px 20px; border: 1px solid #a1b0bd; border-radius: 10px; }
.sub_content.reserve .reserve_staff_cell:first-child{ margin-top: 0; }
.sub_content.reserve .reserve_staff_cell.on{ border-color: #2677BB; background-color: #e5eff7; }

.sub_content.reserve .reserve_staff_img{ display: flex; justify-content: center; align-items: center; width: 95px; height: 124px; }
.sub_content.reserve .reserve_staff_img img{ width: 100%; object-fit: cover; }
.sub_content.reserve .reserve_staff_detail{ display: flex; flex: 1 1; flex-direction: column; justify-content: center; padding-left: 16px; }
.sub_content.reserve .reserve_staff_detail p{ font-size: 20px; line-height: 23.87px; font-weight: 600; color: #333; }
.sub_content.reserve .reserve_staff_detail p span{ margin-left: 8px; font-size: 15px; line-height: 17.9px; font-weight: 500; color: #969696; word-break: keep-all; }
.sub_content.reserve .reserve_staff_detail .tr{ display: flex; padding-top: 12px; }
.sub_content.reserve .reserve_staff_detail .tr:nth-of-type(1){ padding-top: 24px; }
.sub_content.reserve .reserve_staff_detail .th{ width: 52px; font-size: 15px; line-height: 17.9px; font-weight: 600; color: #333; }
.sub_content.reserve .reserve_staff_detail .td{ padding-left: 10px; width: calc( 100% - 62px ); font-size: 15px; line-height: 17.9px; font-weight: 500; color: #666; word-break: keep-all; }

/* 예약 진료과 선택 */
.sub_content.reserve .reserve_center{ display: flex; justify-content: center; align-items: center; }
.sub_content.reserve .reserve_center input{ margin-left: 20px; }
.sub_content.reserve .reserve_center input:first-child{ margin-left: 0; }
.sub_content.reserve .reserve_center input[type="radio"]{ width: 16px; height: 16px; accent-color: #2677BB; border: 1px solid #333;  cursor: pointer; }
.sub_content.reserve .reserve_center label{ font-size: 18px; line-height: 21.6px; font-weight: 500; color: #333; margin-left: 8px; align-content: center; }

.sub_content.reserve .reserve_step .search_district{ padding-top: 20px; }
.sub_content.reserve .reserve_step .search_district input[type="text"]{ width: calc( 100% - 110px - 12px ); }

.sub_content.reserve .reserve_step .popular_depart{ display: flex; align-items: center; overflow: hidden; }
.sub_content.reserve .reserve_step .popular_box{ padding: 4px 8px; width: 45px; background-color: #2677BB; border-radius: 4px; color: #fff; }
.sub_content.reserve .reserve_step .popular_depart_wrap{ display: flex; margin-left: 10px; width: calc( 100% - 55px ); overflow: auto; }
.sub_content.reserve .reserve_step .popular_depart_cell{ position: relative; padding: 0 10px; font-size: 16px; line-height: 20px; font-weight: 500; color: #333; white-space: nowrap; }
.sub_content.reserve .reserve_step .popular_depart_cell::before{ position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); border-left: 1px solid #666; height: 80%; }
.sub_content.reserve .reserve_step .popular_depart_cell:first-child:before{ display: none; }

.sub_content.reserve .reserve_step .depart_sort{  padding-top: 20px; overflow: hidden; }
.sub_content.reserve .reserve_step .depart_btn_wrap{ display: flex; overflow: auto; }
.sub_content.reserve .reserve_step .depart_sort button{ display: flex; justify-content: center; align-items: center; padding:10px; margin-left: 10px; width: 30px; height: 30px; border-radius: 15px; background-color: transparent; border: 1px solid #666; font-size: 16px; line-height: 24px; font-weight: 700; color: #000; }
.sub_content.reserve .reserve_step .depart_sort button.all_btn{ margin-left: 0; width: 60px; }
.sub_content.reserve .reserve_step .depart_sort button.on{ background-color: #999; color: #fff;}

.sub_content.reserve .reserve_step .depart_wrap{ display: flex; flex-wrap: wrap; border-top: 1px solid #333; margin-top: 20px; padding-top: 20px; }
.sub_content.reserve .reserve_step .depart_wrap button{ position: relative; padding-left: 15px; margin: 5px 15px 5px 0; width: 130px; border: 0; background-color: transparent; font-size: 16px; line-height: 24px; font-weight: 500; color: #333; text-align: left; }
.sub_content.reserve .reserve_step .depart_wrap button::before{ position: absolute; content: ""; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }

/* 과거진료이력으로 */
.sub_content.reserve .past_reserve_content{ padding: 32px 48px 60px; width: calc( 100% - 280px ); background-color: #f7f7f7; border: 1px solid #dedede; border-radius: 10px; }

.sub_content.reserve .past_reserve_content p{  font-size: 20px; line-height: 28px; font-weight: 600; color: #333; text-align: center; word-break: keep-all; }
.sub_content.reserve .past_reserve_content span{ display: block; padding-top: 24px; text-align: center; word-break: keep-all; }
.sub_content.reserve .past_reserve_content em{ position: relative; display: inline-block; padding-left: 10px;  font-size: 16px; line-height: 25px; font-weight: 400; color: #474747; word-break: keep-all; }
.sub_content.reserve .past_reserve_content em::before{ content: ""; position: absolute; top: 9px; left: 0; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #474747; }

.sub_content.reserve .past_reserve_content .bottom_btns{ margin-top: 40px; margin-bottom: 0; }
.sub_content.reserve .past_reserve_content .bottom_btns button{ width: 200px; }

/* 예약완료 */
.sub_content.reserve .reserve_done{ padding: 100px 0 100px; }
.sub_content.reserve .reserve_done i{ display: block; margin: 0 auto; width: 80px; height: 80px; background-image: url(../img/reserve_calendar.png); background-size: cover; background-repeat: no-repeat; }
.sub_content.reserve .reserve_done p{ padding-top: 40px; font-size: 20px; line-height: 30px; font-weight: 500; color: #666; text-align: center; word-break: keep-all; }
.sub_content.reserve .reserve_done p span{ font-size: 20px; line-height: 30px; font-weight: 500; color: #666; word-break: keep-all; }
.sub_content.reserve .reserve_done p span b{ font-size: 20px; line-height: 30px; font-weight: 700; color: #333; word-break: keep-all; }


.sub_content.reserve .reserve_info{ display: flex; margin-top: 20px; border-top: 2px solid #314B67; border-bottom: 2px solid #314B67; }
.sub_content.reserve .reserve_info:first-child{ margin-top: 0; }
.sub_content.reserve .reserve_info_way{ padding: 12px 20px; width: 240px; font-size: 16px; line-height: 20px; font-weight: 600; color: #333; background-color: #f0f3f7; text-align: center; display: flex; justify-content: center; align-items: center; }
.sub_content.reserve .reserve_info_text{ display: flex; align-items: center; padding: 20px; width: calc( 100% - 240px ); }
.sub_content.reserve .reserve_info_text.no_btn{ flex-direction: column; }
.sub_content.reserve .reserve_info_text p{ width: calc( 100% - 200px ); font-size: 16px; line-height: 26px; font-weight: 400; color: #666; }
.sub_content.reserve .reserve_info_text.no_btn p{ width: 100%; }
.sub_content.reserve .reserve_info_text .reserve_info_btn{ margin-left: auto; }
.sub_content.reserve .reserve_info_text .reserve_info_btn a{ display: inline-block; margin-left: auto; padding: 8px 16px; font-size: 16px; line-height: 30px; font-weight: 600; color: #fff; border-radius: 10px; background-color: #2677BB; }
.sub_content.reserve .reserve_info_btn a.reserve_info_fast{}
.sub_content.reserve .reserve_info_btn a.reserve_info_come{}
.sub_content.reserve .reserve_info_btn a.reserve_info_fast i{ display: inline-block; margin-right: 8px; width: 20px; height: 20px; background-image: url(../icon/reserve_info01.png); background-repeat: no-repeat; background-size: cover; vertical-align: middle; }
.sub_content.reserve .reserve_info_btn a.reserve_info_come i{ display: inline-block; margin-right: 8px; width: 20px; height: 20px; background-image: url(../icon/reserve_info02.png); background-repeat: no-repeat; background-size: cover; vertical-align: middle; }
.sub_content.reserve .reserve_info_text p{ font-size: 16px; line-height: 26px; font-weight: 400; color: #333; word-break: keep-all; }
.sub_content.reserve .reserve_info_text span{ display: block; padding-top: 16px; font-size: 16px; line-height: 26px; font-weight: 400; color: #333;  }
.sub_content.reserve .reserve_info_text span em{ display: flex; font-size: 16px; line-height: 26px; font-weight: 400; color: #333; }
.sub_content.reserve .reserve_info_text span em b{ font-size: 16px; line-height: 26px; font-weight: 400; color: #666; }
.sub_content.reserve .reserve_info_text span em b.th{ position: relative; padding-left: 10px; width: 110px; font-weight: 600; }
.sub_content.reserve .reserve_info_text span em b.th::before{ content: ""; position: absolute; top: 8px; left: 0; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #666; }
.sub_content.reserve .reserve_info_text span em b.td{ width: calc( 100% - 110px );}
.sub_content.reserve .reserve_info_text span em b.td.red_td{ color: #e11b1a; }

/* 임상시험센터 모니터링실예약하기정보입력 input 길이 */
.sub_content.ctcr .login_table .tr { position: relative; }
.sub_content.ctcr .login_table .tr .table_txt{ width: calc(100% - 209px - 560px); }
.sub_content.ctcr .login_table .tr .td .long { margin-bottom: 0; }

/* 마이페이지 간격조정 */
.sub_content.mypage{ padding-top: 0; }

/* 신청완료, 회원가입완료 페이지 간격조정 */
.sub_content .signup_done h4{ padding-top: 60px; }
.sub_content .signup_done .bottom_btns{ padding-bottom: 7px; }

/* 마이페이지 예약내역 */
.sub_content.mypage .search_district{ margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid #e4e4e4; }
.sub_content.mypage .search_district select{ width: 250px; }
.sub_content.mypage .middle_span.mt24{ margin-top: 24px; }

/* 마이페이지 탭 */
.sub_content.mypage .mini_tab.mini_tab_with_card_type02{ height: 56px; }
.sub_content.mypage .mini_tab.mini_tab_with_card_type02 .mini_tab_cell_type02{ line-height: 42.4px; }
.sub_content.mypage .mini_tab.mini_tab_with_card_type02 .mini_tab_cell_type02{ margin-right: 0; padding: 5px 10px; }

.sub_content.org .mini_tab.mini_tab_with_card_type02{ height: 56px; }
.sub_content.org .mini_tab.mini_tab_with_card_type02 .mini_tab_cell_type02{ line-height: 42.4px; }
.sub_content.org .mini_tab.mini_tab_with_card_type02 .mini_tab_cell_type02{ margin-right: 0; padding: 5px 10px; }

.mini_tab .mini_tab_cell_type02{ font-weight: 400; }
.mini_tab .mini_tab_cell_type02.ac{ font-weight: 600; }

.sub_content.top_tab{ padding-top: 0; }

.sub_content .noUrl_select{ display: none; }

/* 조직도 테이블 글씨 */
.wsp{ white-space: pre; }


/* 예약일정 비밀번호 확인 */
.sub_content .schedule_check_pwd{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 99999; background-color: rgba(0, 0, 0, 0.6);}
.sub_content .schedule_check_pwd_modal{ display: flex; flex-direction: column; position: absolute; margin: 0 auto; width: 100%; max-width: 440px; height: auto; top: 50%; left: 50%; padding: 24px 20px; background-color: #fff; border-radius: 16px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sub_content .schedule_check_pwd_modal p{ display: flex; font-size: 16px; line-height: 30px; font-weight: 700; color: #333; }
.sub_content .schedule_check_pwd_modal p button{ margin-left: auto; padding:0; width: 21px; height: 20px; border: 0; background-color: transparent; background-image: url(../icon/close.png); background-repeat: no-repeat; background-size: cover; }

.sub_content .schedule_check_pwd_modal button{}
/* .sub_content .schedule_check_pwd_modal button.cancle_btn{ background-color: #ececec; color: #636363; } */
.sub_content .schedule_check_pwd_modal_input{ display: flex; padding-top: 16px; }
.sub_content .schedule_check_pwd_modal_input input{ flex: 1 1; border-radius: 12px; border: 1px solid #E3E3E5; padding-left: 16px; font-size: 16px; font-weight: 400; color: #333; margin-right: 12px; }
.sub_content .schedule_check_pwd_modal button.check_btn{ padding: 8px 26px; border: 0; border-radius: 8px; font-size: 16px; line-height: 22px; font-weight: 600; background-color: #2677BB; color: #fff; }

/* .sub_content .schedule_check_pwd_modal_input button{ margin-left: 10px; background-color: #2677BB; color: #fff; } */



/* .sub_content .schedule_check_pwd_modal_notice_cell{ display: flex; margin-bottom: 24px; }
.sub_content .schedule_check_pwd_modal_notice_cell:last-child{ margin-bottom: 0; }
.sub_content .schedule_check_pwd_modal_notice_cell b{ margin-right: 10px; font-size: 22px; line-height: 22px; font-weight: 700; color: #784c9a;; }
.sub_content .schedule_check_pwd_modal_notice_cell span{ font-size: 18px; line-height: 22px; font-weight: 600; color: #333; }
.sub_content .schedule_check_pwd_modal_notice_cell span em{ display: block; font-size: 16px; line-height: 22px; font-weight: 400; color: #666; margin-top: 8px;} */

/* .sub_content .schedule_check_pwd_modal_btn{ padding-top: 40px; text-align: right; } */

.sub_content .schedule_check_pwd.active{display: block;}



/* 모바일 탭 셀렉트 */

.sub_content .noUrl_select_div{ display: none; position: relative; }
.sub_content .noUrl_select_div .noUrl_select_type{ position: relative; margin-bottom: 16px; padding: 16px; width: 100%; height: 48px; border: 1px solid #E3E3E5; border-radius: 12px;
    vertical-align: top; background: white url(../img/arrow.png) no-repeat; background-position: right 16px center; background-size: 24px 24px; font-size: 16px; font-weight: 400; color: #333; }
.sub_content .noUrl_select_div .noUrl_select_dropdown{ display: none; position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #E3E3E5; border-radius: 12px; background-color: #fff; }
.sub_content .noUrl_select_div .noUrl_select_dropdown .noUrl_select_dropdown_cell{ padding: 16px; }
.sub_content .noUrl_select_div .noUrl_select_dropdown.on{ display: block; }


/* 240523 이후 수정 */
/* 진료과 소개 */
.sub_content #doctorNm { float: none !important; display: inline-block; }
/* .sub_content .doctor_detail_box .doctor_detail_box_info { flex: 1 1; } */
.sub_content .doctor_detail_box .doctor_detail_box_pic { overflow: hidden; }
.sub_content .doctor_detail_box .doctor_detail_box_pic img { object-fit: cover; width: 100%; height: 100%; }
.sub_content .doctor_detail_box b span { margin-top: 0; }

.sub_content .professor_wrap { display: flex; flex-wrap: wrap; }
.sub_content .professor_wrap .professor_cell { float: none; }
.sub_content .professor_wrap .professor_cell .professor_pic { height: 320px; overflow: hidden; }
.sub_content .professor_wrap .professor_cell .professor_pic img { height: 100%; object-fit: cover; object-position: top; }


/* 진료과위치안내 */
.sub_content .clinic_loaction { display: none; }
.sub_content .clinic_loaction.on { display: block; }
.sub_content .location_map { height: auto; }


/* 마이페이지 정보수정, 비밀번호변경 관련 */
/* .sub_content div.with_required .tr { display: block; } */
.sub_content div.with_required { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.sub_content div.with_required .tr .td { width: 400px; }
.sub_content div.with_required.no_required .tr .td { width: 100%; }

/* @media (max-width: 899px){} */



.timetable_tit_area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.timetable_tit_area .timetable_tit {}
.timetable_tit_area .circle_area { display: flex; justify-content: space-between; align-items: center; }
.timetable_tit_area .circle_area span.circle { display: inline-block; margin-right: 8px; width: 16px; height: 16px; border-radius: 16px; background-color: #2276d2; }
 
.add_table {}
 
.add_table table td p.name { font-weight: 700; color: #2677BB; }
.add_table table td p.timetable_title { margin: 0; padding: 0; font-weight: 700; color: #2677BB; text-align: left; }
.add_table table td p.timetable_txt { margin: 0; padding: 0; text-align: left; }
 
.add_table table td .week { display: flex; align-items: center; padding: 8px 8px 8px 24px; width: fit-content; border-radius: 48px; background-color: #EBF6FF; }
.add_table table td .week:last-child { margin-top: 8px; }
.add_table table td .week .week_tit { padding-right: 16px; font-weight: 700; color: #2677BB; }
.add_table table td .week .week_reserve { display: flex; gap: 4px; }
.add_table table td .week .week_reserve .off { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 40px; background:#2677BB; color:#fff; }
.add_table table td .week .week_reserve .on { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 40px; background:#fff; }
 
@media (max-width: 1023px) {
.timetable_tit_area { flex-direction: column; align-items: flex-start; }
.add_table col.first { width: 100%; }
.add_table col.second { width: 100%; }
.add_table col.third { width: 0; }
.add_table th { display: none; }
.add_table td { border-right: 0 !important; }
.add_table .add_tr { display: flex; flex-direction: column; }
.timetable_tit_area .circle_area {margin-top: 8px; }
}
 
@media (max-width: 430px) {
.add_table table td .week .week_tit { margin-bottom: 8px; padding-right: 0;}
.add_table table td .week { flex-direction: column; padding: 8px 16px; border-radius: 16px; width: 100%; }
}

@media ( max-width: 1279px ) {
	.sub_content.ctcr .login_table .tr { flex-wrap: wrap; }
	.sub_content.ctcr .login_table .tr .table_txt { margin-left: 209px; margin-top: 0; width: 100%; }
	.sub_content.ctcr .login_table .tr .td .long { margin-bottom: 8px; }
}
@media ( max-width: 767px ) {
	.sub_content.ctcr .login_table .tr .table_txt { position: relative; margin-left: 0; text-align: right;  }
	.sub_content.ctcr .ctcr_color_process .ctcr_color_process_cell p { margin-left: 0; }
    .sub_content.ctcr .step_purpose { padding: 24px 0px; border: 0; }
}


/* 정책통계지원센터 2025-05-02*/
/* 레이아웃 */
.cnt_info_list01 { border-top:1px solid #e7e7e7; margin-bottom:40px;}
.cnt_info_list01 > li { display:block; border-bottom:1px solid #e7e7e7;}
.cnt_info_list01 > li > dl { display:flex; }
.cnt_info_list01 > li > dl > dt { display:block; padding:37px 0; width:220px; font-size:20px; font-weight: 500; line-height: 1.4; color:#000; letter-spacing: -1px; box-sizing: border-box; }
.cnt_info_list01 > li > dl > dt .dot{display:inline-block; width:8px; height:8px; background:#2e91e4; margin-left:4px;}
.cnt_info_list01 > li > dl > dd {flex:1;display:block;padding:40px 0 40px 45px;line-height: 1.7;}

@media (max-width: 768px) {
	.cnt_info_list01 > li > dl{flex-direction:column;}
	.cnt_info_list01 > li > dl > dt{width:100%; padding:12px 0;}
	.cnt_info_list01 > li > dl > dd{width:100%; padding:12px 0;}
	.cnt_info_list01 > li > dl > dt br{display:none;}
}

/* 블릿 */
.bul_list { line-height: 30px; letter-spacing: -0.25px; word-break: break-all; font-size:1rem; } 
.bul_list > li { position:relative; padding-left:18px; } 
.bul_list > li:before { content:""; display:block; position:absolute; top:0; left:0; } 
.bul_list.dot > li:before { top: 12px; width:3px; height:3px; border-radius:3px; background:#666; } 
.bul_list.dash > li:before { top: 12px; width:5px; height:1px; background:#666; } 
.bul_list.circle > li:before { top: 12px; width:5px; height:5px; background:#666; border-radius:5px; } 

.bul_list.b_c_b > li:before{background-color:#0671ca !important; }

@media (max-width:768px){
 .bul_list { font-size:.875rem; line-height:1.8; } 
 }

/* 콜아웃 */
.callout-box { position:relative; width:100%; height:auto; padding:40px 70px; border-radius:15px; } 
.callout-box.line{border:2px solid #cad2e5; border-radius:15px;}
.callout-box.bg_blue { background-color:#f6f8fa; } 
.callout-box.bg_blue02 { background:#eff8ff; } 


/* 콜아웃 : 여백 */
.callout-box.pd0{padding:0;}

@media (max-width:768px){
 .callout-box { padding:1.25rem 1.875rem; } 
 }




/* 다이어그램 */
.phs_flow .dia_tit_box{position:relative;border:1px solid #2f91e3;border-radius:10px;overflow:hidden;max-width:500px;background: #fff;}
.phs_flow .dia_tit_box > dt{display:flex;height:50px;font-size:18px;font-weight:900;color:#fff;background-color:#2f91e3;justify-content: center;align-items: center;}
.phs_flow .dia_tit_box > dd{padding:24px 28px; background:#fff;}

.phs_flow .dia_tit_box.bg_blue2{border-color:#04a0c2; }
.phs_flow .dia_tit_box.bg_blue2 dt{background-color:#04a0c2;}
.phs_flow .dia_tit_box.bg_blue3{border-color:#0671ca;}
.phs_flow .dia_tit_box.bg_blue3 dt{background-color:#0671ca;}

.phs_flow .dia_tit_box02{position:relative;width: 326px;}
.phs_flow .dia_tit_box02 > dt{display:flex; height:45px;font-size:18px;font-weight:900;color:#fff;background-color:#0671ca;justify-content: center;align-items: center; border-radius:10px;}
.phs_flow .dia_tit_box02 > dd{padding: 10px 24px;}

/* 공공보건의료 통계 발간물 발행 프로세스 */
.phs_flow{position:relative; display:flex; flex-direction: column; align-items: center;}
.phs_flow_top > ul{display:inline-flex;gap:32px;align-items: stretch;}
.phs_flow_top > ul .dia_tit_box{min-width:500px;}
.phs_flow_top > ul .dia_tit_box > dd{height:250px;}
.phs_flow_top > ul > .lft{position:relative;}
.phs_flow_top > ul > .lft:before{content:"";display:block;position:absolute;bottom: -64px;left: 200px;width:74px;height:64px;background:url(/styles/assets/img/arw_phs_flow01.png) no-repeat center center;}
.phs_flow_top > ul > .rgt{position:relative;}
.phs_flow_top > ul > .rgt:before{content:"";display:block;position:absolute;bottom: -64px;left: 228px;width:74px;height:64px;background:url(/styles/assets/img/arw_phs_flow02.png) no-repeat center center;}
.phs_flow_mid{margin-top:30px}
.phs_flow_btm > ul{position:relative; display:flex; gap:30px; margin-top:80px;}
.phs_flow_btm > ul:before{content:"";position:absolute;top: -80px;left: 50%;transform: translateX(-50%);display:block;width:734px;height:70px;background:url(/styles/assets/img/arw_phs_flow03.png) no-repeat 0 0;}
.phs_flow_btm > ul > li{flex:1;}

@media (max-width: 1280px){
	.phs_flow_top > ul > .lft{flex:1;}
	.phs_flow_top > ul > .lft:before{width:1px;height:30px;background: #2f91e3;bottom:-30px;left:50%;}
	.phs_flow_top > ul > .rgt{flex:1;}
	.phs_flow_top > ul > .rgt:before{width:1px;height:30px;background: #04a0c2;bottom:-30px;left:50%;}
	.phs_flow_top > ul .dia_tit_box{width: 100%;height: 100%;min-width:auto;}
	.phs_flow_top > ul .dia_tit_box > dd{height:auto;padding: 12px 12px;}

	.phs_flow_btm > ul{flex-direction:column;margin-top: 30px;}
	.phs_flow_btm > ul:before{width:1px;top: -30px;height: 30px;background: #0671ca;}
}
@media (max-width: 768px){
	.phs_flow_top > ul{flex-direction: column;}
	.phs_flow .dia_tit_box02{width:100%;}

}

/* 공공보건의료 정책통계 개발 및 모니터링 업무 개요 */
.phps_flow{position:relative;} 
.phps_dev{background:#eff8ff;text-align: center;padding: 30px;border-radius: 15px 15px 0 0;}
.phps_dev_box{position:relative;display: inline-flex;width:1040px;height:315px;background:url(/styles/assets/img/bg_phps01.png) no-repeat center center;justify-content: space-between;align-items: center;}
.phps_dev .circle_box{display: block;flex: 0 0 auto;width:265px;height:265px;padding-top: 40px;border-radius: 265px;}
.phps_dev .circle_box .title{padding-top: 68px;font-size:20px;font-weight:900;color:#fff;line-height: 30px;}
.phps_dev .circle_box .dec{font-size:16px; font-weight:400; color:#fffba4; line-height:22px;}

.phps_dev .circle_box.blue .title{background:url(/styles/assets/icon/ico_books_w.png) no-repeat center 0; }
.phps_dev .circle_box.purple .title{background:url(/styles/assets/icon/ico_chart01_w.png) no-repeat center 0; }

.phps_dev .arw_box{position:absolute; top:0; left:0; }
.phps_dev .arw_box .title{font-size: 20px;line-height: 26px;font-weight:700;color:#fff;}
.phps_dev .arw_box .dec{font-size:16px; font-weight:500; color:#fff; line-height:26px; }
.phps_dev .arw_box.blue{top: 78px;left: 430px;text-align:right;}
.phps_dev .arw_box.purple{top: 178px;left: 390px;text-align:left;}

.phc_service{display:flex;flex-direction: column;align-items: center;padding: 30px;}
.phc_service .title_circle{display;flex;display: flex;width:200px;height:200px;border-radius:200px;flex:0 0 auto;border:2px solid #ddd;justify-content: center;align-items: center;border:1px solid #128aec; background:#f0f7fd;}
.phc_service .title_circle .title{font-size:18px;font-weight:700;color:#0684eb;padding-top:65px;line-height:20px;background:url(/styles/assets/icon/ico_books_b.png) no-repeat center 0;text-align: center;}

.phc_service .dec_box_wrap{position:relative;display:flex;gap:30px;margin-top: 80px;justify-content: center;}
.phc_service .dec_box_wrap:before{content:"";position:absolute;display:block;top: -80px;width: 556px;height:70px;background: url(/styles/assets/img/arw_phs_flow04.png) no-repeat center 0;}
.phc_service .dec_box_wrap > li{flex:1;width: 500px;background:#f0f7fd;border-radius:15px;padding:30px;}
.phc_service .dec_box_wrap .dec_box_header{display: flex;border-bottom: 1px dashed #999999;padding-bottom: 20px;align-items: center;flex-direction: column;margin-bottom: 25px;}
.phc_service .dec_box_wrap .dec_box_header .title{font-size:18px; font-weight:700;}


.phc_support{display:flex;flex-direction: column;align-items: center;padding: 30px;}
.phc_support .title_circle{display;flex;display: flex;width:200px;height:200px;border-radius:200px;flex:0 0 auto;justify-content: center;align-items: center;border: 1px solid #845dc3;background: #f4f5ff;}
.phc_support .title_circle .title{font-size:18px;font-weight:700;color: #845dc3;padding-top:65px;line-height:20px;background: url(/styles/assets/icon/ico_chart01_b.png) no-repeat center 0;text-align: center;}

.phc_support .dec_box_wrap{position:relative;display:flex;gap:30px;margin-top: 80px;justify-content: center;}
.phc_support .dec_box_wrap:before{content:"";position:absolute;display:block;top: -80px;width: 556px;height:70px;background: url(/styles/assets/img/arw_phs_flow05.png) no-repeat center 0;}
.phc_support .dec_box_wrap > li{flex:1;width: 500px;background: #f5f5ff;border-radius:15px;padding:30px;}
.phc_support .dec_box_wrap .dec_box_header{display: flex;border-bottom: 1px dashed #999999;padding-bottom: 20px;align-items: center;flex-direction: column;margin-bottom: 25px;text-align: center;}
.phc_support .dec_box_wrap .dec_box_header .title{font-size:18px;font-weight:700;line-height: 26px;}


.phc_support .dia_tit_box{position:relative;border:1px solid #845dc3;border-radius:10px;overflow:hidden;max-width:500px;background: #fff;}
.phc_support .dia_tit_box > dt{display:flex;height:50px;font-size:18px;font-weight:900;color:#fff;background-color:#845dc3;justify-content: center;align-items: center;}
.phc_support .dia_tit_box > dd{padding:24px 28px; background:#fff;}

.phc_support .title_box{display:flex;background:#845dc3;border-radius: 10px;padding: 16px 0;justify-content: center;align-items: center;flex-direction: column;}
.phc_support .title_box .title{display:block; color:#fff; font-weight:700; font-size:18px; line-height:20px}
.phc_support .title_box .dec{font-size:16px; font-weight:400; color:#fffba4; line-height:30px;}

.phc_support .lft .title_box_wrap{position:relative;}
.phc_support .lft .title_box_wrap:before{content:"";display:block;position: absolute;left: 50%;transform: translateX(-50%);top: -25px;width:33px;height:17px;background:url(/styles/assets/icon/ico_arw_top.png) no-repeat center 0;}
.phc_support .lft .title_box_wrap:after{content:"";display:block;position: absolute;left: 50%;transform: translateX(-50%) rotate(180deg);bottom: -25px;width:33px;height:17px;background:url(/styles/assets/icon/ico_arw_top.png) no-repeat center 0;}
.phc_support .lft .title_box{position:relative;margin: 40px 0;}
.phc_support .lft .title_box:before{content:"";position: absolute;top: 50%;right: -30px;transform: translateY(-50%);display:block;width: 60px;height: 60px;background: url(/styles/assets/icon/ico_circle_arw01.png);}

.phc_support .rgt .box_list{display:flex;flex-direction: column;gap:8px;padding-top: 105px;;} 
.phc_support .rgt .box_list > li{display:flex;height:40px;background:#f0f3f8;font-size:16px;font-weight:700;color:#000000;justify-content: center;align-items: center;border-radius: 10px;}
.phc_support .rgt .box_list.ty1{margin-top: 40px;background:url(/styles/assets/icon/ico_monitor01.png) no-repeat center 0;}
.phc_support .rgt .box_list.ty2{margin-top: 50px;background:url(/styles/assets/icon/ico_scale01.png) no-repeat center 0;}
.phc_support .rgt .p_txt{text-align:center; color:#666666; font-size:16px; line-height:26px; margin-top:18px;}

.phc_support .rgt .plus_box{display:block;height: 120px;background: url(/styles/assets/icon/ico_circle_plus01.png) no-repeat center center;}

@media (max-width: 1280px){
	.phps_dev_box{position:relative;flex-direction:column;width: 100%;height: auto;background: none;gap: 170px;}
	.phps_dev_box:before{content:"";position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:300px;height: 250px;background:url(/styles/assets/img/bg_phps01_m.png) no-repeat center center;background-size:auto 100%;}
	.phps_dev .circle_box.blue{background: #4fa3e9;}
	.phps_dev .circle_box.purple{background: #a06ff5;}
	.phps_dev .arw_box{width:50%;}
	.phps_dev .arw_box.blue{right: 0;left: auto;top:50%;transform: translateY(-50%);text-align: left;padding: 0 0 0 80px;box-sizing: border-box;}
	.phps_dev .arw_box.purple{right: auto;left: 0;top:50%;transform: translateY(-50%);text-align:right;padding: 0 80px 0 0;box-sizing: border-box;}
	.phps_dev .arw_box .title{color:#000;}
	.phps_dev .arw_box .dec{color:#000;word-break: keep-all;}
	.phps_dev .arw_box .dec br{display:none;}

	.phc_service .dec_box_wrap{flex-direction:column;margin-top: 30px;}
	.phc_service .dec_box_wrap:before{background: #4ba6f0;width: 1px;height: 30px;top: -30px;left: 50%;}

	.phc_support .dec_box_wrap{flex-direction:column;margin-top: 30px;}
	.phc_support .dec_box_wrap:before{background: #ad93d8;width: 1px;height: 30px;top: -30px;left: 50%;}
}
@media (max-width: 768px){
	.phps_dev .circle_box{padding: 10px;height:auto;border-radius:0;width: 100%;}
	.phps_dev .circle_box .title{padding-top:40px;font-size: 16px;line-height: 1.5;}
	.phps_dev .circle_box .dec{font-size:14px; line-height:1.5;}

	.phps_dev .circle_box.blue .title{background-size:auto 30px;}
	.phps_dev .circle_box.purple .title{background-size:auto 30px;}

	.phps_dev_box:before{width:200px;height: 120px;}
	
	.phps_dev .arw_box.blue{padding-left: 40px;}
	.phps_dev .arw_box.purple{padding-right: 40px;}
	.phps_dev .arw_box .title{font-size:14px;}
	.phps_dev .arw_box .dec{font-size:14px; line-height:1.5}

	.phc_service{padding:10px;}
	.phc_service .title_circle{max-width: 360px;width: 100%;height: 120px;border-radius: 10px;}
	.phc_service .title_circle .title{background-size:auto 32px;padding-top: 42px;font-size: 16px;}
	.phc_service .title_circle .title br{display:none;}
	.phc_service .dec_box_wrap > li{flex: 0 0 auto;width:100%;padding: 12px;}

	
	.phc_support{padding:10px;}
	.phc_support .title_circle{max-width: 360px;width: 100%;height: 120px;border-radius: 10px;padding: 0 30px;}
	.phc_support .title_circle .title{background-size:auto 32px;padding-top: 42px;font-size: 16px;}
	.phc_support .title_circle .title br{display:none;}
	.phc_support .dec_box_wrap > li{flex: 0 0 auto;width:100%;padding: 12px;}
	.phc_support .dia_tit_box > dt{font-size:16px;}
	.phc_support .dia_tit_box > dd{padding:12px;}
	

	.phc_support .dec_box_wrap .dec_box_header .title{font-size:14px; line-height:1.5;}
	
}