.drVisual {background: url('../images/dr/dr_visual_bg.jpg') no-repeat center/cover;}
.drVisual .inner {max-width: 1504px; margin: 0 auto; padding: 208px 0 112px;}
.drVisual .titImg {width: 478px;}
.drVisual .titImg img {display: block; width: 100%;}
.drVisual .tit {font-size: 52px; font-weight: 300; color: #fff; font-family: "ONE-Mobile-Regular"; line-height: 75px; margin: 13px 0 44px;}
.drVisual .his {color: #fff; font-size: 14px; line-height: 24px; display: flex; gap: 72px;}
.drVisual .his li {}
.drVisual .prg {display: flex; align-items: flex-end; margin-top: 46px;}
.drVisual .prg img {}
.drVisual .prg .txt {font-size: 20px; line-height: 30px; font-weight: 500; color: #fff; padding-bottom: 15px;}
.drVisual .prg .txt span {color: #A4AAB1;}
.drVisual .prg .txt i {font-style: normal; color: #FAEDC1;}

@media screen and (max-width: 1024px) {
    .drVisual {background: url('../images/dr/dr_visual_bg_mo.jpg') no-repeat center/cover;}
    .drVisual .inner {padding: 190px 0 40px; max-width: 87.7%;}
    .drVisual .titImg {width: 80%;}
    .drVisual .tit {font-size: 32px; line-height: 48px; margin: 7px 0 24px;}
    .drVisual .his {flex-direction: column; gap: 0; font-size: 12px; line-height: 22px;}
    .drVisual .his li {}
    .drVisual .prg {margin-top: 16px;}
    .drVisual .prg img {width: 100px;}
    .drVisual .prg .txt {font-size: 14px; line-height: 20px; padding-bottom: 10px}
    .drVisual .prg .txt span {}
    .drVisual .prg .txt i {}
}

.drLst {}
.drLst .inner {position: relative; max-width: 1504px; margin: 0 auto; display: flex;}
.drLst .img > img {width: 100%; display: block;}
.drLst .number {position: absolute;}
.drLst .cont {}
.drLst .cont .subt {font-family: "ONE-Mobile-Regular"; color: #72787F; font-size: 30px; font-weight: bold;}
.drLst .cont .tit {font-family: "ONE-Mobile-Regular"; font-size: 52px; font-weight: 300; line-height: 68px; margin: 24px 0 48px;}
.drLst .cont .tit span {color: #40B2EF;}
.drLst .cont .wrt {color: #454C53; font-size: 20px; line-height: 32px;}
.drLst .cont .wrt b {color: #40B2EF;}
.drLst .cont .wrt i {font-style: normal; font-weight: bold; color: #33383C;}

@media screen and (max-width: 1024px) {
    .drLst {overflow: hidden;}
    .drLst .inner {flex-direction: column; align-items: center; max-width: 87.7%; margin: 0 auto;}
    .drLst .number {position: relative; width: 104px;}
    .drLst .cont {width: 100%}
    .drLst .cont .subt {text-align: center; font-size: 20px; margin-top: 32px}
    .drLst .cont .tit {font-size: 32px; text-align: center; line-height: 44px; margin: 16px 0 36px;}
    .drLst .cont .wrt {font-size: 16px; line-height: 26px;}
}

.dr1 {}
.dr1 .inner {padding-top: 386px; justify-content: end;}
.dr1 .number {top: 30%;}
.dr1 .cont .imgArea {position: absolute; left: -5%; top: 31%;}

@media screen and (max-width: 1024px) {
    .dr1 {}
    .dr1 .inner {padding-top: 84px;}
    .dr1 .number {}
    .dr1 .cont .imgArea {position: relative; left: 0; top: auto; margin-bottom: 36px;}
}

.dr2 {}
.dr2 .inner {padding-top: 440px;}
.dr2 .number {left: 44%; top: 28%;}
.dr2 .cont .imgArea {position: absolute; right: -5%; top: 25%;}

@media screen and (max-width: 1024px) {
    .dr2 {}
    .dr2 .inner {padding-top: 126px;}
    .dr2 .number {left: auto; top: auto;}
    .dr2 .cont .slideArea {margin-bottom: 36px;}
}

.dr3 {}
.dr3 .inner {padding-top: 493px; justify-content: end;}
.dr3 .number {top: 32%;}
.dr3 .cont {margin-right: -3rem;}
.dr3 .cont .imgArea {position: absolute; left: -5%; top: 36%;}

@media screen and (max-width: 1024px) {
    .dr3 {}
    .dr3 .inner {padding-top: 126px;}
    .dr3 .number {}
    .dr3 .cont {margin: 0;}
    .dr3 .cont .imgArea {position: relative; left: auto; top: auto; margin-bottom: 36px;}
}

.dr4 {}
.dr4 .inner {padding-top: 440px;}
.dr4 .number {left: 44%; top: 35%;}
.dr4 .cont .imgArea {position: absolute; right: -5%; top: 35%;}

@media screen and (max-width: 1024px) {
    .dr4 {}
    .dr4 .inner {padding-top: 126px;}
    .dr4 .number {left: auto; top: auto;}
    .dr4 .cont .imgArea {position: relative; left: auto; top: auto; margin-bottom: 36px; right: auto}
}

.dr5 {position: relative; margin-top: 570px;}
.dr5 .img {}
.dr5 .img img {width: 100%; display: block;}
.dr5 .txtArea {position: absolute; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 1}
.dr5 .txtArea .tit {font-family: "ONE-Mobile-Regular"; font-size: 52px; line-height: 72px; font-weight: bold;}
.dr5 .txtArea .tit span {color: #92D8FE;}
.dr5 .txtArea .wrt {font-size: 20px; line-height: 32px; margin-top: 40px;}

@media screen and (max-width: 1024px) {
    .dr5 {margin-top: 126px;}
    .dr5 .img {}
    .dr5 .img img {}
    .dr5 .txtArea {}
    .dr5 .txtArea .tit {font-size: 32px; line-height: 48px;}
    .dr5 .txtArea .tit span {}
    .dr5 .txtArea .wrt {font-size: 16px; line-height: 26px;}
}














.