@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 진료과 레이아웃 교체 */

/* 안동병원 소개 */
.hospital_intro { display: flex; gap: 105px; } 
.hospital_intro_text { flex: 1; height: 100%; } 
.hospital_intro_label { display: block; font-size: 14px; color: #d0d0d0; letter-spacing: 1.5px; font-weight: 500; box-sizing: border-box; } 
.hospital_intro_title { font-size: 24px; margin: 10px 0; box-sizing: border-box; font-weight: 600;} 
.hospital_intro_text p { color: #666666; line-height: 1.9; letter-spacing: -0.5px; } 
.hospital_intro_bgi { flex: 1; height: 200px; max-width: 535px; background: url('../images/sub/img_department_introduction.png') no-repeat center / cover; } 

/* 각진료과 */
.department_intro { display: flex; position: relative; margin-top: 100px; box-sizing: border-box; } 
.department_intro_box { width: 760px; min-height: 457px; background: #f3f3f3; padding: 50px 0 60px 50px; box-sizing: border-box; z-index: 1; } 
.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_left img { max-width: 100%; } 
.department_title_right h3 { font-size: 30px; font-weight: 900; margin: 0;} 
.department_title_right span { color: #a0a0a0; letter-spacing: 2.5px; font-size: 14px; font-weight: 600; } 
.department_intro_text { display: flex; flex-direction: column; gap: 35px; } 
.department_intro_text>p { margin-right: 170px; color: #555555; line-height: 2; letter-spacing: -0.7px; box-sizing: border-box; } 
.department_intro_text>p>span { display: block; } 
.department_intro_bgi { width: 700px; height: 330px;  position: relative; margin-top: 50px; margin-left: -160px; z-index: 2; box-sizing: border-box; } 
.department_intro_bgi>img {max-width: 100%;}
.department_intro_short { position: absolute; right: 0; bottom: -77px; max-width: 100%; width: 600px; height: 160px; background-color: #f26532; color: #fff; font-weight: 600; z-index: 3; display: flex; align-items: center; justify-content: center; } 
.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: 17px; } 

/* 섹션별 타이틀 */
.section_title { display: flex; align-items: center; gap: 10px; } 
.orange_circle { height: 16px; width: 16px; background-color: #f26632; border-radius: 100%; position: relative; margin-top: 5px; box-sizing: border-box;} 
.orange_circle::before { content: ""; display: block; height: 6px; width: 6px; position: absolute; background-color: #fff; border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.section_title>h3 { font-size: 26px; font-weight: 600; letter-spacing: -2px; margin: 0;} 

/* 아이콘 카드 */
.ico_card_inner { margin-top: 60px; box-sizing: border-box;} 
.ico_card_gird { display: grid; gap: 15px; grid-template-columns: repeat(4, 1fr); margin-top: 24px; box-sizing: border-box;} 
.ico_card {  height: 150px; background-color: #f3f3f3; padding-left: 35px; padding-right: 10px; box-sizing: border-box; display: flex; align-items: center; gap: 28px; } 
.ico_card>div { height: 80px; width: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } 
.ico_card>div>img { max-width: 100%; } 
.ico_card>p { font-size: 18px; letter-spacing: -1.5px; font-weight: 600;} 
.ico_card>p>span {display: block;}
/* 아이콘카드 - 7가지 색상 */
.ico_card_fir { background-color: #3a495e; } 
.ico_card_sec { background-color: #004098; } 
.ico_card_thr { background-color: #f26632; } 
.ico_card_four { background-color: #1a659e; } 
.ico_card_five { background-color: #7c675a; } 
.ico_card_six { background-color: #8ea6c6; } 
.ico_card_seven { background-color: #f0b055; } 

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

/* 설명 목록 카드 */
.explanation_card_inner { margin-top: 60px; box-sizing: border-box;} 
.explanation_grid_cm {display: grid; gap: 15px; margin-top: 24px; 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: 600;}
 /* 타입2(2개의 텍스트) */
.explanation_type_sec {display: flex; flex-direction: column; }
.explanation_type_sec>span {font-size: 14px; letter-spacing: -1px;}

/* 숫자/텍스트 박스 */
.procedure_nt_inner {margin-top: 60px; box-sizing: border-box;}
  /* 한줄에 3박스 */
.procedure_nt_fir {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; box-sizing: border-box;} 
  /* 한줄에 4박스 */
.procedure_nt_sec {display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 24px; 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;}
.procedure_text {background-color: #eaf0f8; flex: 1; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;}
.procedure_text>p {text-align: center; font-weight: 600; letter-spacing: -1px;}
.procedure_text>p>span {display: block; }

/* 진료의 특징 아이콘*/
.explanation_char_inner {margin-top: 60px; box-sizing: border-box;}
.explanation_char {display: flex; margin-top: 35px; gap: 15px; align-items: center; }
.explanation_char_box {display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; gap: 14px;}
.char_ico>img {max-width: 100%;}
.char_bgc_cm {height: 2px; width: 100%; }
.explanation_char_box>p {text-align: center; font-weight: 600; letter-spacing: -1px;}
/* 진료의 특징 아이콘(색상별) */
.char_bgc_fir {background-color: #004098;}
.char_bgc_sec {background-color: #3a495e; margin-top: 2px;}
.char_bgc_thr {background-color: #f26632;}
.char_bgc_four {background-color: #1a659e;}
.char_bgc_five {background-color: #7c675a;}

/* 배너 */
.banner_box {height: 200px; background: url(../images/sub/img_department_banner.png) no-repeat; margin-top: 80px; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff;}
.banner_box>h3 {font-size: 26px; margin-bottom: 10px; box-sizing: border-box; letter-spacing: -1px; color: #fff;}
.banner_box>p {display: block; margin-bottom: 15px;}

@media screen and (max-width: 1024px) { 
/* 안동병원 소개 */
.hospital_intro { flex-direction: column; gap: 10px; } 
.hospital_intro_title,
.hospital_intro_label { text-align: center; } 
.hospital_intro_label {display: block !important;}
.hospital_intro_text,
.hospital_intro_bgi { flex: none; } 
.hospital_intro_bgi { height: 220px; max-width: 100%; } 

/* 각진료과 */
.department_intro { margin-top: 30px; } 
.department_intro_box { width: 100%; padding: 30px; min-height: auto;} 
.department_intro_title { justify-content: center; } 
.department_title_right h3 { text-align: center; } 
.department_title_right span { text-align: center; } 
.department_intro_text { gap: 10px; } 
.department_intro_text>p { margin: 0; } 
.department_intro_text>p>span { display: inline; } 
.department_intro_text>p::before { content: ""; display: inline-block; height: 5px; width: 5px; background-color: black; border-radius: 100%; margin-right: 5px; transform: translateY(-2px); } 
.department_intro_bgi { display: none } 

/* 아이콘 카드 */
.ico_card_inner { margin-top: 30px; } 
.ico_card_gird { gap: 10px; grid-template-columns: repeat(3, 1fr); margin-top: 10px; } 
.ico_card { padding: 25px; gap: 20px; flex-direction: column; height: 190px; justify-content: center;} 
.ico_card>div { height: 60px; width: 60px; } 
.ico_card>div>img { max-width: 50%; } 
.ico_card>p>span {display: inline;}

/* 설명 목록 테이블 */
.explanation_table_inner { margin-top: 30px; } 
.explanation_table_list {  margin-top: 10px; } 
.explanation_item_left { padding-right: 30px;} 
.explanation_item_right { letter-spacing: -0.8px; } 

/* 설명 목록 카드 */
.explanation_card_inner { margin-top: 30px; } 
.explanation_grid_cm { gap: 10px; margin-top: 20px;}
.explanation_grid_fir {grid-template-columns: repeat(2, 1fr);}
.explanation_grid_sec {grid-template-columns: repeat(3, 1fr);}
.explanation_grid_thr {grid-template-columns: repeat(4, 1fr);}

/* 숫자/텍스트 박스 */
.procedure_nt_inner {margin-top: 30px;}
.procedure_nt_fir {grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 20px;} 
.procedure_nt_sec {grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 20px;} 


/* 진료의 특징 아이콘*/
.explanation_char_inner {margin-top: 30px;}
.explanation_char {margin-top: 10px; gap: 10px;}
.explanation_char_box { gap: 10px;}
.explanation_char_box>p {letter-spacing: -1.5px; font-size: 0.95rem;}

/* 배너 */
.banner_box {margin-top: 30px;}
.banner_box>h3 {font-size: 1.3rem;} 
.banner_box>p {font-size: 0.9rem;}
 }

@media screen and (max-width: 768px) { 
/* 진료의 특징 아이콘*/
.explanation_char_box { flex:auto; }
.explanation_char {flex-wrap: wrap;}
.char_bgc_cm {height: 2px; width: 100%; }
 } 

@media screen and (max-width: 640px) { 
/* 안동병원 소개 */
.hospital_intro_label { font-size: 0.8rem; } 
.hospital_intro_title { font-size: 1.3rem; } 
.hospital_intro_text p { font-size: 0.9rem; } 

/* 각진료과 */
.department_intro_title { gap:10px; } 
.department_title_left { width: 60px; height: 60px; } 
.department_title_left img { max-width: 60%; } 
.department_title_right h3 { font-size: 1.5rem; } 
.department_title_right span { letter-spacing: 1px; font-size: 0.8rem; } 
.department_intro_text p { font-size: 0.9rem; } 

/* 섹션별 타이틀 */
.section_title { gap: 5px; } 
.orange_circle { height: 12px; width: 12px; margin: 0; } 
.orange_circle::before { height: 4px; width: 4px; } 
.section_title>h3 { font-size: 1.2rem; } 

/* 아이콘 카드 */
.ico_card_gird { grid-template-columns: repeat(2, 1fr); } 
.ico_card {height: 165px;}
.ico_card>div { height: 40px; width: 40px; } 
.ico_card>p { font-size: 0.95rem; } 

/* 설명 목록 테이블 */
.explanation_item_left,
.explanation_item_right { padding: 10px 0;} 
.explanation_item_left { padding-right: 20px; font-size: 0.9rem;} 
.explanation_item_left::before { margin: 0 10px; transform: translateY(-3px);} 
.explanation_item_right { font-size: 0.85rem;} 
 /* 타입 2 */
.explanation_sec_type { padding: 10px 0; } 
.explanation_sec_item { font-size: 0.9rem;} 
.explanation_sec_item::before { margin: 0 10px; transform: translateY(-3px); } 

/* 설명 목록 카드 */
.explanation_grid_fir {grid-template-columns: repeat(1, 1fr);}
.explanation_grid_sec {grid-template-columns: repeat(2, 1fr);}
.explanation_grid_thr {grid-template-columns: repeat(2, 1fr);}
.explanation_type_cm>p {font-size: 0.9rem;}
.explanation_type_sec>span {font-size: 0.8rem;}

/* 숫자/텍스트 박스 */
.procedure_nt_box {height: 60px; }
.procedure_num {width: 60px; }
.procedure_num>p {font-size: 0.9rem;}
.procedure_text>p { letter-spacing: -1.5px; font-size: 0.83rem;}

/* 진료의 특징 아이콘*/
.explanation_char_box>p {letter-spacing: -1.5px; font-size: 0.85rem;}

 }

@media screen and (max-width: 480px){
.ico_card_gird { grid-template-columns: repeat(1, 1fr); } 
.ico_card { max-width: 100%; height: 160px;} 

/* 설명 목록 카드 */
.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);}

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