/* .f-t{ font-family: "Pretendard"; font-weight: 100; }
.f-el{ font-family: "Pretendard"; font-weight: 200; }
.f-l{ font-family: "Pretendard"; font-weight: 300; }
.f-r{ font-family: "Pretendard"; font-weight: 400; }
.f-m{ font-family: "Pretendard"; font-weight: 500; }
.f-sb{ font-family: "Pretendard"; font-weight: 600; }
.f-b{ font-family: "Pretendard"; font-weight: 700; }
.f-eb{ font-family: "Pretendard"; font-weight: 800; }
.f-bl{ font-family: "Pretendard"; font-weight: 900; } */

:root{
    --color: #d13a35;
    --grey: #666;
}
.f-t{ font-family: "Pretendard"; font-weight: 100; }
.f-el{ font-family: "Pretendard"; font-weight: 200; }
.f-l{ font-family: "Pretendard"; font-weight: 300; }
.f-r{ font-family: "Pretendard"; font-weight: 400; }
.f-m{ font-family: "Pretendard"; font-weight: 500; }
.f-sb{ font-family: "Pretendard"; font-weight: 600; }
.f-b{ font-family: "Pretendard"; font-weight: 700; }
.f-eb{ font-family: "Pretendard"; font-weight: 800; }
.f-bl{ font-family: "Pretendard"; font-weight: 900; }

#bo_list{ max-width: 1500px; margin: auto; padding: 100px 0px; }
#bo_w{ max-width: 1500px; margin: auto; padding: 100px 0px; }
#bo_v{ max-width: 1500px; margin: auto; padding: 100px 0px; }
.sec-container{ max-width: 1500px; margin: auto; padding: 100px 0px; }
.sub-container{ max-width: 1280px; margin: auto; padding: 160px 0px; }

.sp-3{letter-spacing: -3px;}
.sp-2{letter-spacing: -2px;}
.sp-1{letter-spacing: -1px;}
.li-08{line-height: 0.8;}
.li-10{line-height: 1;}
.li-13{line-height: 1.3;}
.li-15{line-height: 1.5;}
.li-18{line-height: 1.8;}
.li-20{line-height: 2;}
.li-30{line-height: 3;}

.f-100{font-size:100px;}
.f-90{font-size:90px;}
.f-80{font-size:80px;}
.f-70{font-size:70px;}
.f-65{font-size:65px;}
.f-60{font-size:60px;}
.f-50{font-size:50px;}
.f-40{font-size:40px;}
.f-38{font-size:38px;}
.f-36{font-size:36px;}
.f-34{font-size:34px;}
.f-32{font-size:32px;}
.f-30{font-size:30px;}
.f-28{font-size:28px;}
.f-26{font-size:26px;}
.f-24{font-size:24px;}
.f-22{font-size:22px;}
.f-20{font-size:20px;}
.f-18{font-size:18px;}
.f-16{font-size:16px;}
.f-14{font-size:14px;}
.f-13{font-size:13px;}
.f-12{font-size:12px;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.keep{ word-break: keep-all;}
.color-w{ color: #fff; }
.color-b{ color: #000; }
.color{ color: #3264ae; }
.bg-color{ background: #3264ae; }
.poiner-none{
    pointer-events: none;
}
/* 서브페이지 섹션 제목 (의료진 소개, 둘러보기 등) */
.sec-tit{ font-family: 'NanumBarunGothic'; font-weight: 400; font-size: 35px; color: #333; text-align: center; letter-spacing: -1px; line-height: 1.4; }
/* 클리닉 섹션 제목 (얇은 글씨 + <b> 굵은 글씨, 아래 짧은 선) / 설명문 / 청록 강조 */
.cl-tit{ font-family: 'NanumBarunGothic'; font-weight: 400; font-size: 35px; color: #333; text-align: center; letter-spacing: -1px; line-height: 1.4; word-break: keep-all; }
/* 핵심 단어(<b>)가 있는 제목 : 나머지 글자만 한 단계 얇게(300), 핵심 단어는 400 */
.cl-tit:has(b){ font-weight: 300; }
.cl-tit b{ font-weight: 400; }
.cl-tit:after{ content: ""; display: block; width: 30px; height: 1px; margin: 18px auto 0; background: #333; }
.cl-desc{ font-family: 'Pretendard'; font-weight: 400; font-size: 21px; line-height: 1.7; color: #444; text-align: center; word-break: keep-all; }
.hl-teal{ color: #328185; border-bottom: 1px solid #aec6c8; }
.hl-blue{ color: #5ba2d6; border-bottom: 1px solid #b8d4ea; }
.hl-orange{ color: #b25c05; border-bottom: 1px solid #d4a080; }
.hl-brown{ color: #85541b; border-bottom: 1px solid #c9a888; }
.hl-rust{ color: #ae5c2a; border-bottom: 1px solid #e3bba5; }
.hl-navy{ color: #0671b7; border-bottom: 1px solid #a5c0de; }
.hl-steel{ color: #3b6e9b; border-bottom: 1px solid #b1c4d6; }
.hl-indigo{ color: #5b6694; border-bottom: 1px solid #b7bcd0; }
.hl-ocean{ color: #2b85aa; border-bottom: 1px solid #adc8dd; }
.cl-tit.cl-left{ text-align: left; }
.cl-tit.cl-left:after{ margin-left: 0; }
@media screen and (max-width: 1540px) {
    #bo_w{ padding: 100px 20px; }
    #bo_v{ padding: 100px 20px; }
    #bo_list{ padding: 100px 20px; }
    .sec-container{ padding: 100px 20px; }
    .sub-container{ padding: 100px 20px; }
}
@media screen and (min-width: 1281px) and (max-width: 1320px) {
    /* 서브 콘텐츠(최대 1280px)가 화면 좌우에 붙지 않도록 20px 여백 (1280px 이하는 페이지별 여백 사용) */
    .sec > .sec-cont{ padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 1280px) {
    #bo_w{ padding: 80px 20px; }
    #bo_v{ padding: 80px 20px; }
    #bo_list{ padding: 80px 20px; }
    .sec-container{ padding: 80px 20px; }
    .sub-container{ padding: 80px 20px; }
    .sec-tit{ font-size: 33px; }
    .cl-tit{ font-size: 33px; }
    .sec > .sec-cont > .sec-tit,
    .sec > .sec-cont > .cl-tit{ padding-left: 20px; padding-right: 20px; }
    .cl-desc{ font-size: 20px; }

    
    /* -5 */
    .f-80{font-size:75px;}
    /* -3 */
    .f-70{font-size:67px;}
    .f-65{font-size:62px;}
    .f-60{font-size:57px;}
    .f-50{font-size:47px;}
    /* -2 */
    .f-40{font-size:38px;}
    .f-38{font-size:36px;}
    .f-36{font-size:34px;}
    .f-34{font-size:32px;}
    .f-32{font-size:30px;}
    .f-30{font-size:28px;}
    .f-28{font-size:26px;}
    /* -1 */
    .f-26{font-size:25px;}
    .f-24{font-size:23px;}
    .f-22{font-size:21px;}
    .f-20{font-size:19px;}
    .f-18{font-size:17px;}
    .f-16{font-size:15px;}
    .f-14{font-size:13px;}
    .f-13{font-size:12px;}
    .f-12{font-size:11px;}
}
@media screen and (max-width: 768px) {
    #bo_w{ padding: 70px 20px; }
    #bo_v{ padding: 70px 20px; }
    #bo_list{ padding: 70px 20px; }
    .sec-container{ padding: 70px 20px; }
    .sub-container{ padding: 70px 20px; }
    .sec-tit{ font-size: 28px; }
    .cl-tit{ font-size: 28px; }
    .cl-tit:after{ margin-top: 14px; }
    .cl-desc{ font-size: 16px; }
    .cl-desc br{ display: none; }

    /* -5 */
    .f-80{font-size:70px;}
    /* -3 */
    .f-70{font-size:64px;}
    .f-65{font-size:59px;}
    .f-60{font-size:54px;}
    .f-50{font-size:44px;}
    /* -2 */
    .f-40{font-size:36px;}
    .f-38{font-size:34px;}
    .f-36{font-size:32px;}
    .f-34{font-size:30px;}
    .f-32{font-size:28px;}
    .f-30{font-size:26px;}
    .f-28{font-size:24px;}
    /* -1  */
    .f-26{font-size:24px;}
    .f-24{font-size:22px;}
    .f-22{font-size:20px;}
    .f-20{font-size:18px;}
    .f-18{font-size:16px;}
    .f-16{font-size:14px;}
    .f-14{font-size:12px;}
    .f-13{font-size:11px;}
    .f-12{font-size:10px;}
}
@media screen and (max-width: 500px) {
    #bo_w{ padding: 60px 20px; }
    #bo_v{ padding: 60px 20px; }
    #bo_list{ padding: 60px 20px; }
    .sec-container{ padding: 60px 20px; }
    .sub-container{ padding: 60px 20px; }
    .sec-tit{ font-size: 24px; }
    .cl-tit{ font-size: 24px; }
    .cl-desc{ font-size: 15px; }

    /* -6 */
    .f-80{font-size:64px;}
    /* -4 */
    .f-70{font-size:60px;}
    .f-65{font-size:55px;}
    .f-60{font-size:50px;}
    .f-50{font-size:40px;}
    /* -3 */
    .f-40{font-size:33px;}
    .f-38{font-size:31px;}
    .f-36{font-size:29px;}
    .f-34{font-size:27px;}
    .f-32{font-size:25px;}
    .f-30{font-size:23px;}
    .f-28{font-size:21px;}
    /* -2  */
    .f-26{font-size:20px;}
    .f-24{font-size:20px;}
    .f-22{font-size:18px;}
    .f-20{font-size:16px;}
    .f-18{font-size:14px;}
}
@media screen and (max-width: 375px) {
    
}