/*     1637415 : 공통css / 공통변수      */
.blank__3716534__.build_edit_mode {min-height:50px; height:50px; border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3716534__.build_edit_mode:before {content:'리다이렉트 / 캐러셀 설정';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

/*     1637425 : 한줄 텍스트      */
/* =========================================
   DENTAL STORY CAROUSEL
========================================= */

#dental-story-carousel{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:40px 40px 100px;font-family:'Pretendard','Noto Sans KR',sans-serif;box-sizing:border-box;}
#dental-story-carousel *{box-sizing:border-box;}
#dental-story-carousel .dsc-viewport{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;}
#dental-story-carousel .dsc-track{display:flex;align-items:stretch;gap:24px;margin:0;padding:0;list-style:none;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform;}
#dental-story-carousel .dsc-card{flex:0 0 calc((100% - 48px) / 3);min-width:0;display:flex;}
#dental-story-carousel .dsc-card>a{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;text-decoration:none;border:1px solid #e8eef2;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(20,45,65,.055);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;}
#dental-story-carousel .dsc-card>a:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(20,45,65,.12);border-color:#cfdae3;}

/* IMAGE */
#dental-story-carousel .dsc-image{position:relative;width:100%;height:270px;overflow:hidden;background:#edf3f7;}
#dental-story-carousel .dsc-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,45,.12) 0%,transparent 45%,rgba(10,30,45,.18) 100%);pointer-events:none;}
#dental-story-carousel .dsc-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1);}
#dental-story-carousel .dsc-card>a:hover .dsc-image img{transform:scale(1.07);}
#dental-story-carousel .dsc-image-label{position:absolute;top:20px;left:20px;z-index:2;padding:8px 12px;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.11em;color:#204b68;}

/* CONTENT */
#dental-story-carousel .dsc-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-height:215px;padding:30px 28px 27px;background:#fff;}
#dental-story-carousel .dsc-category{display:block;margin-bottom:13px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#4b88ad;}
#dental-story-carousel .dsc-title{margin:0 0 25px;font-size:23px;font-weight:750;line-height:1.5;letter-spacing:-.055em;color:#223543;word-break:keep-all;transition:color .3s ease;}
#dental-story-carousel .dsc-card>a:hover .dsc-title{color:#176b9b;}
#dental-story-carousel .dsc-more{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #e8eef2;width:100%;font-size:14px;font-weight:600;letter-spacing:-.025em;color:#677986;transition:color .3s ease;}
#dental-story-carousel .dsc-more span{margin-left:auto;font-size:21px;font-weight:400;line-height:1;transition:transform .3s ease;}
#dental-story-carousel .dsc-card>a:hover .dsc-more{color:#176b9b;}
#dental-story-carousel .dsc-card>a:hover .dsc-more span{transform:translate(3px,-3px);}

/* CONTROLS */
#dental-story-carousel .dsc-controls{position:absolute;left:40px;right:40px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
#dental-story-carousel .dsc-pagination{display:flex;align-items:center;gap:15px;font-size:15px;font-weight:700;color:#81919e;}
#dental-story-carousel .dsc-current{font-size:18px;font-weight:800;color:#1e5c82;}
#dental-story-carousel .dsc-pagination-line{display:block;width:65px;height:1px;background:#cbd8e1;}
#dental-story-carousel .dsc-total{font-size:14px;color:#98a8b4;}
#dental-story-carousel .dsc-buttons{display:flex;align-items:center;gap:10px;}
#dental-story-carousel .dsc-buttons button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #dce6ec;border-radius:50%;background:#fff;color:#234c65;font-size:24px;font-weight:400;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;}
#dental-story-carousel .dsc-buttons button:hover{background:#234c65;border-color:#234c65;color:#fff;transform:translateY(-2px);}
#dental-story-carousel .dsc-buttons button:focus-visible{outline:2px solid #176b9b;outline-offset:3px;}

/* DRAG */
#dental-story-carousel.is-dragging .dsc-track{transition:none;}
#dental-story-carousel.is-dragging .dsc-card a{pointer-events:none;}
#dental-story-carousel.is-dragging .dsc-viewport{cursor:grabbing;}

/* TABLET */
@media(max-width:1024px){
#dental-story-carousel{padding:30px 24px 90px;}
#dental-story-carousel .dsc-track{gap:20px;}
#dental-story-carousel .dsc-card{flex-basis:calc((100% - 20px) / 2);}
#dental-story-carousel .dsc-image{height:245px;}
#dental-story-carousel .dsc-content{min-height:200px;padding:25px 23px;}
#dental-story-carousel .dsc-title{font-size:21px;}
#dental-story-carousel .dsc-controls{left:24px;right:24px;}
}

/* MOBILE */
@media(max-width:768px){
#dental-story-carousel{padding:20px 18px 85px;}
#dental-story-carousel .dsc-track{gap:16px;}
#dental-story-carousel .dsc-card{flex-basis:100%;}
#dental-story-carousel .dsc-card>a{border-radius:16px;}
#dental-story-carousel .dsc-image{height:240px;}
#dental-story-carousel .dsc-image-label{top:15px;left:15px;padding:7px 10px;font-size:10px;}
#dental-story-carousel .dsc-content{min-height:185px;padding:24px 22px;}
#dental-story-carousel .dsc-category{font-size:11px;margin-bottom:10px;}
#dental-story-carousel .dsc-title{font-size:20px;line-height:1.55;margin-bottom:20px;}
#dental-story-carousel .dsc-more{font-size:13px;}
#dental-story-carousel .dsc-controls{left:18px;right:18px;bottom:18px;}
#dental-story-carousel .dsc-buttons button{width:44px;height:44px;font-size:22px;}
#dental-story-carousel .dsc-pagination-line{width:45px;}
}

@media(max-width:480px){
#dental-story-carousel .dsc-image{height:220px;}
#dental-story-carousel .dsc-title{font-size:19px;}
#dental-story-carousel .dsc-content{min-height:175px;}
}

@media(prefers-reduced-motion:reduce){
#dental-story-carousel .dsc-track{transition:none;}
#dental-story-carousel .dsc-card>a{transition:none;}
#dental-story-carousel .dsc-image img{transition:none;}
}