@charset "utf-8";

/* 내용관리 */
.ctt_admin {text-align:right}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
#ctt {
    position: relative;
    z-index: 3;
    background: #fff; 
    border: 1px solid #E1E1E1;  
    border-radius: 6px;
}
body { background: #EDF1F4!important; }
.wrap { 
    background: #EDF1F4; 
    position: relative; 
    padding-top: 150px; /* .container의 padding-top을 여기로 이동 */
}

.container { 
    width: 760px; 
    margin: 0 auto; 

    position: relative; 
    z-index: 2; 
}

.sub-fix { 
    position: fixed; /* fixed에서 absolute로 변경 */
    width: 760px; /* .container의 너비를 빼고 남은 영역을 계산 */
    top: 0; 
    z-index: -1; 
    left: 50%; 
    transform: translateX(-50%); /* .container와 함께 중앙에 배치 */
}

.sub-wonjang { 
    position: absolute; 
    left: -230px; /* .container의 좌측에 위치 */
    top: 160px; 
    z-index: -1; 
}

.sub-seoul { 
    position: absolute; 
    right: -570px; /* .container의 우측에 위치 */
    top: 160px; 
    z-index: -1; 
}

.m-br { display: none; }

.sub-banner-wrap { background: #2BAA7C; border: 1px solid #e1e1e1; width: 100%; padding: 46px 40px; border-radius: 5px; }
.sub-banner-wrap > div { display: flex; justify-content: space-between; align-items: center; }
.sub-banner-wrap > div > .title { font-weight: 400; }
.sub-banner-wrap > div > .title > span { font-weight: 700; }
.sub-banner-wrap > div > a { padding: 13px 25px; background: #00C14F; border-radius: 10px; box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05); display: flex; align-items: center; }
.sub-banner-wrap > div > a > span { margin-left: 10px; line-height: 100%; }


.s-menu-wrap { display: flex; align-items: center; width: 100%; padding: 0 40px; margin-top: 50px; }
.s-menu-wrap > .title { font-weight: 600; color: #B5C7ED; }
.s-menu-wrap > .line { width: 1px; height: 12px; background: #999999; margin: 0 8px; }
.s-menu-wrap > .desc { font-weight: 600; color: #244899; }

.content-inner { width: 100%; padding: 0 40px; }
.content-inner.pd-0 { padding: 0; }

.content-inner .swiper-button-next:after,
.content-inner .swiper-button-prev:after { display: none; }
.content-inner .swiper-button-next { background: url('/theme/basic/svg/sub-next-btn.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; right: 30px; top: 57%; transform: translateY(-50%); }
.content-inner .swiper-button-prev { background: url('/theme/basic/svg/sub-prev-btn.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; left: 30px; top: 57%; transform: translateY(-50%); }
.content-inner .swiper-button-next.black { background: url('/theme/basic/svg/b-next-btn.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; right: 30px; top: 55%; transform: translateY(-50%); }
.content-inner .swiper-button-prev.black { background: url('/theme/basic/svg/b-prev-btn.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; left: 30px; top: 55%; transform: translateY(-50%); }


.content-inner > .img-box { width: 100%; }
.content-inner > .img-box > img { width: 100%; }

.content-inner > .text-wrap { margin-bottom: 50px; }
.content-inner.pd-0 > .text-wrap { padding: 0 40px; }
.content-inner > .text-wrap.mt-150 { margin-top: 150px; }
.content-inner > .text-wrap.mt-80 { margin-top: 80px; }
.content-inner > .text-wrap.mb-40 { margin-bottom: 40px; }
.content-inner > .text-wrap > .title { font-size: 30px; font-weight: 700; }
.content-inner > .text-wrap > .desc { margin-top: 15px; font-weight: 400; font-size: 18px; letter-spacing: -0.06em; }
.content-inner > .text-wrap > .desc > .fw-700 { font-weight: 600; }

.content-inner > .sub-text-wrap { margin-bottom: 30px; }
.content-inner > .sub-text-wrap.mt-50 { margin-top: 50px; }
.content-inner > .sub-text-wrap.mt-80 { margin-top: 80px; }
.content-inner > .sub-text-wrap > .title { font-size: 28px; font-weight: 600; }
.content-inner > .sub-text-wrap > .desc { margin-top: 15px; font-weight: 400; font-size: 18px; letter-spacing: -0.06em; }

.content-inner > .s-sub-text-wrap { margin-bottom: 30px; }
.content-inner > .s-sub-text-wrap.mt-30 { margin-top: 30px; }
.content-inner > .s-sub-text-wrap.mt-50 { margin-top: 50px; }
.content-inner > .s-sub-text-wrap.mt-80 { margin-top: 80px; }
.content-inner > .s-sub-text-wrap > .title { font-size: 24px; font-weight: 600; }
.content-inner > .s-sub-text-wrap > .desc { margin-top: 15px; font-weight: 400; font-size: 18px; letter-spacing: -0.06em; }
.content-inner > .s-sub-text-wrap > div.flex { display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.content-inner > .s-sub-text-wrap > div.flex > div { margin-right: 15px; display: flex; align-items: center; }
.content-inner > .s-sub-text-wrap > div.flex > div:last-child { margin-right: 0; }
.content-inner > .s-sub-text-wrap > div.flex > div > span { font-size: 18px; font-weight: 300; margin-left: 5px; line-height: 100%; }

.content-inner > .desc-wrap { margin-top: 30px; }
.content-inner > .desc-wrap.mt-50 { margin-top: 50px; }
.content-inner > .desc-wrap > .title { font-weight: 700; }
.content-inner > .desc-wrap > .desc { font-weight: 600; font-size: 22px; letter-spacing: -0.05em; }
.content-inner > .desc-wrap > .desc.font-body2 { font-weight: 400; font-size: 18px; letter-spacing: -0.05em; }

.content-inner > .title { font-weight: 600; font-size: 28px; margin-bottom: 30px; }
.content-inner > .desc { margin-top: 10px; font-weight: 700; }

/* sub-slide-1 */
.content-inner > .sub-slide-1 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-1 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-1 .swiper-slide > img,
.content-inner > .sub-slide-1 .swiper-slide > video,
.content-inner > .sub-slide-1 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-2 */
.content-inner > .sub-slide-2 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-2 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-2 .swiper-slide > img,
.content-inner > .sub-slide-2 .swiper-slide > video,
.content-inner > .sub-slide-2 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-3 책 */
.content-inner > .sub-slide-3 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-3.mt-80 { margin-top: 80px; }
.content-inner > .sub-slide-3 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-3 > .text-desc { margin-top: 20px; display: flex; align-items: center; }
.content-inner > .sub-slide-3 > .text-desc > .line { width: 2px; height: 14px; background: #AFB3BC; }
.content-inner > .sub-slide-3 > .text-desc > span { font-weight: 400; margin-left: 5px; }
.content-inner > .sub-slide-3 .swiper-slide { width: auto; padding-bottom: 62.45%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-3 .swiper-slide > img,
.content-inner > .sub-slide-3 .swiper-slide > video,
.content-inner > .sub-slide-3 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-3-1 책 */
.content-inner > .sub-slide-3-1 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-3-1.mt-80 { margin-top: 80px; }
.content-inner > .sub-slide-3-1 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-3-1 > .text-desc { margin-top: 20px; display: flex; align-items: center; }
.content-inner > .sub-slide-3-1 > .text-desc > .line { width: 2px; height: 14px; background: #AFB3BC; }
.content-inner > .sub-slide-3-1 > .text-desc > span { font-weight: 400; margin-left: 5px; }
.content-inner > .sub-slide-3-1 .swiper-slide { width: auto; padding-bottom: 62.45%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-3-1 .swiper-slide > img,
.content-inner > .sub-slide-3-1 .swiper-slide > video,
.content-inner > .sub-slide-3-1 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-3-2 책 */
.content-inner > .sub-slide-3-2 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-3-2.mt-80 { margin-top: 80px; }
.content-inner > .sub-slide-3-2 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-3-2 > .text-desc { margin-top: 20px; display: flex; align-items: center; }
.content-inner > .sub-slide-3-2 > .text-desc > .line { width: 2px; height: 14px; background: #AFB3BC; }
.content-inner > .sub-slide-3-2 > .text-desc > span { font-weight: 400; margin-left: 5px; }
.content-inner > .sub-slide-3-2 .swiper-slide { width: auto; padding-bottom: 62.45%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-3-2 .swiper-slide > img,
.content-inner > .sub-slide-3-2 .swiper-slide > video,
.content-inner > .sub-slide-3-2 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-3-3 책 */
.content-inner > .sub-slide-3-3 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-3-3.mt-80 { margin-top: 80px; }
.content-inner > .sub-slide-3-3 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-3-3 > .text-desc { margin-top: 20px; display: flex; align-items: center; }
.content-inner > .sub-slide-3-3 > .text-desc > .line { width: 2px; height: 14px; background: #AFB3BC; }
.content-inner > .sub-slide-3-3 > .text-desc > span { font-weight: 400; margin-left: 5px; }
.content-inner > .sub-slide-3-3 .swiper-slide { width: auto; padding-bottom: 62.45%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-3-3 .swiper-slide > img,
.content-inner > .sub-slide-3-3 .swiper-slide > video,
.content-inner > .sub-slide-3-3 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-4 */
.content-inner > .sub-slide-4 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-4 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-4 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-4 .swiper-slide > img,
.content-inner > .sub-slide-4 .swiper-slide > video,
.content-inner > .sub-slide-4 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-4-1 */
.content-inner > .sub-slide-4-1 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-4-1 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-4-1 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-4-1 .swiper-slide > img,
.content-inner > .sub-slide-4-1 .swiper-slide > video,
.content-inner > .sub-slide-4-1 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-4-2 */
.content-inner > .sub-slide-4-2 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-4-2 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-4-2 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-4-2 .swiper-slide > img,
.content-inner > .sub-slide-4-2 .swiper-slide > video,
.content-inner > .sub-slide-4-2 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-0303 */
.content-inner > .sub-slide-0303 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-0303 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-0303 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-0303 .swiper-slide > img,
.content-inner > .sub-slide-0303 .swiper-slide > video,
.content-inner > .sub-slide-0303 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-0304 */
.content-inner > .sub-slide-0304 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-0304 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-0304 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-0304 .swiper-slide > img,
.content-inner > .sub-slide-0304 .swiper-slide > video,
.content-inner > .sub-slide-0304 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-4-3 */
.content-inner > .sub-slide-4-3 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-4-3 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-4-3 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-4-3 .swiper-slide > img,
.content-inner > .sub-slide-4-3 .swiper-slide > video,
.content-inner > .sub-slide-4-3 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-5 */
.content-inner > .sub-slide-5 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-5 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-5 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-5 .swiper-slide > img,
.content-inner > .sub-slide-5 .swiper-slide > video,
.content-inner > .sub-slide-5 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-6 */
.content-inner > .sub-slide-6 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-6 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-6 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-6 .swiper-slide > img,
.content-inner > .sub-slide-6 .swiper-slide > video,
.content-inner > .sub-slide-6 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-7 */
.content-inner > .sub-slide-7 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-7 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-7 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-7 .swiper-slide > img,
.content-inner > .sub-slide-7 .swiper-slide > video,
.content-inner > .sub-slide-7 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-8 */
.content-inner > .sub-slide-8 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-8 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-8 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-8 .swiper-slide > img,
.content-inner > .sub-slide-8 .swiper-slide > video,
.content-inner > .sub-slide-8 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }

/* sub-slide-9 */
.content-inner > .sub-slide-9 { width: 100%; position: relative; overflow: hidden; }
.content-inner > .sub-slide-9 > .desc { margin-bottom: 10px; }
.content-inner > .sub-slide-9 .swiper-slide { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .sub-slide-9 .swiper-slide > img,
.content-inner > .sub-slide-9 .swiper-slide > video,
.content-inner > .sub-slide-9 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }


/* rec-desc-wrap */
.content-inner > .rec-desc-wrap.mt-80 { margin-top: 80px; }
.content-inner > .rec-desc-wrap > .text-wrap { margin-bottom: 30px; }
.content-inner > .rec-desc-wrap > .text-wrap > .title { font-weight: 700; font-size: 28px; }
.content-inner > .rec-desc-wrap > .text-wrap > .desc { font-weight: 700; font-size: 18px; margin-top: 15px; }
.content-inner > .rec-desc-wrap > .rec-one-box { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .rec-desc-wrap > .rec-one-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .rec-desc-wrap > .beaf-box { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 50px; }
.content-inner > .rec-desc-wrap > .beaf-box > div { width: 47.06%; padding-bottom: 30.296%; position: relative; border-radius: 10px; }
.content-inner > .rec-desc-wrap > .beaf-box > div > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .rec-desc-wrap > .beaf-box > img { width: 40px; }
.content-inner > .rec-desc-wrap > .desc-wrap { margin-top: 30px; }
.content-inner > .rec-desc-wrap > .desc-wrap > .title { font-weight: 700; }
.content-inner > .rec-desc-wrap > .desc-wrap > .desc { font-weight: 700; margin-top: 15px; font-size: 18px; letter-spacing: -0.05em; }

/* 정사각형 */
.content-inner > .sq-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .sq-wrap > .img-box { width: 48%; padding-bottom: 48%; position: relative; border-radius: 10px; }
.content-inner > .sq-wrap > .img-box > img,
.content-inner > .sq-wrap > .img-box > video,
.content-inner > .sq-wrap > .img-box > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }


/* long two */
.content-inner > .long-two-wrap { display: flex; justify-content: space-between; }
.content-inner.pd-0 > .long-two-wrap { padding: 0 40px; }
.content-inner > .long-two-wrap.mt-30 { margin-top: 30px; }
.content-inner > .long-two-wrap.mt-50 { margin-top: 50px; }
.content-inner > .long-two-wrap > div { width: 48%; }
.content-inner > .long-two-wrap > div > .img-box { width: 100%; padding-bottom: 132.8%; position: relative; border-radius: 10px; }
.content-inner > .long-two-wrap.h452 > div > .img-box { padding-bottom: 140.385%; }
.content-inner > .long-two-wrap > div > .img-box > img,
.content-inner > .long-two-wrap > div > .img-box > video,
.content-inner > .long-two-wrap > div > .img-box > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .long-two-wrap > div > .text-box { margin-top: 20px; }
.content-inner > .long-two-wrap > div > .text-box > .desc { font-weight: 600; }

/* one rec */
.content-inner > .one-rec-wrap.mt-20 { margin-top: 20px; }
.content-inner > .one-rec-wrap.mt-30 { margin-top: 30px; }
.content-inner > .one-rec-wrap.mt-50 { margin-top: 50px; }
.content-inner > .one-rec-wrap > .img-box { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .one-rec-wrap.border { border: 1px solid #e6e6e6; }
.content-inner > .one-rec-wrap.h320 > .img-box { padding-bottom: 46.765%; }
.content-inner > .one-rec-wrap.h425 > .img-box { padding-bottom: 62.5%; }
.content-inner > .one-rec-wrap.h430 > .img-box { padding-bottom: 63.236%; }
.content-inner > .one-rec-wrap > .img-box > img,
.content-inner > .one-rec-wrap > .img-box > video,
.content-inner > .one-rec-wrap > .img-box > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .one-rec-wrap > .text-box { margin-top: 20px; }
.content-inner > .one-rec-wrap > .text-box > .desc { font-weight: 600; letter-spacing: -0.05em; }

.root_daum_roughmap .wrap_controllers { display: none; }
/* 화살표 be & af */
.content-inner > .beaf-box { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.content-inner > .beaf-box.mt-30 { margin-top: 30px; }
.content-inner > .beaf-box.mt-50 { margin-top: 50px; }
.content-inner > .beaf-box > div { width: 47.06%; padding-bottom: 30.296%; position: relative; border-radius: 10px; }
.content-inner > .beaf-box.sq > div { padding-bottom: 47.06%; }
.content-inner > .beaf-box > div > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .beaf-box > img { width: 40px; }


/* click menu */
.content-inner > .click-menu { display: flex; align-items: center; overflow-x: auto; margin-bottom: 50px; padding-bottom: 5px; }
.content-inner > .click-menu::-webkit-scrollbar {
    width: 7px;
    height: 9px;
}

.content-inner > .click-menu::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.content-inner > .click-menu > span { padding: 10px 16px; line-height: 150%; color: #4D4D4D; background: #fff; border: 1px solid #4D4D4D; border-radius: 10px; margin-right: 20px; font-size: 24px; font-weight: 500; letter-spacing: -0.05em; flex: 0 0 auto; cursor: pointer; }
.content-inner > .click-menu > span:last-child { margin-right: 0; }
.content-inner > .click-menu > span.active { color: #fff; background: #244899; border: 1px solid #244899; }


/* click 화살표 be & af */
.content-inner > .click-change-wrap > .beaf-box { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 30px; }
.content-inner > .click-change-wrap > .beaf-box.mb-20 { margin-bottom: 20px; }
.content-inner > .click-change-wrap > .beaf-box:last-child { margin-bottom: 0; }
.content-inner > .click-change-wrap > .beaf-box > div { width: 47.06%; padding-bottom: 30.296%; position: relative; border-radius: 10px; }
.content-inner > .click-change-wrap > .beaf-box > div > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .click-change-wrap > .beaf-box > img { width: 40px; }

.content-inner > .click-change-wrap > .one-rec-wrap > .img-box { width: 100%; padding-bottom: 63.236%; position: relative; border-radius: 10px; }
.content-inner > .click-change-wrap > .one-rec-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner > .click-change-wrap > .one-rec-wrap > .text-box { margin-top: 20px; }
.content-inner > .click-change-wrap > .one-rec-wrap > .text-box > .desc { font-weight: 600; font-size: 18px; }

.content-inner > .click-change-wrap > .text-box { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end; }
.content-inner > .click-change-wrap > .text-box > .title { font-weight: 600; font-size: 28px; padding-bottom: 20px; border-bottom: 3px solid #244899; width: 47.06%; }
.content-inner > .click-change-wrap > .text-box > .desc { font-size: 18px; font-weight: 600; }

.content-inner > .click-change-wrap > .desc-box { margin-bottom: 30px; }
.content-inner > .click-change-wrap > .desc-box > .desc { font-size: 18px; font-weight: 600; }

/* text org */
.content-inner > .text-org-wrap { padding-left: 20px; }
.content-inner > .text-org-wrap > ul { display: flex; margin-bottom: 20px; }
.content-inner > .text-org-wrap > ul:last-child { margin-bottom: 0; }
.content-inner > .text-org-wrap > ul > li { font-size: 22px; font-weight: 600; }
.content-inner > .text-org-wrap > ul > li:first-child { margin-right: 10px; }


/* 정사각형 안에 텍스트 */
.content-inner > .sq-in-text-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.content-inner > .sq-in-text-wrap.center { justify-content: center; }
.content-inner > .sq-in-text-wrap > div { width: 48%; background: #fff; aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05); margin-top: 30px; padding: 50px 0; }
.content-inner > .sq-in-text-wrap.center > div { margin-right: 25px; }
.content-inner > .sq-in-text-wrap.center > div:nth-child(2n),
.content-inner > .sq-in-text-wrap.center > div:last-child { margin-right: 0; }
.content-inner > .sq-in-text-wrap > div:nth-child(1),
.content-inner > .sq-in-text-wrap > div:nth-child(2) { margin-top: 0; }
.content-inner > .sq-in-text-wrap > div > .sub-title { font-size: 28px; font-weight: 600; }
.content-inner > .sq-in-text-wrap > div > .text-wrap { margin-top: 40px; }
.content-inner > .sq-in-text-wrap > div > .text-wrap > .title { font-size: 28px; font-weight: 600; }
.content-inner > .sq-in-text-wrap > div > .text-wrap > .title > span { color: #E54F40; }
.content-inner > .sq-in-text-wrap > div > .text-wrap > .desc { font-size: 18px; font-weight: 400; margin-top: 10px; }


/* check */
.content-inner > .check-wrap > ul { display: flex; align-items: center; padding: 24px 20px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05); margin-bottom: 15px; }
.content-inner > .check-wrap > ul:last-child { margin-bottom: 0; }
.content-inner > .check-wrap > ul > li { font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.05em; }
.content-inner > .check-wrap > ul > li:first-child { margin-right: 15px; }


/* full-img */
.content-inner.pd-0 > .full-img-box { width: 100%; padding-bottom: 90.45%; position: relative; }
.content-inner.pd-0 > .full-img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }



/* history-wrap */
.content-inner > .history-wrap { margin-top: 50px; }
.content-inner > .history-wrap > .sub-title { font-weight: 600; margin-bottom: 15px; }
.content-inner > .history-wrap > .title { font-weight: 700; }
.content-inner > .history-wrap > ul { margin-top: 20px; }
.content-inner > .history-wrap > ul > li { font-size: 18px; font-weight: 400; }
.content-inner > .history-wrap > ul > li.mt-15 { margin-top: 15px; }




/* 진료시간 */
.content-inner > .sub-time-wrap { border: 1px solid #E6E6E6; border-radius: 10px; padding: 50px; background: #fff; }
.content-inner > .sub-time-wrap > div { display: flex; align-items: center; margin-bottom: 35px; }
.content-inner > .sub-time-wrap > div:last-child { margin-bottom: 0; }
.content-inner > .sub-time-wrap > div > .emo { font-size: 30px; margin-right: 20px; }
.content-inner > .sub-time-wrap > div > .title { font-weight: 400; font-size: 22px; margin-right: 20px; }
.content-inner > .sub-time-wrap > div > .line { width: auto; height: 1px; background: #e6e6e6; flex-grow: 10; }
.content-inner > .sub-time-wrap > div > .desc { font-size: 28px; font-weight: 600; flex-grow: 1; text-align: right; }







































/* 공통 좋아요 */
.content-inner > .like-wrap > .title { font-size: 21px; color: #617095; font-weight: 400; }
.content-inner > .like-wrap > .title > span { font-weight: 700; }
.content-inner > .like-wrap > .like { margin-top: 35px; border: none; background: none; }
.content-inner > .like-wrap > .like > span { padding: 12px 38px; background: #D9D9D9; font-weight: 600; font-size: 21px; cursor: pointer; border-radius: 10px; }
.content-inner > .like-wrap.bg > .like > span { background: #22BACF; color: #fff; }
.content-inner > .like-wrap > .desc { font-size: 16px; font-weight: 500; color: #afb3bc; margin-top: 35px; }