@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Jinsong Kim. Hyerin Lim. (Weaverloft Corp.)
 * 2. Production Date: 2023-10-19
 * 3. Client: SNUH 소아응급
 */

/*========== Main_symptom ==========*/
/* keyword-sec */
.sub.sub-main-symptom .keyword-sec { border-bottom: 10px solid #F5F5F5; } 
.sub.sub-main-symptom .keyword-sec-tit { display: block; margin-bottom: clamp(16px, 4.5802vw, 24px); } 
.sub.sub-main-symptom .keyword-list { display: flex; gap: 8px; flex-wrap: wrap; } 
.sub.sub-main-symptom .keyword-list > li { margin: 2px 0; } 
.sub.sub-main-symptom .keyword-list > li > a { height: 2.2727em; padding: 0 0.9091em; border: 2px solid transparent; border-radius: 1.3636em; background-color: rgba(20, 200, 174, 0.2); font-variation-settings: 'wght' 500; font-size: clamp(15px, 4.1985vw, 22px); line-height: 2.1818em; transition: all 0.3s; } 
@media screen and (min-width: 1024px){
    .sub.sub-main-symptom .keyword-list > li:hover a { border-color: #14C8AE; background-color: #fff; } 
}
/* search-sec */
.sub.sub-main-symptom .search-sec .search-box-wrap { margin-bottom: clamp(28px, 7.6336vw, 40px); } 
.sub.sub-main-symptom .search-sec-tit { margin-bottom: clamp(16px, 5.3435vw, 28px); } 
.sub .main-symptom-list > li { padding: 0.625em 1.25em 0.625em 0.625em; border: 1px solid #eee; border-radius: 5px; font-size: clamp(10px, 3.0534vw, 16px); } 
.sub .main-symptom-list > li.active { border-color: rgba(20, 200, 174, 0.2); background-color: rgba(20, 200, 174, 0.1); } 
.sub .main-symptom-list > li:not(:last-child) { margin-bottom: 1em; } 
.sub .main-symptom-list > li > a { display: flex; align-items: center; gap: 1.875em; } 
.sub .main-symptom-list .main-symptom-icon { width: 3.75em; height: 3.75em; } 
.sub .main-symptom-list .main-symptom-tit { font-variation-settings: 'wght' 600; font-size: 1.375em; word-break: keep-all; } 
@media screen and (min-width: 1024px){
    .sub .main-symptom-list > li { transition: all 0.3s; } 
    .sub .main-symptom-list > li:hover { border-color: rgba(20, 200, 174, 0.2); background-color: rgba(20, 200, 174, 0.1); } 
}
/*========== Child_info ==========*/
.sub.sub-child-info .child-check-sec { min-height: 75vh;  min-height: calc(var(--vh, 1vh) * 75); min-height: 75dvh;}
/* sexual-check */
.sub.sub-child-info .sexual-check { margin-bottom: 28px; padding: 0 0 32px; border-bottom: 1px solid #eee; } 
.sub.sub-child-info .sexual-check-tit { margin-bottom: clamp(10px, 3.0534vw, 16px); } 
.sub.sub-child-info .sexual-check-list { display: flex; flex-flow: row nowrap; gap: 8px; } 
.sub.sub-child-info .sexual-check-list .sexual-box { width: 50%; } 
.sub.sub-child-info .sexual-check-list .sexual-box input { display: none; } 
.sub.sub-child-info .sexual-check-list .sexual-box label { display: inline-block; width: 100%; padding: 5.2727em 0 1.0909em; border-radius: 5px; font-size: clamp(14px, 4.1985vw, 22px); color: #999; text-align: center; transition: all 0.3s; cursor: pointer; } 
.sub.sub-child-info .sexual-check-list .sexual-box.boy label { border: 4px solid #CFE6FF; background: url('../img/sub/img-bear.svg') no-repeat center top 1.6364em / 2.0909em 2.9545em; } 
.sub.sub-child-info .sexual-check-list .sexual-box.girl label { border: 4px solid #FFC9C9; background: url('../img/sub/img-rabbit.svg') no-repeat center top 1.0909em / 2.0909em 3.5em; } 
.sub.sub-child-info .sexual-check-list .sexual-box input:checked ~ label { font-variation-settings: 'wght' 500; color: #111; } 
.sub.sub-child-info .sexual-check-list .sexual-box.boy input:checked ~ label { background-color: #EEF6FF; } 
.sub.sub-child-info .sexual-check-list .sexual-box.girl input:checked ~ label { background-color: #FFEEEE; } 
/* age-check */
.sub.sub-child-info .sub-sec .sub-sec-tit.small { margin-bottom: 6px; }
.sub.sub-child-info .sub-sec .sub-tit-desc { margin-bottom: clamp(16px, 4.5802vw, 24px); font-size: clamp(14px, 3.053vw, 1rem); color: #666; word-break: keep-all; }
.sub.sub-child-info .age-check-tit { margin-bottom: clamp(16px, 4.5802vw, 24px); } 
.sub.sub-child-info .age-check .radio-box-wrap { margin-bottom: 20px; } 
.sub.sub-child-info .age-check .input-wrap { display: flex; gap: 8px; } 
@media screen and (max-width: 320px){
    .sub.sub-child-info .age-check .input-wrap { flex-flow: wrap; } 
}
@media screen and (min-width: 1024px){
    .sub.sub-child-info .sexual-check-list > li:hover > a { font-variation-settings: 'wght' 500; color: #111; } 
    .sub.sub-child-info .sexual-check-list > li:first-child:hover > a { background-color: #EEF6FF; } 
    .sub.sub-child-info .sexual-check-list > li:last-child:hover > a { background-color: #FFEEEE; } 
}
/*========== Detail-symptom ==========*/
.sub.sub-detail-symptom .empty { padding: 120px 0; }
.sub.sub-detail-symptom .empty .sub-sec-tit{ font-variation-settings: 'wght' 500; line-height: 1.5; text-align: center; }
.sub.sub-detail-symptom .empty .sub-sec-tit .search-content { color: #E60041; }
.sub.sub-detail-symptom .detail-symptom-list > li:not(:last-child) { margin-bottom: clamp(10px, 3.0534vw, 16px); } 
.sub.sub-detail-symptom .detail-symptom-list > li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: clamp(12px, 3.8168vw, 20px); border: 1px solid #eee; border-radius: 5px; font-size: clamp(14px, 4.1985vw, 22px); color: #111; cursor: pointer; } 
.sub.sub-detail-symptom .detail-symptom-list > li.active { border-color: rgba(20, 200, 174, 0.2); background-color: rgba(20, 200, 174, 0.1); } 
@media screen and (min-width: 1024px){
    .sub.sub-detail-symptom .detail-symptom-sec { min-height: 75vh; min-height: calc(var(--vh, 1vh) * 75); min-height: 75dvh; }
    .sub.sub-detail-symptom .detail-symptom-list > li,
    .sub.sub-detail-symptom .detail-symptom-list > li:hover .basic-check-box input[type="checkbox"] + label::before { transition: all 0.3s; } 
    .sub.sub-detail-symptom .detail-symptom-list > li:hover { border-color: rgba(20, 200, 174, 0.2); background-color: rgba(20, 200, 174, 0.1); } 
    .sub.sub-detail-symptom .detail-symptom-list > li:hover .basic-check-box input[type="checkbox"] + label::before { background-color: #14C8AE; opacity: 1; } 
}
/*========== Symptom-result ==========*/
.sub.sub-symptom-result .sub-tit-sec .inner { padding-bottom: 0; border: none; } 
.sub.sub-symptom-result .symptom-result-sec{ min-height: 80vh; min-height: calc(var(--vh, 1vh) * 80); min-height: 80dvh; }
.sub.sub-symptom-result .symptom-result-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: clamp(16px, 4.5802vw, 24px); color: #111; } 
.sub.sub-symptom-result .symptom-result-tit { font-variation-settings: 'wght' 700; } 
.sub.sub-symptom-result .symptom-selected-btn { height: 2.1875em; padding: 0 1em; border: 1px solid #666; border-radius: 18px; font-variation-settings: 'wght' 500; font-size: 0.6667em; line-height: 2.1; } 
.sub.sub-symptom-result .guidelines-wrap { width: 100%; margin-bottom: 1em; padding: 2em 16px 4.7em; border-radius: 1em; font-size: clamp( 14px, 3.8168vw, 20px); } 
.sub.sub-symptom-result .result01 .guidelines-wrap { background-color: #E6F2FF; } 
.sub.sub-symptom-result .result02 .guidelines-wrap { background-color: #E4FBEF; } 
.sub.sub-symptom-result .result03 .guidelines-wrap { background-color: #FFFDE1; } 
.sub.sub-symptom-result .result04 .guidelines-wrap { padding-top: 3em; background-color: #FFEBEB; } 
.sub.sub-symptom-result .guidelines-tit { display: block; margin-bottom: 0.7692em; font-variation-settings: 'wght' 700; font-size: 1.3em; text-align: center; word-break: keep-all; white-space: pre-line; } 
.sub.sub-symptom-result .guidelines-desc { font-size: 1em; line-height: 1.5; color: #666; text-align: center; word-break: keep-all; white-space: pre-line; } 
.sub.sub-symptom-result .result04 .guidelines-desc { display: none; } 
.sub.sub-symptom-result .guidelines-icon { position: relative; width: 19em; height: 3px; margin: 2.9em auto 0; background: url('../img/sub/img-gradient-bar.svg') no-repeat center center; font-size: clamp( 10px, 3.8168vw, 20px); } 
.sub.sub-symptom-result .txt-status { position: absolute; top: 1.75em; left: -0.75em; height: 1.875em; padding: 0 0.625em; border: 1px solid #333; border-radius: 0.9375em; font-variation-settings: 'wght' 500; font-weight: 500; font-size: 0.8em; line-height: 1.875; color: #333; } 
.sub.sub-symptom-result .icon-face { content: ''; position: absolute; top: 50%; width: 2.4em; height: 2.4em; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transform: translateY( -50%); } 
.sub.sub-symptom-result .result01 .icon-face { left: -0.6em; background-image: url('../img/sub/icon-step01.svg'); } 
.sub.sub-symptom-result .result02 .icon-face { left: 4.5em; background-image: url('../img/sub/icon-step02.svg'); } 
.sub.sub-symptom-result .result03 .icon-face { left: 9.5em; background-image: url('../img/sub/icon-step03.svg'); } 
.sub.sub-symptom-result .result04 .icon-face { right: 2.1em; width: 3.25em; height: 2.35em; background-image: url('../img/sub/icon-step04.svg'); } 
.sub.sub-symptom-result .icon-light { position: absolute; top: 1.75em; right: -1em; height: 1.875em; padding: 0 0.625em; border: 1px solid #333; border-radius: 0.9375em; font-variation-settings: 'wght' 500; font-weight: 500; font-size: 0.8em; line-height: 1.875; color: #333; } 
.sub.sub-symptom-result .result03 .icon-light, .sub.sub-symptom-result .result04 .icon-light { border-color: #D9112C; color: #D9112C; } 
.sub.sub-symptom-result .icon-light::before { content: ''; position: absolute; top: -3em; left: 50%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transform: translateX(-50%); } 
.sub.sub-symptom-result .result01 .icon-light::before, .sub.sub-symptom-result .result02 .icon-light::before { width: 2.5em; height: 2.375em; background-image: url('../img/sub/icon-light01.svg'); } 
.sub.sub-symptom-result .result03 .icon-light::before { width: 2.5em; height: 2.375em; background-image: url('../img/sub/icon-light02.svg'); } 
.sub.sub-symptom-result .result04 .icon-light::before { top: -4em; width: 3.4375em; height: 3.375em; background-image: url('../img/sub/icon-light03.svg'); } 
.sub.sub-symptom-result .symptom-result-btn-wrap { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: clamp(28px, 7.6336vw, 40px); } 
.sub.sub-symptom-result .symptom-result-btn-wrap .square-btn .desc { display: block; margin-top: 2px; font-variation-settings: 'wght' 500; font-size: clamp(13px, 3.8168vw, 20px); } 
.sub.sub-symptom-result .symptom-result-btn-wrap .search-icon-btn { display: block; position: relative; width: calc( 50% - 6px ); height: fit-content; padding: 0.9091em 8px 2.8182em 0.87em; border: 2px solid #eee; border-radius: 0.4545em; font-variation-settings: 'wght' 700; font-size: clamp(13px, 4.1985vw, 22px); color: #111; } 
.sub.sub-symptom-result .symptom-result-btn-wrap .search-icon-btn::after { content: ''; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.sub.sub-symptom-result .symptom-result-btn-wrap .search-icon-btn.medical-institution::after { right: 0.8182em; bottom: 0.8182em; width: 2.3182em; height: 1.7273em; background-image: url('../img/common/icon-hospital.svg'); } 
.sub.sub-symptom-result .symptom-result-btn-wrap .search-icon-btn.hospital::after { right: 0.6364em; bottom: 0.6364em; width: 2.1818em; height: 2.1818em; background-image: url('../img/common/icon-band.svg'); } 
.sub.sub-symptom-result .result01 .egen-btn, .sub.sub-symptom-result .result01 .call-btn, .sub.sub-symptom-result .result01 .emergency-guideline-btn, .sub.sub-symptom-result .result02 .egen-btn, .sub.sub-symptom-result .result02 .call-btn, .sub.sub-symptom-result .result02 .emergency-guideline-btn { display: none; } 
.sub.sub-symptom-result .result03 .call-btn, .sub.sub-symptom-result .result03 .emergency-guideline-btn { display: none; } 
.sub.sub-symptom-result .result04 .egen-btn, .sub.sub-symptom-result .result04 .homecare-btn, .sub.sub-symptom-result .result04 .search-icon-btn { display: none; } 
.sub.sub-symptom-result .result04 .homecare-btn.emergency-guideline-btn { display: block; }
.sub.sub-symptom-result .precautions { padding-top: 20px; padding-bottom: 40px; border-top: 1px solid #eee; font-variation-settings: 'wght' 400; font-size: clamp(12px, 3.0534vw, 16px); line-height: 1.4; color: #666; } 
@media screen and (min-width: 1024px){
    .sub.sub-symptom-result .symptom-selected-btn { transition: all 0.3s; } 
    .sub.sub-symptom-result .symptom-selected-btn:hover { background-color: rgba(0, 0, 0, 0.04); } 
    .sub.sub-symptom-result .symptom-result-btn-wrap .search-icon-btn { transition: all 0.3s; } 
    .sub.sub-symptom-result .symptom-result-btn-wrap .search-icon-btn:hover { background-color: rgba(0, 0, 0, 0.05); } 
}
/*========== Symptom-result 20240806 이동근 ==========*/
.sub.sub-symptom-result .symptom-result-btn-wrap .flex-box{display:flex; justify-content:space-between; width: 100%;}
.sub.sub-symptom-result .symptom-result-btn-wrap .flex-box a{height: 100%;}
/*========== Sub-institution(공통) ==========*/
.sub.sub-institution .sub-sec-tit { margin-bottom: 1.0769em; } 
.sub.sub-institution .institution-result-wrap { padding-top: clamp(28px, 7.6336vw, 40px); padding-bottom: clamp(28px, 7.6336vw, 40px); background-color: #F5F5F5; } 
.sub.sub-institution .institution-result-desc { margin-bottom: 1.2727em; font-variation-settings: 'wght' 500; font-size: clamp(14px, 4.198vw, 22px); } 
.sub.sub-institution .institution-result-flex{display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; margin-bottom: 1.2727em; }
.sub.sub-institution .institution-result-flex .institution-result-desc{margin-bottom: 0; }
.sub.sub-institution .institution-result-flex .basic-select-box{width: auto;}
.sub.sub-institution .institution-result-flex .basic-select-box select{height: auto; padding: 0 1.2em 0 0.6em; border: 0; background-color: transparent; background-position: center right; background-size: 0.7em 0.4em;}
/* institution-list */
.sub.sub-institution .institution-list { margin-bottom: 1.5em; font-size: clamp(10px, 3.0534vw, 16px); } 
.sub.sub-institution .institution-list > li { border: 1px solid #eee; border-radius: 10px; background-color: #fff; } 
.sub.sub-institution .institution-list > li:not(:last-child) { margin-bottom: 1em; } 
.sub.sub-institution .institution-txt-wrap { width: 100%; padding: 2.5em 1.25em; } 
.institution-txt-wrap .institution-category { position: relative; display: block; margin-bottom: 0.7778em; padding-left: 1.4444em; font-size: 1em; font-variation-settings: 'wght' 600; font-size: clamp(14px, 3.4351vw, 18px); line-height: 1.1111; word-break: keep-all; } 
.institution-txt-wrap .institution-category + .institution-name {margin-top: 1em;}
.institution-txt-wrap .institution-category::before { content: ''; position: absolute; top: 50%; left: 0; width: 1.1111em; height: 1.1111em; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; font-size: 1em; aspect-ratio: 1/1; transform: translateY(-50%); }
.sub.sub-institution .institution-name { display: block; margin-bottom: 0.2308em; font-variation-settings: 'wght' 700; font-size: clamp(15px, 4.9618vw, 26px); } 
.sub.sub-institution .info-icon { padding-left: 1.7em; background-repeat: no-repeat; background-position: left top 1px; background-size: 1.1em 1.15em; font-size: clamp(14px, 3.8168vw, 20px); line-height: 1.3; color: #666; } 
.sub.sub-institution .info-icon.institution-tel { background-image: url('../img/sub/icon-tel.svg'); } 
.sub.sub-institution .info-icon.institution-address { background-image: url('../img/sub/icon-location.svg'); } 
.sub.sub-institution .info-icon.institution-note { background-image: url('../img/sub/icon-note.svg'); } 
.sub.sub-institution .info-icon.institution-note-etc { background-image: url('../img/sub/icon-note-etc.svg'); } 
.sub.sub-institution .institution-hours { display: block; margin-bottom: 1.6em; font-variation-settings: 'wght' 500; font-size: clamp(14px, 3.8168vw, 20px); } 
.sub.sub-institution .institution-hours .state{font-variation-settings: 'wght' 500;}
.sub.sub-institution .institution-hours .state.open{margin-right: 0.5em; color: #00998C;}
.sub.sub-institution .institution-hours .state.end{margin-right: 0.5em; color: #F54961;}
.sub.sub-institution .institution-hours .state.before{margin-right: 0.5em; color: #666666;}
.sub.sub-institution .institution-tel { margin-bottom: 0.4em; } 
.sub.sub-institution .institution-tel > a { display: inline-block; color: #666; } 
.sub.sub-institution .pharmacy .institution-tel .number::after { display: none; } 
.sub.sub-institution .institution-address { margin-bottom: 0.4em; } 
.sub.sub-institution .institution-address .address-detail .zipcode { color: #00998C; } 
.sub.sub-institution .institution-address .address-detail .copy-btn { display: inline-block; padding-left: 1.4375em; background: url('../img/sub/icon-copy.svg') no-repeat left center / 1.4375em 1.4375em; font-size: clamp(13px, 3.053vw, 16px); line-height: 23px; color: #666; transform: translateY(-1px); }
.sub.sub-institution .institution-address .directions { font-variation-settings: 'wght' 300; } 
.sub.sub-institution .institution-note.active .more-btn { display:none; } 
.sub.sub-institution .institution-note-etc { margin-top: 0.4em; } 
.sub.sub-institution .map-btn { height: clamp(52px, 14.5038vw, 76px); border-top: 1px solid #eee; border-top-right-radius: 0; border-top-left-radius: 0; } 
.sub.sub-institution .map-btn span { padding-left: 1.6364em; background: url('../img/common/icon-map.svg') no-repeat left center / 1.4091em 1.2727em; } 
.sub.sub-institution .map-btn.link-btn span { background: url('../img/common/icon-hospital-btn.svg') no-repeat left center / 1.3091em 1.1727em; } 
.sub.sub-institution .selected-hospital.safe-clinic::before, .institution-category.safe-clinic::before { background-image: url('../img/sub/icon-hospital01.svg'); } 
.sub.sub-institution .selected-hospital.safe-hospital::before, .institution-category.safe-hospital::before { background-image: url('../img/sub/icon-hospital12.svg'); } 
.sub.sub-institution .selected-hospital.moonlight::before, .institution-category.moonlight::before { background-image: url('../img/sub/icon-hospital02.svg'); } 
.sub.sub-institution .selected-hospital.er-hospital::before, .institution-category.er-hospital::before { background-image: url('../img/sub/icon-hospital03.svg'); } 
.sub.sub-institution .selected-hospital.night-consult::before, .institution-category.night-consult::before { background-image: url('../img/sub/icon-hospital13.svg'); } 
.sub.sub-institution .selected-hospital.child-center::before, .institution-category.child-center::before { background-image: url('../img/sub/icon-hospital04.svg'); } 
.sub.sub-institution .selected-hospital.burn::before, .institution-category.burn::before { background-image: url('../img/sub/icon-hospital10.svg'); } 
.sub.sub-institution .selected-hospital.child-burn::before, .institution-category.child-burn::before { background-image: url('../img/sub/icon-hospital05.svg'); } 
.sub.sub-institution .selected-hospital.tooth-fracture::before, .institution-category.tooth-fracture::before { background-image: url('../img/sub/icon-hospital07.svg'); } 
.sub.sub-institution .selected-hospital.os::before, .institution-category.os::before { background-image: url('../img/sub/icon-hospital08.svg'); } 
.sub.sub-institution .selected-hospital.ps::before, .institution-category.ps::before { background-image: url('../img/sub/icon-hospital09.svg'); } 
.sub.sub-institution .selected-hospital.bs::before, .institution-category.bs::before { background-image: url('../img/sub/icon-hospital14.svg'); }
.sub.sub-institution .institution-result-more-btn { border: 1px solid #ccc; border-radius: 5px; font-variation-settings: 'wght' 600; font-size: clamp(15px, 4.1985vw, 22px); } 
@media screen and (min-width: 1024px){
    .sub.sub-institution .map-btn,
    .sub.sub-institution .institution-result-more-btn{transition: 300ms;}
    .sub.sub-institution .map-btn:hover,
    .sub.sub-institution .institution-result-more-btn:hover { background-color: rgba(0, 0, 0, 0.05); opacity: 1; transition: 300ms;}
}  
/* 내주변찾기, 병원구분별 찾기 select */
.zone-cont .institution-category { position: relative; margin-bottom: 0; padding-left: 1.5652em; font-size: 1em; line-height: 1.0435; word-break: keep-all; } 
.zone-cont .institution-category:not(.all)::before { content: ''; position: absolute; top: 1px; left: 0; width: 1.0435em; height: 1.0435em; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; font-size: 1em; aspect-ratio: 1/1 }
.zone-cont .institution-category.all { padding-left: 0; font-variation-settings: 'wght' 700; } 
.zone-wrap.hospital .zone-top { height: 40px; } 
.zone-wrap.hospital .zone-top .btn-close { position: absolute; right: 0.909em; top: 0; transform: translate(0, 0); } 
.zone-wrap.seoul .tit-box { display: block; } 
.zone-wrap.seoul .zone-btn-wrap { display: block; } 
.zone-wrap.seoul .gu-list-wrap { display: block; } 
.zone-wrap.seoul .gu-list-wrap.hospital { display: none; } 
.zone-wrap.hospital .tit-box { display: none; } 
.zone-wrap.hospital .zone-btn-wrap { display: none; } 
.zone-wrap.hospital .gu-list-wrap, .zone-wrap.hospital .zone-radio-wrap{ display: none; } 
.zone-wrap.hospital .gu-list-wrap.hospital { display: block; } 
@media screen and (min-width: 542px){
    .zone-cont .institution-category:not(.all)::before { top: 2px; }
}
@media screen and (max-width: 420px){
    .sub.sub-institution .institution-address .address-detail .copy-btn { transform: translateY(0); }
}
@media screen and (max-width: 320px){
    .sub.sub-institution .zone-wrap.hospital .gu-list-wrap.hospital { margin: 0 clamp(14px, 5vw, 16px) 0; } 
}
/* view-map-btn */
.common-btn.view-map-btn{position: fixed; bottom: clamp(74px, 19.084vw, 100px); right: 20px; z-index: 10; display: none; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 8px; width: 7.2em; min-width: 100px; height: 2.9em; border-radius: 3em; background-color: #00998C; font-size: clamp(14px, 3.8168vw, 20px); color: #fff; transition: bottom 0.2s;}
.common-btn.view-map-btn.on{display: flex; transition: background-color 300ms;}
.common-btn.view-map-btn i{display: inline-block; width: 1.05em; height: 1.3em; background-image: url('../img/common/icon-map-marker.svg'); background-repeat: no-repeat; background-size: auto 100%;}
.common-btn.view-map-btn span{font-size: clamp(14px, 3.8168vw, 20px); white-space: nowrap;}
@media screen and (min-width: 542px){
    .common-btn.view-map-btn{ right: clamp(16px, 4.5802vw, 24px); }
}
@media screen and (min-width: 1024px){
    .common-btn.view-map-btn{ left: 0; right: calc(7.2em + 42px); margin: 0 auto;}
    .common-btn.view-map-btn:hover{background-color: #028378; transition: background-color 300ms;}
}

/* no-result ~ go-to-wrap */
.no-result ~ .go-to-wrap{display: flex; flex-flow: column; gap: 12px;}
.no-result ~ .go-to-wrap > a{height: clamp(54px, 15.267vw, 80px); padding: 0 16px; border-radius: 10px;}
.no-result ~ .go-to-wrap > a > span{font-size: clamp(16px, 4.58vw, 24px); font-variation-settings: 'wght' 600;}


/*========== Seoul-medical-info ==========*/
.sub.sub-seoul-medical-info .sub-tit-sec .inner { border: none; } 
.sub.sub-seoul-medical-info .sub-sec.medical-tab-sec { padding: 0; } 
.sub.sub-seoul-medical-info .tab-select-wrap { display: flex; flex-direction: column; gap: 1.5em; padding-top:1.75em; padding-bottom: 1.875em; font-size: clamp(10px, 3.0534vw, 16px); } 
.sub.sub-seoul-medical-info .btn-search { margin: 0; padding: clamp(13px, 3.4351vw, 15px) 20px;}
.sub.sub-seoul-medical-info .input-box-wrap.looking-input-box { margin: 0; } 
.sub.sub-seoul-medical-info .btn-search.hospital { display: flex; align-items: center; width: fit-content; height: 2.4em; padding: 0 2.4em 0 0.9091em; border: 1px solid #ccc; border-radius: 1.1364em; background-color: #fff; background-size: 0.8em 0.5em; font-size: clamp(14px, 3.817vw, 20px); font-variation-settings: 'wght' 500; color: #333; } 
.sub.sub-seoul-medical-info .selected-hospital { display: flex; align-items: center; position: relative; width: fit-content; height: 2.2727em; padding: 0 2.2727em; margin-top: 1px; border: 1px solid rgba(20, 200, 174, 0.2); border-radius: 25px; background-color: rgba(20, 200, 174, 0.1); font-variation-settings: 'wght' 600; font-size: clamp(14px, 4.198vw, 22px); color: #111; } 
.sub.sub-seoul-medical-info .selected-hospital::before { content: ''; position: absolute; top: 50%; left: 0.8182em; width: 1.0909em; height: 1.0909em; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transform: translateY(-50%); } 
.sub.sub-seoul-medical-info .selected-hospital .hospital-close-btn { position: absolute; top: 50%; right: 0.227em; width: 2.272em; height: 2.272em; padding: 0.5909em; border-radius: 50%; transform: translateY(-50%); } 
.sub.sub-seoul-medical-info .selected-hospital .hospital-close-btn span{ display: inline-block; width: 100%; height: 100%; border-radius: 50%; background: #999 url('../img/common/icon-close-w.svg') no-repeat center center / 0.4545em 0.4545em; text-indent: -9999px;}
.sub.sub-seoul-medical-info #categorySelectBox > div:not(:last-child) { margin-bottom: 0.6em; }
.sub.sub-seoul-medical-info .hospital-btn-wrap { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
.sub.sub-seoul-medical-info .hospital-btn-wrap .sel-wrap{display: flex; flex-flow: row nowrap; align-items: center; gap: 4px;}
.sub.sub-seoul-medical-info .btn-hospital-info {margin-left: auto; padding: 0.5em 0 0.5em 1.9em; background: url('../img/sub/icon-info-g.svg') no-repeat left 0.6em center / 1.1em 1.1em; font-size: clamp(14px, 3.8168vw, 20px); color: #666; }
#categorySelectBox.looking-input-none{flex-direction: column;}
/*========== Child-er ==========*/
.sub.sub-child-er.sub-institution .institution-result-wrap { padding-top: 0; background: transparent; } 
.sub.sub-child-er.sub-institution .institution-name { margin-bottom: 1.1538em; } 
/*========== Symptom-hospital-list ==========*/
.sub.sub-symptom-hospital-list .symptom-hospital-list > li { margin-bottom: clamp(10px, 3.0534vw, 16px); } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li:last-child { margin-bottom: 0; } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li > a { padding: 1.0833em 1.0833em 1.0833em 3.6667em; border: 2px solid #eee; border-radius: 10px; background-repeat: no-repeat; background-position: 0.8333em center; background-size: 2em 2em; font-variation-settings: 'wght' 600; font-size: clamp(14px, 4.5802vw, 24px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li.burn > a, .gu-list-wrap.picked .institution-category.burn::before, .sub.sub-symptom-hospital-view .institution-category.burn::before, .sub.sub-symptom-hospital-view .btn-search.burn::after { background-image: url('../img/sub/icon-hospital10.svg'); } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li.child-burn > a, .gu-list-wrap.picked .institution-category.child-burn::before, .sub.sub-symptom-hospital-view .institution-category.child-burn::before, .sub.sub-symptom-hospital-view .btn-search.child-burn::after { background-image: url('../img/sub/icon-hospital05.svg'); } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li.tooth-fracture > a, .gu-list-wrap.picked .institution-category.tooth-fracture::before, .sub.sub-symptom-hospital-view .institution-category.tooth-fracture::before, .sub.sub-symptom-hospital-view .btn-search.tooth-fracture::after { background-image: url('../img/sub/icon-hospital11.svg'); } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li.ps > a, .gu-list-wrap.picked .institution-category.ps::before, .sub.sub-symptom-hospital-view .institution-category.ps::before, .sub.sub-symptom-hospital-view .btn-search.ps::after { background-image: url('../img/sub/icon-hospital09.svg'); } 
.sub.sub-symptom-hospital-list .symptom-hospital-list > li.os > a, .gu-list-wrap.picked .institution-category.os::before, .sub.sub-symptom-hospital-view .institution-category.os::before, .sub.sub-symptom-hospital-view .btn-search.os::after { background-image: url('../img/sub/icon-hospital08.svg'); } 
@media screen and (min-width: 1024px){
    .sub.sub-symptom-hospital-list .symptom-hospital-list > li > a { transition: all 0.3s; } 
    .sub.sub-symptom-hospital-list .symptom-hospital-list > li:hover a { background-color: rgba(0, 0, 0, 0.05); } 
}
/*========== Symptom-hospital-view ==========*/
.sub.sub-symptom-hospital-view .btn-search { position: relative; padding: 0.6667em 2em 0.6667em 2.8em; border: 2px solid #eee; border-radius: 10px; font-size: clamp(13px, 4.5802vw, 24px); font-weight: 600; font-variation-settings: 'whgt' 600; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #333; word-break: keep-all; line-height: 1; } 
.sub.sub-symptom-hospital-view .btn-search::after { content: ''; position: absolute; top: 50%; left: 0.8em; width: 1.5em; height: 1.5em; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; font-size: 1em; transform: translateY(-50%);} 
.sub.sub-symptom-hospital-view .symptom-hospital-view-sec { padding-bottom: 0; }
.sub.sub-symptom-hospital-view .hospital-btn-wrap{margin-bottom: clamp(18px, 5.344vw, 28px);}
@media screen and (max-width: 370px){
    .sub.sub-symptom-hospital-view .btn-search {line-height: 1.3; } 
}
/*========== Service ==========*/
.sub .service-sec:not(.sub-tit-sec) { padding: clamp(48px, 11.450vw, 60px) 0 clamp(28px, 7.6336vw, 40px); } 
.service-sec .service-list > li {padding: 28px 0 3.375em; border-radius: 20px; font-size: clamp(0.875rem, 3.053vw, 1rem); } 
.service-sec .service-list > li.thanks { margin-bottom: 3.250em; background-color: #E6F2FF; } 
.service-sec .service-list > li.get-help { margin-bottom: 2.500em; background-color: #FFEBEB; } 
.service-sec .service-list > li.divide { margin-bottom: 2.500em; background-color: #F0FAF6; } 
.service-sec .service-list > li .tit-area { display: flex; flex-flow: row nowrap; align-items: flex-end; justify-content: space-between; margin-top: -4.375em; padding:0 2.500em 0.938em 1.250em; border-bottom: 1px solid #fff; font-size: clamp(0.875rem, 3.053vw, 1rem); } 
.service-sec .service-list > li .tit-area .service-tit { font-size: clamp(1.313rem, 4.962vw, 1.625rem); line-height: 1.231em; } 
.service-sec .service-list > li .tit-area .service-vis { width: 5.938em; margin-bottom: 0.750em; font-size: clamp(0.750rem, 3.053vw, 1rem); aspect-ratio: 19 / 24; } 
.service-sec .service-list > li .service-vis img { aspect-ratio: 19 / 24; } 
.service-sec .service-list > li .contents-box { padding: 1.250em 1.250em 0; font-size: clamp(0.875rem, 3.053vw, 1rem); } 
.service-sec .service-list > li .contents-box .content { min-height: 6.250em; font-size: clamp(0.875rem, 3.053vw, 1rem); } 
.service-sec .service-list > li .contents-box .content p { font-size: clamp(1rem, 3.817vw, 1.250rem); line-height: 1.500em; }
/* divide */
.service-sec .service-list > li.divide .tit-area {margin-top: -3.3125em;}
.service-sec .service-list > li.divide .tit-area .service-vis{width: 8.5em; margin-bottom: 0; aspect-ratio: 137 / 87;}
.service-sec .service-list > li.divide .service-vis img { aspect-ratio: 137 / 87; } 
li.divide .hospital-list li:not(:last-child){margin-bottom: 1.3125em; font-size: clamp(0.875rem, 3.053vw, 1rem);}
li.divide .hospital-list li .title{padding-left: 1.4em; background-position: left center; background-repeat: no-repeat; background-size: 1em 1em; font-weight: 600; font-variation-settings: 'wght' 600; }
li.divide .hospital-list li.safe-clinic .title{background-image: url('../img/sub/icon-hospital01.svg');}
li.divide .hospital-list li.safe-hospital .title{background-image: url('../img/sub/icon-hospital12.svg');}
li.divide .hospital-list li.child-center .title{background-image: url('../img/sub/icon-hospital03.svg');}
li.divide .hospital-list li.night-consult .title{background-image: url('../img/sub/icon-hospital13.svg');}
li.divide .hospital-list li.moonlight .title{background-image: url('../img/sub/icon-hospital02.svg');}
li.divide .hospital-list li .text{padding: 0.35em 0 0 1.4em; line-height: 1.4em;}
@media screen and (max-width: 360px){
    .service-sec .service-list > li { padding: 0 0 3.375em; } 
    .service-sec .service-list > li.thanks { margin-bottom: 2.500em; }
    .service-sec .service-list > li.get-help { margin-bottom: 2.500em; }
    .service-sec .service-list > li .tit-area { align-items: center; margin-top: 0; padding: 6px 0.714em 0.938em 1.25em; } 
    .service-sec .service-list > li.divide .tit-area {margin-top: 0;}
    .service-sec .service-list > li .tit-area .service-tit { width: calc(100% - 20vw); min-width: calc(100% - 78px); padding-top: 0.619em; font-size: clamp(1.125rem, 5.833vw, 1.313rem); word-break: keep-all; } 
    .service-sec .service-list > li .tit-area .service-vis { width: 20vw; min-width: 56px; margin-bottom: 0; font-size: 1rem; } 
}
/* process */
.service-sec .service-list > li.process { background-color: #f5f5f5; } 
.service-sec .service-list > li.process .tit-area{margin: 0;}
.service-sec .service-list > li.process .contents-box{padding: 1.250em 2.625em 0;}
.service-sec .service-list > li.process .contents-box .content{font-size: 1rem;}
.service-sec .process-list{max-width: 600px; margin: 0 auto; font-size: 1rem;}
.service-sec .process-list .process01 .symptom{display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 0.500em; width: 100%;}
.service-sec .process-list .process01 .symptom li figure{width: 13.740vw;max-width: 100px; height: 13.740vw; max-height: 100px; padding: 0.375em; border-radius: 50%; background-color: #fff;}
.service-sec .process-list li.process01 .symptom li:nth-child(1) figure img{margin-top: -0.313em;}
.service-sec .process-list li.process01 .symptom li figure img{ aspect-ratio: 1/1;}
.service-sec .process-list li.process02 .flex-wrap{display: flex; flex-flow: row nowrap; align-items: center; justify-content: center;}
.service-sec .process-list li.process02 .iapa-phone{width: 50%;}
.service-sec .process-list li.process02 .iapa-phone img{aspect-ratio: 1/1;}
.service-sec .process-list li.process02 .logo{width: 50%; padding-left: 1.250em;}
.service-sec .process-list li.process02 .logo p{margin-bottom: 0.500em; font-size:clamp(1rem, 3.053vw, 24px); font-variation-settings: 'wght' 500; color: #333;}
.service-sec .process-list li.process03 .symptom-step-bar{position: relative; width: 100%; z-index: 1;}
.service-sec .process-list li.process03 .symptom-step{display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; gap: 0.500em; margin-top: -0.500em;}
.service-sec .process-list li.process03 .symptom-step li{ display: flex; flex-flow: column; align-items: center; justify-content: flex-end; width: 25%; height: 22.137vw; min-height: 7.250em; max-height: 176px; padding: 1.000em 0.625em; border-radius: 10px; background-color: #fff;}
.service-sec .process-list li.process03 .symptom-step li .symptom-icon{width: 10.687vw; max-width: 90px;}
.service-sec .process-list li.process03 .symptom-step li .symptom-icon img{aspect-ratio: 39/32;}
.service-sec .process-list li.process03 .symptom-step li:nth-child(1) .symptom-icon{width: 10.878vw; max-width: 92px;}
.service-sec .process-list li.process03 .symptom-step li:nth-child(1) .symptom-icon img{aspect-ratio: 57/49;}
.service-sec .process-list li.process03 .symptom-step li p{margin-top: 0.625em; font-size:clamp(1rem, 3.053vw, 24px); color: #000;}
.service-sec .process-list li.arrow { margin: 1.250em 0 0.500em; text-align: center;}
.service-sec .process-list li.arrow2 { margin: 0.500em 0 1.250em;}
.service-sec .process-list li.arrow span{display: inline-block; width: 2.000em; height: 1.500em; background-image: url('../img/sub/img-process-arrow.svg'); background-size: cover;}
@media screen and (max-width: 524px){
    .service-sec .service-list > li.process .contents-box{font-size: clamp(0.625rem, 3.053vw, 1rem);}
    .service-sec .service-list > li.process .contents-box .content{font-size: clamp(0.625rem, 3.053vw, 1rem);}
    .service-sec .process-list{font-size: clamp(0.625rem, 3.053vw, 1rem);}
    .service-sec .process-list li.process02 .logo p{font-size:clamp(0.75rem, 3.053vw, 1rem);}
    .service-sec .process-list li.process03 .symptom-step li p{font-size: clamp(0.75rem, 3.053vw, 1rem);}
}
@media screen and (max-width: 430px){
    .service-sec .service-list > li.process .contents-box{padding: 1.250em 1.250em 0;}
    .service-sec .process-list li.process03 .symptom-step li{padding: 1.000em 0;}
}
@media screen and (max-width: 360px){
    .service-sec .process-list .process01 .symptom{gap: 0.35em;}
}
@media screen and (min-width: 1024px){
    .service-sec .process-list .process01 .symptom li figure{width: 72px; height: 72px;}
    .service-sec .process-list li.process02 .logo p{ font-size:1rem;}
    .service-sec .process-list li.process03 .symptom-step li{width: 92px; height: 116px;}
    .service-sec .process-list li.process03 .symptom-step li .symptom-icon{width: 56px;}
    .service-sec .process-list li.process03 .symptom-step li:nth-child(1) .symptom-icon{width: 57px;}
    .service-sec .process-list li.process03 .symptom-step li p{ font-size:1rem;}
}
/*========== Personal Info ==========*/
.sub-tit-sec.personal-info-sec .sub-page-tit { margin-bottom: 1.333em; } 
.personal-info-sec .agree-wrap .agree-box { padding: 2.500em 2.500em 3.750em; border-radius: 6px; border: 1px solid #F5F5F5; background-color: #FAFAFA; font-size: clamp(0.875rem, 3.053vw, 1rem); } 
.personal-info-sec .agree-wrap .agree-box .agree-tit { display: inline-block; margin-bottom: 0.800em; font-size: clamp(18px, 3.817vw, 20px); font-variation-settings: 'wght' 700; } 
.personal-info-sec .agree-wrap .agree-box p { margin-bottom: 1.625em; line-height: 1.625em; } 
.personal-info-sec .agree-wrap .agree-box p:last-child { margin-bottom: 0; } 
.personal-info-sec .agree-wrap .basic-check-box.agreement-chk { margin: 1.750em auto; } 
.personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"] + label { height: 20px; } 
.personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"] + label span { padding: 0 0 0 1.778em; font-size: clamp(0.875rem, 3.435vw, 1.125rem); } 
.personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"] + label::before { width: 20px; height: 20px; border-radius: 2px; border: 1px solid #666; background: #fff; } 
.personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"]:checked + label::before { border-color: #14C8AE; background: #14C8AE url("../img/common/icon-chk-mark.svg") no-repeat center center / 140% 140%; } 
.personal-info-sec.info-input { border-top-right-radius: 40px; border-top-left-radius: 40px; background-color: #FAFAFA; } 
.personal-info-sec.info-input > .sub-sec-tit { padding: 0 clamp(16px, 4.5802vw, 24px) clamp(12px, 3.435vw, 18px); border-bottom: 1px solid #eee; } 
.personal-info-sec.info-input > .sub-sec-tit span { font-size: clamp(14px, 3.053vw, 1rem); color: #E60041; font-variation-settings: 'wght' 600; } 
.personal-info-sec.info-input li.info-input { padding: 1.750em 0 2.000em; border-bottom: 1px solid #eee; font-size: clamp(14px, 3.053vw, 1rem); } 
.personal-info-sec.info-input li.info-input:last-child { border: 0; padding-bottom: 0; } 
.personal-info-sec.info-input li.info-input .sub-sec-tit { margin-bottom: 0.636em; } 
.personal-info-sec.info-input li.info-input .select-box-wrap { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 8px; } 
.personal-info-sec.info-input li.info-input .select-box-wrap .basic-select-box select {padding: 0 2em 0 0.6em; background-size: 0.8em 0.4em; background-position: right 12px center; color: #333; } 
.personal-info-sec.info-input li.info-input .etc-wrap { display: none; } 
.personal-info-sec.info-input li.info-input .etc-wrap .input-box-wrap { margin-top: clamp(14px, 3.8168vw, 20px); } 
.personal-info-sec.info-input li.info-input .etc-wrap .input-tit { position: absolute; z-index: 1; display: inline-block; width: 3.700em; height: 100%; display: flex; justify-content: center; align-items: center; border-right: 2px solid #eee; font-size: clamp(14px, 3.8168vw, 20px); color: #666; } 
.personal-info-sec.info-input li.info-input .etc-wrap input { padding-left: 4.300em; } 
@media screen and (max-width: 400px){
    .personal-info-sec.info-input li.info-input .select-box-wrap {gap: 4px;}
}
@media screen and (max-width: 360px){
    .personal-info-sec .agree-wrap .agree-box { padding: 30px 16px 34px; font-size: 0.813rem; } 
    .personal-info-sec .agree-wrap .agree-box .agree-tit { font-size: 1rem; } 
    .personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"] + label { height: 18px; } 
    .personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"] + label span { font-size: 0.813rem; } 
    .personal-info-sec .agree-wrap .basic-check-box.agreement-chk input[type="checkbox"] + label::before { width: 18px; height: 18px; } 

    .personal-info-sec.info-input { border-top-right-radius: 30px; border-top-left-radius: 30px; } 
    .personal-info-sec.info-input li.info-input .select-box-wrap { flex-flow: column; gap: 8px;} 
    .personal-info-sec.info-input li.info-input .radio-box-wrap { flex-flow: row wrap; } 
}
/*========== Search Result ==========*/
.search-result-sec { min-height: 75vh; min-height: calc(var(--vh, 1vh) * 75); min-height: 75dvh; }
.search-result-sec .search-result-wrap .sub-sec-tit { margin: 1.818em 0 1.273em; font-variation-settings: 'wght' 500; } 
.search-result-sec .search-result-wrap .sub-sec-tit .search-content { color: #E60041; } 
.search-result-sec .search-result-wrap .empty { padding: 94px 0 46px; } 
.search-result-sec .search-result-wrap .empty .sub-sec-tit { margin: 0; text-align: center; line-height: 1.5; } 
.search-result-sec .search-result-wrap .empty .round-btn.round-btn02 { max-width: 404px; height: clamp(46px, 12.2137vw, 60px); margin: 46px auto 0; } 
@media screen and (max-width: 360px){
    .search-result-sec .search-result-wrap .empty { padding: 60px 0 40px; } 
    .search-result-sec .search-result-wrap .empty .round-btn.round-btn02 { margin-top: 26px; } 
}
/*========== Board List ==========*/
.board-sec .board-list-wrap .sub-sec-tit { margin: 1.818em 0 1.273em; font-variation-settings: 'wght' 500; } 
.board-sec .board-list-wrap .sub-sec-tit .search-content { color: #E60041; } 
.board-sec .board-list-wrap .empty { padding: 94px 0 46px; } 
.board-sec .board-list-wrap .empty .sub-sec-tit { margin: 0; text-align: center; line-height: 1.5; } 
.board-sec .board-list-wrap .empty .round-btn.round-btn02 { max-width: 404px; height: clamp(46px, 12.2137vw, 60px); margin: 46px auto 0; } 
.board-list li a { padding: 1.250em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: clamp(0.813rem, 3.053vw, 1rem); } 
.board-list li.fixed a{background-color: #f5f5f5;} 
.board-list li a .board-tit { display: inline-block; width: 100%; margin-bottom: 0.500em; font-size: clamp(1.125rem, 4.580vw, 1.5rem); font-variation-settings: 'wght' 600; } 
.board-list li a .board-tit:not(.faq-title) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.board-list li a .board-info { font-size: clamp(0.813rem, 3.053vw, 1rem); color: #666; line-height: 1; } 
.board-list li a .board-info .mid-line { display: inline-block; width: 1px; height: 12px; margin: 0 8px; background-color: #ccc; transform: translateY(1px); } 
.board-sec .board-more-btn { margin-top: 1.563em; padding: 0.625em 1.250em; font-size: clamp(0.875rem, 3.053vw, 1rem); } 
/* 교육자료 */
.sub-edu-data .search-box-wrap { margin-top: 1.25em; font-size: clamp(10px, 3.0534vw, 16px); }
.sub-edu-data.sub .sub-tit-sec .inner { border: 0; }
.sub .sub-sec:not(.sub-tit-sec).edu-data-sec { padding-top: 0; }

@media screen and (max-width: 360px){
    .board-sec .board-list-wrap .empty { padding: 60px 0 40px; } 
    .board-sec .board-list-wrap .empty .round-btn.round-btn02 { margin-top: 26px; } 
}
@media screen and (min-width: 1024px){
    .board-list li a { transition: all 300ms; } 
    .board-list li a:hover { border-color: rgba(20, 200, 174, 0.2); background-color: rgba(20, 200, 174, 0.1); transition: all 300ms; } 
}
/*========== Board View ==========*/
.sub-board-view .sub-btn-bar { display: none; } 
.sub-board-view .sub-btn-bar.go-to-btn { display: block; } 
.cont-area .board-view-sec .inner { padding-left: clamp(16px, 3.817vw, 20px); padding-right: clamp(16px, 3.817vw, 20px); } 
.board-view-sec .board-tit { font-size: clamp(1.125rem, 4.580vw, 24px); line-height: 1.500em; } 
.board-view-sec .board-view-info { margin-top: 1.125em; font-size: clamp(0.813rem, 3.053vw, 1rem); color: #666; line-height: 1; } 
.board-view-sec .board-view-info .mid-line { display: inline-block; width: 1px; height: 12px; margin: 0 8px; background-color: #ccc; transform: translateY(1px); } 
.board-view-sec .board-view-wrap { margin-top: 2.500em; border-top: 1px solid #eee; font-size: clamp(0.813rem, 3.053vw, 1rem); } 
.board-view-sec .board-view-wrap .board-content { padding: 2.000em 0; font-size: clamp(1rem, 3.817vw, 1.250rem); line-height: 1.600em; } 
.board-view-sec .attachment-wrap { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; padding: 0.889em 0; border-bottom: 1px solid #eee; font-size: clamp(0.875rem, 3.435vw, 1.125rem); } 
.board-view-sec .attachment-wrap .attachment-tit { display: inline-block; width: 5.2em; color: #666; font-variation-settings: 'wght' 500 } 
.board-view-sec .attachment-wrap .attachment-tit .mid-line { display: inline-block; width: 1px; height: 12px; margin: 0 12px 0 10px; background-color: #ccc; } 
.board-view-sec .attachment-list { width: calc(100% - 5.2em); } 
.board-view-sec .attachment-list li { margin-bottom: 0.889em; } 
.board-view-sec .attachment-list li:last-child { margin-bottom: 0; } 
.board-view-sec .attachment-list li a { padding-left: 1.333em; background-image: url('../img/sub/icon-download.svg'); background-size: 0.889em 0.889em; background-repeat: no-repeat; background-position: center left; color: #666; line-height: 1; } 
.board-view-sec .attachment-list li a span { display: inline-block; line-height: 1.1; vertical-align: bottom; white-space: nowrap; } 
.board-view-sec .attachment-list li a .name { max-width: calc(100% - 2.778em); overflow: hidden; text-overflow: ellipsis; } 
/* 에디터관련 css */
.board-view-sec .board-view-wrap .board-content ol, .board-view-sec .board-view-wrap .board-content ul { list-style: revert !important; padding-inline-start: 30px !important; }
.board-view-sec .board-view-wrap .board-content h1 { font-size: 26px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content h2 { font-size: 20px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content h3 { font-size: 16px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content h4 { font-size: 13px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content h5 { font-size: 11px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content h6 { font-size: 8px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content pre { font-size: 13px !important; line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content strong,
.board-view-sec .board-view-wrap .board-content strong * { font-variation-settings: 'wght' 700 !important; font-weight: 700 !important; }
.board-view-sec .board-view-wrap .board-content em, 
.board-view-sec .board-view-wrap .board-content em * { font-style: italic !important; }
.board-view-sec .board-view-wrap .board-content p,
.board-view-sec .board-view-wrap .board-content span,
.board-view-sec .board-view-wrap .board-content strong,
.board-view-sec .board-view-wrap .board-content em,
.board-view-sec .board-view-wrap .board-content u { line-height: 1.6 !important; }
.board-view-sec .board-view-wrap .board-content img, .board-view-sec .board-view-wrap .board-content video { width: auto; height: auto; max-width: 100%; } 
.board-view-sec .board-view-wrap .board-content iframe {aspect-ratio: 16 / 9;} 
/* .board-view-sec .board-view-wrap .board-content a{display: inline-block; text-decoration: underline; color: #0782C1;} */
@media screen and (min-width: 524px){
    .board-view-sec .board-view-wrap .board-content ol, .board-view-sec .board-view-wrap .board-content ul { padding-inline-start: 24px !important; }
}
@media screen and (max-width: 430px){
    .board-view-sec .attachment-wrap .attachment-tit .mid-line { transform: translateY(1px); } 
}
@media screen and (min-width: 1024px){
    .board-view-sec .attachment-list li a { transition: color 300ms; } 
    .board-view-sec .attachment-list li a:hover { color: #333; transition: color 300ms; } 
}
/*========== FAQ ==========*/
.faq-list .faq-button { padding: 1.250em; border-bottom: 0; font-size: clamp(0.813rem, 3.053vw, 1rem); } 
.faq-list .faq-button .faq-tit-box { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } 
.faq-list .faq-button .faq-tit { width: calc(100% - 1.250em); padding-left: 1.750em; text-overflow: inherit; } 
.faq-list .faq-button .faq-title::before { content: 'Q. '; position: absolute; left:0; } 
.faq-list .faq-button .faq-tit-box .icon { display: inline-block; width: 1.000em; height: auto; transition: transform 300ms; } 
.faq-list .faq-button[aria-expanded='true'] .faq-tit-box .icon { transform: rotate(-180deg); transition: transform 300ms; } 
.faq-list .faq-button .faq-tit-box .icon img { height: auto; aspect-ratio: 19 / 11; } 
.faq-list .faq-button + .faq-content { display: none; padding: 2.000em 0 3em; border-top: 1px solid #eee;  font-size: clamp(1rem, 3.817vw, 1.250rem); line-height: 1.600em; }
/*========== ToS ==========*/
.sub .sub-tit-sec.tos-sec .inner { border-bottom: 0; } 
.sub-tit-sec.tos-sec .sub-page-tit { margin-bottom: 1.333em; } 
.tos-sec .tos-box { padding: 2.500em 2.500em; border-radius: 6px; border: 1px solid #F5F5F5; background-color: #FAFAFA; font-size: clamp(0.875rem, 3.053vw, 1rem); line-height: 1.375em; } 
.tos-sec .tos-box .tos-tit { display: inline-block; margin-bottom: 0.800em; font-size: clamp(18px, 3.817vw, 20px); font-variation-settings: 'wght' 700; } 
.tos-sec .tos-cont { margin-bottom: 1em; } 
.tos-sec .tos-cont .tos-sub-tit { margin-bottom: 0.175em; font-variation-settings: 'wght' 600; } 
.tos-sec .tos-cont .tos-txt { position: relative; padding-left: 0.75em; text-align: justify; } 
.tos-sec .tos-cont .tos-txt::before { position: absolute; top: 0; left: 0; content: '-'; } 
.tos-sec .tos-cont .tos-txt ol, .tos-sec .tos-cont .tos-txt ul { margin: 4px 0; } 
.tos-sec .tos-cont .tos-txt ol li { position: relative; padding-left: 0.75em; } 
.tos-sec .tos-cont .tos-txt ol li::before { position: absolute; top: 0; left: 0; content: '·'; font-size: clamp(1.25rem, 4.580vw, 1.5rem); } 
@media screen and (max-width: 360px){
    .tos-sec .tos-box { padding: 30px 16px 30px; font-size: 0.813rem; } 
    .tos-sec .tos-box .tos-tit { font-size: 1rem; } 
}
/*========== Privacy ==========*/
.privacy-sec .privacy-box{ margin-bottom: 1em;}
.tos-sec .tos-cont .gana{margin-top: 0.5em;}
.tos-sec .tos-cont .tos-sub-tit ~ .gana{margin-top: 0;}
.tos-sec .tos-cont .gana > .tos-txt{padding-left: 1.375em;}
.tos-sec .tos-cont .tos-txt ~ .gana > .tos-txt{padding-left: 1.625em;}
.tos-sec .tos-cont .gana > .tos-txt:before{padding-left: 0;}
.tos-sec .tos-cont .tos-txt ~ .gana > .tos-txt:before{padding-left: 0.25em;}
.tos-sec .tos-cont .gana > .tos-txt:first-child:before {content: '가.'; } 
.tos-sec .tos-cont .gana > .tos-txt:nth-child(2):before {content: '나.'; } 
.tos-sec .tos-cont .gana > .tos-txt:nth-child(3):before {content: '다.'; } 
.tos-sec .tos-cont .gana > .tos-txt:nth-child(4):before {content: '라.'; } 
.tos-sec .tos-cont .gana > .tos-txt:nth-child(5):before {content: '마.'; } 
.tos-sec .tos-cont .gana > .tos-txt:nth-child(6):before {content: '바.'; } 
.tos-sec .tos-cont .gana > .tos-txt:nth-child(7):before {content: '사.'; } 
.tos-sec .tos-cont .flex{display: flex; flex-flow: row nowrap; align-items: flex-start; gap: 4px;}
.tos-sec .tos-cont .flex > span{white-space: nowrap;}
.tos-sec .tos-cont .box{margin: 4px 0; padding: 4px; border: 1px solid #ccc;}
.tos-sec .tos-cont .table-wrap{width: 100%; margin: 14px 0;}
.tos-sec .tos-cont .common-table thead tr{ background-color: #f6f8fa;}
.tos-sec .tos-cont .common-table th, .tos-sec .tos-cont .common-table td{padding: 4px; border: 1px solid #dfe1e4; font-size: 13px; text-align: center; vertical-align: middle; word-break: keep-all;}
.tos-sec .tos-cont .common-table td.dt-left{text-align: left;}
.tos-sec .tos-cont .common-table.privacy05 {width: 100%;  background-color: #fff;}
.tos-sec .tos-cont .common-table.privacy05 thead tr{border-bottom: 1px solid #ccc;}
.tos-sec .tos-cont .triangle {padding: 4px 0.75em 0.75em;}
.tos-sec .tos-cont .triangle > .tos-txt{padding-left: 1.125em; text-align: left;}
.tos-sec .tos-cont .triangle > .tos-txt:before{content: '▶'; color: #333; transform: scale(0.9); transform-origin: center center;}

/*========== Medical Map ==========*/
/* base style */
.map_wrap, .map_wrap * { margin: 0; padding: 0; font-size: 16px; }
.map_wrap a, .map_wrap a:hover, .map_wrap a:active { color: #000; text-decoration: none; }
.map_wrap { position: relative; width: 100%; height: 100vh;}
#menu_wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 250px; margin: 10px 0 30px 10px; padding: 5px; overflow-y: auto; background: rgba(255, 255, 255, 0.7); z-index: 2; font-size: 14px; border-radius: 10px; }
.bg_white { background: #fff; }
#menu_wrap hr { display: block; height: 1px; border: 0; border-top: 2px solid #5F5F5F; margin: 3px 0; }
#menu_wrap .option { text-align: center;}
#menu_wrap .option p { margin: 10px 0;}
#menu_wrap .option button { margin-left: 5px;}
#placesList li { list-style: none;}
#placesList .item { position: relative; border-bottom: 1px solid #888; overflow: hidden; cursor: pointer; min-height: 65px;}
#placesList .item span { display: block; margin-top: 4px;}
#placesList .item h5,
#placesList .item .info { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#placesList .item .info { padding: 10px 0 10px 55px;}
#placesList .info .gray { color: #8a8a8a;}
#placesList .info .jibun { padding-left: 26px; background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png') no-repeat; }
#placesList .info .tel { color: #009900;}
#placesList .item .markerbg { float: left; position: absolute; width: 36px; height: 37px; margin: 10px 0 0 10px; background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png') no-repeat;}
#placesList .item .marker_1 { background-position: 0 -10px;}
#placesList .item .marker_2 { background-position: 0 -56px;}
#placesList .item .marker_3 { background-position: 0 -102px}
#placesList .item .marker_4 { background-position: 0 -148px;}
#placesList .item .marker_5 { background-position: 0 -194px;}
#placesList .item .marker_6 { background-position: 0 -240px;}
#placesList .item .marker_7 { background-position: 0 -286px;}
#placesList .item .marker_8 { background-position: 0 -332px;}
#placesList .item .marker_9 { background-position: 0 -378px;}
#placesList .item .marker_10 { background-position: 0 -423px;}
#placesList .item .marker_11 { background-position: 0 -470px;}
#placesList .item .marker_12 { background-position: 0 -516px;}
#placesList .item .marker_13 { background-position: 0 -562px;}
#placesList .item .marker_14 { background-position: 0 -608px;}
#placesList .item .marker_15 { background-position: 0 -654px;}
#pagination { margin: 10px auto; text-align: center;}
#pagination a { display: inline-block; margin-right: 10px;}
#pagination .on { font-weight: bold; cursor: default; color: #777;}

/* custom */
.cont-area.medical-map-area{width: 100%; padding-top: 60px;}
.cont-area.medical-map-area .header-wrap{width: 100%;}
.cont-area.medical-map-area .header-wrap .map-close{position: absolute; top: 4px; right: 10px; z-index: 1010; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px;}
.cont-area.medical-map-area .header-wrap .map-close img{width: 20px; height: 20px;}
.cont-area.medical-map-area .medical-map-sec{padding: 0;}
@media screen and (min-width:524px){
    .cont-area.medical-map-area{padding-top: 80px;}
    .cont-area.medical-map-area .header-wrap .map-close{top: 15px;}
}
/* custom - 이동근님 작업 */
.wrapper.img-none::after{display:none; }
.map-wrap-modify.map_wrap{height: calc(100dvh - 80px);}
.menu-wrap-modify #menu_wrap{width: 350px; max-height: 100%; padding: 5px 14px 50px; background: rgba(255, 255, 255, 0.9); overflow-y: hidden;}
.menu-wrap-modify #menu_wrap .option .input-box-wrap{margin: clamp(15px, 3.817vw, 20px) 0 clamp(18px, 5.344vw, 10px)}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box input{color:#666666; font-size:clamp(14px, 5.143vw, 18px);}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box button{position:absolute; top:0; right:0; width:56px; height:56px; transition: 0.3s;}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box button:not(.clear){background:url('../img/sub/icon-search-black.svg') 50% 50% /26px 26px no-repeat; font-size:0; aspect-ratio:1 / 1;}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box .clear{visibility:hidden; opacity:0;}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box .clear:hover{opacity:0;}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box button.change:not(.clear){visibility:hidden; opacity:0;}
.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box .clear.change{visibility:visible; opacity:1;}
.menu-wrap-modify #menu_wrap #placesList{overflow-y: auto; height: calc(100% - 106px); padding-top: 6px;}
.menu-wrap-modify #menu_wrap #placesList::-webkit-scrollbar {/* 스크롤바 전체 */ width:6px; background-color:rgba(255, 255, 255, 0.9);} 
.menu-wrap-modify #menu_wrap #placesList::-webkit-scrollbar-track {/* 스크롤바 트랙(바탕) */background-color: rgba(255, 255, 255, 0.9); margin: 14px 0;}
.menu-wrap-modify #menu_wrap #placesList::-webkit-scrollbar-thumb {/* 스크롤바 부분 */ background-color: #999; border-radius: 20px;}
.menu-wrap-modify #menu_wrap #placesList .item{border-bottom-color:#eee;}
.menu-wrap-modify #menu_wrap #placesList .info{padding:16px 0 16px 55px; white-space:normal;}
.menu-wrap-modify #menu_wrap #placesList .info *{letter-spacing:-0.025em;}
.menu-wrap-modify #menu_wrap #placesList .info .tel{color:#00998C;}
.menu-wrap-modify #menu_wrap #placesList .info span:not(.jibun){font-variation-settings: 'wght' 500;}
.menu-wrap-modify #menu_wrap #placesList .info .jibun{position:relative; padding-left:48px; background-image:none;}
.menu-wrap-modify #menu_wrap #placesList .info .jibun::before{content:'지번'; position:absolute; top:0; left:0; width:40px; line-height:20px; background: #eee; color: #666; font-variation-settings: 'wght' 500; font-size:12px; text-align:center; border-radius:2px; letter-spacing:0;}
.menu-wrap-modify #menu_wrap #pagination{position:absolute; bottom: 0; left: 0; width: 100%; background-color:rgba(255, 255, 255, 0.9); margin: 0; padding: 15px 0;}
.menu-wrap-modify #menu_wrap #pagination a{margin-right:0; width: 25px; height: 25px; font-size:16px; color:#999; line-height: 25px; margin-right: 6px; }
.menu-wrap-modify #menu_wrap #pagination a:last-of-type{margin-right: 0;}
.menu-wrap-modify #menu_wrap #pagination a.on{color:#111; font-variation-settings:'wght' 500; border-radius:50%;}
@media screen and (max-width:768px){
	.menu-wrap-modify{position:absolute; top:auto; bottom:0; left:0; z-index:2; width: 100%; height: 50dvh; max-height:542px; margin:0; padding:clamp(16px, 5.089vw, 40px) clamp(14px, 5.089vw, 40px) 0; border-radius:clamp(14px, 5.089vw, 40px) clamp(14px, 5.089vw, 40px) 0 0; background: #fff;}
	.menu-wrap-modify #menu_wrap{position:static; width: 100%; height: 100%; background: #fff; margin:0; padding:0; border-radius:0;}
	.menu-wrap-modify #menu_wrap .input-box-wrap.looking-input-box{margin:0;}
	.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box input{color:#666666; font-size:clamp(20px, 2.799vw, 22px);}
	.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box button{width:auto; height:100%;}
	.menu-wrap-modify #menu_wrap #placesList{padding-top:8px;}
	.menu-wrap-modify #menu_wrap #placesList::-webkit-scrollbar{display:none;}
	.menu-wrap-modify #menu_wrap #placesList .item{padding:clamp(20px, 4.167vw, 32px) 0;}
	.menu-wrap-modify #menu_wrap #placesList .item .markerbg{width:40px; height:50px; margin:0; background-size:cover}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_1{background-position:0 -10px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_2{background-position:0 -61px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_3{background-position:0 -112px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_4{background-position:0 -163px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_5{background-position:0 -215px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_6{background-position:0 -265px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_7{background-position:0 -316px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_8{background-position:0 -367px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_9{background-position:0 -419px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_10{background-position:0 -470px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_11{background-position:0 -521px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_12{background-position:0 -572px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_13{background-position:0 -623px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_14{background-position:0 -674px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_15{background-position:0 -725px;}
	.menu-wrap-modify #menu_wrap #placesList .info{padding:0 0 0 60px;}
	.menu-wrap-modify #menu_wrap #placesList .info h5{font-size:clamp(18px, 3.125vw, 24px);}
	.menu-wrap-modify #menu_wrap #placesList .info span{font-size:clamp(16px, 2.604vw, 20px);}
	.menu-wrap-modify #menu_wrap #placesList .info span:not(.jibun){margin-top:clamp(10px, 2.083vw, 16px);}
	.menu-wrap-modify #menu_wrap #placesList .info .jibun{margin-top:8px; font-size:clamp(16px, 2.604vw, 20px);}
	.menu-wrap-modify #menu_wrap #placesList .info .jibun::before{font-size:clamp(14px, 2.083vw, 16px); line-height:24px;}
	.menu-wrap-modify #menu_wrap #pagination{padding-top: 0; background-color:rgba(255, 255, 255, 1); border-top: 1px solid #eee;}
	.menu-wrap-modify #menu_wrap #pagination{padding: clamp(12px, 3.125vw, 24px) 0;}
	.menu-wrap-modify #menu_wrap #pagination a{width: 25px; height: 25px; padding: 0; text-align: center; font-size:clamp(16px, 2.344vw, 20px); line-height: 25px; margin-right: 6px;}
}
@media screen and (max-width:524px){
	.map-wrap-modify.map_wrap{height: calc(100dvh - 60px);}
	.menu-wrap-modify #menu_wrap .option{padding-bottom:5px;}
	.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box input{font-size:clamp(14px, 4.198vw, 22px);}
	.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box button:not(.clear){background-size:20px 20px;}
	.menu-wrap-modify #menu_wrap .option .input-box-wrap .input-box button{background-size:20px 20px;}
	.menu-wrap-modify #menu_wrap #placesList{height: calc(100% - clamp(95px, 20.229vw, 106px));}
	.menu-wrap-modify #menu_wrap #placesList .item .markerbg{width: 36px; height: 37px; }
	.menu-wrap-modify #menu_wrap #placesList .item .marker_1 { background-position: 0 -10px; background-size: 100%;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_2 { background-position: 0 -56px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_3 { background-position: 0 -102px}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_4 { background-position: 0 -148px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_5 { background-position: 0 -194px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_6 { background-position: 0 -240px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_7 { background-position: 0 -286px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_8 { background-position: 0 -332px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_9 { background-position: 0 -378px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_10 { background-position: 0 -423px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_11 { background-position: 0 -470px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_12 { background-position: 0 -516px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_13 { background-position: 0 -562px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_14 { background-position: 0 -608px;}
	.menu-wrap-modify #menu_wrap #placesList .item .marker_15 { background-position: 0 -654px;}
	.menu-wrap-modify #menu_wrap #placesList .info{padding:0 0 0 clamp(50px, 9.542vw, 60px);}
	.menu-wrap-modify #menu_wrap #placesList .info .jibun::before{top: -1px;}
}

@media screen and (max-width:380px){
	.menu-wrap-modify #menu_wrap #pagination{padding: 8px 0;}
}

/*========== 증상별 처치 방법 > 증상별 사진 보기 2025/08/06 ==========*/
.sub.sub-detail-symptom .symptom-result-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; font-size: clamp(16px, 4.5802vw, 24px); color: #111; } 
.sub.sub-detail-symptom .symptom-result-tit { font-size: clamp(1.313rem, 4.962vw, 1.625rem);line-height: 1.231em;font-variation-settings: 'wght' 700; } 
.sub.sub-detail-symptom .symptom-selected-btn { height: 2.4875em; padding: 0 1em; border: 1px solid #00998C; background-color: #00998C; border-radius: 26px; font-variation-settings: 'wght' 500; font-size: 0.6667em; line-height: 2.4; color: #fff; } 
.sub.sub-detail-symptom .symptom-selected-btn span {padding-left: 2em; background-image: url('../img/common/icon-carmera-white.svg');background-repeat: no-repeat; background-position: left center; background-size: 1.5em  auto;}