:root{--ani:cubic-bezier(.32,.94,.6,1)}


.sub .xgap2 {--x-gap:2rem}
.sub .xgap3 {--x-gap:3rem}
.sub .xgap4 {--x-gap:4rem}

.sub .ygap2 {--y-gap:2rem}
.sub .ygap3 {--y-gap:3rem}
.sub .ygap4 {--y-gap:4rem}
.sub .ygap5 {--y-gap:5rem}

.sub .Tit_Deco {color:var(--pointcolor); font-weight: 700; text-transform: uppercase; font-size: 1.125rem; position: relative; padding-right: 6rem; width: fit-content;}
.sub .Tit_Deco:after {content:''; width: 4.5625rem; height: .25rem; background-image: linear-gradient(to right, var(--pointcolor), transparent); position: absolute; right:0; top:0; bottom:0; margin: auto;}

.sub .Tit_Deco.Wh {color:#fff;}
.sub .Tit_Deco.Wh:after {background-image: linear-gradient(to right, #fff, transparent);}

.sub .Tit {font-size: 3.75rem; font-weight: 700; line-height: 1.3;}
@media(max-width:768px){
    .sub .Tit {font-size: 3rem;}
}

.sub .check {width: 2.75rem;}
.sub .LogoBg {width: 27.0625rem;}
@media(max-width:768px){
    .sub .LogoBg {width: 17rem;}
}

.sub .Num {position: relative; padding-left: 2rem;}
.sub .Num:after {content:''; position: absolute; top:0; left: 0; font-weight: 600;}
.sub .Num.Num1:after {content:'01';}
.sub .Num.Num2:after {content:'02';}
.sub .Num.Num3:after {content:'03';}
.sub .Num.Num4:after {content:'04';}
.sub .Num.Num5:after {content:'05';}


.sub .swiper-button-next:after, .sub .swiper-button-prev:after {content:'';}



/* sub Top */
.subTop {height:43.75rem; position:Relative; top:0; left:0; overflow: hidden; z-index: 3;}
.subTop .subTopImg {position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden; opacity:0; transform:scale(1.05); transition:transform 2s var(--ani);}
.subTop .subTopImg.on {opacity:1;transform:scale(1)}

.subTop .inner {position: relative; max-width: 1000px; width: 95%; top:15rem; margin: auto;}




/* intro */
.sub .intro {position: relative;}
.sub.noPain .intro:after, .sub.prevent .intro:after, .sub.lifetime .intro:after, .sub.dentures .intro:after  {content:''; background-color: #eaf8f8; width: 100%; height: 25%; position: absolute; bottom:0; left: 0; z-index: -1;}
.sub .intro .intro_flex {display: flex; justify-content: space-between; gap:3rem 1rem;}
.sub .intro .ImgBox {background: no-repeat center; background-size: cover; width: 100%; height: 32rem;}
.sub.anesthesia .intro .ImgBox {background-image: url('/img/sub/noPain/anesthesia.jpg');}
.sub.support .intro .ImgBox {background-image: url('/img/sub/noPain/support.jpg');}
.sub.lamiplus .intro .ImgBox {background-image: url('/img/sub/special/lamiplus.jpg');}
.sub.fullArch .intro .ImgBox {background-image: url('/img/sub/special/fullArch.jpg');}
.sub.navigation .intro .ImgBox {background-image: url('/img/sub/special/navigation.jpg');}
.sub.prevent .intro .ImgBox {background-image: url('/img/sub/hundred/prevent.jpg');}
.sub.periodontal .intro .ImgBox {background-image: url('/img/sub/hundred/periodontal.jpg');}
.sub.lifetime .intro .ImgBox {background-image: url('/img/sub/hundred/lifetime.jpg');}
.sub.dentures .intro .ImgBox {background-image: url('/img/sub/hundred/dentures.jpg');}
.sub.cavity .intro .ImgBox {background-image: url('/img/sub/medical/cavity.jpg');}
.sub.endodontic .intro .ImgBox {background-image: url('/img/sub/medical/endodontic.jpg');}
.sub.temporomandibular .intro .ImgBox {background-image: url('/img/sub/medical/temporomandibular.jpg');}
.sub.wisdomTooth .intro .ImgBox {background-image: url('/img/sub/medical/wisdomTooth.jpg');}
.sub.scaling .intro .ImgBox {background-image: url('/img/sub/medical/scaling.jpg');}
.sub.digital .intro .ImgBox {background-image: url('/img/sub/noPain/digital.jpg');}
@media(max-width:500px) {
    .sub .intro:after {height: 15%;} 
}



/* cause */
.sub .cause {background-color: #eaf8f8;}
.sub .cause .roundBox {font-size: 1.5625rem; color:#fff; border-radius: 18px; text-transform: uppercase; background-color: var(--pointcolor); font-weight: 700; width: fit-content; padding: 0 1rem; margin: auto;}
.sub .cause .box {background-color: #fff; padding: 3rem .5rem;}



/* system */
.sub .system .Desc {max-width: 704px; width: 100%; padding: 0 2rem;}
.sub .system .Desc.Lg {max-width: 720px;}
.sub .system ul li {display: flex; align-items: center; background-color: #eee; padding: 1rem 2rem;}
.sub .system ul li + li {margin-top: 1rem;}
@media(max-width:990px) {
    .sub .system .Img {order:2;}
    .sub .system .Desc {margin-right: auto;}
    /* .sub .system .Desc {padding: 0 2rem;} */
}
@media(max-width:500px) {
    /* .sub .system .Desc {padding: 0 1rem;} */
}



/* project */
.sub .project .Desc {max-width: 800px; width: 100%; margin-left: auto; padding-left: 1rem;}
.sub .project .DrNam {position: absolute; top:-2rem; right:10rem; width: 10.0625rem;}




/* difference */
.sub .difference .scrollBox {overflow-x: scroll;}
.sub .difference .scrollBox::-webkit-scrollbar{display:none;}
.sub .difference .SCROLL {font-family: var(--pointfont); font-size: 1.5rem; font-weight: 700; text-align: right;} 

.sub .difference .differenceTb {width: 100%; max-width: 1370px; min-width: 600px; margin: auto; border-bottom:1px solid #e3e3e3; border-spacing: 0;  border-collapse:collapse;}
.sub .difference .differenceTb th {padding:2rem 1rem; vertical-align: middle;}
.sub .difference .differenceTb td {border-top:1px solid #e3e3e3; padding: 0; vertical-align: middle;}
.sub .difference .differenceTb .box {background-color: #eee; border-left:1px solid #e3e3e3; width: 7.625rem; padding: 1rem 0; margin: auto; border-right:1px solid #e3e3e3;}

.sub .difference .Arrow {white-space: nowrap;}
.sub .difference .Tb_arrow { position: absolute; bottom:2.8rem; left: 0; right:0; margin: auto; width: 32.4375rem;}
@media(max-width:768px) {
    .sub .difference .Tb_arrow {width: 25rem; bottom:5rem}
}



/* process */
.sub .process {position: relative;}
.sub .process:after {content:''; width: 100%; height: 36rem; background-color: #eaf8f8; position: absolute; bottom:0; left: 0; right:0; z-index: -1;}
.sub.navigation .process:after {height: 75.5rem;}
.sub .process .Title {width: fit-content; padding:.2rem .8rem; background-color: var(--pointcolor); text-transform: uppercase; color:#fff; font-weight: 500; position: relative; z-index: 2;}
.sub .process .Img {margin-top: -1.5rem;}
@media(max-width:500px) {
    .sub.navigation .process:after {height: 65rem;}
}


/* distinction */
.sub .distinction {background: no-repeat center url('/img/sub/special/lamiplus_distinctionBg.jpg'); background-size: cover;}


/* qna */
.sub .qna ul li + li {margin-top: 1rem;}
.sub .qna .Title {position: relative; padding:.7rem 2rem .7rem 4rem; color:#fff; font-weight: 600; background-color: var(--pointcolor);}
.sub .qna .Title:after {content:'Q.'; font-weight: 600; position: absolute; top:.6rem; height: fit-content; left: 2rem;}

.sub .qna .Desc {padding: 2rem;}



/* solution */
.sub .solution {background-color: #eaf8f8; overflow: hidden;}
.sub .solution .solution_flex {display: flex; gap:3rem;}
.sub .solution .width60 {margin-top: 6rem; position: relative; z-index: 2;}
.sub .solution .boxTop {margin-top: -6rem;}

@media(max-width:990px) {
    .sub .solution .LogoBg {position: absolute; top:10rem; right:-4rem;}
}
@media(max-width:500px) {
    .sub .solution .boxTop {margin-top: 0;}
}



/* kind */
.sub .kind .box {display: flex; gap:2rem; align-items: flex-start; padding-bottom: 3rem;}
.sub .kind .box:nth-child(-n+2) {border-bottom:1px solid #535353}
.sub .kind .box img {width: 5.1875rem;}
@media(max-width:990px) {
    .sub .kind .box:nth-child(-n+3) {border-bottom:1px solid #535353}
}



/* system2 */
.sub .system2 .system_flex {display: flex; gap:3rem;}
.sub .system2 ul li {background-color: #eee; padding: 2rem 3rem;}
.sub .system2 ul li + li {margin-top: 2rem;}



/* solution2 */
.sub .solution2 .LogoBg {position: absolute; top:-5.5rem; right:0; z-index: 0;}
.sub .solution2 .flexList {position: relative; z-index: 2;}



/* dentures_support */
.sub .dentures_support {background: no-repeat center url('/img/sub/hundred/dentures_supportBg.jpg'); background-size: cover;}



/* means */
.sub .means .slide_flex {display: flex; align-items: center; gap:3rem}
.sub .means .swiper-slide {background-color: #f5f5f5; padding: 3rem; opacity: .5;}
.sub .means .swiper-slide-active {opacity: 1;}
.sub .means .swiper-button-next, .sub .means .swiper-button-prev {width: 4.375rem; height: 4.375rem;}
.sub .means .swiper-button-next {border:2px solid var(--pointcolor); background-color: #fff; right:19%}
.sub .means .swiper-button-prev {background-color: var(--pointcolor); left:19%}
.sub .means .swiper-button-prev img {transform: rotate(180deg); filter: brightness(10);}
@media(max-width:1580px) {
    .sub .means .swiper-button-next {right:18%;}
    .sub .means .swiper-button-prev {left: 18%;}
}
@media(max-width:1240px) {
    .sub .means .swiper-button-next {right:14%;}
    .sub .means .swiper-button-prev {left: 14%;}
}
@media(max-width:768px) {
    .sub .means .slideBtn {display: flex; align-items: center; justify-content: center; margin-top: 2rem;}
    .sub .means .swiper-button-next, .sub .means .swiper-button-prev {position: relative; margin-top: 0;}
    .sub .means .swiper-button-next {right:auto;}
    .sub .means .swiper-button-prev {left: auto; margin-right: 1rem;}
}



/* caution */
.sub .caution .box {display: flex; align-items: center; background-color:#eee; padding: 1rem 2rem; min-height: 6.375rem;}


/* caution2 */
.sub .caution2 .box {background-color:#eee; padding: 3rem 2rem;}




/* causeDot */
.sub .causeDot ul {align-items: center; margin-top: 3rem; max-width: 1340px;}
.sub .causeDot ul li {width: 15rem; height: 15rem; border-radius: 50%; background-color: var(--pointcolor); display: flex; align-items: center; justify-content: center;}
@media(max-width:1240px) {
    .sub .causeDot ul li {width: 13rem; height: 13rem;}
}



/* Speciality */
#Speciality .Tit_Deco {font-weight: 500;}

#Speciality .accordion-group li:nth-child(1) {background-image: url('/img/sub/Speciality01.jpg');} 
#Speciality .accordion-group li:nth-child(2) {background-image: url('/img/sub/Speciality02.jpg');}
#Speciality .accordion-group li:nth-child(3) {background-image: url('/img/sub/Speciality03.jpg');}
#Speciality .accordion-group li:nth-child(4) {background-image: url('/img/sub/Speciality04.jpg');}

#Speciality .site-inner {position: relative; transition: all .5s ease;}
#Speciality .accordion-group {overflow: hidden; width: 100%; height: 598px; display: flex; align-items: center; transition: all .5s ease;}
#Speciality .accordion-group li {cursor: pointer; position: relative; display: flex; overflow: hidden; width: 20%; height: 598px; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: all .5s ease; background-color: #5e5e5e; background-blend-mode: hard-light;}    
#Speciality .accordion-group li.out {width: 50%; background-blend-mode: normal;}

#Speciality li.out .brTit {display: none;}
#Speciality li .brTit {display: block;}

#Speciality li .outDesc {position: absolute; width: 100%; height: fit-content; left: 1rem; bottom:5rem; transition: .3s;}
#Speciality li.out .outDesc {left: 3rem;}

#Speciality li.out .Desc {opacity: 1; display: block;}
#Speciality li .Desc {opacity: 0; display: none; transition: opacity .3s;}
  


@media(max-width:990px) {
    #Speciality .accordion-group {flex-direction: column; height: auto;}
    #Speciality .accordion-group li {width: 100%; height: 20%; min-height: 120px;}
    #Speciality .accordion-group li.out {width: 100%; height: 50%; min-height: 360px;}

    #Speciality li .outDesc {bottom:3rem; left: 2rem;}
    #Speciality li.out .outDesc {left: 2rem;}
    #Speciality li .brTit {display: none;}
}




/* special */

#fp-nav.fp-right {display: none;}
.fp-warning, .fp-watermark {display: none !important;}
.sub.good #fullpage .section {position: relative; width: 100%; height: 100vh; background-attachment: fixed; color:#fff;}
.sub.good #section01 {background: no-repeat center url('/img/sub/good/fullBg01.jpg'); background-size: cover;}
.sub.good #section02 {background: no-repeat center url('/img/sub/good/fullBg02.jpg'); background-size: cover;}
.sub.good #section03 {background: no-repeat center url('/img/sub/good/fullBg03.jpg'); background-size: cover;}
.sub.good #section04 {background: no-repeat center url('/img/sub/good/fullBg04.jpg'); background-size: cover;}
.sub.good #section05 {background: no-repeat center url('/img/sub/good/fullBg05.jpg'); background-size: cover;}
.sub.good #section06 {background: no-repeat center url('/img/sub/good/fullBg06.jpg'); background-size: cover;}
.sub.good #section07 {background: no-repeat center url('/img/sub/good/fullBg07.jpg'); background-size: cover;}


.sub.good #fullpage .inner {position: absolute; top: 50%; transform: translateY(-50%); right:0; left:0; z-index: 10;}
.sub.good #fullpage .section .txt{opacity:0; position:absolute;left:50%;top:50%;transform:translate(-50%,200%); width: 90%;}
.sub.good #fullpage .section .Box{opacity:0; position:relative; transform:translateY(50%);}
.sub.good #fullpage .section.active .txt {opacity:1;transform:translate(-50%,-50%);transition:all 1.5s ease}
.sub.good #fullpage .section.active .Box {opacity:1;transform:translateY(40%);transition:all 1.5s ease}
.sub.good #fullpage .section.active .Box.Box10 {opacity:1;transform:translateY(10%);transition:all 1.5s ease}


.sub.good #section02 .flexList {max-width: 940px; width: 90%; margin: 7rem auto 0;}
.sub.good #section02 .flexList .box {position: relative;}
.sub.good #section02 .flexList .box:after {content:''; width: 120%; height: 8.875rem; border-radius: 4.5rem; border:.3125rem solid #fff; position: absolute; top:0; bottom:0; margin: auto}
.sub.good #section02 .flexList .boxR:after {right: 0;}
.sub.good #section02 .flexList .boxC:after {right:0; left:-10%;}
.sub.good #section02 .flexList .boxL:after {left: 0;}

.sub.good #section02 .flexList .box:before {content:'+'; color:#fff; position: absolute; width: fit-content; height: fit-content; top:0; bottom: 0;}
.sub.good #section02 .flexList .boxR:before {left: -11%;}
.sub.good #section02 .flexList .boxC:before {display: none;}
.sub.good #section02 .flexList .boxL:before {right: -11%;}


.sub.good #section03 .flexList {max-width: 680px; width: 90%; margin: 5rem auto 0;}


@media (max-width:500px) {
    .sub.good .font-60 {font-size: 3rem;}
    .sub.good #section02 .flexList .box {padding: 2rem 0;}
    .sub.good #section02 .flexList .box:after {width: 70%; height: auto; right:0; left:0;}
    .sub.good #section02 .flexList .box:before {display: none;}
}



/* Dr */
.sub .Dr .LogoBg {position: absolute; right: 0; bottom:0; width: 19rem;}
@media (max-width:768px) {
    .sub .Dr .Img {order:-1;}
}


.sub.info .mapBox {height: 46.3125rem; width: 100%;}
.sub.info .root_daum_roughmap, .sub.info .wrap_map {height: 46.3125rem; width: 100%;}

.sub.info table td {padding: .5rem 0; vertical-align: middle !important;}
.sub.info .LinkBox a {width: 100%; padding: 1rem; border-radius: 36px; border:2px solid var(--pointcolor); text-align: center; display: block; transition: .3s; font-size: 1.5625rem;}
.sub.info .LinkBox a:hover {background-color: var(--pointcolor); color:#fff;}
.sub.info .TbTit {width: 9rem; text-align: justify; padding-right: 2rem; height: 30px; display: block;}
.sub.info .TbTit:after {content:''; display: inline-block; width: 100%;}


/* interior */
#image-gallery {display:flex; flex-wrap:wrap;/* justify-content:space-between;*/}
#image-gallery .image {width:calc((100% - 4.5rem)/4); cursor: pointer;margin-right:1.5rem; margin-top: 1.5rem;}
#image-gallery .image:nth-child(-n+4) {margin-top: 0;}
#image-gallery .image:nth-child(4n){margin-right: 0;}
#image-gallery .img-wrapper {position: relative;}
#image-gallery .img-wrapper a{aspect-ratio: 1 / 1;position: relative;top: 0;left: 0;width: 100%;height: 100%;display: block;overflow: hidden;}
#image-gallery .img-wrapper img {width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: none;}  
#image-gallery .img-overlay {background: rgba(153, 153, 153, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0;}
#image-gallery .img-overlay i {color: #fff; font-size: 3em;}
#overlay {background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 99999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#overlay img {margin: 0;  height: auto; object-fit: contain; padding: 5%;}
#nextButton {color: #fff; font-size: 2em; transition: opacity 0.8s; cursor: pointer;}
#nextButton:hover {opacity: 0.7;}
#prevButton {color: #fff; font-size: 2em; transition: opacity 0.8s; cursor: pointer;}
#prevButton:hover {opacity: 0.7;}
#exitButton {color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 5%; cursor: pointer;}
#exitButton:hover {opacity: 0.7;}

@media (max-width:990px) {
    #image-gallery .image {width: calc((100% - 3rem)/2);margin-top: 0;}
    #image-gallery .image:nth-child(n+3) {margin-top: 1.5rem;}
    .sub #overlay img {width: 90%;}
}



/* equipment */
.sub .equipment {background-color: #eaf8f8;}