/*     1253775 : 타이틀 텍스트      */
.container{padding-top:0;}
.sub_pb { padding-bottom:50px }
.row > div > div > .col{font-size:16px;}
.top_img.type3 {padding: 3rem 0 0;}
.step_cont .right_cont li .txt_box .sub_txt {  font-size: 14px;}
.in_sect1, .in_sect2{margin-top:25rem}
.sub01_9 .sect5 { margin-top:10rem; }
.sub01_9 .sect5 .grid_box { margin-top:0; }
.cont_tit{font-weight:300;}
.sub01_9 .sect5 ul li .cont p b {color: #173348; font-weight: 700;}

@media screen and (max-width: 768px) {
.sub01_9 .sect5 {margin-top : var(--cont_mo_mt) !important}
}



@media all and (min-width:1024px) {
.sub_pb { padding-bottom:100px }
.row > div > div > .col{font-size:18px;}
.top_img.type3 {padding: 8rem 0 0;}
.sect1 .in{padding:0;}
.sect1 .in p.pre{ font-family:'Pretendard' !important;}
.point_cont{margin-top: 6rem;}
.strength_wrap{margin-bottom:25rem;}
.cont_tit.marb20{margin-bottom:6rem;}
.container{padding-top:80px;}
}


/*     1879694 : SECTION 10 오케이라인치과 진료 장점 / 신뢰       */
/* ==============================
SECTION 10 오케이라인치과 진료 장점 / 신뢰 포인트
================================= */

.dn-safety-slide{
position:relative;
padding:60px 0;
background:#101E52;
color:#fff;
overflow:hidden;
}

.dn-safety-bg{
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(180deg,rgba(16, 30, 82, 1) 0%, rgba(37, 76, 135, 1) 100%);
}

.dn-safety-slide-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns:420px 1fr;
gap:60px;
align-items:center;
max-width:1360px;
margin:0 auto
}

/* 왼쪽 고정 카피 */
.dn-safety-left{
position:relative;
z-index:3;
}

.dn-safety-left .dn-eyebrow{
color:#aee5f5;
}

.dn-safety-left .dn-eyebrow:before{
background:#aee5f5;
}

.dn-safety-left h2{
margin:22px 0 0;
font-size:52px;
line-height:1.18;
font-weight:850;
letter-spacing:-0.065em;
color:#fff;
}

.dn-safety-left h2 strong{
color:#aee5f5;
}

.dn-safety-left p{
margin:28px 0 0;
font-size:18px;
line-height:1.75;
font-weight:500;
color:rgba(255,255,255,.72);
letter-spacing:-0.035em;
}

/* 컨트롤 */
.dn-safety-controls{
display:flex;
align-items:center;
gap:10px;
margin-top:42px;
}

.dn-safety-prev,
.dn-safety-next{
width:52px;
height:52px;
border-radius:50%;
border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.06);
color:#fff;
font-size:38px;
line-height:1;
font-weight:300;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
padding-bottom:5px;
transition:.25s ease;
}

.dn-safety-prev:hover,
.dn-safety-next:hover{
background:#fff;
color:#071018;
border-color:#fff;
}

.dn-safety-prev.is-disabled,
.dn-safety-next.is-disabled{
opacity:.35;
pointer-events:none;
}

/* 오른쪽 슬라이드 영역 */
.dn-safety-right{
position:relative;
min-width:0;
}

/* 오른쪽은 1440px 영역 밖으로 자연스럽게 확장 */
.dn-safety-viewport{
width:calc(100% + ((100vw - 1440px) / 2) + 40px);
padding:48px 0 20px;
position:relative;
overflow:hidden;
}

.dn-safety-track{
display:flex;
gap:24px;
transition:transform .58s cubic-bezier(.22,.61,.36,1);
will-change:transform;
}

/* 카드 */
.dn-safety-card{
flex:0 0 390px;
position:relative;
border-radius:30px;
overflow:hidden;
}

/* 카드 이미지 */
.dn-safety-card-img{
position:relative;
height:560px;
}

.dn-safety-card-img:after{
content:"";
position:absolute;
inset:0;
z-index:1;
}

.dn-safety-card-img img{
width:100%;
height:100%;
object-fit:cover;
transform:translateY(-20px);
border-radius:30px;
display:block;
filter:brightness(.82);
transition:transform .65s ease;
}

.dn-safety-card:hover > img {transform:translateY(-10px);
    filter:brightness(.92);}

.dn-safety-card:hover .dn-safety-card-img img{
transform:scale(1.055); 
}

/* 카드 텍스트 */
.dn-safety-card-txt{
position:absolute;
left:20px;
right:20px;
bottom:20px;
padding:15px 15px 20px;
z-index:2;
}

.dn-safety-card-txt span{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:50%;

background:rgba(97,189,255,.15);
border:1px solid rgba(255,255,255,.25);
color:#fff;

font-size:14px;
font-weight:800;
}

.dn-safety-card-txt h3{
margin: 0;
font-size:29px;
line-height:1.25;
font-weight:850;
letter-spacing:-0.055em;
color:#fff;
}

.dn-safety-card-txt p{
margin:14px 0 0;
font-size:19px;
line-height:1.7;
font-weight:500;
color:rgba(255,255,255,.82);
}

.dn-safety-card-txt span.sub-txt { color:#61bdff; font-size:29px; font-weight:850; margin-top:0; display:inline; border-radius:0; border:0; background:none }

/* 오른쪽 끝 페이드 그라데이션 제거 */
.dn-safety-right:after{
display:none;
}

/* SECTION 07 드래그 슬라이드 추가 */
.dn-safety-viewport{
cursor:grab;
user-select:none;
-webkit-user-select:none;
touch-action:pan-y;
}

.dn-safety-viewport.is-dragging{
cursor:grabbing;
}

.dn-safety-viewport.is-dragging .dn-safety-track{
transition:none;
}

.dn-safety-viewport.is-dragging a,
.dn-safety-viewport.is-dragging img{
pointer-events:none;
}

/* ==============================
반응형
================================= */

@media(max-width:1440px){
.dn-safety-viewport{
width:calc(100% + 40px);
}
}

@media(max-width:1200px){
.dn-safety-slide-inner{
grid-template-columns:330px 1fr;
gap:46px;
}

.dn-safety-left h2{
font-size:44px;
}

.dn-safety-card{
flex-basis:360px;
}
}

@media(max-width:900px){
.dn-safety-slide{
padding:100px 0;
}

.dn-safety-slide-inner{
display:block;
}

.dn-safety-left{
margin-bottom:44px;
}

.dn-safety-left h2{
font-size:38px;
}

.dn-safety-left p{
font-size:16px;
}

.dn-safety-controls{
margin-top:30px;
}

.dn-safety-viewport{
width:calc(100% + 24px);
}

.dn-safety-card{
flex-basis:330px;
}

.dn-safety-card-txt{
min-height:190px;
}

.dn-safety-card-txt h3{
font-size:24px;
}

.dn-safety-card-txt span.sub-txt { font-size:24px }
}

@media(max-width:640px){
.dn-safety-slide{
padding:50px 15px;
}

.dn-safety-left h2{
font-size:32px;
}

.dn-safety-left p br{
display:none;
}

.dn-safety-prev,
.dn-safety-next{
width:46px;
height:46px;
font-size:32px;
}

.dn-safety-viewport{
width:calc(100% + 18px);
padding:0
}

.dn-safety-track{
gap:16px;
}

.dn-safety-card{
flex-basis:82vw;
border-radius:24px;
}

.dn-safety-card-txt{
min-height:180px;
}
}