/*     1253865 : 타이틀 텍스트      */
select{display:none;}
.sub_pb { padding-bottom:50px }
.container{padding-top:0;}
.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;}
.sect4 .grid_box span.font_color{color:#4a9cd6a6; font-weight:bold;}
.btm-txt { margin-top:10px; }
.btm-txt p { border-bottom:1px solid #ddd; padding-bottom:10px; font-size:16px; }
.btm-txt p span { background: linear-gradient(to top, rgba(74, 156, 214, 0.15) 55%, transparent 50%); border-width:0; border-style:solid; border-color:#e5e7eb}
.btm-txt ul { padding-top:10px; font-size:16px; }

.btm-txt.type02 ul { display:grid; grid-template-columns:1fr; font-size:15px; }
  
.container .cont_top_txt { margin-bottom:6rem }
.container .cont_top_txt p{font-family: 'Pretendard'; font-size:var(--sub_cont_tit); font-weight: var(--sub_cont_tit_we) }
.sect2.sect2_1 {  margin-top: var(--sect_mt); padding: 10rem 0 var(--sect_bg_pd); background: #f4f6fa; }
.sect4.sect_ { margin-top:6rem; }

.system_slide .cont .txt_box .tit { font-size:2.7rem }
.point_cont .right .img:before { content:none; }

.dev_tit_box .tit + .txt br,
.system_slide .cont .txt_box .txt br { display:block; }

.txt.pc { display:none; }
.txt.mb { display:block; margin-top:2rem }
.cont_tit{font-weight:300;}
@media screen and (max-width: 768px) {
.sect4.sect_ {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;}
.sub05 .sect2 { padding: 10rem 0 var(--sect_bg_pd);  background: #f4f6fa; }
.sub05 .sect2.sect2_1 { margin-top:var(--sect_mt) }
.dev_tit_box + .img + .line_list{margin-bottom:6rem;}

.btm-txt.type02 ul { grid-template-columns:1fr 1fr }

.system_slide .cont .txt_box .tit{font-size:3rem; font-weight:600;}
.container .cont_top_txt p{font-size:3.6rem; font-weight:700;}
.container{padding-top:80px;}
.txt.pc { display:block; }
.txt.mb { display:none; }
}

/*     1879764 : 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;
}
}