@charset "UTF-8";

h3.tit1,
h4.tit2{ font-family: 'GmarketSans'; font-size: 1.3rem;}
h3.tit1{ margin-top:2.5rem !important;}

/* 암센터소개 */
.cIntro{ color:#111; text-align: center; border-radius: 1rem; padding:3.5rem 3rem; background:#f5f9f8;}
.cIntro strong{ font-weight: 700;}
.cIntro h3{ color:#000; font-size:1.4rem; font-weight: 700; font-family: 'GmarketSans'; }
.cIntro h3 em{ color:#1b4a01; }
.cIntro .txt{ width:90%; margin:0 auto; font-size: 1rem; }
.cIntro .txt p{ padding-top:1.5rem;}  
.cIntro .cCall{ display: flex; gap: 1rem 2rem; margin-top:1.5rem;}
.cIntro .cCall .box{ flex: 1; border:none; padding:2.5rem 1rem;}
.cIntro .cCall .inr{ height:100%; max-width:26rem; display: flex; flex-direction: column; align-items: center; gap: 1rem 0; margin:0 auto;}
.cIntro .cCall .inr h4{ width:100%; font-family: 'GmarketSans'; padding:0.75rem 1.5rem 0.5rem; border-radius:1.5rem; font-size:1.2rem; font-weight: 700; color:#fff; background:#1b4a01;} 
.cIntro .cCall .inr .txt{ width:100%; flex-direction: column; flex: 1; line-height:1.2rem; display: flex; align-items: center; justify-content: center;  font-size: 0.85rem;}
.cIntro .cCall .inr .num{ font-weight: 900; font-size:2.25rem; line-height:1.1;}
/* .cIntro .cCall .inr .num em{ color:#1b4a01} */

/* 암종별 */
.depart_list ul li a span{ font-size: 0.85rem; font-weight: 600;}

.ctInfo h3,
.ctInfo h4{ font-family: 'GmarketSans'; font-size: 1.3rem;}
.ctInfo h3.tit1{ margin-top:2.5rem !important;}
.ctInfo h4.tit2{ font-size: 1.1rem; font-weight: 200;}
.ctInfo h4.tit2 em{ font-weight: 700;}
.ctInfo .info{ color:#111; border-radius: 1rem; padding:3.5rem 3rem; margin-bottom:2rem; background:#f5f9f8;}
.ctInfo .info h3{ line-height:1.2; font-size: 2rem; font-weight: 200;}
.ctInfo .info h3 em{ color:#1b4a01; font-weight: 700;}
.ctInfo .info .ico{ display: flex; align-items: center; justify-content: center; width:7.5rem; height:7.5rem; border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(42, 105, 0, 0.3); margin:0 auto 1.5rem;}
.ctInfo .info .txt{ position:relative; padding-top:1.5rem; font-size: 0.9rem; color:#333;}
/* .ctInfo .info .txt:before{ content:"\EF78"; position:absolute; left:50%; top:0; font-family: 'Remixicon'; line-height:1; font-size: 2rem; transform: translateX(-50%);} */
.ctInfo .info .txt > p + p{ margin-top:2rem;}
.ctInfo .list_ol1.line > li{ padding:0.5rem 0 1.5rem 3rem;}
.ctInfo .list_ol1.line > li:before{ content:""; position:absolute; left:1.25rem; top:0; height:100%; border-left: 1px dotted #ccc;}
.ctInfo .list_ol1.line > li + li{ margin-top:0;}
.ctInfo .list_ol1.line > li:last-of-type:before{ display: none;}
.ctInfo .list_ol1.line > li:last-of-type{ padding-bottom:0;}
.ctInfo .list_ol1.line > li > .num{ width:2.5rem; height:2.5rem; border-radius:50%; font-size: 1rem;} 
.ctInfo .list_ol1.line > li > .pt{ color:#111; font-family: 'GmarketSans'; font-size: 1rem;}
.ctInfo .list_ol1.line > li > .pt strong{ font-weight: 700;}

.ctInfo .desc_st{ min-height:3rem; display: flex; align-items: center; text-align: center; font-family: 'GmarketSans'; color:#fff; font-weight: 600; margin:0 auto; background:#1a4801; border-radius:3rem;}
.ctInfo .desc_st p{ flex: 1; font-size: 1.1rem; padding:0.5rem 0.5rem 0.3rem;} 
.ctInfo .desc_st span{ width:3rem; height:3rem; line-height:3rem; font-size:1.5rem; border-radius:50%; background:#031500;}
.ctInfo .desc_st.col-4{ max-width:53rem; padding:0 1rem;}

.ctInfo .desc_st2{ position:relative; display: flex; gap: 0 1rem; margin-top:2rem; text-align: center; }
.ctInfo .desc_st2 h4{ position:absolute; top:calc(50% - 3.5rem); left:calc(50% - 3.5rem); width:7rem; height:7rem; display: flex; align-items: center; justify-content: center; padding:0.5rem 1rem; font-size: 1.1rem; font-family: 'GmarketSans'; color:#fff; font-weight: 600; border-radius:50%; background:#1a4801; outline: 0.4rem solid rgba(0,0,0,0.15); z-index: 1;}
.ctInfo .desc_st2 dl{ flex: 1; display: flex; align-items: center; gap: 0 0.5rem; padding:1rem 2rem; border-radius:5rem; background:#fff; }
.ctInfo .desc_st2 dt{ position:relative; min-width:6rem; height:6rem; display: flex; align-items: center; justify-content: center; font-family: 'GmarketSans'; color:#fff; font-weight: 600; font-size: 1rem; border-radius:50%; background:#2a6900;}
.ctInfo .desc_st2 dd{ display: flex; flex-wrap: wrap; gap: 0.25rem;}
.ctInfo .desc_st2 dd p{ flex: auto; padding:0.5rem 1rem; border-radius:2rem; color:#111; background:#f5f9f8; }
.ctInfo .desc_st2 dl.left dt{ padding-left:1rem;}
.ctInfo .desc_st2 dl.right{ flex-direction: row-reverse;}
.ctInfo .desc_st2 dl.right dt{ padding-right:1rem;}

.ctInfo .desc_st3 > ol{ width:calc(100% + 2rem); display: flex; align-items: center; font-family: 'GmarketSans'; margin-left:-1rem; text-align: center;}
.ctInfo .desc_st3 > ol > li { flex: auto; min-width: 25%; padding:0 1rem; }
.ctInfo .desc_st3 > ol > li:first-of-type > p:before{ display: none;}
.ctInfo .desc_st3 li > p{ position:relative; display: flex; align-items: center; justify-content: center; min-height:3.5rem; padding:0.5rem 1rem; border-radius:2rem; border:2px solid #1a4801; color:#000; background:#fff;}
.ctInfo .desc_st3 li > p:before{ content:"\F2E5"; position:absolute; left:-2.2rem; top:calc(50% - 1.25rem); width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-family: 'remixicon'; }
.ctInfo .desc_st3 li.dep{ display: flex; align-items: center; gap: 0 1.5rem;}
.ctInfo .desc_st3 li.dep > p{ flex: 1;} 
.ctInfo .desc_st3 li.dep > ol{ flex: 1; }
.ctInfo .desc_st3 li.dep > ol > li + li{ margin-top:1rem;}
.ctInfo .desc_st3 li.dep > ol > li > p{ flex-direction: column;}
.ctInfo .desc_st3 li.dep > ol > li > p span{ font-weight: 600; color:#2a6900;}
 
/* 암종별 : 절차1 */
.ctInfo .step1 { display: flex; justify-content: space-between; font-family: 'GmarketSans'; margin:2rem 0; color:#111; font-weight: 200;}
.ctInfo .step1 li{ position:relative; flex: 1;}
.ctInfo .step1 li + li:before{ content:"\F2E5"; position:absolute; left:-1.25rem; top:calc(50% - 1.25rem); width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-family: 'remixicon'; border-radius:50%; background:#ddd;}
.ctInfo .step1 li .cont{ width: 11rem; height:11rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin:0 auto; text-align: center; border-radius:50%; border:3px solid #1b4a01; padding:1.5rem; font-size: 0.85rem;}

/* 암종별 : 절차2 */
.ctInfo .step2 { position:relative; display: flex; justify-content: space-between; font-family: 'GmarketSans'; margin:2rem 0; color:#111; }
.ctInfo .step2:before { content:""; position:absolute; left:0; top:50%; width: 100%; border-top: 1px dotted #555;}
.ctInfo .step2 li{ position:relative; max-width:35%; padding:0 0.5rem; }
.ctInfo .step2 li .cont{ position:relative; display: flex; gap: 0.25rem 0; flex-direction: column; align-items: center; justify-content: center; min-height:7rem; padding:1rem 2.5rem; text-align: center; border-radius:10rem; background:#f5f9f8;}
.ctInfo .step2 li.fin .cont{ color:#fff; background:#1b4a01;}
.ctInfo .step2 li .cont p.tit{ font-size: 1rem; color:#1a4801;}
.ctInfo .step2 li:first-of-type{ padding-left:0;}
.ctInfo .step2 li:last-of-type{ padding-right:0;}

/* 암종별 : 절차2 : 세로형 */
.ctInfo .step2.vtc { flex-direction: column; gap: 1rem;}
.ctInfo .step2.vtc:before { left:50%; top:0; width: 0; height: 100%; border-top:none; border-left: 1px dotted #555;}
.ctInfo .step2.vtc li{ max-width:100%; }

/* 암종별 : 절차3 */
.ctInfo .step3{ display: flex; width:calc(100% + 2rem); flex-wrap: wrap; gap: 1rem 0; margin-left:-1rem;}
.ctInfo .step3 li{ position:relative; flex: auto; width:33%; display: flex; flex-direction: column; padding:0 1rem; }
.ctInfo .step3 .tit{ position:relative; display: flex; align-items: center; font-family: 'GmarketSans'; z-index: 1;}
.ctInfo .step3 .tit p{ position:relative; display: flex; align-items: center; justify-content: center; width:5rem; height:5rem; border-radius:50%; background:#fff; box-shadow: 0 0 1rem rgba(0,0,0,0.11); z-index: 1;}
.ctInfo .step3 .tit span { min-width:7rem; margin-left: -0.5rem; padding:0.75rem 1.5rem 0.5rem; font-size: 1.1rem; font-weight: 700; color:#fff; border-radius:0 2rem 2rem 0; background:#1b4a01;}
.ctInfo .step3 .cont{ flex: 1; position:relative; display: flex; align-items: center; justify-content: center; gap: 0.25rem; flex-direction: column; margin-top: -2.5rem; padding:3rem 2rem 2rem; text-align: center; color:#000; border-radius:5rem; background:#f5f9f8; }
.ctInfo .step3 .cont.al{  align-items: normal;}
.ctInfo .step3 .cont:before{ content:"\F2E5"; position:absolute; left:-2.2rem; top:calc(50% - 1.25rem); width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-family: 'remixicon'; }
.ctInfo .step3 li:first-of-type .cont:before{ display: none;}

/* 암종별 : 절차4 */
.ctInfo .step4.fsCtm{ font-size: 1rem; font-weight: 500;}
.ctInfo .step4{ display: flex; width:calc(100% + 2rem); flex-wrap: wrap; gap: 1rem 0; margin-left:-1rem; margin-top:2rem;}
.ctInfo .step4 li{ position:relative; flex: auto; width:33%; display: flex; flex-direction: column; padding:0 1rem; }
.ctInfo .step4 li:before{ content:"\F2E5"; position:absolute; left:-1.25rem; top:calc(50% - 1.25rem); width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-family: 'remixicon'; }
.ctInfo .step4 li:first-of-type:before{ display: none;}
.ctInfo .step4 .cont{ position:relative; height:100%; display: flex; align-items: center; justify-content: center; gap: 0.25rem 0.5rem; padding:2rem; text-align: center; color:#000; border-radius:5rem; background:#f5f9f8; }
.ctInfo .step4 .txt{ flex: 1; position:relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.25rem 0; z-index: 1;}

/* 암종별 : 유방암 : 이미지 텍스트정렬 */
.img_txt{ display: flex; gap: 1rem; align-items: flex-start;}
.img_txt .img_wrap { display: flex; gap: 0.5rem; flex-wrap: wrap;}
.img_txt .img_wrap p{ position:relative;}
.img_txt .img_wrap p span{ position:absolute; left:3px; bottom:3px; color:#fff; font-size: 15px;}
.img_txt .txt_wrap{ flex: 1;}

/* 센터별 진료과 소개 */
.cancerClic_box {margin-bottom:1rem; padding:1rem 1.5rem; border:1px solid #cbcbcb; background: #fff; border-radius:0.5rem;}
.cancerClic_top {position:relative; padding-bottom:1rem; margin-bottom:1rem; border-bottom:2px dotted #cbcbcb;}
.cancerClic_top h3.tit1 {margin:0;}
.cancerClic_top .btns {position:absolute; right:0; top:0; margin:0;}
.cancerClic_box .btns.lst {margin:0;}

/* 절차 색상 수정 */
.prcd_st3 > ul > li{ background:#f5f9f8; }
.prcd_st3 > ul > li > .liWr > .prcd_tit span{ background:#fff;}

/* 진료절차 */
.medStep{ padding:2rem; border-radius:1rem; background:#f5f9f8; }
.medStep .step_lst{ display: flex; width:calc(100% + 2rem); margin-left:-1rem;}
.medStep .step_lst li{ position:relative; flex: 1; padding:0 1rem; font-family: 'GmarketSans';}
.medStep .step_lst li:before{ content:"\F2E5"; position:absolute; left:-1.25rem; top:3.75rem; width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-family: 'remixicon'; border-radius:50%; background:#ddd;}
.medStep .step_lst li:first-of-type:before{ display: none;}
.medStep .step_lst li .num{ position:absolute; left:calc(50% - 5.5rem); top:0; width:3rem; height:3rem; line-height:3rem; text-align: center; font-size: 1rem; font-weight: 700; color:#fff; border-radius:50%; background:#1a4801;}
.medStep .step_lst li .ico{ width:10rem; height:10rem; display: flex; align-items: center; justify-content: center; margin:0 auto 1rem; padding-top:0.25rem; border-radius:50%; background:#fff;}
.medStep .step_lst li .txt{ text-align: center; color:#000; }
.medStep .step_lst li .txt .fs_b{ font-size: 0.8rem; font-weight: 700;}
.medStep .cnt_add h4{ position:relative; margin:2rem 0 1rem; font-size: 1rem; font-weight: 600; }
.medStep .cnt_add h4:before{ content:""; position:absolute; left:0; top:50%; width:100%; border-top:2px dotted #555;}
.medStep .cnt_add h4 span{ position:relative; display: inline-block; padding:0.5rem 1.5rem 0.5rem; color:#fff; border-radius:1.5rem; background:#555; }
.medStep .cnt_add {}
/* .medStep .step_lst li .txt span{ color:#1a4801 } */


@media screen and (max-width: 1660px){

    /* 진료절차 */
    .medStep .step_lst{ flex-wrap: wrap; padding: 0 1rem; gap: 1.5rem 0;}
    .medStep .step_lst li{ flex:none; width:33.33%;}
    .medStep .step_lst li .txt .fs_b br{ display: none;}
}


@media screen and (max-width: 1540px){

    /* 암종별 : 유방암 : 이미지 텍스트정렬 */
    .img_txt{display: block; }
    .img_txt .img_wrap { justify-content: center; margin-bottom:0.75rem;}
}

@media screen and (max-width: 1380px){

    /* 암종별 : 절차1 */
    .ctInfo .step1 li .cont{ width: 10rem; height:10rem;}

    /* 진료절차 */
    .medStep .step_lst{ width:calc(100% + 1rem); margin-left:-0.5rem;}
    .medStep .step_lst li{ padding:0 0.5rem;}
    .medStep .step_lst li .ico{ width:9rem; height:9rem; }
    .medStep .step_lst li .ico img{ width:4.5rem; height:auto;}
}

@media screen and (max-width: 1240px){

    .ctInfo .desc_st3 > ol{ width:calc(100% + 2rem); display: flex; align-items: center; font-family: 'GmarketSans'; margin-left:-1rem;}

    /* 암종별 : 절차3 */
    .ctInfo .step3,
    .ctInfo .step4{ width:100%; margin-left:0;}

    /* 암종별 : 절차4 */
    .ctInfo .step4 .cont{ flex-direction: column;}
}

@media screen and (max-width: 1024px){

    /* 암센터소개 */
	.cIntro{ padding:2.5rem 2rem;}
    .cIntro .cCall{ gap: 1rem;}
    .cIntro .cCall .inr .num{ font-size: 1.7rem;}

    /* 암종별 */
    .depart_list ul li a{ padding: 1rem;}

    .ctInfo .info .txt br{ display: none;}
    .ctInfo .desc_st2{ padding-top:4.5rem; }
    .ctInfo .desc_st2 h4{ width:100%; max-width:15rem; height:3.5rem; top:0; left:50%; transform: translateX(-50%); border-radius:1.75rem;}
    .ctInfo .desc_st2 dl{ flex-direction: column !important; padding:0; background:none;}
    .ctInfo .desc_st2 dt{ width:100%; height:3rem; max-width:11rem; border-radius:1.5rem;}
    .ctInfo .desc_st2 dl.right dt{ padding-right:0;}
    .ctInfo .desc_st2 dl.left dt{ padding-left:0;}
    .ctInfo .desc_st2 dd{ margin-top:-1.5rem; padding:3rem 1rem 1rem; border-radius:1.5rem; background:#fff;}

    /* 암종별 : 절차4 */
    .ctInfo .step4 .cont{ padding:1rem; border-radius:1rem;}
    .ctInfo .step4 .cont img{ width:2.5rem; height:auto;}
}

@media screen and (max-width: 860px){

    /* 암종별 : 절차1 */
    .ctInfo .step1 { flex-wrap: wrap; gap: 2.5rem 0;}
    .ctInfo .step1 li{ flex: auto; width:50%;}
    .ctInfo .step1 li + li:before{ width:2rem; height:2rem; left:0.5rem; top:calc(50% - 1rem);}
    .ctInfo .step1 li .cont{ width:auto; height:100%; margin-left:3rem; border-radius:1rem; padding:1rem 0.5rem;}

    /* 암종별 : 절차2 */
    .ctInfo .step2{ flex-direction: column; gap: 1.5rem 0;}
    .ctInfo .step2:before{ left:50%; top:0; width:0; height:100%; border-top:0; border-left:1px dashed #ccc;}
    .ctInfo .step2 li{ max-width:100%; } 
    .ctInfo .step2 li .cont{ border-radius:1rem; min-height:0px; padding:1rem 1.5rem;}  

    /* 암종별 : 절차3 */
    .ctInfo .step3 li{ width:50%; }
    .ctInfo .step3 .tit p{ width: 4rem; height: 4rem;}
    .ctInfo .step3 .tit p img{ width:2.5rem; height:auto;}
    .ctInfo .step3 .tit span{ font-size: 1rem;}
    .ctInfo .step3 .cont{ border-radius:2rem; padding:3rem 1.5rem 2rem;}

    /* 진료절차 */
    .medStep .step_lst{ flex-wrap: wrap; gap: 1.5rem 0;}
    .medStep .step_lst li{ flex:auto; width:50%;}
    .medStep .step_lst li:before{ display: none;}
}

@media screen and (max-width: 768px){

    /* 암센터소개 */
    .cIntro .cCall{ flex-direction: column;}
    .cIntro .cCall .box{ padding:1.5rem 1rem;}
	.cIntro .cCall .inr img{ width:4rem; height:auto;}

    /* 암종별 */
	.ctInfo .info{ padding:2.5rem 2rem;}
    .ctInfo .info .ico{ width:5rem; height:5rem;}
    .ctInfo .info .ico img{ width:3rem; height:auto;}  
    .ctInfo .info .txt{ padding-top:2.5rem;}
    .ctInfo .info .txt:before{ font-size: 1.5rem;}
    .ctInfo .info h3{ font-size: 1.5rem; word-break: break-all;}

    .ctInfo .desc_st3 li > p:before{ top:-2.4rem; left:calc(50% - 1.25rem); transform: rotate(90deg);}
   .ctInfo .desc_st3 > ol,
   .ctInfo .desc_st3 li.dep{ flex-direction: column; align-items: normal; gap: 2rem 0;}
   .ctInfo .desc_st3 li.dep > ol{ display: flex; gap: 0 1rem;}
   .ctInfo .desc_st3 li.dep > ol > li{ flex: 1;}
   .ctInfo .desc_st3 li.dep > ol > li + li{ margin-top:0;}
}

@media screen and (max-width: 680px){

    /* 암종별 */
    .ctInfo .desc_st{ max-width:20rem; height:auto; gap: 0.3rem 0; flex-direction: column; background:none;}
    .ctInfo .desc_st p{ width:100%; padding:1rem 1rem 0.75rem; border-radius:1.5rem; background:#1a4801;} 
    .ctInfo .desc_st span{ width:2.25rem; height:2.25rem; line-height:2.25rem; background:#031500; font-size:1.25rem;}

    /* 암종별 : 절차3 */
    .ctInfo .step3 li{ width:100%; }
    .ctInfo .step3 .tit p{ width:3.5rem; height:3.5rem;}
    .ctInfo .step3 .tit p img{ width:2rem; height:auto;}
    .ctInfo .step3 .tit span{ margin-left:-0.75rem;}

    .medStep{ padding:1.5rem; }
    .medStep .step_lst li .txt .fs_b{ font-size: 0.9rem;}
}

@media screen and (max-width: 600px){

    /* 암센터소개 */
    .cIntro{ padding:2.5rem 1rem;}
    .cIntro h3{ font-size: 1.5rem;}
    .cIntro .txt{ font-size: 0.9rem;}
    .cIntro .txt p br{ display: none;}
    .cIntro .cCall .inr h4{ font-size: 1rem;}

    /* 암종별 */
	.ctInfo .info{ padding:2rem 1rem;}
    .ctInfo .list_ol1.line > li{ padding:0.25rem 0 1.5rem 2.25rem}
    .ctInfo .list_ol1.line > li > .num{ width:1.75rem; height:1.75rem;}
	.ctInfo .list_ol1.line > li:before{ left:0.875rem;}

    /* 암종별 : 절차 */
    .ctInfo .step1 li{ width:100%;}
    .ctInfo .step1 li + li:before{ left:calc(50% + 0.9rem); top:-2.1rem; width:1.8rem; height:1.8rem; transform: rotate(90deg);}
    .ctInfo .step1 li .cont img{ width:4rem; height:auto;}
    .ctInfo .step2 li .cont{ padding:1rem;}
    .ctInfo .step2 li.fin .cont img{ width:auto; height:2.5rem;}

    /* 암종별 : 절차4 */
    .ctInfo .step4 li { width:50%;}
}

@media screen and (max-width: 480px){

    /* 암종별 */
   .ctInfo .desc_st2{ gap: 1rem 0.5rem;}
   .ctInfo .desc_st2 dd{ padding:2.5rem 0.5rem 1rem}
   .ctInfo .desc_st2 dd p{ padding:0.5rem;}

    /* 진료절차 */
    .medStep .step_lst li:before{ top:2.25rem; width:2rem; height:2rem;}
    .medStep .step_lst li .num{ left:calc(50% - 4rem); width:2.5rem; height:2.5rem; line-height:2.5rem; font-size: 0.9rem; padding-top:0.1rem;}
    .medStep .step_lst li .ico{ width:6rem; height:6rem; }
    .medStep .step_lst li .ico img{ width:3.5rem; height:auto;}
}

@media screen and (max-width: 380px){

    /* 암센터소개 */
    .cIntro{ padding:2.5rem 1rem;}
    .cIntro h3{ font-size: 1.2rem;}
    .cIntro .txt{ font-size: 0.9rem;}
    .cIntro .txt p br{ display: none;}
	.cIntro .cCall .inr img{ width:3.5rem; height:auto;}
    .cIntro .cCall .inr h4{ font-size: 1rem;}
    .cIntro .cCall .inr .num{ font-size: 1.6rem;}

    /* 암종별 */
    
    .ctInfo .desc_st p{ font-size: 1rem;} 
    .ctInfo .desc_st span{ width:2rem; height:2rem; line-height:2rem; font-size:1.1rem;}
    .ctInfo .desc_st2 { flex-direction: column;}

    .ctInfo .desc_st3 li.dep > ol{ padding:1rem; border-radius:1rem; background:#1a4801; flex-direction: column;}
    .ctInfo .desc_st3 li.dep > ol > li > p { border-radius:1rem;}
    .ctInfo .desc_st3 li.dep > ol > li > p:before{ top:-3.25rem}
    .ctInfo .desc_st3 li.dep > ol > li + li{ margin-top:0.5rem;}
    .ctInfo .desc_st3 li.dep > ol > li + li > p:before{ display: none;}
    .ctInfo .desc_st3 li.dep{ gap: 2rem 0;}

    /* 암종별 : 절차 */
    .ctInfo h3, .ctInfo h4{ font-size: 1rem;}
    .ctInfo .info h3{ font-size: 1.1rem;}
    .ctInfo .list_ol1.line > li > .pt{ font-size: 0.95rem;}

    /* 암종별 : 절차4 */
    .ctInfo .step4 li { width:100%;}

    /* 진료절차 */
    .medStep .step_lst li{ width:100%;}
    .medStep .step_lst li:before{ display: none;} 
    .medStep .step_lst li .num{ width:2rem; height:2rem; line-height:2rem;}
    
}