.template__type1__section { padding: 30px 140px;}
.thingsToDo__section { padding: 0px 0 0px; }
.template__interval.--40 > li + li { margin-bottom: 40px;}
#medi_search_wrap
#medi_search_wrap * {font-family: NotoSansCJKkr;}

/*.self_diagnosis{ position: relative;  width:560px;   margin:60px auto 60px;  min-height: 1020px;  word-break: break-all; color:#000 !important;}*/
/*.self_diagnosis{ position: relative;  width:560px;   margin:60px auto 60px;  min-height: 1020px; color:#000 !important;}*/
.self_diagnosis{ position: relative;  width:580px; /* 준섭부장님 수정요청 */  margin:60px auto 60px;  min-height: 1020px; color:#000 !important;}
.self_diagnosis .mo{display:none;}

p { margin-block-start: 0em; margin-block-end: 0em;}

/*시작페이지*/



.self_diagnosis .main button{ width: 100%; margin: 80px 0 0px; height: 100px; padding: 15px 65px 25px; position: relative; transform: translateX(-50%); left: 50%; background: #3B598B; border-radius: 100px; }
.self_diagnosis .main button span { color: #fff; font-size: 30px; font-weight: 700; line-height: 32px; text-align: center; letter-spacing: -1px;}

/*카드셔플 - Q01*/

#question01 button { margin: 131px 0 0px; }
/*.self_diagnosis .question button:not(#question01 button) { margin-top: 50px; }*/
#question02 .num_check { color: #fff;}
.num_check { color : #000 ; font-size: 26px; font-weight: 500; letter-spacing: 5px; line-height: 45px; text-align: right;}
.num_check span { font-weight: 900;}
.swiper { margin-top: 10px; width: 340px; height: 526px; }

.swiper-slide.swiper-slide-active { border: 2px solid #3B598B;}

.swiper-slide {display: flex; border-radius: 18px; font-size: 22px; font-weight: bold; color: #fff; padding: 31.87px 21.25px;  border: 1px solid rgba(59, 89, 139, 0.6);}
.swiper-3d .swiper-slide-shadow { background: none !important; /* 투명도 및 그림자 제거 */  }
.card_tit { display: flex; flex-direction: column; align-items: center; }
.card_tit img { width: 64px !important;  border-radius: 48px;}
.card_tit span { display: block; padding: 11px 0 25px; color:#000; font-size: 18px; font-weight: 700; line-height: 23px; text-align: center; }
.cont_card { border-radius: 11px; margin-bottom: 25px; }
.card_cont { height: 122px; /* 높이를 122px로 설정 */ overflow-y: auto; /* 세로 스크롤 활성화 */color : #000; font-size: 14px; font-weight: 400; line-height: 19px; text-align: left; }
::-webkit-scrollbar { width: 13px; }
::-webkit-scrollbar-thumb { background: #bbb; background-clip: padding-box; border-radius: 13px; border-width: 4px; border-style: solid; border-color: transparent; }
/*.question button { background: #fff; color : #3B598B; border: 1px solid #3B598B; display: flex; justify-content: center; align-items: center;border: 1px solid #3B598B; width: 560px; height: 80px; border-radius: 100px;  font-size: 30px; font-weight: 700; line-height: 32px;  }*/
.cardSwiper { position: relative; }
.custom-pagination { display: flex; justify-content: center; align-items: center; }
input[type="range"]::-webkit-slider-thumb { position: relative; -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; border: 2.5px solid #3B598B; background: #fff; cursor: pointer; }
.custom-pagination input[type="range"] { margin-top: 60px; z-index: 10; width: 480px; -webkit-appearance: none; appearance: none; }
.rangeInput { width: 480px; height: 6px; background: linear-gradient(to right, #3B598B 0%, #3B598B 42%, #ffffff 40px, #ffffff 100%); border-radius: 50px; outline: none; transition: background 450ms ease-in; -webkit-appearance: none; accent-color: #3B598B; }



/*로딩*/
.self_diagnosis .loading{width:100%; min-height:1080px;display:flex;flex-wrap: wrap;align-content: center; justify-content: center;}
.self_diagnosis .loading img{width:258px !important;height:215px;}
#medi_search_wrap .self_diagnosis .loading p{margin: 20px 0 0;width:100%; font-size: 34px; font-weight: 700; line-height: 45px; text-align: center; }

/*질문*/
#question02 .num_check { color: black;}
.self_diagnosis #question03 strong { padding: 50px 0 40px;}
#medi_search_wrap .self_diagnosis .question { /*width: 93%;*/ margin: 0 auto;  }
.self_diagnosis .question strong{ display: block; width: 100%; text-align: center; padding: 50px 0 50px;  color : black; font-size: 34px; font-weight: 700; line-height: 45px; letter-spacing: -1.3px;}
.self_diagnosis #question04 strong { padding : 50px 0 18px;}
.self_diagnosis #question05 strong { padding : 50px 0 32px;}
.self_diagnosis #question06 strong { letter-spacing: -2.6px; }
.self_diagnosis #question07 strong { letter-spacing: -2.6px; }
.question ul { max-height: 800px; overflow-y: auto;}
#medi_search_wrap .self_diagnosis .question ul li { display: flex;}
#medi_search_wrap .self_diagnosis .question ul li:not(:last-child) { margin:0 0 25px; }


/*.self_diagnosis .question button{text-align: center;}*/

.tip_area { text-align: left;}
.tip_area p { padding: 14px 0 34px; font-size: 22px; font-weight: 400; line-height: 30px; text-align: left; }


.tip_imgbox img { margin-right: 10px; }

.sub_cont span { font-size: 26px; font-weight: 700; line-height: 36px; text-align: left; }

/*#question07 button span { color: #fff; font-size: 30px; font-weight: 700; line-height: 32px; text-align: center;}*/

/*result_container */
.self_diagnosis .result_container strong { display: block; width: 100%; font-size: 34px; font-weight: 700; line-height: 45px; text-align: center; letter-spacing: -1.3px; }



.tab.active { background-color: #2c4b92; /* 활성화된 탭 배경색 */ color: #ffffff; font-weight: bold; }
.recommend_list { border-radius: 26px 26px 36px 36px; overflow: hidden; }
.recommend_list .tabs { display: flex;   overflow: hidden; }

.recommend_list .tab-button.active { background: #3B598B; color : #fff; }
.recommend_list .tab_content {  background: #fff; padding: 50px 40px;  }


.hospital_image img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.hospital_image p { position: absolute; top: 0; left: 0; text-align: center; display: flex; justify-content: center; align-items: center; width: auto; height: 36px; padding: 10px; background: #333333; color: #fff; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: -1px; text-align: left; overflow: hidden;}
.hospital_content { width : 230px; }




.product_wrap { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 50px;}
/*.product_wrap li {  border-radius: 18px; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding: 16px; width: calc( 50% - 10px ); height: 356px; }*/
.product_wrap li.goods {  border-radius: 18px; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding: 16px; width: calc( 50% - 10px ); height: 356px; }
.product_wrap li .product_img { position: relative; border-radius: 18px; overflow: hidden; height: 150px;}
.product_wrap li .product_img img {  width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.product_info .day { display: block; color: #404040;  margin: 14px 0 0px; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -1px; text-align: left;  min-height: 34px; /* 추가 */}
.product_info .cont { display: flex; justify-content: space-between; align-items: flex-start;}
.product_info .cont img { margin-top: 6px; width: 24px; height: 24px; }
.product_info p { white-space: pre-wrap; text-align: left; width: 85%; font-size: 26px; font-weight: 700; overflow: hidden; max-height: 72.8px; line-height: 36px; letter-spacing: -1px; display: block; display: -webkit-box; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product_info .product_money { display: block; margin-top: 22px; color : #404040; font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: -1px; text-align: left; }
.product_wrap .more_btn { margin-top: 40px;}
/*.product_wrap .book_btn { width: 100%; padding: 20px; background: #3B598B; color : #fff; border-radius: 100px; height: 120px; font-size: 26px; font-weight: 700; line-height: 25px; letter-spacing: -1px; text-align: center; }*/
.product_wrap .book_btn {
    width: 100%;
    padding: 20px;
    background: #3B598B;
    color : #fff;
    border-radius: 100px;
    height: 90px;  /* 수정(120px -> 90px) */
    font-size: 26px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -1px;
    text-align: center;
    display: flex; /* 추가 */
    justify-content: center; /* 추가 */
    align-items: center; /* 추가 */
}

/*스크랩정보*/
.ipt__scrab__group.hos { position: absolute; top: 10px; right: 10px;}
.ipt__scrab__group.pro { position: absolute; bottom: 10px; right: 10px;}
.ipt__scrab__group { width: 24px; height: 24px; flex-shrink: 0; position: relative; }
.ipt__scrab__group input[type=checkbox] { position: absolute !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; line-height: 0 !important; overflow: hidden !important; text-indent: -9999px !important; }
.ipt__scrab__group input[type=checkbox]+label .ico { width: 100%; height: 100%; position: absolute; top: -3px; left: 6px; background: url(/static/front/images/advance/MakeNewPlan/scrab_white.png) no-repeat center/contain; cursor: pointer; }
.ipt__scrab__group input[type=checkbox]+label .txt { position: absolute !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; line-height: 0 !important; overflow: hidden !important; text-indent: -9999px !important; }
.ipt__scrab__group input[type=checkbox]:checked+label .ico { background-image: url(/static/front/images/advance/MakeNewPlan/scrab_red.png); }
.newPlan__course__place.--info ul.info>li.thumbnail .ipt__scrab__group { width: 20px; height: 20px; position: absolute; top: 8px; right: 8px; }
.ipt__scrab__group.crs_main input[type=checkbox] + label .ico { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/static/front/images/advance/MakeNewPlan/main_scrab.png) no-repeat center/contain; cursor: pointer; }
.ipt__scrab__group.crs_main input[type=checkbox] + label .txt { position: absolute !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; line-height: 0 !important; overflow: hidden !important; text-indent: -9999px !important; }
.ipt__scrab__group.crs_main input[type=checkbox]:checked + label .ico { background-image: url(/static/front/images/advance/add_on/Icon_bookmark_on.png); }


/*2024/12/05 수정 css*/
.self_diagnosis img{width:auto;}
.template__type1__section.diagnosis{ background: url('/static/front/thingsToDo/medical/images/renuwal/main.png') no-repeat center center / cover; padding:0; border : 1px solid transparent;}
.introduce_explain { display: block; padding: 30px 0 0px;font-size: 38px; font-weight: 900; line-height: 46px; letter-spacing: -0.03em; text-align: center; color : #3B598B;}
.introduce_tit { padding: 20px 32px 60px; font-size: 28px; font-weight: 500; line-height: 35px; text-align: center; color : #3B598B; }
.introduce_imgbox { display: flex; justify-content: center;  animation: float 3s ease-in-out infinite;}
@keyframes float { 0% { transform: translateY(0); /* 원래 위치 */ } 50% { transform: translateY(-20px); /* 위로 20px 이동 */ } 100% { transform: translateY(0); /* 원래 위치로 돌아옴 */ }}
/*질문 페이지 Q1 active 클래스 추가  */ .template__type1__section.diagnosis.active { position: relative; text-align: center; background: #95DEF2; border: 1px solid transparent; }
/*질문 페이지 Q2 ~ Q6 || 결과 페이지 pattern 클래스 추가 (배경구별) */ .template__type1__section.diagnosis.patten { position: relative; text-align: center; background: #E6F6FB; border: 1px solid transparent; }
#question01 .num_check { color: #3B598B;}
.swiper-slide:nth-child(n) { display: flex; flex-direction: column; background-color: #E6F6FB !important;  }
.left_arr { z-index: 1; position: absolute; left: -95px; top: 40%; height: 113px; pointer-events: none }
.right_arr { z-index: 1; position: absolute; right: -95px; top: 40%; height: 113px; pointer-events: none}
.card_info { color : #3B598B !important;}
#medi_search_wrap .self_diagnosis .question ul li a.active { background: #95DEF2; }
.qustion_subtit { display: block; padding: 40px 0 34px; border-top: 1px solid #95DEF2; font-size: 30px; font-weight: 700; line-height: 38px; text-align: left; letter-spacing: -2.1px; }
.tip_imgbox { display: inline-flex; justify-content: center; height: 45px; padding: 8px 18px; border-radius: 50px; border: 1px solid #3B598B }
.tip_imgbox span { color :#3B598B; font-size: 26px; font-weight: 700; line-height: 26px; text-align: left;}
.area_img { height: 120px; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.area_img img { width: 100% !important; height: 100%; object-fit: cover; object-position: 50% 50%; }
#medi_search_wrap .self_diagnosis .question ul li a{  transition: background-color 0.3s;width: 100%; background: #fff; border-radius: 20px; padding: 30px 40px; font-size: 26px; font-weight: 400; line-height: 36px; text-align: left; }
.sub_cont { margin-top: 5px; }
/*#question07 button{ width: 100%; padding: 15px 65px; position: relative; bottom: 0; transform: translateX(-50%); left: 50%; background: #3B598B; border-radius: 100px; }*/
.self_diagnosis .result_container .download_btn { display: flex; margin: 30px 0 60px; justify-content: center; align-items: center; width: 100%; height: 80px; border-radius: 100px; background: #fff; border: 1px solid #3B598B  }
.hospital_wrap { display: flex; flex-wrap: wrap; gap: 20px;}
.hospital_sug { display: flex; flex-direction: column; width: calc(50% - 10px); justify-content : space-between;}
.hospital_image {  position: relative; overflow: hidden; height: 165px; border-radius: 18px; border: 1px solid #CCCCCC }
/* 12/05 동욱 : (1).btn_wrap 검색해서 .btn_wrap 클래스 단어가 들어간 html과 css 전부 지워주세요.
                (2) .hospital_info 검색해서 .hospital_info 클래스 단어가 들어간 html과 css 전부 지워주세요.*/

.hospital_content span { display: block; margin: 10px 0 10px; color: #404040; font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: -1px; text-align: left; }
.view_btn { background: #3B598B; padding: 0 20px; display: flex; justify-content: center; align-items: center;color : #fff; border-radius: 10px; overflow: hidden; height: 60px; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: -1px; text-align: center; }
.tab_content .more_btn { background: #000; color : #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; border-radius: 50px; margin-top: 20px; padding: 20px 60px;  font-size: 26px; font-weight: 700; line-height: 30px; letter-spacing: -1px; text-align: center;}
.hospital_content p { width: 100%; text-align: left; margin-top: 6px; white-space: pre-wrap; font-size: 26px; font-weight: 700; line-height: 36px;  overflow: hidden; max-height: 72.8px; line-height: 36px; letter-spacing: -1px; display: block; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.recommend_list .tab-button { background-color: #95DEF2; color:#3B598B; display: flex; justify-content: center; align-items: center; padding: 23px 16px; width: 50%; cursor: pointer; font-size: 28px; font-weight: 700; line-height: 38px; text-align: center; transition: background-color 0.3s; }
.self_diagnosis .result_container .download_btn span { display: flex; align-items: center; color: #3B598B; font-size: 28px; font-weight: 700; line-height: 32px; letter-spacing: -1px; text-align: center; }
.self_diagnosis .result_container .download_btn span::after { content: "";  margin-left: 8px; display: block; width: 34px; height: 34px; background: url(/static/front/thingsToDo/medical/images/renuwal/download_icon.png) no-repeat center center / contain;  }

/*2024/12/17 수정 css*/
/*(1) 동욱 : .next_button ->  .next_button 클래스명 변경 (style 태그 한에서 전부 찾아서 바꿔주세요)*/
/* .next_button { background: #fff; color : #3B598B; border: 1px solid #3B598B; display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; border-radius: 100px;  font-size: 30px; font-weight: 700; line-height: 32px;  } */
.self_diagnosis .next_button{text-align: center;}
/* .prev_button{  background: #3B598B; color : #fff; border: 1px solid #3B598B; display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; border-radius: 100px;  font-size: 30px; font-weight: 700; line-height: 32px; } */
.question ul { max-height: 800px; overflow-y: auto; margin-bottom: 50px;}
/* 주석처리 부탁드립니다.
#question07 button span { color: #fff; font-size: 30px; font-weight: 700; line-height: 32px; text-align: center;}
#question07 button{ width: 100%; padding: 15px 65px; position: relative; bottom: 0; transform: translateX(-50%); left: 50%; background: #3B598B; border-radius: 100px; }
*/
.self_diagnosis #question06 strong { color :#039EC9; }
.tab_content .reset_btn { background: #fff; color : #000; border: 1px solid #000; display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; border-radius: 50px; padding: 20px 60px;  font-size: 26px; font-weight: 700; line-height: 30px; letter-spacing: -1px; text-align: center;}

/*2024/12/18 수정  css*/
.self_diagnosis .next_button:not(#question01 button, .main button) { margin-bottom: 20px; }
.prev_button { background: #fff; color : #3B598B; border: 1px solid #3B598B; display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; border-radius: 100px;  font-size: 30px; font-weight: 700; line-height: 32px;  }
.next_button{  background: #3B598B; color : #fff; border: 1px solid #3B598B; display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; border-radius: 100px;  font-size: 30px; font-weight: 700; line-height: 32px; }


@media (max-width: 768px) {
    .template__type1__section { padding: 20px !important;}
    .self_diagnosis {width:100%; margin: 10px auto 0px; min-height: 50%; }
    .self_diagnosis .mo{display:block;}
    .self_diagnosis .pc{display:none;}


    /*시작페이지*/
    .self_diagnosis .main { margin-bottom: 10px; }
    .introduce_explain { padding: 0 0 0; font-size: 19px; line-height: 23px; letter-spacing: 0px;}
    .introduce_tit { letter-spacing: 1px; padding: 10px 0px 25px; font-size: 14px; line-height: 18px; }

    .self_diagnosis .main button { width: 280px; height: 50px; margin-top: 60px; padding: 7px 32px 11px; }
    .self_diagnosis .main button span { font-size: 15px; line-height: 16px; }

    /*로딩*/
    .self_diagnosis .loading { min-height: 610px; }
    .self_diagnosis .loading img{width:129px !important; height:107.5px;}
    #medi_search_wrap .self_diagnosis .loading p{margin:10px 0 0;width:100%; font-size:17px; line-height:22.5px;}

    /*카드셔플 - Q01*/
    #question01 button { margin: 65.5px 0 0px;}
    .num_check { font-size: 13px; letter-spacing: 2.5px; line-height: 22.5px; text-align: right;}
    .swiper { margin-top: 0px; width: 210px; height: 324px; }
    .swiper-slide.swiper-slide-active { border: 1px solid #3B598B;}
    .swiper-slide { padding: 15px 10px; border-radius: 10px;  }
    .self_diagnosis .question strong { padding: 25px 0 30px; font-size: 17px; line-height: 22.5px; letter-spacing: inherit; }
    .card_tit img { width: 32px !important;  }
    .card_tit span { padding: 5px 0 12px; font-size: 11px; line-height: 12px; }
    .cont_card { border-radius: 5px; margin-bottom: 13px; }
    .card_cont { height: 112px; font-size: 11px; line-height: 14px; }
    .custom-pagination input[type="range"] { margin-top:30px; width: 240px !important; }
    .rangeInput { height: 3px; border-radius: 25px; }
    input[type="range"]::-webkit-slider-thumb { width: 12px; height: 12px; border: 1.25px solid #3B598B; }
    /*.question button { width: 100%; height: 40px; border-radius: 50px; font-size: 15px; line-height: 16px; margin-bottom: 10px !important; }*/

    /*질문*/
    .question ul { max-height: 330px;}

    #medi_search_wrap .self_diagnosis .question ul li:not(:last-child) { margin: 0 0 12px;}
    .self_diagnosis #question03 strong { padding: 25px 0 20px; }
    .qustion_subtit { letter-spacing: inherit; padding: 20px 0 17px; font-size: 15px; line-height: 19px; }
    .tip_imgbox { height: 22px; padding: 4px 9px; border-radius: 25px; }

    .tip_imgbox span { color: #fff; font-size: 13px; line-height: 13px; }
    .tip_area p { padding: 7px 0 17px; font-size: 11px; line-height: 15px; }
    .sub_cont { margin-top: 15px; }
    .sub_cont span { font-size: 13px; line-height: 18px; margin-right: 3px;}
    /*#question07 button { margin-top: 112px !important; width: 100%; padding: 12px 32px; position: relative; background: #3B598B; border-radius: 50px; height: 40px; }*/
    /*#question07 button span { font-size: 15px; line-height: 16px; }*/
    .self_diagnosis #question06 strong {letter-spacing: inherit;}
    .self_diagnosis #question07 strong {letter-spacing: inherit;}

    /*result_container */
    .recommend_list { border-radius: 13px 13px 18px 18px; }
    .self_diagnosis .result_container strong { letter-spacing: inherit; font-size: 17px; line-height: 22.5px; }
    .self_diagnosis .result_container .download_btn { margin: 15px 0 30px; height: 40px; border-radius: 50px; }
    .self_diagnosis .result_container .download_btn span { font-size: 14px; line-height: 16px; }
    .self_diagnosis .result_container .download_btn span::after { margin-left: 4px; width: 15px; height: 15px; }
    .recommend_list .tab-button { padding: 11.5px 8px; font-size: 14px; line-height: 19px; letter-spacing: -1.5px; }
    .recommend_list .tab_content { padding: 25px 20px; }


    .hospital_image p { height: 18px; padding: 5px; font-size: 11px; line-height: 16px;  }





    .product_wrap {margin-top: 25px; gap: 10px;}
    /*.product_wrap li { border-radius: 9px; padding: 8px; width: calc(50% - 5px); height: 178px; }*/
    .product_wrap li.goods { border-radius: 9px; padding: 8px; width: calc(50% - 5px); height: auto; }
    .product_wrap li .product_img { border-radius: 9px; height: 75px; }
    .product_info .day { margin: 8px 0 0px; font-size: 9px; line-height: 16px; min-height: 34px; /* 추가 */}
    .product_info p { font-size: 13px; max-height: 36.4px; line-height: 18px; letter-spacing: -1px; }
    .product_info .cont img { margin-top: 3px; width: 12px !important; height: 12px; }
    .product_info .product_money { margin-top: 10px; font-size: 11px; line-height: 16px; }
    .product_wrap .more_btn { margin-top: 20px; }
    /*.product_wrap .book_btn { width: 100%; padding: 10px; border-radius: 50px; height: 60px; font-size: 13px; line-height: 13px; }*/
    .product_wrap .book_btn {
        width: 100%;
        padding: 10px;
        border-radius: 50px;
        height: 45px; /* 수정(60px -> 90px) */
        font-size: 13px;
        line-height: 13px;
    }

    /*스크랩*/
    .ipt__scrab__group.hos { top: 8px; right: 8px;}
    .ipt__scrab__group.pro { position: absolute; bottom: 3px; right: 10px; }
    .ipt__scrab__group { width: 12px; height: 12px; }

    /*2024/12/05 수정 css*/
    .recommend_list img { width: 100% !important;}
    .self_diagnosis .introduce_imgbox img { width: 300px !important; height: 204px; }
    .left_arr { z-index: 1; position: absolute; left: -48.5px; top: 40%; height: 56.5px; pointer-events: none }
    .right_arr { z-index: 1; position: absolute; right: -48.5px; top: 40%; height: 56.5px;; pointer-events: none}
    .tip_imgbox span { color: #3B598B; }
    #medi_search_wrap .self_diagnosis .question ul li a { border-radius: 10px; padding: 15px 20px; font-size: 13px; line-height: 18px; }
    .area_img { height: 18.75vw; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
    .sub_cont { margin-top: 7px }
    .hospital_content { width: 100%; }
    .hospital_image { width: 100%; height: 82.5px; border-radius: 9px; }
    .hospital_content p {font-size: 13px; line-height: 18px; letter-spacing:inherit;}
    .hospital_sug { justify-content: space-between; gap: 10px;}
    .hospital_content span { margin : 5px 0px 0px; font-size: 11px; line-height: 16px; }
    .view_btn{  border-radius: 5px; height: 30px; font-size: 11px; line-height: 16px; padding: 5px; }
    .tab_content .more_btn { margin-top: 10px; height: 45px; border-radius: 25px; padding: 10px 9px; font-size: 13px; line-height: 15px; letter-spacing: inherit; }
    .tip_imgbox img { width: 12px !important; height: 15px; margin-right: 5px; }
    .hospital_wrap { display: flex; flex-wrap: wrap; gap: 10px;}

    /*2024/12/17 수정 css*/
    /*(1) 동욱 : .next_button ->  .next_button 클래스명 변경 (style 태그 한에서 전부 찾아서 바꿔주세요)*/
    .next_button { width: 100%; height: 40px; border-radius: 50px; font-size: 15px; line-height: 16px; margin-bottom: 10px !important; }
    .prev_button { width: 100%; height: 40px; border-radius: 50px; font-size: 15px; line-height: 16px; margin-bottom: 10px !important; }
    /* 주석처리 부탁드립니다.
    #question07 button { margin-top: 112px !important; width: 100%; padding: 12px 32px; position: relative; background: #3B598B; border-radius: 50px; height: 40px; }
    #question07 button span { font-size: 15px; line-height: 16px; }
      */

    .tab_content .reset_btn {  height: 45px; border-radius: 25px; padding: 10px 9px; font-size: 13px; line-height: 15px; letter-spacing: inherit; }

    /*2024/12/18 수정 css*/
    .self_diagnosis .next_button:not(#question01 button, .main button) { margin-bottom: 10px; }
}

@media (max-width: 320px) {
    .self_diagnosis img{width:100% !important; }
    .introduce_imgbox img { width: auto !important; }
    .hospital_image img { object-fit: contain; }
    .self_diagnosis .main button { width: auto;}


}

/*********** 이준섭 부장님 추가 요청 ***********/
/* 6번, 7번 질문 스타일 변경 */
.self_diagnosis #question06 strong {
    color: #a003c9;
}
#question06 ul li a.active, #question07 ul li a.active {
    background: #ffbbd3 !important;
}
.template__type1__section.diagnosis.patten.goods_style {
    background: #fae6fb;
}
/* 검색 결과 없음 스타일 변경 */
.branchOs__notfound > ul {
    width: 100%;
    padding-bottom: 10%;
}