@charset "UTF-8"; :root { --main-color:transparent; --transition-custom: all 0.3s ease-in-out; --transition-custom2: all 0.8s ease-in-out; --transition-custom-2: all 0.2s ease-in-out; --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif; --font-family-mont: 'Montserrat', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif; --font-family-suit: 'SUIT', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif; } 

/* text style */
* + .x_txtTotal { margin-top:0.375rem; } 
.s_txt_st01 { margin-top:-1.5rem; margin-bottom:1rem; text-align: right; font-size:1.125rem; } 
@media (max-width:640px){
 .s_txt_st01 { margin-top:-1rem; } 
 }

.s_txt_st02 { font-size:1.25rem; text-align: center; line-height: 1.6; } 

.s_txtBox_st01 { text-align: center; } 
.s_txtBox_st01 .t { font-size:1.375rem; } 
.s_txtBox_st01 .t_name { margin-top:1rem; text-align: right; } 
.s_txtBox_st01 .tx_btm { margin-top:1.5rem; } 
.s_txtBox_st01 .tx_btm .x { font-size:1.25rem; color:#666; } 
@media (max-width:400px){
 .s_txtBox_st01 .tx_btm .x { font-size:1.125rem; } 
 }

/* list style */
.img_listCheck { position: relative; top: -0.125rem; height: 1.25rem; } 
@media (max-width:768px){
 .img_listCheck { height: 1rem; } 
 }


/* space */
.x_box_flex + .x_txtIcon { margin-top:2rem; } 
.x_txtIcon .t_dot { margin-top:0.375rem; } 

/* step style */
.x_step_box { position:relative; padding:1.625rem; background:#f8f9fb; border:1px solid #ddd; } 
.x_step_box:before { content:''; display: block; z-index:0; position:absolute; right:0; top:0; height: 100%; width:100%; background: url(../images/cnt/box_bg01.png) no-repeat 100% 50%; background-size:contain; } 
.x_step_box:after { content:''; display: block; position:absolute; left:50%; top:100%; transform: translate(-50%, -50%); height: 2.5rem; width:2.5rem; background: #f26632 url(../images/cnt/icon_arw01b_w.png) no-repeat 50% 50%; background-size:1.25rem auto; border-radius: 50%; } 

.x_step_st01 { display: flex; justify-content: center; align-items: center; gap:1rem 1.875rem; position:relative; } 
.x_step_st01 .img { margin-left: -0.625rem; width:6.5rem; height: 6.5rem; background:#fff url(../images/cnt/step_icon01_01.png) no-repeat 50% 50%; background-size:3.75rem auto; border:1px solid #f26632; border-radius: 50%; box-sizing: border-box; } 
.x_step_st01 .img.img01_01 { background-image: url(../images/cnt/step_icon01_01.png); } 
.x_step_st01 .img.img01_02 { background-image: url(../images/cnt/step_icon01_02.png); } 
.x_step_st01 .img.img01_03 { background-image: url(../images/cnt/step_icon01_03.png); } 
.x_step_st01 .img.img01_04 { background-image: url(../images/cnt/step_icon01_04.png); } 
.x_step_st01 .tit { color:#000; } 
.x_step_st01 .tit > * { display: block; } 
.x_step_st01 .tit em { font-size:0.9375rem; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; } 
.x_step_st01 .tit strong { margin-top:0.25rem; font-size:1.625rem; font-weight: 600; } 
.x_step_st01 .txt { position:relative; padding-left:1.25rem; line-height: 1.6; } 
.x_step_st01 .txt:before { content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height: 3.125rem; background:#ddd; } 
@media (max-width:1024px){
 .x_step_st01 .img { width:5.5rem; height: 5.5rem; background-size: 3rem auto; } 
.x_step_box:after { height: 2rem; width: 2rem; background-size: 1rem auto; } 
 }
@media (max-width:960px){
 .x_step_st01 { flex-wrap: wrap; } 
.x_step_st01 .txt { margin-bottom:0.5rem; padding:0; width:100%; font-size:0.9375rem; text-align: center; word-break: keep-all; } 
.x_step_st01 .txt:before { display: none; } 
 }
@media (max-width:640px){
 .x_step_box { padding: 4vw; } 
.x_step_box:before { opacity: 0.4; } 

.x_step_st01 { gap:1rem 1.25rem; } 
.x_step_st01 .img { width:4.5rem; height: 4.5rem; background-size: 60% auto; } 
.x_step_st01 .tit em { margin-top: -0.125rem; } 
.x_step_st01 .tit strong { font-size: 1.375rem; } 
 }


/* alert box */
.x_alert_box { display: flex; align-items: center; padding:2.5rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 
.x_alert_box > .img { margin:0 2.5rem; width:7.75rem; min-width:7.75rem; height: 7.75rem; background:#fff url(../images/cnt/icon_alert01.png) no-repeat 50% 50%; background-size:3.125rem auto; border:1px solid #f26835; border-radius: 50%; } 
@media (max-width:1024px){
 .x_alert_box > .img { margin-left:1vw; margin-right:4vw; } 
 }
@media (max-width:960px){
 .x_alert_box { align-items: flex-start; } 
.x_alert_box > .img { width: 5.5rem; min-width: 5.5rem; height: 5.5rem; background-size: 2.25rem auto; } 
 }
@media (max-width:640px){
 .x_alert_box { padding-top:5vw; padding-bottom:5vw; } 
.x_alert_box > .img { width: 4.5rem; min-width: 4.5rem; height: 4.5rem; background-size: 50% auto; } 
 }


/* cnt style */
.c_st_divi { display: flex; flex-wrap: wrap; gap:3rem; padding-top:3rem; padding-bottom:3rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 
.c_st_divi > * { flex:none; position:relative; } 
.c_st_divi > *:before { content:''; display: block; position:absolute; left:-1.5rem; top:0; width:1px; height: 100%; background:#ddd; } 
.c_st_divi.divis2 > * { width:calc(50% - 1.5rem); } 
.c_st_divi.divis2 > *:nth-child(2n + 1):before { display: none; } 
.c_st_divi.divis3 > * { width:calc(33.3% - 2rem); } 
.c_st_divi.divis3 > *:nth-child(3n + 1):before { display: none; } 
.c_st_divi.divis4 > * { width:calc(25% - 2.25rem); } 
.c_st_divi.divis4 > *:nth-child(4n + 1):before { display: none; } 
@media (max-width:960px){
 .c_st_divi.divis4 > * { width:calc(33.3% - 2rem); } 
.c_st_divi.divis4 > *:nth-child(n):before { display: block; } 
.c_st_divi.divis4 > *:nth-child(3n + 1):before { display: none; } 
 }
@media (max-width:768px){
 .c_st_divi { gap:2rem 6vw; padding-top: 2rem; padding-bottom: 2rem; } 
.c_st_divi > *:before { left:-3vw; } 
.c_st_divi.divis2 > *,
.c_st_divi.divis3 > *,
.c_st_divi.divis4 > * { width:calc(50% - 3vw); } 
.c_st_divi.divis3 > *:nth-child(n):before,
.c_st_divi.divis4 > *:nth-child(n):before { display: block; } 
.c_st_divi.divis3 > *:nth-child(2n + 1):before,
.c_st_divi.divis4 > *:nth-child(2n + 1):before { display: none; } 
 }

.c_img_divi { display: flex; flex-wrap: wrap; gap:1.25rem; } 
.c_img_divi.divis3 > p { width:calc(33.3% - 0.84rem); } 
@media (max-width:768px){
 .c_img_divi { gap:3vw; } 
.c_img_divi.divis3 > p { width:calc(50% - 1.5vw); } 
 }
@media (max-width:640px) { } 

.c_bg_deco_logo { position:relative; } 
.c_bg_deco_logo span { display:block; z-index:0; position:absolute; right:0; top:-50px; width:258px; max-width:30%; } 
.c_bg_deco_logo span:before { content:''; display: block; padding-top:76%; background: url(../images/cnt/c_box_sch_bg_img04.png) no-repeat 50% 50%; background-size:contain; } 
.c_bg_deco_logo + div { position:relative; } 
@media (max-width:1024px){
 .c_bg_deco_logo span { top:-2rem; } 
 }
@media (max-width:960px){
 .c_bg_deco_logo span { top: -3.5vw; opacity: 0.4; } 
 }


.c_partPerInfo { display: flex; gap:1rem; } 
.c_partPerInfo > dt,
.c_partPerInfo > dd { display: block; } 
.c_partPerInfo > dt { width:190px; } 
.c_partPerInfo > dd { flex:1; } 
.c_partPerInfo .t_w { display: flex; flex-direction: column; } 
.c_partPerInfo .t_w .x { display: flex; justify-content: center; align-items: center; height: 3.125rem; color:#fff; background:#3a495e; } 
.c_partPerInfo .t_w .t { display: flex; flex-direction: column; justify-content: center; align-items: center; flex:1; padding: 1rem; border:1px solid #ddd; border-top:none; } 
.c_partPerInfo .t_w .t strong { display: block; font-size:1.25rem; color:#000; line-height: 1.7; } 
.c_partPerInfo table { border-top:1px solid #ddd; word-break: normal; } 
.c_partPerInfo table > tbody > tr > td { padding-top:1.75rem; padding-bottom:1.75rem; height: auto; line-height: 1.6; } 
@media (max-width:1024px){
 .c_partPerInfo { flex-direction: column; } 
.c_partPerInfo > dt { width:100%; } 
.c_partPerInfo table colgroup { display: none; } 
.c_partPerInfo table th { width:150px; } 
 }
@media (max-width:768px){
 .c_partPerInfo table > tbody > tr > td { padding-top:1.5rem; padding-bottom:1.5rem; } 
 }


.x_divi_list { display: flex; flex-wrap: wrap; gap:0.625rem 1.125rem; } 


/* table deco */
.tb.st_deco { border-collapse: separate; } 
.tb.st_deco > thead > tr > th[rowspan], 
.tb.st_deco > tbody > tr > th[rowspan], 
.tb.st_deco > tbody > tr > td[rowspan]:not(:last-child),
.tb.st_deco > thead > tr > th, 
.tb.st_deco > thead > tr > td, 
.tb.st_deco > tbody > tr > th, 
.tb.st_deco > tbody > tr > td, .st_th { border:none; } 
.tb.st_deco > thead > tr > th { background:#f2f2f2; border-bottom:2px solid #dadada; } 

.tb.st_deco > thead > tr > th:not(:first-child) { border-left:1px solid #dadada; } 
.tb.st_deco > tbody > tr > th:not(.tb_topTh),
.tb.st_deco > tbody > tr > td { border-left:1px solid #dadada; border-bottom:1px solid #dadada; } 
.tb.st_deco > tbody > tr > th.tb_topTh { border-bottom:1px solid #dadada; } 
.tb.st_deco > tbody > tr > th.tb_btmTh,
.tb.st_deco > tbody > tr:last-child > th,
.tb.st_deco > tbody > tr:last-child > td { border-bottom:none; } 

.tb.st_deco .deco_call_tag { display: inline-flex; align-items: center; padding:0 1.25rem; height:2.375rem; font-size:1.0625rem; color:#cb3e0b; font-weight: 500; background:#fff; border-radius: 1.25rem; } 
.tb.st_deco th .h5 { font-size:1.0625rem; color:#cb3e0b; } 
.tb.st_deco th.th_bg { background:#fdeae4; } 
.tb.st_deco th .h5 + .deco_call_tag { margin-left:0.625rem; } 
.tb.st_deco td { white-space: nowrap; } 
.tb.st_deco th { min-width:5rem; } 

.tb.st_deco > tbody > tr.tr_outLine > th:not(.tb_topTh),
.tb.st_deco > tbody > tr.tr_outLine > td { border-color:#fff; background-color:#fef4f1; } 
.tb.st_deco > tbody > tr.tr_outLine > th.th_bg { background-color:#fdeae4; } 
.tb.st_deco > tbody > tr.tr_outLine > th:first-child,
.tb.st_deco > tbody > tr.tr_outLine > th.th_bg,
.tb.st_deco > tbody > tr.tr_outLine > th.tr_outLine { border-left-color:#cb3e0b; } 
.tb.st_deco > tbody > tr.tr_outLine > td:last-child,
.tb.st_deco > tbody > tr.tr_outLine > th.th_bg:last-child { border-right:1px solid #cb3e0b; } 
.tb.st_deco > tbody > tr.tr_outLine.line_start > th.th_bg { border-top:1px solid #cb3e0b; } 
.tb.st_deco > tbody > tr.tr_outLine.line_end > th,
.tb.st_deco > tbody > tr.tr_outLine.line_end > td { border-bottom-color:#cb3e0b; } 

/* 20250926 KJH 주요번호 수정 */
.tb.st_deco > tbody > tr > th.receipt_bdt1,
.tb.st_deco > tbody > tr > td.receipt_bdt1 { border-top: 1px solid #147dba; } 
.tb.st_deco > tbody > tr > th.receipt_th { border-color: #147dba; background-color: #E7F4FF; } 
.tb.st_deco > tbody > tr > td.receipt_td { border-bottom-color: #147dba; border-right: 1px solid #147dba; background-color: #F2F9FF; } 
.tb.st_deco > tbody > tr > td.receipt_td > span { color: #333; font-size: 1rem; font-weight: 400; } 
.tb.st_deco > tbody > tr > td.receipt_td_bdr0 { border-right: 0; } 

/* 20251002 KJH 주요번호 추가수정 */
.tb.st_deco .receipt_td em { font-weight: 500; color: #3180d1; } 





/* 20251015 HSM 진료과 레이아웃 교체 */
/* 20251016 HSM 진료과 레이아웃 수정 */
/* 20251017 HSM 진료과 레이아웃 수정 */
/* 20251020 HSM 진료과 레이아웃 수정 */
/* 20251021 HSM 진료과 레이아웃 수정 */
/* 20251022 HSM 진료과 레이아웃 수정 */
/* 20251023 HSM 진료과 레이아웃 수정 */

/* 안동병원 소개 */
.hospital_intro { display: flex; gap: 50px; margin-bottom: 3.75rem; box-sizing: border-box;} 
.hospital_intro_text { flex: 1; height: 100%; } 
.hospital_intro_label { letter-spacing: 1.5px; } 
.hospital_intro_title { font-size: 33px; margin: 10px 0; box-sizing: border-box; font-weight: 500; line-height: 1; } 
.hospital_intro_text p { color: #666; line-height: 1.5; letter-spacing: -0.5px; font-size: 21px; } 
.hospital_intro_bgi { flex: 1; max-width: 535px; } 
.hospital_intro_bgi>img { width: 100%; height: 100%; } 
.hospital_cm_text span { font-size: 14px; color: #a0a0a0; font-weight: 600; } 

/* 각진료과 */
.department_intro { display: flex; margin-bottom: 3.75rem; box-sizing: border-box; } 
.department_intro_box { width: 760px; min-height: 457px; background: #f3f3f3; padding: 50px 35px; box-sizing: border-box; } 
.department_intro_title { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; box-sizing: border-box; } 
.department_title_left { width: 100px; height: 100px; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; } 
.department_title_right { display: flex; flex-direction: column; gap: 15px; } 
.department_title_right h3 { font-weight: 900; margin: 0; font-size: 30px; } 
.department_title_right span { letter-spacing: 2.5px; } 
.department_intro_text { display: flex; flex-direction: column; gap: 35px; } 
.department_intro_text>p { color: #555; line-height: 2; letter-spacing: -0.7px; } 
.department_intro_bgi { width: 700px; height: 330px; position: relative; margin-top: 50px; margin-left: -160px; z-index: 2; box-sizing: border-box; } 
.department_intro_short { position: absolute; right: 0; bottom: -77px; max-width: 100%; width: 600px; min-height: 160px; background-color: #f26532; color: #fff; font-weight: 500; z-index: 3; display: flex; align-items: center; justify-content: center; padding: 25px; box-sizing: border-box; } 
.department_intro_short::before { content: ""; display: block; position: absolute; width: 165px; height: 65px; background: url(../images/sub/img_department_logo.png) no-repeat center; right: 0; bottom: 0; } 
.department_intro_short p { font-size: 24px; text-align: center; } 

/* 아이콘 카드 */
.ico_card_inner { margin-bottom: 3.75rem; box-sizing: border-box; } 
.ico_card_gird { display: grid; gap: 15px; grid-template-columns: repeat(4, 1fr); box-sizing: border-box; } 
.ico_card { height: 150px; background-color: #f3f3f3; padding: 0 15px 0 35px; box-sizing: border-box; display: flex; align-items: center; gap: 20px; } 
.ico_card>i { height: 80px; width: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;} 
.ico_card p { font-size: 18px; letter-spacing: -1px; font-weight: 500; line-height: 1.4; } 
.ico_card>div { display: flex; flex-direction: column; gap: 5px; } 
.ico_card>div>span { font-size: 14px; color: #666; letter-spacing: -1px; } 
/* 아이콘카드 - 7가지 색상 */
.ico_card_black { background-color: #3a495e; } 
.ico_card_blue { background-color: #004098; } 
.ico_card_orange { background-color: #f26632; } 
.ico_card_purple { background-color: #1a659e; } 
.ico_card_green { background-color: #7c675a; } 
.ico_card_sky { background-color: #8ea6c6; } 
.ico_card_yellow { background-color: #f0b055; } 
.ico_card_gray { background-color: #aba19e; } 

/* 설명 목록 테이블 */
/* 타입 1 */
.explanation_table_inner { margin-bottom: 3.75rem; box-sizing: border-box; } 
.explanation_table_list { border-top: 2px solid; display: grid; grid-template-columns: max-content 1fr; } 
.explanation_table_item { display: contents; } 
.explanation_item_left,
.explanation_item_right { border-bottom: 1px solid #ececec; padding: 20px 0; box-sizing: border-box; } 
.explanation_item_left { grid-column: 1; font-weight: 500; padding-right: 45px; white-space: nowrap; letter-spacing: -1px; } 
.explanation_item_left::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 16px; background-color: #000; transform: translateY(-4px); box-sizing: border-box; } 
.explanation_item_right { grid-column: 2; color: rgba(0, 0, 0, 0.6); letter-spacing: -0.2px; } 
 /* 타입 2 */
.explanation_sec_type { grid-column: 1 / -1; width: 100%; display: flex; flex-direction: column; border-bottom: 1px solid #ececec;} 
.explanation_sec_item { font-weight: 500; letter-spacing: -0.5px; padding: 20px 0; box-sizing: border-box; } 
.explanation_sec_item::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 16px; background-color: #000; transform: translateY(-4px); box-sizing: border-box; } 

/* 설명 목록 카드 */
.explanation_card_inner { margin-bottom: 3.75rem; box-sizing: border-box; } 
.explanation_grid_cm { display: grid; gap: 15px; box-sizing: border-box; } 
/* 그리드1(한줄에 3칸) */
.explanation_grid_fir { grid-template-columns: repeat(3, 1fr); } 
/* 그리드1(한줄에 4칸) */
.explanation_grid_sec { grid-template-columns: repeat(4, 1fr); } 
/* 그리드1(한줄에 5칸) */
.explanation_grid_thr { grid-template-columns: repeat(5, 1fr); } 
/* 타입1(공통) */
.explanation_type_cm { min-height: 70px; height: 100%; background-color: #f3f3f3; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; } 
.explanation_type_cm>p { font-weight: 500; line-height: 1.5; text-align: center;} 
 /* 타입2(2개의 텍스트) */
.explanation_type_sec { display: flex; flex-direction: column; } 
.explanation_type_sec>span { font-size: 14px; letter-spacing: -1px; text-align: center;} 

/* 숫자/텍스트 박스 */
.procedure_nt_inner { margin-bottom: 3.75rem; box-sizing: border-box; } 
 /* 한줄에 3박스 */
.procedure_nt_fir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; box-sizing: border-box; } 
 /* 한줄에 4박스 */
.procedure_nt_sec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; box-sizing: border-box; } 
.procedure_nt_box { height: 70px; display: flex; } 
.procedure_num { width: 70px; background-color: #3a495e; display: flex; align-items: center; justify-content: center; } 
.procedure_num>p { color: #fff; font-weight: 500; font-size: 18px; } 
.procedure_text { background-color: #eaf0f8; flex: 1; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } 
.procedure_text>p { text-align: center; font-weight: 500; letter-spacing: -1px; line-height: 1.5; } 

/* 진료의 특징 아이콘*/
.explanation_char_inner { margin-bottom: 3.75rem; box-sizing: border-box; } 
.explanation_char { display: flex; gap: 15px; align-items: flex-start; } 
.explanation_char_box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; flex:1; } 
.char_ico { display: flex; align-items: center; justify-content: center; padding-bottom: 15px; width: 100%; box-sizing: border-box; } 
.explanation_char_box>div {display: flex; gap: 5px; flex-direction: column;}
.explanation_char_box p { text-align: center; font-weight: 500; letter-spacing: -1px; line-height: 1.5; display: block; } 
.explanation_char_box>div>span {text-align: center; font-size: 14px; line-height: 1.5;}
/* 진료의 특징 아이콘(색상별) */
.char_bgc_blue { border-bottom: 2px solid #004098; } 
.char_bgc_brown { border-bottom: 2px solid #3a495e; } 
.char_bgc_orange { border-bottom: 2px solid #f26632; } 
.char_bgc_sky { border-bottom: 2px solid #1a659e; } 
.char_bgc_gray { border-bottom: 2px solid #7c675a; } 

/* 배너 */
.banner_box, .banner_230_box, .banner_295_box { background: url(../images/sub/img_department_banner.png) no-repeat; background-size: cover; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; } 
.banner_box {height: 200px;}
.banner_230_box {height: 230px;}
.banner_295_box {height: 295px;}
.banner_295_box>div {display: flex; flex-direction: column; gap: 40px;}
.banner_box>h3, .banner_230_box>h3, .banner_295_box>h3 { font-size: 26px; margin-bottom: 20px; box-sizing: border-box; letter-spacing: -1.7px; color: #fff; text-align: center;} 
.banner_box>p, .banner_230_box>p, .banner_295_box>div>p { text-align: center; line-height: 2; } 


@media screen and (max-width: 1280px){
 .br_none_1280 {display: none;}

 /* 각 진료과 */
 .department_intro {flex-direction: column;}
 .department_intro_box {padding: 50px 25px; width: 100%; min-height: auto; }
 .department_intro_text { gap: 15px; } 
 .department_intro_bgi {margin: 0; width: 100%; display: flex;}
 .department_intro_bgi>img {width: 60%;}
 .department_intro_short {position: relative; bottom: 0; width: 100%; height: 100%; padding: 25px;}

 /* 아이콘 카드 */
 .ico_card {height: auto; padding: 15px; gap: 15px;} 
 .ico_card>i { min-width: 80px; min-height: 80px;} 
 }

@media screen and (max-width: 1024px){
 .br_none_1024 { display: none; } 

/* 각 진료과 */
.department_intro_bgi {flex-direction: column; height: 100%; }
.department_intro_bgi>img {width: 100%; height: 330px;}
.department_intro_short {margin-top: -50px;}

/* 아이콘 카드 */ 
.ico_card_gird { grid-template-columns: repeat(3, 1fr); } 
.ico_card { flex-direction: column; } 
.ico_card>i { height: 70px; width: 70px; min-width: 70px; min-height: 70px;} 
.ico_card>i>img { width: auto; height: auto; } 
.ico_card p { text-align: center; } 
.ico_card>div>span { text-align: center; } 

/* 설명 목록 테이블 */
.explanation_item_left { padding-right: 30px; } 

/* 설명 목록 카드 */
.explanation_grid_sec { grid-template-columns: repeat(3, 1fr); } 
.explanation_grid_thr { grid-template-columns: repeat(3, 1fr); } 

/* 숫자/텍스트 박스 */
.procedure_nt_sec { grid-template-columns: repeat(3, 1fr); } 
.procedure_num { width: 50px; }

/* 진료의 특징 아이콘*/
.explanation_char {flex-wrap: wrap; } 
.explanation_char_box {width: calc(100% / 3 - 10px); flex: none;} 
.explanation_char_box p { letter-spacing: -1.5px; } 

/* 배너 */
.banner_box, .banner_230_box, .banner_295_box {height: auto;} 
 }

@media screen and (max-width: 768px) { /* 안동병원 소개 */
.hospital_intro { flex-direction: column; gap: 15px;} 
.hospital_intro_bgi { max-width: 100%; } 


/* 설명 목록 카드 */
.explanation_grid_fir { grid-template-columns: repeat(2, 1fr); } 
.explanation_grid_sec { grid-template-columns: repeat(2, 1fr); } 
.explanation_grid_thr { grid-template-columns: repeat(2, 1fr); } 

/* 숫자/텍스트 카드 */ 
.procedure_nt_fir { grid-template-columns: repeat(2, 1fr); } 
.procedure_nt_sec { grid-template-columns: repeat(2, 1fr); } 

/* 아이콘 카드 */
.ico_card_gird { grid-template-columns: repeat(2, 1fr); } 

/* 진료특징 아이콘 */
.explanation_char_box {width: calc(100% / 2 - 8px);}
 }

 /* 640 */
@media screen and (max-width: 640px) { /* 안동병원 소개 */
.hospital_intro_text p { font-size: 14px; } 
.hospital_cm_text>h3 { font-size: 1.7rem; } 

/* 각진료과 */
.department_intro_box {padding: 30px 20px;}
.department_intro_title {margin-bottom: 10px; gap: 10px;}
.department_title_left { width: 60px; height: 60px; min-width: 60px;} 
.department_title_left img { max-width: 60%; } 
.department_title_right {gap: 10px;}
.department_title_right span { letter-spacing: 1px; } 
.department_intro_text p { font-size: 14px; } 
.department_intro_bgi>img { height: auto;}
.department_intro_short { margin: 0; min-height: 120px; padding: 20px;} 
.department_intro_short p { font-size: 14px; } 

/* 아이콘 카드 */
.ico_card {padding: 15px; gap: 10px;}
.ico_card p { font-size: 14px; } 

/* 설명 목록 테이블 */
.explanation_table_list { grid-template-columns: none; } 
.explanation_table_item { display: flex; flex-direction: column; gap: 5px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #ececec;} 
.explanation_item_left,
.explanation_item_right {padding: 0; font-size: 14px; border: none;}
.explanation_item_left { line-height: 1;} 
.explanation_item_left::before { margin: 0 10px; transform: translateY(-3px); } 
.explanation_item_right { padding-left: 24px; } 
 /* 타입 2 */
.explanation_sec_item { font-size: 14px; padding: 10px 0;} 
.explanation_sec_item::before { margin: 0 10px; transform: translateY(-3px); } 

/* 설명 목록 카드 */
.explanation_type_cm>p, .explanation_type_sec>span { font-size: 14px; } 

/* 숫자/텍스트 박스 */
.procedure_nt_box { height: 60px; } 
.procedure_num>p { font-size: 14px; } 
.procedure_text {padding: 10px;}
.procedure_text>p { letter-spacing: -1.5px; font-size: 14px; } 

/* 진료의 특징 아이콘*/
.char_ico {padding-bottom: 10px;}
.explanation_char_box {gap: 10px;}
.explanation_char_box p { font-size: 14px; } 

/* 배너 */
.banner_295_box>div {gap: 10px;}
.banner_box>h3, .banner_230_box>h3, .banner_295_box { font-size: 1.3rem; margin-bottom: 10px;} 
.banner_box>p, .banner_230_box>p, .banner_295_box>div>p { font-size: 14px; line-height: 1.5;} 
 }
 
 /* 460 */
@media screen and (max-width: 460px) { /* 각진료과 */
.department_intro_short {min-height: 100px;}

/* 설명 목록 카드 */
.explanation_grid_fir { grid-template-columns: repeat(1, 1fr); } 
.explanation_grid_sec { grid-template-columns: repeat(1, 1fr); } 
.explanation_grid_thr { grid-template-columns: repeat(1, 1fr); } 

/* 설명목록 테이블 */

/* 아이콘 카드 */
.ico_card_gird { grid-template-columns: repeat(1, 1fr); }

/* 숫자/텍스트 박스 */
.procedure_nt_fir { grid-template-columns: repeat(1, 1fr); } 
.procedure_nt_sec { grid-template-columns: repeat(1, 1fr); } 
.procedure_text>p { letter-spacing: -1.5px; } 

/* 진료의 특징 아이콘*/
.explanation_char {flex-direction: column;}
.explanation_char_box {width: 100%;}  
 }