/* 서브 탑 비주얼 */
.sub-visual {
    position: relative;
    height: 55rem;
}
.sub-visual .img {
    /* background: #000; */
    height: 100%;
}
.sub-visual .img img {
    width: 100%;
    height: 100%;
    opacity: 1;
    object-fit: cover;
}

.sub-visual .txt {
    position: absolute; 
    top:50%;
    left: 50%; 
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    padding-inline: 5%;
    padding-top: 5rem;
}

.sub-visual .txt h1 {
    font-size: 3.6rem;
    font-weight: 500;
    color: #fff;
    margin-top: 0.5rem;
}
.sub-visual .txt p {
    font-size: max(18px,2.4rem);
    font-weight: 200;
    color: #fff;
}



@media screen and (max-width:768px){
    .sub{
        overflow: hidden;
    }
}

/********** 서브페이지 공통 **********/
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.px-0 {
    padding-inline: 0 !important;
}
.py-3 {
    padding-block: 3rem !important;
}
.py-4{
    padding-block:4rem !important;
}
.py-6 {
    padding-block: 6rem !important;
}
.py-8 {
    padding-block: 8rem !important;
}
.py-9 {
    padding-block: 9rem !important;
}

.mt-0 {
    margin-top: 0 !important;       
}
.mb-0 {
    margin-bottom: 0 !important;
}
.text-center {
    text-align: center !important;
}
.sub { 
    color: var(--point);
}
.b-cont {
    padding-block: 18rem;
}
.b-bg {
    background-color: #f5f6fa;
}
.b-bg2{
    background-color:#0f4178;
}
.b-bg2 *{
    color:#fff;
}
.b-bg3{
    background: linear-gradient(to bottom, #0566aa, #0f4178);
    border-bottom: 2px solid #fff;
}
.b-bg3 *{
    color:#fff;
}

.grid1 ul{
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.grid2 ul{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.grid3 ul{
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.grid4 ul{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
}

b{
    font-weight:700;
}
/* 섹션 타이틀 */
.b-title {
    text-align: center;
}

.b-title + .b-title {
    margin-top: 9rem;
}

.b-title .big-tit {
    font-size: 4.3rem;
    font-weight: 700;
}

.b-title .caption-box{
    color:#fff;
    background-color: var(--point);
    padding: 0.5rem 3rem;
    border-radius: 20rem;
    font-size: 2.4rem;
    font-weight: 500;
    margin-top: 3rem;
    display:inline-block;
}

.b-title .big-tit .thin {
    display: block;
    font-weight:200;
}
.b-title .sm-tit {
    font-size: 2rem;
    font-weight: 300;
    margin-top: 5rem;
}
.b-title .lg-tit{
    font-size:3rem;
    margin-top:5rem;
    font-weight:500;
}
.b-title + .big-txt {
    font-size: 4rem;
    text-align: center;
    margin-top: 9rem;
    color: var(--point2);
}
.b-title + .big-txt b {
    font-weight: 700;
}

.b-title .lg-tit.mt-0 + .big-tit{
    margin-top: 3rem;
}

@media (max-width:1080px) {
    .b-cont {
        padding-block: 14rem;
    }
    .b-title .big-tit {
        font-size: 5rem;
    }
    .b-title .sm-tit {
        font-size: max(20px,2.8rem);
        text-align: left;
    }
    .b-title + .big-txt br,
    .b-title .sm-tit br{
        display: none;
    }
    
    .b-title + .big-txt {
        font-size: 3rem;
    }
    .b-title .lg-tit{
        font-size:4rem;
    }
}
@media (max-width:768px) {
    /* .b-cont {
        padding-block: 8vh;
    } */
    .b-title .big-tit {
        font-size: 4rem;
        letter-spacing: -0.05rem;
    }
    .b-title .sm-tit {
        font-size: max(17px,2.2rem);
        text-align: left;
        letter-spacing: -0.05rem;
        margin-top: 3.5rem;
    }
    .b-title .lg-tit{
        font-size:3.2rem;
    }
    .b-title .big-tit .thin {
        font-size:3.4rem;
        margin-bottom:1.5rem;
    }
    .b-title + .b-title{
        margin-top:4.5rem;
    }
}

/* mohw-box */

.mohw-box{
    display:inline-flex;
    align-items:center;
    background-color:#429bd5;
    padding-block:1rem;
    padding-inline:4rem;
    border-radius:5rem;
}

.mohw-box .logo-box{
    margin-right:1.5rem;
}

.mohw-box .txt{
    font-size:2.6rem;
    color:#fff;
    font-weight:700;
}


/*  */
.b-round-box {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}
.b-round-box .swiper-wrapper {
    justify-content: center;
}
.b-round-box .box{
    padding: 1rem ;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    background: #ebf4fb;
    border-radius: 10rem;
    width: min(380px,30%);
    margin-inline: 1rem;
}
.b-round-box .box p {
    font-size: 2rem;
    font-weight: 500;
    padding-left: 4rem;
    text-align: left;
}
@media (max-width:1400px) {
    .b-round-box .box p {
        padding-left: 5%;
    }
}
@media (max-width:1080px) {
    .b-round-box .box {
        width: auto;
        margin-inline: 0;
    }
    .b-round-box .swiper-wrapper {
        justify-content: flex-start;
    }
}

@media screen and (max-width:480px){
    .b-round-box .box p{
        padding-left:3%;
        font-size:3vw;
    }
}

.b-card-shape {
    margin-top: 9rem;
    position: relative;
}
.b-card-shape .card-img {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: center;
}
.b-card-shape .card-img .img {
    width: 33.33%;
}
.b-card-shape .card-txt {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: 8%;
    position: absolute;
    bottom: min(50px,15%);
    width: 100%;
}

.b-card-shape .card-txt .un-logo{
    max-width:fit-content;
    margin-bottom:3rem;
}

.b-card-shape.b-card-shape3 .card-txt .txt:has(.un-logo) .un-logo{
    padding-left:27%;
}

.b-card-shape .card-txt .txt {
    width: 33.33%;
}


.b-card-shape .card-txt h4 {
    font-size: max(18px,2.4rem);
    margin-bottom: 2rem;
    padding-left: 20%;
}
.b-card-shape .card-txt h4 b {
    font-weight: 700;
}
.b-card-shape .card-txt p {
    font-size: 2rem;
    font-weight: 300;
    padding-left: 15%;
}
.b-card-shape .card-txt p:nth-of-type(2) {
    padding-left: 10%;
}
.b-card-shape .card-txt p:last-child {
    padding-left: 6%;
}

.b-card-shape2 .card-img .img {
    width: 38%;
}
.b-card-shape2 .card-txt .txt {
    width: 38%;
}

.b-card-shape.b-card-shape2 .card-txt .txt:has(.un-logo) .un-logo{
    padding-left:27%;
}

.b-card-shape2 .card-txt {
    margin-left: -4%;
}

.b-card-shape.b-card-shape1{
    position:relative;
    margin-top:12rem;
}

.b-card-shape.b-card-shape1 .card-txt{
    align-items: center;
    justify-content: center;
}

.b-card-shape.b-card-shape1 .card-txt p.point-txt{
    color:#66a9e0;
    font-size:2.4rem;
    font-weight:700;
}

.b-card-shape.b-card-shape1 .card-txt{
    margin-left: 11%;
}

.b-card-shape.b-card-shape1 .card-txt .txt:has(.un-logo) .un-logo{
    padding-left: 33%;
}

.b-card-shape.b-card-shape1 .card-txt h4{
    padding-left: 30%;
}

.b-card-shape.b-card-shape1 .card-txt p:nth-child(3){
    padding-left:23.5%;
}

.b-card-shape.b-card-shape1 .card-txt p:nth-child(4){
    padding-left:19.5%;
}

.b-card-shape.b-card-shape1 .card-txt p:nth-child(5){
    padding-left:14%;
    margin-top:2rem;
}

.b-card-shape.b-card-shape1 .card-txt p:nth-child(6){
    padding-left:10%;
}

@media (max-width:1280px) {
    .b-card-shape .card-txt {
        margin-left: 10%;
    }
    .b-card-shape2 .card-txt {
        margin-left: 0%;
    }
}
@media (max-width:1080px) {
    .b-card-shape {
        padding-left: 5%;
    }
    .b-card-shape .card-img .img {
        margin-left: -5%;
    }
    .b-card-shape .card-txt {
        bottom: 5%;
        margin-left: 12%;
        width: 80%;
    }
    /* .b-card-shape .card-txt p {
        display: none;;
    } */

    .b-card-shape .card-img{
        flex-direction: column;
        align-items: center;
        padding-inline: 5%;
        position:relative;
    }

    .b-card-shape .card-img .img{
        position:relative;
    }

    .b-card-shape .card-img .img:not(:last-child)::after{
        content:'';
        position:absolute;
        bottom:00%;
        left:-23vw;
        width:90vw;
        height:2px;
        background-color: rgba(0,0,0,0.2);
    }

    .b-card-shape .card-img .img + .img{
        margin-top: 9%;
    }
    .b-card-shape .card-txt{
        flex-direction: column;
        margin-left: -5%;
    }
    .b-card-shape .card-txt .txt{
        width:60%;
    }
    .b-card-shape .card-txt .txt + .txt{
        margin-top:28rem;
    }
    .b-card-shape .card-img .img{
        width:55%;
    }
    .b-card-shape .card-txt .un-logo{
        width: 38vw;
        min-width: 17rem;
    }
    .b-card-shape .card-txt h4 {
        margin-bottom: 0;
    }
    .b-card-shape .card-txt {
        margin-left: 7%;
    }

    .b-card-shape.b-card-shape1 .card-txt{
        margin-left: 21%;
    }
}
@media (max-width:768px) {
    .b-card-shape .card-txt h4 {
        padding-left: 15%;
    }
    .b-card-shape .card-txt .txt + .txt {
        margin-top: 32%;
    }
    .b-card-shape2 .card-txt {
        margin-left: 13%;
    }

    .b-card-shape.b-card-shape1 .card-txt {
        margin-left: 30%;
    }
}
@media (max-width:500px) {
    .b-card-shape .card-img{
        align-items: start;
    }
    .b-card-shape {
        padding-left:0;
    }
    .b-card-shape .card-img .img {
        margin-left: 0;
    }
    .b-card-shape .card-txt {
        width: 100%;
    }
    .b-card-shape .card-txt h4{ 
        text-align: right;
        width: fit-content;
    }

    .b-card-shape .card-txt .txt {
        width: 64%;
    }

    .b-card-shape .card-txt .txt + .txt {
        margin-top: 14vh;
    }

    .b-card-shape .card-img .img:not(:last-child)::after {
        left: -2vw;
        width: 90vw;
    }

    .b-card-shape .card-txt {
        margin-left: 4vw;
    }

    .b-card-shape .card-txt h4{
        font-size:3.5vw;
    }

    .b-card-shape .card-txt p{
        font-size:3vw;
    }

    .b-card-shape.b-card-shape1 .card-txt {
        margin-left: 20vw;
    }
}


.b-banner {
    background: var(--point);
    color: #fff;
    text-align: center;
    padding: 4rem 4%
}
.b-banner h3 {
    font-size: 3.6rem;
    font-weight: 200;
}
@media (max-width:1080px) {
    .b-banner h3 {
        font-size: 3.2rem;
    }
}
@media (max-width:768px) {
    .b-banner h3 {
        font-size: 2.8rem;
    }
}

/* b-banner2 */

.b-banner2 > div{
    display:flex;
    align-items: center;
}

.b-banner2 > div .right{
    padding-left: 10rem ;
}

.b-banner2 > div .b-title,
.b-banner2 > div .b-title + .big-txt{
    text-align: left;
}

.b-banner2 > div .b-title .sm-tit{
    margin-top:4rem;
}

.b-banner2 > div .b-title + .big-txt{
    font-size:3rem;
    margin-top:7rem;
    font-weight:700;
}

@media (max-width:1080px) {
    .b-banner2 > div{
        flex-direction: column;
    }
    .b-banner2 > div .right{
        padding-inline: 4%;
        padding-block:8rem;
    }
    .b-banner2 > div .b-title .big-tit{
        text-align:center;
    }
}
/*  */
.b-circle-box {
    margin-top: 9rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.b-circle-box .box {
    width: min(310px,22vw);
    height: min(310px,22vw);
    border: 1px solid var(--point);
    border-radius: 50%;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}
.b-circle-box .box::before {
    content: '';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: calc(100% - 3px);
    height: calc(100% - 2px);
    border-radius: 50%;
    border: 4px solid var(--point2);
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
}
.b-circle-box .box:nth-of-type(2n):before {
    transform: translate(-50%,-50%) rotate(135deg);
}
.b-circle-box .box h3 {
    margin-block: 1.5rem 1rem;
    font-size: clamp(22px,2.2vw, 30px);
    font-weight: 700;
}
.b-circle-box .box p {
    font-size: clamp(18px,1.6vw, 24px);
    font-weight: 300;
}
.b-circle-box .box img {
    max-height: 25%;
}
@media (max-width:1080px) {
    .b-circle-box .box {
        width: min(500px,42vw);
        height: min(500px,42vw);
    }
    .b-circle-box .box h3 {
        margin-top: 1.5rem;
        font-size: clamp(17px,4vw, 42px);
        font-weight: 500;
    }
    .b-circle-box .box p {
        font-size: clamp(13px,2.8vw, 28px);
        font-weight: 300;
    }
}
@media (max-width:500px) {
    .b-circle-box .box img {
        max-height: 20%;
    }
}

/* b-face-box */
.b-title:has(+ .b-face-box) {
    position: relative;
    z-index: 3;
}

.b-face-box {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 40%));
    align-items: flex-end;
    margin-top: -5%;
    justify-content: space-between;
}
.b-face-box .center-img {
    position: absolute;
    top:45%;
    left:50%;
    transform: translate(-50%,-50%);
    max-width: 60%;
}
.b-face-box .box {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    z-index: 2;
    justify-content: flex-end;
    height: 100%;
}
.b-face-box .box .txt {
    background: #fff;
    padding-block: 4rem;
    border-radius: 15rem;
    width: 75%;
    border: 1px solid #bfbfbf;
    position: absolute;
    z-index: -1;
    left:0;
    top:50%;
    transform: translateY(-50%);
    box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.27) inset;
    text-align: left;
}
.b-face-box .box .txt div {
    width: fit-content;
    margin-inline: 0 auto;
    text-align: center;
}
.b-face-box .box .txt h4 {
    font-size: 3rem;
    padding-block: 0.25rem;
    border-radius: 5rem;
    background: var(--point);
    color: #fff;
    max-width: 14rem;
    margin: 0 auto 1.5rem;
}
.b-face-box .box .txt p {
    font-size: 3rem;
    line-height: 1.2;
}
.b-face-box .box .img {
    max-width: 80%;
}
.b-face-box .box-left {
    justify-content: flex-start;
}
.b-face-box .box-left .txt {
    left:auto;
    right:0;
    text-align: right;
    padding-right: 6rem;
}
.b-face-box .box-right .txt  {
    padding-left: 6rem;
}
.b-face-box .box-left .txt div {
    width: fit-content;
    margin-inline: auto 0;
}
.b-face-box .box-right .img {
    margin-right: 10%;
}
@media (max-width:1920px) {
    .inner3:has(.b-face-box) {
        padding-inline:0
    }
    .b-title:has(+ .b-face-box) {
        padding-inline: 4%;
    }
    .b-face-box {
        margin-top: -3%;
    }
    .b-face-box .box .img{
        max-width: 60%;
    }
    .b-face-box .box-right .img {
        max-width: 50%;
        margin-right: 0;

    }
    .b-face-box .box .txt {
        padding-block: 3rem;
    }
    .b-face-box .box-left .txt {
        padding-left: 4rem;
    }
    .b-face-box .box-right .txt {
        padding-right: 4rem;
    }
}
@media (max-width:1400px) {
    .b-face-box {
        margin-top: 0;
        margin-bottom: 14rem;
    }
    .b-face-box .box .img{
        max-width: 55%;
    }
    .b-face-box .box-right .img {
        max-width: 45%;
    }
    .b-face-box .box .txt h4 {
        font-size: 2.8rem;
    }
    .b-face-box .box .txt p {
        font-size: 2.8rem;
    }
    
}
@media (max-width:1080px) {
    .b-face-box  {
        grid-template-columns: repeat(2, minmax(auto, 50%));
        margin-top: min(9rem,10%);
    }
    .b-face-box .box {
        align-content: flex-end;
    }
    .b-face-box .box .txt {
        position: static;
        order:3;
        transform: translateY(0);
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: min(500px,90%);
    }
    .b-face-box .box .img{
        max-width: 70%;
    }
    .b-face-box .box-right .img {
        max-width: 60%;
    }
    .b-face-box .box-left .txt {
        border-radius: 0 10rem 10rem 0;
        border-left: 0;
    }
    .b-face-box .box-right .txt {
        border-radius: 10rem 0 0 10rem;
        border-right: 0;
    }
    .b-face-box .box-left .txt div,
    .b-face-box .box-right .txt div {
        margin: 0;
    }
}
@media (max-width:768px) {
    .b-face-box .box .txt h4 {
        font-size: 2.4rem;
    }
    .b-face-box .box .txt p {
        font-size: 2.4rem;
    }
    .b-face-box .box-left .txt {
        padding-inline: 2rem 4rem;
    }
    .b-face-box .box-right .txt {
        padding-inline: 4rem 2rem;
    }
}

    
/* .b-boxes css */
.b-boxes .txt {
    margin-top: 4rem;
}
.b-boxes .txt h3 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1rem;
}
.b-boxes .txt h4 {
   font-size: 2.7rem;
   font-weight: 700;
   margin-bottom: 2.5rem;
   text-align: center;
   letter-spacing: -0.1rem;
}
.b-boxes .txt p {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -0.075rem;
}

.b-boxes .txt p +p {
    margin-top: 2rem;
}

@media (max-width:1080px) {
    .b-boxes .txt {
        margin-top: 3rem;
    }
    .b-boxes .img,
    .b-boxes img {
        width: 100%;
    }

    .b-boxes .txt p br{
        /* display:none; */
        text-align: left;
    }
}

@media (max-width:500px) {
    .b-boxes {
        gap: 5rem 2rem;
    }
    .b-boxes .txt h4 {
        font-size: 2.4rem;
        letter-spacing: -0.1rem;
        margin-bottom: 1.5rem;
    }
    .b-boxes .txt h3 {
        font-size: 2.8rem;
    }
    .b-boxes .txt p{
        font-size:4vw;
    }
}

.b-boxes-6 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 2rem;
    margin-top: 12rem;
}

@media (max-width:1080px) {
    .b-boxes-6 {
        grid-template-columns: repeat(3,1fr);
        gap: 8rem 4rem;
    }
}

@media (max-width:768px) {
    .b-boxes-6 {
        grid-template-columns: repeat(2,1fr);
        gap: 8rem 4rem;
    }
}

.b-boxes-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 3rem;
    margin-top: 12rem;
}

@media (max-width:1080px) {
    .b-boxes-4 {
        grid-template-columns: repeat(2,1fr);
        gap: 6rem 4rem;
    }
}

.b-boxes-3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 3rem;
    margin-top: 12rem;
}

@media (max-width:768px) {
    .b-boxes-3 {
        grid-template-columns: repeat(1,1fr);
        gap: 8rem 4rem;
    }
}

.b-boxes-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
    margin-top: 12rem;
}

@media (max-width:1080px) {
    .b-boxes.b-boxes-2  .txt h4{
        font-size:3.4rem;
    }
}

.b-boxes-3-2 {
    display:flex;
    flex-flow:row wrap;
    align-items: start;
    justify-content: center;
    margin-top: 12rem;
    gap: 8rem 4rem; 
}

.b-boxes-3-2 .box {
    width: calc(33.33% - 4rem);
}

@media (max-width:768px) {
    .b-boxes-3-2 {
        gap: 6rem 3rem; 
        justify-content: start;
    }
    .b-boxes-3-2 .box {
        width: calc(50% - 3rem);
    }
}

/* b-boxTxt */
.b-boxTxt {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 3rem;
    text-align: center;
    margin-top: 9rem;
}
.b-boxTxt .box {
    width: calc(50% - 15rem);
    max-width: 460px;
}
.b-boxTxt h4 {
    font-size: 3rem;
    font-weight: 700;
    padding-block: 0.75rem;
    border-radius: 5rem;
    background: var(--point);
    color: #fff;
    margin-block: 5rem 1.5rem;
} 
.b-boxTxt p {
    font-size: max(18px,2.4rem);
    line-height: 4rem;
    border-bottom: 1px solid var(--point);
    padding-block:2rem;
}
.b-boxTxt p b {
    font-weight: 700;
}
.b-boxTxt .boxTxt {
    width: 12rem;
}
.b-boxTxt .boxTxt p {
    font-weight: 700;
}
.b-boxTxt .boxTxt p:first-child {
    border-bottom: 0;
}
.b-boxTxt .box2 h4{
    background: #0f4178;
}
.b-boxTxt .box2 p {
    font-weight: 500;
    color: #288adb;
}
@media (max-width:1080px) {
    .b-boxTxt .box1,
    .b-boxTxt .boxTxt {
        display: none;
    }
    .b-boxTxt .box2,
    .b-boxTxt .box2 img {
        width: 100%;
        max-width: 100%;
    }
    .b-boxTxt .box1 br,
    .b-boxTxt .box2 br {
        display: none;
    }
}

.b-boxTxt2{
    margin-top:10rem;
    display:flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.b-boxTxt2 .box .txt{
    text-align: center;
    margin-top:4rem;
}
.b-boxTxt2 .box .txt h3{
    font-size:2.7rem;
    font-weight:700;
    margin-bottom:2rem;
}
.b-boxTxt2 .box .txt p{
    font-size:2rem;
    font-weight:300;
    line-height:1.5;
}

@media (max-width:1080px) {
    .b-boxTxt2{
        flex-direction: column;
        gap:4rem;
    }   
}

/*  */
.b-boxImg-3 {
    margin-top: 3rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.b-boxImg-3 .box {
    width: 30%;
    max-width: 30rem;
    text-align: center;
}
.b-boxImg-3 .box h3 {
    font-size: 3rem;
    font-weight: 500;
    padding-block: 0.5rem;
    border-radius: 5rem;
    background: var(--point);
    color: #fff;
    margin-top: 1rem;
}
.b-boxImg-3 .box .img {
    height: 22rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.b-boxImg-3 .boxImg {
    width: 40%;
}
@media (max-width:1080px) {
    .b-boxImg-3 {
        position: relative;
        padding-bottom: 3rem;

    }
    .b-boxImg-3 .box .img {
        display: none;
    }
    .b-boxImg-3 .boxImg {
        width: 100%;
        margin-left: -8%;
        text-align: center;
    }
    .b-boxImg-3 .box {
        position: absolute;
        bottom:0;
        left:0;
        width: 47%;
    }
    .b-boxImg-3 .box:last-child {
        left: auto;
        right:0;
    }
}
@media (max-width:500px) {
    .b-boxImg-3 .box h3 {
        font-size: 2.7rem;
    }
}

/*  */
.b-wide-imgs-2 {
    margin-top: 12rem;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1px;
}
@media (max-width:1080px) {
    .b-wide-imgs-2 img {
        width: 100%;
    } 
}

/*  */
.b-boxTxt-alternate {
    margin-top: 16rem;
    display: flex;
    flex-flow: column wrap;
    gap: 12rem;
}
.b-boxTxt-alternate .box {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    gap: 12rem;
}
.b-boxTxt-alternate .box .txt h3 {
    font-size: 2.7rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
}
.b-boxTxt-alternate .box .txt p {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.6;
}
.b-boxTxt-alternate .box .hashTag {
    margin-top: 9rem;
    display: flex;
    flex-flow: row wrap;
    gap: 2rem;
}
.b-boxTxt-alternate .box .hashTag li {
    font-size: 2rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
    border-radius: 3rem;
    border: 1px solid #ddd;
    color:#666;
}
@media (max-width:1400px) {
    .b-boxTxt-alternate {
        margin-top: 14rem;
    }
    .b-boxTxt-alternate .box {
        gap: 8rem;
    }
    .b-boxTxt-alternate .box .img {
        height: 100%;
        border-radius: 2rem;
        overflow: hidden;
    }
    .b-boxTxt-alternate .box img {
        height: 100%;
        width: 100%;
    }
    .b-boxTxt-alternate .box .hashTag {
        margin-top: 3rem;
    }
}
@media (max-width:1080px) {
    .b-boxTxt-alternate {
        margin-top: 10rem;
    }
    .b-boxTxt-alternate .box {
        grid-template-columns: repeat(1, 1fr);;
        gap: 4rem;
        align-items: unset;
    }
    .b-boxTxt-alternate .box .txt {
        order:2;
    }
    .b-boxTxt-alternate .box .img {
        height: auto;
        width: 100%;
        border-radius: 2rem;
        overflow: hidden;
        order:1;
    }
    .b-boxTxt-alternate .box .txt h3 {
        font-size: 3.2rem;
    }
    
    .b-boxTxt-alternate .box .txt p {
        font-size: 2.6rem;
        line-height: 1.4;
    }
    /* .b-boxTxt-alternate .box .txt h3 br, */
    .b-boxTxt-alternate .box .txt p br {
        display: none;
    }
    .b-boxTxt-alternate .box .hashTag li { 
        font-size: 2.6rem;
    }
}

/* 빌딩 층 */
.b-building {
    padding-block: 13rem 4rem;
    position: relative;
    overflow: hidden;
}
.b-building .txt {
    padding-top: 10rem;
    position: relative;
    z-index: 4;
}
.b-building .txt h2 {
    font-size: 6rem;
    letter-spacing: -0.5rem;
}
.b-building .txt h2 b {
    font-size: 2.5em;
    color: var(--point2);
    font-weight: 500;
}
.b-building .txt > ul > li {
    display: flex;
    flex-flow: row wrap;
}
.b-building .txt ul > li > span {
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    background: var(--point);
    color: #fff;
    border-radius: 50%;
    font-size: 2rem;
}
.b-building .txt ul > li.building-on > span {
    background: var(--point2);
}
.b-building .txt ul ul {
    padding: .5rem 0 2rem 2.5rem;
}
.b-building .txt ul ul h3 {
    font-size: 3rem ;
    font-weight: 500;
}
.b-building .txt ul ul p {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -1px;
}

.b-building .img {
    width: 58%;
    height: 80%;
    position: absolute; 
    bottom:0; 
    right:0;
    background: url(../img/m4_1.png) no-repeat left bottom / 100% 70%;
    display: flex;
    align-items: flex-end;
}
.b-building .img img {
    max-width: 90%;
    max-height: 100%;
    margin-left: 10%;
    object-fit: contain;
}
@media (max-width:1700px) {
    .b-building .img {
        width: 58%;
        background: url(../img/m4_1.png) no-repeat left bottom / 100% 38vw;
    }
}
@media (max-width:1080px) {
    .b-building {
        display: flex;
        flex-flow: column wrap;
    }
    .b-building .img {
        position: static;
        order:1;
        width: 96%;
        margin: 0 0 0 auto ;
        background: url(../img/m4_1.png) no-repeat left bottom / 100% 60%;
    }
    .b-building .inner {
        order:1;
    }
    .b-building .txt {
       display: none;
    }
    
}
.b-cont {
    overflow: hidden;
}
@media (max-width:1080px) {
    .b-cont3 {
        padding-top: 8rem;
    }
    .b-cont7 {
        padding-bottom: 14rem !important;
    }
}

/* a1 sub css */
.a1 .a-cont1{
    position:relative;
    display:flex;
}

.a1 .a-cont1 > div:not(:last-child){
    width:50%;
    height: 560px;
}

.a1 .a-cont1 > .left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 13rem 15rem;
    padding-left: 15rem;
}

.a1 .a-cont1 > .left > span{
    display:block;
    text-align: left;
}

.a1 .a-cont1 > .left > span:first-child{
    font-size:4rem;
}

.a1 .a-cont1 > .left > span:last-child{
    font-size:4rem;
    font-weight:300;
    margin-top:0;
}

.a1 .a-cont1 > .left > span:last-child .point{
    font-weight:700;
    color:#66a9e0;
}

.a1 .a-cont1 .right img{
    width: 100%;
    height: 100%;
}

.a1 .a-cont1 > div:last-child{
    position:absolute;
    width:50%;
    background-color:#fff;
    box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15);
    bottom:0%;
    left:50%;
    transform:translate(-50%, 50%);
}


.a1 .a-cont2{
    position:relative;
}

.a1 .a-cont2 > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    flex:1;
}

.a1 .a-cont2 > div .b-title{
    text-align: left;
}

.a1 .a-cont3 > .a-banner{
    position:relative;
    padding: 10rem 4% 6rem;
}

.a1 .a-cont3 .num-list_type2{
    margin-top:-25rem;
}

.a1 .a-cont3 > .a-banner h3{
    margin-top:6rem;
}

.a1 .a-cont3 > .a-banner b{
    font-weight:700;
}

.a1 .a-cont3 .inner:nth-of-type(3){
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 6rem;
}

.a1 .a-cont3 .inner:nth-of-type(3) .box{
    display:flex;
    gap:2.5rem;
    align-items: center;
}

.a1 .a-cont3 .inner:nth-of-type(3) .left p{
    font-size:1.8rem;
    font-weight:600;
}

.a1 .a-cont4 .b-circle-box{
    margin-top:12rem;
}

.a1 .a-cont5{
    position:relative;  
}

.a1 .a-cont5  > div{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.a1 .a-cont5  > div > div:not(.plus){
    width: calc(50% - 1px);
}

.a1 .a-cont5  > div > div:not(.plus)::before{
    content:"";
    position:absolute;
    top: 0;
    height: 100%;
    width:calc(50% - 1px);
    z-index: -1;
}

.a1 .a-cont5 .left::before{
    left:0;
    background:url(../img/a1_16.jpg) no-repeat center center / cover;
}

.a1 .a-cont5 .right::before{
    right:0;
    background:url(../img/a1_17.jpg) no-repeat center center / cover;
}

.a1 .a-cont5 .left,
.a1 .a-cont5 .right{
    color:#fff;
    padding-block:16rem;
}

.a1 .a-cont5 .left .b-title .big-tit,
.a1 .a-cont5 .right .b-title .big-tit{
    font-size:3.6rem;
}

.a1 .a-cont5 .left .b-title .sm-tit,
.a1 .a-cont5 .right .b-title .sm-tit{
    margin-top:4rem;
}

.a1 .a-cont5 .plus{
    position: absolute;
    background-color: #66a9e0;
}

.a1 .a-cont8{
    background:url(../img/a1_26.png) no-repeat center center / cover;
    padding: 18rem 0 50rem;
}

.a1 .a-cont9 .vimeo-box{
    text-align: center;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 9rem;
}

/* a1 media query */

@media screen and (max-width:1400px) {
    .a1 .a-cont1 > div:last-child{
        width:60%;
    }
}

@media screen and (max-width:1080px) {
    .a1 .a-cont1 > div:last-child{
        width:90vw;
    }
    .a1 .a-cont1{
        flex-direction: column;
    }
    .a1 .a-cont1 > div:not(:last-child){
        width:100%;
        height:50rem;
    }
    .a1 .a-cont1 > .left{
        padding-left:4%;
        padding-block:0;
    }

    .a1 .a-cont2 > div .b-title{
        text-align: center;
    }
    .a1 .a-cont2 .b-title .sm-tit{
        text-align: center;
    }
    .a1 .a-cont2 .right{
        margin: 8rem auto 0;
    }
    .a1 .a-cont3 .inner:nth-of-type(3) .left{
        display:none;
    }

    .a1 .a-cont5 > div{
        flex-direction: column;
    }
    .a1 .a-cont5 > div > div:not(.plus){
        width:100%;
    }
    .a1 .a-cont5 > div > div:not(.plus)::before{
        content: "";
        position: absolute;
        top:auto;
        height: calc(50% - 1px);
        width: 100%;
        z-index: -1;
    }
    .a1 .a-cont5 > div > div.left::before {
        left: 0;
        background: url(../img/a1_16.jpg) no-repeat center center / cover;
        top: 0;
    }
    .a1 .a-cont5 > div > div.right::before {
        left:0;
        background: url(../img/a1_17.jpg) no-repeat center center / cover;
        bottom: 0;
    }

    .a1 .a-cont8 {
        background: url(../img/m-a1_26.png) no-repeat bottom / cover;
        padding: 18rem 0 32rem;
    }

    .a1 .a-cont9 .point-tit{
        display:block;
        margin-bottom:1.2rem;
        font-size:3.4rem;
        color:#66a9e0;
    }

    .a1 .a-cont9 .point-tit + br{
        display:none;
    }
}

@media screen and (max-width:768px) {
    .a1 .a-cont8 {
        padding: 18rem 0 25rem;
    }
    .a1 .a-cont1 > .left {
        padding-left: 12rem;
    }
    .a1 .a-cont1 > .left > span:first-child,
    .a1 .a-cont1 > .left > span:last-child {
        font-size: max(3rem, 5vw);
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .a1 .a-cont1 > .left {
        padding-left: 3rem;
    }
    .a1 .a-cont2{
        padding-block: 25rem 14rem;
    }
}

/* a2 sub css */

.a2 .b-title .point-tit{
    color:#66a9e0;
    display:block;
    font-size:3.2rem;
    font-weight:300;
    margin-bottom:1.5rem;
}

.a2 .b-title .big-tit .thin{
    display:inline-block;
}

.a2 .grid3 ul{
    gap:14rem 4rem;
}

.a2 .a-cont1 .txt{
    font-size:3.2rem;
    font-weight:300;
    margin-top:2rem;
    text-align: center;
}

.a2 .a-cont1 .img{
    margin-top:8rem;
}

.a2 .doctor-info_list dt.list-tit{
    font-size:3.6rem;
    padding-inline:2rem;
    margin-block:4rem 2rem;
}

.a2 .doctor-info_list .list-txt.his p.space{
    margin-top:4rem;
}

.a2 .doctor-info_list .list-txt.his {
    overflow-y: auto;
    max-height: 36em;
    padding: 0rem 1.5rem;
    margin-top:3rem;
}

.a2 .doctor-info_list .list-txt.his p + p {
    margin-top: 0.5em;
}
.a2 .doctor-info_list .list-txt.his p {
    font-size: 2.2rem;
    word-break: keep-all;
}

@media screen and (max-width:1080px) {
    .a2 .grid3 ul{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media screen and (max-width:480px){
    .a2 .grid3 ul{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .a2 .b-title .point-tit{
        font-size:2.6rem;
    }
}

/* a3 sub css */

.a3 .a-cont:not(.a-cont1) .b-title{
    display: flex;
    align-items: flex-end;
    gap: 6rem;
}

.a3 .a-cont:not(.a-cont1) .b-title .big-tit{
    font-size:3.6rem;
}

.a3 .a-cont:not(.a-cont1) .b-title .sm-tit{
    text-align: left;
    font-size: 2.2rem;
}

.a3 .slide-wrap{
    margin-top:10rem;
}

.a3 .main-slider .swiper-slide{
    display: grid;
    grid-template-columns: 54% 44%;
    justify-content: space-between;
    flex-flow:row wrap;
}

.a3 .main-slider .swiper-slide > div > img{
    width: 100%;
    border:1px solid #cecece;
    border-radius:15px;
}

.a3 .main-slider .info-txt_box{
    border:1px solid #acacac;
    border-radius:20px;
    padding-inline:7rem;
    padding-top:0;
}

.a3 .main-slider .info-txt_box .info-tit *{
    font-size:3.2rem;
    color:#66a9e0;
    font-weight:700;
    text-align: center;
    display: block;
    margin-top:4rem;
    padding-bottom:2rem;
    border-bottom:1px solid #adadad;
}

.a3 .main-slider .info-txt_box .info-txt{
    font-size:2rem;
    font-weight:300;
    padding-top:2.5rem;
}

.a3 .thumb-slider{
    margin-top:4rem;
    overflow: hidden;
}

.a3 .thumb-slider-wrap{
    position:relative;
}

.a3 .thumb-slider .swiper-wrapper{
    width:100%;
    max-width: 140rem;
}

.a3 .thumb-slider .swiper-slide{
    display:flex;
    justify-content: center;
    align-items:center;
}

.a3 .thumb-slider .swiper-slide img{
    width:100%;
    border:1px solid #cecece;
    border-radius:15px;
}

.a3 .thumb-slide-next::after,
.a3 .thumb-slide-prev::after{
    display:none;
}

.a3 .thumb-slide-prev{
    left:-5%;
}

.a3 .thumb-slide-next{
    right:-5%;
}

.a3 .grid4{
    margin-top:6rem;
}

.a3 .grid4 ul{
    gap:6rem 4rem;
}

.a3 .hospital-equipment_list .tit{
    font-size:2.4rem;
    color:#142537;
    display:block;
    text-align:center;
    margin-top:2rem;
}

.a3 .thumb-slide-next img {
    transform: scale(-1, 1);
}

@media screen and (max-width:1080px) {
    .a3 .a-cont:not(.a-cont1) .b-title .big-tit{
        text-align:center;
        width: 100%;
    }

    .a3 .main-slider .swiper-slide{
        grid-template-columns: 100%;
        gap: 3rem;
    }
    .a3 .main-slider .info-txt_box{
        padding-bottom: 3rem;
        padding-inline:4rem;
        /* height:34rem; */
    }

    
    .a3 .grid4 ul{
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .a3 .a-cont:not(.a-cont1) .b-title{
        flex-direction: column;
        align-items: start;
        gap:0;
    }
    .a3 .thumb-slider {
        margin-top:6rem;
    }
    .a3 .thumb-slider .swiper-wrapper{
        overflow:visible;
    }
    .a3 .thumb-slide-prev,
    .a3 .thumb-slide-next{
        top:auto;
        bottom: -35%;
        font-size:3rem;
        width:fit-content;
        color:#000;
    }
    .a3 .thumb-slide-prev{
        left: 15%;
    }
    .a3 .thumb-slide-next{
        right: 15%;
    }

}

@media screen and (max-width:768px) {
    .a3 .grid4 ul{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .a3 .main-slider .info-txt_box .info-tit *{
        margin-top:2rem;
    }
    .a3 .main-slider .info-txt_box {
        padding-bottom:2rem;
        height: 28rem;
    }
    .a3 .thumb-slider {
        margin-top: 3rem;
    }
}

/* a4 sub css */

.a4 .vimeo-box{
    max-width:1080px;
    margin:10rem auto 0;
    border:1px solid #acacac;
}

.a4 .list-tab > ul{
    display:flex;
    width: 100%;
    color: #333;
    justify-content: center;
    margin-top: 4rem;
    border-bottom: 1px solid #333;
}

.a4 .list-tab > ul > li{
    position: relative;
    margin: 0 15px;
}

.a4 .list-tab > ul > li span{
    font-size: 4rem;
    font-weight: 300;
    position: relative;
    padding: 0 3rem;
    cursor: pointer;
}

.a4 .list-tab > ul > li span::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background: #333;
    left: 0;
    bottom: -10px;
    display:none;
}

.a4 .list-tab > ul > li.on span::after{
    display:block;
}

.a4 .list-tab ul .sub-list{
    display:none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding-top: 2rem;
}

.a4 .list-tab > ul > li.on .sub-list{
    display:block;
}

.a4 .list-tab > ul > li.on .sub-list li{
    font-size:3rem;
}

.a4 .b-browsing-box{
    margin-top:10rem;
    position:relative;
}

.a4 .b-browsing-box  .swiper-slide{
    height:auto;
}

.a4 .b-browsing-box  .swiper-slide img{
    height:100%;
}

.a4 .thumb-swiper{
    margin-top:3rem;
}

.a4 .thumb-swiper img{
    border:1px solid #cecece;
}

.a4 .main-swiper img{
    border-radius: 30px;
}

.a4 .thumb-swiper img{
    border-radius:15px;
}


.a4 .thumb-swiper-button-next::after,
.a4 .thumb-swiper-button-prev::after{
    display:none;
}

.a4 .thumb-swiper-button-prev,
.a4 .thumb-swiper-button-next{
    bottom:4%;
    top:auto;
}

.a4 .thumb-swiper-button-prev{
    left:-6rem;
}

.a4 .thumb-swiper-button-next{
    right:-6rem;
}

.a4 .thumb-swiper-button-next img {
    transform: scale(-1, 1);
}

.a4 .a-cont2 .inner .txt ul {
    margin-bottom: 1.5rem;
}

@media screen and (max-width:1080px){
    .a4 .thumb-swiper-button-prev, .a4 .thumb-swiper-button-next{
        bottom:-12vh;
    }
    .a4 .thumb-swiper-button-next{
        right:25%;
    }
    .a4 .thumb-swiper-button-prev{
        left:25%;
    }
    .a4 .a-cont3{
        padding-bottom:25rem;
    }
    .a4 .thumb-swiper-button-prev, .a4 .thumb-swiper-button-next {
        top: auto;
        font-size: 3rem;
        width: fit-content;
        color: #000;
    }
}

@media screen and (max-width:768px){
    .a4 .list-tab > ul {
        margin-top: 3rem;
        position:relative;
    }
    .a4 .list-tab > ul > li {
        position: static;
        margin: 0 1rem;
    }
    .a4 .list-tab > ul > li span {
        font-size: 3rem;
        padding: 0 1rem;
    }
    .a4 .list-tab > ul > li:last-child ul {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .a4 .list-tab .sub-list {
        width: calc(100vw - 12%) !important;
        padding-top: 10px;
        text-align: center;
    }
    .a4 .list-tab > ul > li span::after {
        height: 7px;
        bottom: -7px;
    }
    .a4 .list-tab > ul > li.on .sub-list li{
        font-size:2.4rem;
    }
}

@media screen and (max-width:480px){
    .a4 .list-tab > ul > li{
        margin:0;
    }

}

/* a5 sub css */

.a5 .b-title .big-tit .thin{
    display:inline-block;
}

.a5 .list-type1{
    margin-top:8rem;
}

.a5 .a-cont2{
    background:url(../img/a5_1.jpg) no-repeat center center / cover;
    background-position:65%;
    padding-block:15rem;
}

.a5 .a-cont2 *{
    color:#fff;
}

.a5 .a-cont2 .notice-box{
    margin-top:5rem;
}

.a5 .a-cont2 .notice-box ul{
    display:flex;
    align-items: center;
    justify-content: center;
    gap:6rem;
} 

.a5 .a-cont2 .notice-box ul li{
    display:flex;
    align-items: center;
    font-size:3.6rem;
    gap:2rem;
}

.a5 .a-cont2 .notice-box ul li .point-txt,
.a5 .a-cont2 .notice-box ul li:first-child .date{
    color:#fcf58c;
}

.a5 .a-cont2 .notice-box ul li .point-txt{
    font-weight: 700;
    font-size:4.2rem;
}

.a5 .a-cont2 .notice-box ul li:first-child .date{
    border:1px solid #fff;
    border-radius: 35px;
    padding: 0.5rem 2.5rem;
}

.a5 .list-type1 ul li:nth-child(4) p+p{
    margin-top:0.5rem;
}

.a5 .list-type2{
    margin-top:8rem;
}

.a5 .a-cont4{
    position:relative;
}

.a5 .a-cont4::before{
    content:'';
    z-index:-1;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:70%;
    background-color:#f5f6fa;
}

.a5 .map{
    height:60rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    border:1px solid #bbc;
}

.a5 .map > div{
    height:100%;
    position: absolute;
    width: 100%;
}

.a5 .info-box{
    margin-block:5rem 3rem;
    display:flex;
    justify-content: space-between;
}

.a5 .info-box .info-txt{
    display:flex;
    align-items:center;
    font-size:2rem;
    gap:1.5rem;
}

.a5 .link {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 2rem;
}

.a5 .link li a{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 1.8rem;
    padding: 1rem 3rem;
    border-radius: 5rem;
    border: 2px solid #777778;
    background: #000;
    color:#fff;
}

.a5 .link li a img{
    margin-right: 1.5rem;
}

.a5 .map-caption{
    text-align: center;
    color:#fff;
    font-size:2.4rem;
    background-color:var(--point);
    padding-block:2rem;
}

.a5 .public-transportation{
    display:flex;
    justify-content: center;
    margin-top:8rem;
}

.a5 .public-transportation ul{
    display:flex;
    flex-flow: row wrap;
    justify-items: center;
    width:100%;
    gap:4rem;
} 

.a5 .public-transportation > ul > li{
    display:flex;
    align-items: end;
    justify-content: center;
    position:relative;
    gap:3rem;
    width: calc(50% - 2rem);
}

.a5 .public-transportation > ul > li:first-child::after{
    content:'';
    position:absolute;
    align-self: center;
    right:-2rem;
    width:1px;
    height:50%;
    background-color:#b8bdc3;
}

.a5 .public-transportation > ul > li .tit{
    font-size:2.6rem;
    color:var(--point);
    font-weight:600;
    margin-bottom:2rem;
}

.a5 .public-transportation ul li .txt > span{
    display:block;
    font-size:2rem;
}

.a5 .public-transportation ul li .txt > span + span{
    margin-top:0.5rem;
}

.a5 .public-transportation ul li .point-txt{
    color:#66a9e0;
    font-weight:700;
}

.a5 .a-cont5 .parking-box{
    margin-top:8rem;
}

.a5 .a-cont5 .parking-box .img .caption{
    font-size:2rem;
    text-align:center;
    line-height:1.5;
    margin-top:4rem;
}

.a5 .parking-box .grid2{
    margin-top:8rem;
}

.a5 .parking-box .grid2 ul {
    gap: 2rem 0;
}

.a5 .parking-box .grid2 ul li{
    font-size:2rem;
    display:flex;
    align-items: center;
    gap:3rem;
    padding-left:4%;
}

.a5 .parking-box .grid2 ul li .txt-ico{
    background-color:#1678bf;
    border-radius:100%;
    width:4.5rem;
    height:4.5rem;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.a5 .parking-box .grid2 ul li:nth-child(3) .txt-ico{
    background-color:#006837;
}

.a5 .parking-box .grid2 ul li:nth-child(5) .txt-ico{
    background-color:#f8931f;
}

.a5 .parking-box .grid2 ul li .txt-box  .tit{
    font-weight:700;
    display:inline-block;
    margin-right:1rem;
}

@media screen and (max-width:1080px){
    .a5 .a-cont2{
        background-position: 52%;
    }
    .a5 .a-cont2 .sm-tit{
        text-align: center;
    }
    .a5 .a-cont2 .notice-box ul{
        flex-direction: column;
        gap:10rem;
    }
    .a5 .a-cont2 .notice-box ul li{
        position:relative;
    }
    .a5 .a-cont2 .notice-box ul li:first-child:after{
        content: '';
        position: absolute;
        left: 30%;
        bottom: -6rem;
        transform: translateX(30%);
        width: 30%;
        height: 1px;
        background-color: #fff;
    }
    .a5 .parking-box .grid2 ul{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .a5 .list-type2 ul{
        gap:2rem;
    }
    .a5 .info-box{
        flex-direction: column;
        align-items: center;
        gap: 3rem;
        margin-block: 5rem 8rem;
    }
    .a5 .public-transportation > ul > li > div:last-child{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .a5 .public-transportation > ul > li > div:last-child .img{
        margin-block:2rem 5rem;
    }
    .a5 .public-transportation > ul > li > div:last-child .txt{
        text-align:center;
    }
    .a5 .public-transportation > ul > li:first-child::after{
        height:32%;
    }
}

@media screen and (max-width:480px){
    .a5 .list-type2 ul{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .a5 .a-cont2 .notice-box ul li{
        font-size:5vw;
    }
}


/* a6 sub css */

.a6 .b-title .big-tit .thin:not(:first-child){
    display:inline-block;
}

.a6 .table-wrap {
    margin-top:8rem;
    position:relative;
}

.a6 .table-wrap + .table-wrap,
.a7 .table-wrap + .table-wrap{
    margin-top:12rem;
}


/**********************************************************************/

/***************************** b sub css *****************************/

/* b common css */
.b1 .b-cont:last-child > div > .txt,
.b2 .b-cont:last-child > div > .txt,
.b3 .b-cont:last-child > div > .txt,
.b4 .b-cont:last-child > div > .txt,
.b5 .b-cont:last-child > div > .txt,
.b6 .b-cont:nth-of-type(5) > div > .txt{
    font-size:2rem;
    text-align: center;
    line-height: 1.5;
    margin-top:10rem;
}

.b3 .b-boxes-3 .txt,
.b4 .b-boxes-3 .txt,
.b5 .b-boxes-4 .txt,
.b6 .b-boxes-2 .txt{
    text-align: center;
}

@media screen and (max-width:768px){
    .b2 .b-cont:last-child > div > .txt br,
    .b3 .b-cont:last-child > div > .txt br,
    .b4 .b-cont:last-child > div > .txt br,
    .b5 .b-cont:last-child > div > .txt br,
    .b6 .b-cont:nth-of-type(5) > div > .txt br{
        display: none;
    }
}

/* b1 sub css */
.b1 .b-cont1 .b-title .sm-tit {
    padding: 0 4%;
    margin-bottom: 18rem;
}

/* b2 sub css */

.b2 .b-cont5 .b-title + .big-txt{
    margin-top:5rem;
}

.b2 .point-txt{
    color:#66a9e0;
    font-size:3rem;
    text-align: center;
    font-weight:600;
}

@media screen and (max-width:1080px){
    .b2 .b-cont5 .b-title .caption-box{
        border-radius: 15px;
        padding-block:2rem;
    }
}

/* b3 sub css */

@media screen and (max-width:1080px){
    .b3 .b-cont4 .b-boxTxt{
        gap:12rem;
    }
    .b3 .b-cont4 .b-boxTxt .box1{
        display:block;
    }
    .b3 .b-cont4 .b-boxTxt .box1, 
    .b3 .b-cont4 .b-boxTxt .box1 img{
        width:100%;
        max-width:100%;
    }
}

/* b4 sub css */

@media screen and (max-width:1080px){
    .b4 .b-cont4 .b-boxTxt{
        gap:12rem;
    }
    .b4 .b-cont4 .b-boxTxt .box1{
        display:block;
    }
    .b4 .b-cont4 .b-boxTxt .box1, 
    .b4 .b-cont4 .b-boxTxt .box1 img{
        width:100%;
        max-width:100%;
    }
}

/* b5 sub css */

.b5 .b-cont3 .img{
    text-align: center;
    margin-top:10rem;
}

/* b6 sub css */

.b6 .b-boxes-2{
    grid-template-columns: 46rem 46rem;
    gap:12rem;
    justify-content: center;
}

.b6 .b-boxes-2 .img{
    text-align: center;
}

.b6 .b-boxes-2  .box{
    background-color: #f5f6fa;
    width: 100%;
    padding-block:8rem;
    border:1px solid #acacac;
    border-radius: 20px;
}

.b6 .b-boxes-2 .txt{
    margin-top:0;
}

.b6 .b-boxes-2 .txt h4{
    font-size:3.2rem;
}

.b6 .b-boxes .txt p.sm-txt{
    font-size: 2rem;
}

.b6 .b-cont4 .b-boxes .txt h4{
    margin-bottom:0;
}

.b6 .b-cont4 .b-boxes .txt p{
    text-align:center;
}

.b6 .b-boxes .list-dot{
    font-size:2.2rem;
    text-align:left;
    margin:0 auto;
    width:fit-content;
}

.b6 .table-wrap{
    margin-top:8rem;
}

.b6 .table-wrap .table th{
    font-weight:400;
}

.b6 .table-wrap .table th,
.b6 .table-wrap .table td{
    padding-block:3rem;
}

.b6 .b-cont6{
    display:flex;
    align-items: center;
    position:relative;
}

.b6 .b-cont6::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:45%;
    height:100%;
    background:url(../img/b6_8.jpg) no-repeat center center / cover;
    background-position:right;
}

.b6 .b-cont6 .left{
    width:45%;
}

.b6 .b-cont6 .right{
    width:55%; 
    padding-block:12rem;
    padding-left:10rem;
}

.b6 .b-cont6 .right .b-title{
    text-align: left;
}

.b6 .b-cont6 .right .b-title .sm-tit{
    margin-top:5rem;
}

.b6 .b-cont6 .right .point-txt{
    font-size:3rem;
    display:block;
    color:#66a9e0;
}

.b6 .b-cont6 > div .img img{
    width:100%;
}

.b6 .list-type5{
    margin-top:6rem;
}

.b6 .b-cont3 .list-dot li{
    display:flex;
    align-items: center;
}

@media screen and (max-width:1080px){
    .b6 .b-boxes-2{
        gap:6rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .b6 .b-cont6{
        flex-direction: column-reverse;
    }

    .b6 .b-cont6 .left,
    .b6 .b-cont6 .right{
        width:100%;
    }

    .b6 .b-cont6 .right{
        padding-block: 8rem 60rem;
        padding-inline: 4%;
    }

    .b6 .b-cont6::after{
        top:auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
    }

    .b6 .b-cont6 .right .point-txt,
    .b6 .b-cont6 .b-title .big-tit{
        text-align:center;
    }
}

@media screen and (max-width:768px){
    .b6 .b-boxes-2 .txt h4{
        font-size:3.6rem;
    }
}

/**********************************************************************/

/***************************** c sub css *****************************/

/* c common css */

/* c-doctor-cont 레이아웃 */

.c-doctor-cont{
    position:relative;
}

.c-doctor-cont .inner{
    display:flex;
    flex-direction: column;
    align-items:center;
}

.c-doctor-cont .inner > .img{
    position:absolute;
    bottom:0;
}

.c-doctor-cont .logo-list {
    margin-top:25rem;
    z-index: 10;
}

.c-doctor-cont .logo-list ul{
    display:flex;
    justify-content: center;
    gap:4rem;
}

.c-doctor-cont  .point-txt{
    color:#66a9e0;
    text-align: center;
    font-size:4.8rem;
}

@media screen and (max-width:1400px) {
    .c-doctor-cont .logo-list {
        margin-top: 17rem;
    }
}

@media screen and (max-width:1080px) {
    .c-doctor-cont{
        padding-bottom:35rem;
    }

    .c-doctor-cont .logo-list {
        margin-top: 10rem;
    }
}

@media screen and (max-width:768px){
    .c-doctor-cont .logo-list ul{
        width: 80%;
        margin: 0 auto;
    }
    .c-doctor-cont {
        padding-bottom: 35rem;
    }

}

@media screen and (max-width:480px){
}

/* c1 교정진로부의 특별함 css */

/* .c1 .b-card-shape .card-txt{
    margin-left:-7%;
} */

.c1 .c-cont1 .b-title .sm-tit {
    padding: 0 4%;
    margin-bottom: 18rem;
}

/* .c1 .b-card-shape .card-img .img{
    width:33.333%;
} */

/* .c1 .b-card-shape .card-txt .txt {
    width: 33.333%;
} */

.c1 .b-card-shape .card-txt h4 {
    padding-left: 23%;
}

.c1 .b-card-shape .card-txt p:nth-of-type(1){
    padding-left:18%;
}

.c1 .b-card-shape .card-txt p:nth-of-type(2){
    padding-left:15%;
}

.c1 .b-card-shape .card-txt p:nth-of-type(3){
    padding-left:11%;
    margin-top:2rem;
}

.c1 .b-card-shape .card-txt p:nth-of-type(4){
    padding-left:7.5%;
}

.c1 .b-card-shape .card-txt p:last-child{
    padding-left:4%;
}

.c1 .b-card-shape .card-txt p.point-txt{
    color:#66a9e0;
    font-size:2.4rem;
    font-weight:700;
}

.c-doctor-cont .point-txt{
    margin-top: 8rem;
    font-size:4.8rem;
    z-index: 1;
}

.c1 .c-cont:nth-child(n+2) .point-txt{
    color:#66a9e0;
    text-align: center;
    z-index: 1;
}

.c1 .c-cont7 .point-txt{
    margin-top: 8rem;
    font-size:4.8rem;
}

.c1 .c-cont6 .list-type3{
    margin-top:5rem;
}

.c1 .c-cont6 .sm-tit{
    font-size: 2rem;
    font-weight: 300;
    margin-top: 5rem;
    text-align: center;
}

.c1 .c-cont6 .braces-case_list{
    margin-top: 10rem;
}

.c1 .c-cont6 .braces-case_list ul{
    gap:6rem 3rem;
}

.c1 .c-cont6 .braces-case_list ul li{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.c1 .c-cont6 .braces-case_list .img img{
    width:100%;
}

.c1 .c-cont6 .braces-case_list .caption{
    font-size:2.4rem;
    color:var(--point);
    text-align: center;
    margin-top: 2rem;
}

.c1 .c-cont6 .braces-case_list .grid2{
    display:grid;
}

.c1 .c-cont7 .list-type4 li:last-child .list-tit{
    padding-right:3rem;
}

.c1 .c-cont7 .list-type4{
    margin-top:10rem;
}

.c1 .c-cont10 .braces-maintain_list{
    margin-top:8rem;
}

.c1 .c-cont10 .braces-maintain_list ul{
    display:flex;
    width:100%;
    justify-content: space-between;
}

.c1 .c-cont10 .braces-maintain_list li{
    position:relative;
    display:flex;
    width:33.33%;
    justify-content: center;
}

.c1 .c-cont10 .braces-maintain_list li img{
    width:100%;
}

.c1 .c-cont10 .braces-maintain_list .caption{
    position:absolute;
    bottom:4rem;
    text-align: center;
    color:#fff;
}

.c1 .c-cont10 .braces-maintain_list .caption-tit{
    font-size:2.7rem;
    font-weight:700;
    margin-bottom:1rem;
}

.c1 .c-cont10 .braces-maintain_list .caption-txt{
    font-size:2rem;
    font-weight:300;
}

.c1 .swiper{
    margin-top:8rem;
}

@media screen and (max-width:1400px) {
    .c1 .c-cont10 .braces-maintain_list ul{
        gap:2rem;
    }
    .c1 .c-cont10 .braces-maintain_list li{
        width:calc(33.33% - 2rem);
    }
}

@media screen and (max-width:1080px) {
    /* .c1 .b-card-shape .card-txt {
        margin-left: 7%;
        gap:11rem;
    } */
    .c1 .c-cont10 .braces-maintain_list ul{
        gap:0;
    }
    .c1 .grid4 ul{
        grid-template-columns:repeat(2,1fr);
    }

    /* .c1 .b-card-shape .card-img{
        gap:10rem;
    }
    .c1 .c-cont7 .list-type4 li:last-child .list-tit{
        padding-right:0;
    } */
}
/* c2 sub css */

.c2 .list-type3{
    margin-top:5rem;
}

.c2 .list-type3 ul li{
    /* padding-block:4.5rem; */
    border-radius: 60px;
    background-color:#dde5f2;
}

.c2 .list-type3.list2 ul li{
    width:13vw;
}

.c2 .list-type6 {
    margin-top:8rem;
}

.c2 .list-type6 ul li .cont-box{
    width:calc(100% - 330px);
}

@media screen and (max-width:1080px) {
    .c2 .list-type3.list2 ul li{
        width:30vw;
    }
}

@media screen and (max-width:768px) {
    .c2 .list-type3.list2 ul li{
        width:40vw;
    }
}

@media screen and (max-width:480px){
    .c2 .list-type6 ul li .cont-box{
        width:100%;
        text-align: center;
    }
}

/* c3 sub css */

.c3 .c-cont1 .img{
    margin-top:8rem;
    text-align: center;
}

.c3 .list-type6{
    display:flex;
    justify-content: center;
    margin-top:8rem;
}

.c3 .list-type5 ul li:first-child .list-tit{
    background-color:#66a9e0;
}

.c3 .list-type5 ul li:last-child .list-tit{
    background-color:#0f4178;
}

.c3 .list-type6 .list-type5 .list-tit{
    font-size:2rem;
}

.c3 .list-type6 .list-type5 ul li .list-tit{
    width:8rem;
}

.c3 .list-type6 ul li .cont-box{
    width:calc(100% - 640px);
}

/* c4 sub css */
.c4 .b-boxTxt .box{
    max-width:540px;
}
.c4 .b-boxTxt p{
    line-height:4rem;
    padding-block:2rem;
    color:#142537;
}

.c4 .b-boxTxt .box1 p{
    font-weight:500;
}
.c4 .b-boxTxt .point-txt{
    color:#66a9e0;
}
.c4 .c-cont7 .b-boxes .txt p{
    text-align: center;
}

.c4 p.txt{
    font-size:2rem;
    margin-top:8rem;
}

@media screen and (max-width:1080px) {
    .c4 .c-cont4 .b-boxTxt{
        gap:12rem;
    }
    .c4 .c-cont4 .b-boxTxt .box1{
        display:block;
    }
    .c4 .c-cont4 .b-boxTxt .box, 
    .c4 .c-cont4 .b-boxTxt .box img{
        width:100%;
        max-width:100%;
    }
}

/* c5 sub css */

.c5 .c-cont8 .b-banner{
    display:flex;
    align-items: center;
    border-radius: 15px;
    border:1px solid #acacac;
    margin-top:8rem;
}

.c5 .c-cont8 .b-banner .left img{
    border-radius: 15px 0 0 15px;
    border-right:1px solid #acacac;
}

.c5 .c-cont8 .b-banner .right{
    width:50%;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    font-size:2.4rem;
}

.c5 .c-cont8 .b-banner .right p{
    line-height: 1.5;
}

.c5 .c-cont8 .b-boxes-2{
    position:relative;
    justify-items: center;
    gap:10rem;
}

.c5 .c-cont8 .plus{
    position:absolute;
    top:34%;
    justify-self: center;
    background-color: #66a9e0;
}

@media screen and (max-width:1080px) {
    .c5 .c-cont8 .b-banner{
        flex-direction: column;
    }

    .c5 .c-cont8 .b-banner .left img {
        border-radius: 15px 15px 0 0;
        border-bottom: 1px solid #acacac;
    }
    .c5 .c-cont8 .b-banner .right{
        width: 100%;
        padding-block: 5rem;
        padding-inline:4%;
    }
    .c5 .c-cont8 .b-banner .right p{
        line-height: 2;
    }
    .c5 .c-cont8 .b-banner .right p br{
        display:none;
    }
    .c5 .c-cont8 .plus{
        top:auto;
        align-self: center;
    }

    .c5 .c-cont8 .b-boxes-2 {
        gap: 8rem;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* c6 sub css */

.c6 .list-type3{
    margin-block:6rem 8rem;
}

/* .c6 .list-type3 ul li{
    padding-block:2.5rem;
} */

.c6 .b-building .txt{
    padding-top:30rem;
}

.c6 .b-building .img{
    height:100%;
}

.c6 .c-cont6.b-building{
    margin-bottom:1px;
}

/* c7 sub css */

.c7 .c-cont2{
    background:url(../img/c7_1.jpg) no-repeat center center / cover;
    padding-block:32rem;
}

/**********************************************************************/

/***************************** d sub css *****************************/

/* d common css */

.d .img{
    text-align:center;
}

/* d1 sub css */

.d1 .d-cont2 .inner,
.d3 .d-cont4 .inner{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.d1 .d-cont2 .point-box,
.d3 .d-cont4 .point-box{
    margin-top:8rem;
}

.d1 .b-card-shape .card-img{
    justify-content: start;
}

.d1 .b-card-shape .card-txt{
    margin-left:17.5%;
    width:90%;
}

.d1 .b-boxes .txt p{
    text-align: center;
}

.d1 .b-card-shape .card-img .img {
    width: 30%;
}

@media screen and (max-width:1080px) {
    .d1 .b-card-shape .card-txt{
        margin-left:17.5%;
    }
    
    .d1 .b-card-shape .card-img .img{
        width:55%;
    }
    
    .d1 .d-cont2 .inner > .img,
    .d3 .d-cont4 .inner > .img{
        margin-top:8rem;
    }
    .d1 .b-boxes-2{
        grid-template-columns: repeat(1, 1fr);
    }
    .d1 .d-cont6 .b-boxes .txt p{
        text-align: center;
    }
}

@media screen and (max-width:768px) {
    .d1 .b-boxes .txt p{
        text-align: left;
    }

    .d1 .b-card-shape .card-txt .txt + .txt {
        margin-top: 44%;
    }
}

@media screen and (max-width:500px) {
    .d1 .b-card-shape .card-txt .txt {
        width: 75%;
    }

    .d1 .b-card-shape .card-txt .txt + .txt {
        margin-top: 24vh;
    }

    .d1 .b-card-shape .card-txt {
        margin-left: 15vw;
    }
}

/* d2 sub css */
.d2 .b-boxTxt .box1 h4{
    background-color:#0f4178;
}

.d2 .b-boxTxt .box1 p:nth-child(2),
.d2 .b-boxTxt .box2 p:nth-child(2){
    color:#66a9e0;
}

.d2 .b-boxTxt .box1 p:last-child,
.d2 .b-boxTxt .box2 p:last-child{
    color:#142537;
    font-weight:400;
}

.d2 .b-boxTxt .box2 h4{
    background:#142537;
}

.d2 .d-cont3 .txt{
    font-size:2rem;
    margin-top:10rem;
    line-height:2;
}

.d2 .d-cont5 .b-boxes .txt p{
    text-align: center;
}

@media screen and (max-width:1080px){
    .d2 .d-cont3 .b-boxTxt{
        gap:12rem;
    }
    .d2 .d-cont3 .b-boxTxt .box1{
        display:block;
    }
    .d2 .d-cont3 .b-boxTxt .box1, .d2 .d-cont3 .b-boxTxt .box1 img{
        width:100%;
        max-width:100%;
    }
}

/* d3 sub css */

.d3 .list-type6{
    margin-top:12rem;
}

.d3 .list-type6 > ul > li{
    gap:12rem;
}

.d3 .list-type6 .list-txt{
    font-weight:600;
}

.d3 .list-type5 ul li .list-tit{
    font-size:2rem;
    width:16rem;
}

.d3 .list-type5{
    margin-top:2rem;
}

.d3 .list-type5 ul{
    gap:1.5rem;
}

.d3 .list-type5 ul li{
    flex-direction: column;
    align-items: flex-start;
    gap:1rem;
}

.d3 ul.list-dot{
    gap:0.25rem;
}

.d3 .list-type6 > ul > li > .cont-box{
    width:calc(100% - 680px);
}

.d3 .list-type5 ul li:first-child .list-tit{
    background-color:#66a9e0;
}

.d3 .list-type5 ul li:last-child .list-tit{
    background-color:#0f4178;
}

@media screen and (max-width:1080px){
    .d3 .list-type6 > ul > li{
        gap:4rem;
    }
    .d3 .list-type5 {
        margin-top: 3rem;
    }
    .d3 .list-type5 > ul{
        gap:2rem;
    }
}

/* d4 sub css */

.d4 .list-type6{
    margin-top:12rem;
}

.d4 .list-type6 > ul > li{
    gap:12rem;
}

.d4 .d-cont5 .list-type6 .list-type5 ul{
    gap:3rem;
}

.d4 .d-cont5 .list-type6 .cont-box{
    width:calc(100% - 760px);
}

.d4 .d-cont6 .list-type6 .cont-box{
    width:calc(100% - 860px);
}

.d4 .list-type5 ul li .list-tit{
    font-size:2rem;
}

.d4 .list-type5 ul li .list-txt{
    font-weight:400;
}

.d4 .b-boxes .txt p{
    text-align: center;
}

.d4 .caption{
    font-size:2rem;
}

@media screen and (max-width:1080px){
    .d4 .list-type6 > ul > li{
        gap:5rem;
    }
    .d4 .d-cont5 .list-type6 .list-type5 ul {
        gap: 2rem;
    }
    .d4 .d-cont5 .list-type6 .cont-box,
    .d4 .d-cont6 .list-type6 .cont-box{
        width:100%;
    }
}

/* d5 sub css */

.d5 .list-type6{
    margin-top:12rem;
}

.d5 .d-cont3 .list-type6 > ul > li > .cont-box{
    width:calc(100% - 340px);
}

.d5 .list-type6.grid2 > ul {
    gap: 6rem 3rem;
}

.d5 .list-type7{
    gap:3rem;
}

.d5 .d-cont6 .list-type6 > ul > li{
    gap:12rem;
}

.d5 .d-cont6 .list-type6 > ul > li > .cont-box{
    width:calc(100% - 690px);
}

.d5 .list-type7 li{
    flex-direction: row;
    align-items: center;
}

.d5 .list-type7 li .list-txt{
    padding-left:2rem;
}

.d5 .list-type3.list4{
    margin-top:5rem;
}

@media screen and (max-width:1080px){
    .d5 .list-type6.grid2 ul{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .d5 .list-type6 > ul > li{
        justify-content: start;
    }
    .d5 .d-cont6 .list-type6 > ul > li{
        gap:6rem;
    }
}

/* d6 sub css */

.d6 .d-cont4 .list-type6,
.d6 .d-cont6 .list-type6{
    margin-top:12rem;
}

.d6 .d-cont4 .list-type6 > ul > li > .cont-box{
    width:calc(100% - 340px);
}

.d6 .d-cont6 .list-type6 > ul > li{
    gap:6rem;
}

.d6 .d-cont6 .list-type6 .cont-box{
    width:calc(100% - 860px);
}

.d6 .list-type5 ul{
    gap:2rem;
}

.d6 .list-type5 ul li .list-tit{
    font-size:2rem;
    font-weight: 400;
}

.d6 .list-type5 ul li .list-txt{
    font-weight:400;
}

@media screen and (max-width:1080px){
    .d6 .d-cont3 .b-boxes-2{
        grid-template-columns: repeat(1, 1fr);
    }
    .d6 .d-cont4 .list-type6 .list-desc{
        text-align: center;
    }
}



/**********************************************************************/

/***************************** e sub css *****************************/


/* e1 sub css */

.e1 .b-card-shape1{
    position:relative;
    margin-top:12rem;
}

.e1 .b-card-shape1::before{
    content:'WISDOM TEETH';
    position:absolute;
    top:-7rem;
    left:50%;
    transform:translateX(-50%);
    font-size:15rem;
    font-weight:500;
    color:#f2f2f2;
    width:100%;
    text-align:center;
    line-height:1;
    z-index:-1;
}

.e1 .e-cont1 .b-title .sm-tit {
    margin-bottom: 18rem;
}

.e1 .e-cont5 {
    position:relative;
}

.e1 .e-cont5::before,
.e1 .e-cont5::after{
    content:'';
    position:absolute;
    top:0;
    width:calc(50% - 2px);
    height:100%;
    background:url(../img/e1_5.jpg) no-repeat center center / cover;
    z-index:-1;
    background-position:left;
}

.e1 .e-cont5::before{
    left:0;
}

.e1 .e-cont5::after{
    right:0;
}

.e1 .e-cont5 > div{
    display:flex;
    align-items: center;
    justify-content: center;
    gap:2px;
}

.e1 .e-cont5 .b-title{
    text-align: left;
    color:#fff;
    width:45%;
}

.e1 .e-cont5 .b-title .big-tit{
    font-size:3.6rem;   
}

.e1 .e-cont5 .b-title .sm-tit{
    font-size:2rem;
    margin-top:4rem;
}

.e1 .e-cont5 .left,
.e1 .e-cont5 .right{
    width:calc(50% - 2px);
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    padding-block:12rem;
    gap:2rem;
}

.e1 .b-review-list{
    margin-top:12rem;
}

@media screen and (max-width:1080px){
    .e1 .e-cont5 > div{
        flex-direction: column;
    }
    .e1 .e-cont5 .left, .e1 .e-cont5 .right{
        width:100%;
        justify-content: start;
        padding-inline:4%;
    }
    .e1 .e-cont5 .b-title{
        width:100%;
    }
    .e1 .e-cont5::before{
        top:0;
        left:0;
        width:100%;
        height:50%;
        background-position:left;
    }
    
    .e1 .e-cont5::after{
        top:calc(50% + 2px);
        left:0;
        width:100%;
        height:50%;
        background-position:left;
    }

    .e1 .b-card-shape1::before{
        font-size:12vw;
    }
}

@media screen and (max-width:480px){
    .e1 .e-cont5 .left, .e1 .e-cont5 .right{
        flex-direction: column;
        gap:4rem;
    }
}
/* e2 sub css */

/* e3 sub css */

/**********************************************************************/

/***************************** f sub css *****************************/

/* f1 sub css */

@media screen and (max-width:1080px){
    .f1 .b-wide-imgs-2{
        grid-template-columns: repeat(1, 1fr);
    }
    .f1 .f-cont6 .b-title + .big-txt,
    .f1 .f-cont7 .b-title + .big-txt {
        margin-top:5rem;
    }
    .f1 .f-cont6 .b-boxTxt,
    .f1 .f-cont7 .b-circle-box{
        margin-top:6rem;
    }
}

/* f2 sub css */

.f2 .b-banner2 .b-title + .b-title{
    margin-top:6rem;
}

/* f3 sub css */

.f3 .list-type3{
    margin-top:6rem;
}

/* f4 sub css */

.f4 .list-type6 {
    margin-top:12rem;
}

.f4 .list-type6 > ul > li {
    gap: 12rem;
}

.f4 .list-type6 .cont-box {
    width: calc(100% - 760px);
}

.f4 .list-type5 ul li .list-tit {
    font-size: 2rem;
}
.f4 .list-type5 ul li .list-tit,
.f4 .list-type5 ul li .list-txt{
    font-weight:400;
}

.f4 .list-type6 .list-type5 ul {
    gap: 3rem;
}

/* f5 sub css */

.f5 .b-boxTxt .box2 h4{
    background-color:#142537;
}
.f5 .b-boxTxt .box p{
    font-weight:500;
}
.f5 .b-boxTxt .box2 p{
    color:#142537;
}

.f5 .list-type6{
    margin-top:12rem;
}

.f5 .list-type6 > ul > li{
    justify-content: space-between;
}

.f5 .list-type7{
    gap:3.5rem;
}

.f5 .list-type7 li{
    flex-direction: row;
}

.f5 .list-type7 li .list-txt{
    padding-left:1rem;
}

.f5 .list-type7 li .list-tit .num-ico{
    top:-0.8rem;
}

@media screen and (max-width:1080px){
    .f5 .f-cont2 .b-boxTxt{
        gap:12rem;
    }
    .f5 .f-cont2 .b-boxTxt .box1{
        display:block;
    }
    .f5 .f-cont2 .b-boxTxt .box1, .f5 .f-cont2 .b-boxTxt .box1 img{
        width:100%;
        max-width:100%;
    }
}

/**********************************************************************/

/***************************** h sub css *****************************/

/* h1 sub css */

.h1 .point-box2{
    margin-top:10rem;
}

/* h2 sub css */

.doctor-banner .inner3{
    position:relative;
}

.doctor-banner .deco-img{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.doctor-banner .mohw-box{
    width: 50rem;
    justify-content: center;
    margin-block: 5rem;
    padding-inline: 0rem;
}

.doctor-banner .doctor-career .career{
    font-size:2rem;
    font-weight:100;
}

@media (min-width: 1081px) and (max-width: 1600px) {
    .b-banner2 > div > div:not(.deco-img){
        width:50%;
    }

}

@media (max-width: 1080px) {
    .doctor-banner.b-banner2 > div .b-title .big-tit {
        text-align: left;
    }
    .doctor-banner .deco-img{
        bottom: 0;
        max-width: 50vw;
        top:auto;
        transform:none;
    }
    .doctor-banner .mohw-box{
        margin-block:5rem 3rem;
    }
}

@media (max-width: 768px) {
}

.doctor-banner .doctor-career .career + .career{
    margin-top:0.25rem;
}

.h2 .h-cont6 .list-type6{
    margin-block:12rem 10rem;
}

.h2 .h-cont6 .txt{
    font-size:2.6rem;
    line-height:1.5;
}

.h2 .h-cont6 .txt .point-txt{
    color:#66a9e0;
    font-size:3rem;
    font-weight:600;
}

.h2 .list-type7 li {
    display:flex;
    flex-direction: row;
}

.h2 .list-type7 li .list-tit .num-ico {
    top: -0.8rem;
}

.h2 .list-type7 li .list-txt {
    padding-left: 1rem;
}

.h2 .list-type6 > ul > li{
    justify-content: space-between;
}

.h2 .list-type7{
    gap:1.5rem;
}

.h2 .point-tit-box{
    font-size:2rem;
    font-weight:600;
    border-radius: 2rem;
    background-color:#142537;
    color:#fff;
    padding:0.5rem 2rem;
    margin-block:1.5rem;
    display:inline-block;
}
.h3 .h-cont5 .point-box2{
    margin-top: 2rem;
}

/* h4 sub css */

.h4 .b-boxes-2{
    gap:12rem;
}
.h4 .h-cont6 .list-type6{
    margin-top:12rem;
}
.h4 .h-cont6 .list-type6 > ul > li {
    gap: 12rem;
}

.h4 .h-cont6 .list-type6 > ul > li > .cont-box {
    width: calc(100% - 640px);
}

.h4 .h-cont6 .list-type5 ul li {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
}

.h4 .h-cont6 .list-type5 ul li .list-tit{
    font-weight:500;
}

.h4 .h-cont6 .list-type5 ul li:first-child .list-tit {
    background-color: #66a9e0;
}

.h4 .h-cont6 .list-type5 ul li:first-child .list-tit {
    font-size: 3rem;
    padding-block:1rem;
    width: 100%;
}

.h4 .h-cont6 .list-type5 ul li:first-child .list-txt{
    font-size:2.4rem;
    margin-top:2rem;
    line-height:1.5;
}

.h4 .h-cont6 .list-type5 ul li:first-child .list-txt .point-txt{
    color:#66a9e0;
    font-weight:700;
}

.h4 .h-cont6 .list-type5 ul li .list-txt{
    width:100%;
}

.h4 .h-cont6 .list-type5 .item + .item{
    margin-top:2rem;
}

.h4 .list-type5 ul li:nth-child(n+2) .list-tit {
    background-color: #142537;
    font-size:2.4rem;
}

.h4 .h-cont7 .b-boxes .txt > p{
    height: 13vh;
}

.h4 .h-cont7 .b-boxes .point-box2{
    height:9vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h4 .h-cont7 .list-type6 {
    margin-top:10rem;
}

.h4 .h-cont7 .list-type6 > ul > li > div{
    width:50%;
}

.h4 .h-cont7 .list-type6 .list-tit{
    background:none;
    color:#142537;
    font-size:2.7rem;
    width:100%;
}

.h4 .h-cont7 .list-type6 .point-txt{
    color:#66a9e0;
    font-size:2.4rem;
    font-weight:500;
    display:inline-block;
    margin-bottom:2rem;
}

.h4 .h-cont7 .list-type6 .list-txt{
    font-size:2rem;
    font-weight:400;
}

.h4 .h-cont7 .list-type6 > ul > li .item{
    flex-direction: column;
}

.h4 .b-boxes .point-box2 p{
    margin-top:0;
}

.h4 .h-cont7 .point-box2{
    margin-top:3rem;
}

.h4 .h-cont7 .point-box2 .list-type5 ul{
    gap:0.5rem;
}

.h4 .h-cont7 .point-box2 .list-type5 ul li .list-tit{
    font-size:2rem;
    font-weight:700;
    padding-block:0.25rem;
    width:12rem;
}

.h4 .h-cont7 .point-box2 .box .txt{
    text-align: left;
    letter-spacing: -1px;
}

.h4 .h-cont7 .point-box2 .box:nth-child(2) .list-type5 ul li .list-txt{
    width:100%;
}

.h4 .h-cont7 .point-box2 .box:nth-child(2) .list-type5 ul {
    gap:1rem;
}

@media screen and (max-width:768px){
    .h4 .b-boxes-2{
        grid-template-columns: repeat(1, 1fr);
        gap:6vh;
    }

    .h4 .list-type6 > ul > li{
        gap:6vh;
    }

    .h4 .h-cont7 .b-boxes .txt > p{
        height:auto;
    }

    .h4 .h-cont7 .list-type6 > ul > li > div{
        width:100%;
    }

    .h4 .h-cont7 .point-box2 .box .list-type5{
        width:100%;
    }

    .h4 .h-cont6 .list-type6 > ul > li{
        gap:6rem;
    }
    .h4 .h-cont7 .list-type6,
    .h4 .b-boxes-2,
    .h4 .b-boxes-3,
    .h4 .h-cont6 .list-type6{
        margin-top:6rem;
    }
    .h4 .h-cont7 .b-boxes .point-box2{
        margin-top:1.5rem;
        height:auto;
    }

    .h4 .h-cont7 .list-type6 > ul > li{
        gap:3rem;
    }
}
@media screen and (max-width:480px){

    .h4 .h-cont7 .b-boxes .txt > p,
    .h4 .h-cont7 .b-boxes .point-box2 p,
    .h4 .h-cont7 .list-type6 .list-txt,
    .h4 .h-cont7 .list-type6 .point-txt,
    .h4 .h-cont6 .list-type5 ul li .list-txt{
        font-size:4vw;
    }
    .h4 .h-cont7 .b-boxes .point-box2 p{
        padding-block:1.5rem;
    }
    .h4 .h-cont6 .list-type5 ul li:first-child .list-tit{
        font-size:5vw;
    }
    .h4 .h-cont6 .list-type5 ul li:first-child .list-txt{
        font-size:5vw;
    }
    .h4 .list-type5 ul li:nth-child(n+2) .list-tit{
        font-size:4.8vw;
    }
    .h4 .h-cont7 .b-boxes.b-boxes-2 .txt h4,
    .h4 .h-cont7 .list-type6 .list-tit{
        font-size:6.5vw;
    }
    .h4 .h-cont7 .point-box2 .box .list-type5 ul li{
        gap:1rem;
    }
}
/***************************** layout sub css *****************************/

/* 테이블 레이아웃 */

.table-wrap{
    overflow-x: auto;
}

.table-wrap .table{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    min-width:60rem;
}

.table-wrap .table th,
.table-wrap .table td{
    border: 1px solid #ccc;
}

.table-wrap .table td{
    font-size:2.2rem;
    font-weight:400;
    padding-block:2rem;
    text-align: center;
}

.table-wrap .table .table-tit{
    font-weight:600;
    padding-block:2rem;
    text-align: center;
}


.table-wrap .table .table-tit,
.table-wrap .table .bg{
    background-color:#142537;
    color:#FFF;
    font-size:3rem;
}


.table-wrap .table-tit{
    font-size: 3.5rem;
    text-align: center;
    font-weight:600;
}

.table-wrap .table-tit .thin{
    font-weight:300;
}

.table-wrap .table{
    margin-top:4rem;
}

/*  리뷰 레이아웃 */

.b-review-list.swiper{
    overflow: visible;
}

.b-review-list .swiper-slide{
    background-color:#fff;
    height:40rem;
    padding:4rem;
    position:relative;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.15);
}

.b-review-list .review-tit{
    display:flex;
    align-items: center;
    gap:1rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #66a9e0;
}

.b-review-list .reviewer-box{
    width:100%;
}

.b-review-list .reviewer-box .reviewer-name{
    display:flex;
    margin-bottom:0rem;
    position:relative;
}

.b-review-list .reviewer-box .review-option{
    position:absolute;
    right:0;
    align-self:center;
    cursor:pointer;
}

.b-review-list .reviewer-box .review-option ul{
    display:flex;
    flex-direction: column;
    gap:0.3rem;
}

.b-review-list .reviewer-box .review-option ul li{
    width:0.3rem;
    height:0.3rem;
    background-color:#999;
    border-radius:100%;
}

.b-review-list .reviewer-box .reviewer-name .name{
    font-weight:700;
    font-size:1.7rem;
}

.b-review-list .reviewer-box .reviewer-info{
    font-size:1.4rem;
    color:#999;
}

.b-review-list .review-txt{
    margin-top:3rem;
}

.b-review-list .review-txt .review-subtit{
    font-size:1.7rem;
    font-weight:700;
    margin-bottom:1rem;
    color:#666;
}

.b-review-list .review-txt .txt{
    font-size:1.4rem;
    margin-top:1rem;
    color:#999;
}

.braces-maintain-nav,
.b-review-list .b-review-list-nav{
    justify-content: center;
    align-items: center;
    margin-top:8rem;
    gap:20rem;
}

.b-review-list .b-review-list-nav{
    display:flex !important;
}

.braces-maintain-nav .swiper-button-next,
.braces-maintain-nav .swiper-button-prev,
.b-review-list .swiper-button-next,
.b-review-list .swiper-button-prev{
position: relative;
top: auto;
width: fit-content;
color: #333333;
font-size: 3rem;
font-weight: 100;
right: auto;
left: auto;
height: auto;
margin-top: 0;
}

.braces-maintain-nav .swiper-button-next::after,
.braces-maintain-nav .swiper-button-prev::after,
.b-review-list .swiper-button-next::after,
.b-review-list .swiper-button-prev::after{
    display:none;
}

@media screen and (max-width:1080px){
    .braces-maintain-nav{
        display:flex !important;
    }
    .b-review-list .review-txt{
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .b-review-list .review-txt .review-subtit{
        font-size:2.2rem;
    }
    .b-review-list .review-txt .txt{
        font-size:1.7rem;
    }
}

@media screen and (max-width:768px){
    .b-review-list .review-txt br{
        display:none;
    }
}

/* point-box */

.point-box{
    display:inline-flex;
    background-color:#66a9e0;
    color:#fff;
    font-size:3rem;
    font-weight:600;
    padding-block:2rem;
    padding-inline:6rem;
    border-radius:50px;
    width:fit-content;
}

.point-box2{
    display:flex;
    background-color:#c9e1f4;
    border-radius:20px;
    position:relative;
    align-items: start;
}

.point-box2.box2 .box{
    width:50%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block:4rem;
    padding-inline:2vw;
}

.point-box2 .box .point-tit-box{
    font-size:2.4rem;
    font-weight:600;
    border-radius: 2rem;
    background-color:#142537;
    color:#fff;
    padding:0.5rem 6rem;
    margin-bottom:3rem;
    display:inline-block;
}

.point-box2 .box .txt{
    font-size: 2rem;
    text-align:center;
}

.point-box2 .plus-box{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:3.5rem;
    height: 3.5rem;
}
.point-box2 .plus-box .plus2{
    width:100%;
    height: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.point-box2 .plus-box .plus2::before,
.point-box2 .plus-box .plus2::after{
    content:'';
    position:absolute;
    background-color:#142537;
}

.point-box2 .plus-box .plus2::before{
    width:5px;
    height:100%;
}

.point-box2 .plus-box .plus2::after{
    width:100%;
    height:5px;
}

@media screen and (max-width:1080px){
    .point-box2 .box .point-tit-box{
        font-size:2rem;
    }
    .point-box2 .box .txt{
        font-size:1.8rem;
    }
}

@media screen and (max-width:768px){
    .point-box2.box2{
        flex-direction: column;
    }

    .point-box2.box2 .box{
        width:100%;
        padding-block: 3vh;
    }

    .point-box2 .plus-box{
        display:none;
    }

}

@media screen and (max-width:480px){
    .point-box2 .box .point-tit-box{
        font-size:4.5vw;
    }
}

/* 플러스 아이콘 */

.plus{
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    width:5rem;
    height: 5rem;
    background-color:var(--point);
    border-radius: 100%;
}

.plus.circle{
    border-radius: 100%;
}

.plus.box{
    border-radius:0;
}

.plus::before,
.plus::after{
    content:'';
    position:absolute;
    background-color:#fff;
}

.plus::before{
    width:35%;
    height:2px;
}

.plus::after{
    width:2px;
    height:35%;
}

/* num-ico 아이콘 */

.num-ico{
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    width:4.5rem;
    height: 4.5rem;
    background-color:var(--point);
    color:#fff;
    border-radius: 100%;
}

/* 파트너 리스트 */

.partner-list__box ul{
    display: flex;
    gap: 10rem;
}

@media screen and (max-width:1080px) {
    .partner-list__box ul{
        gap:5rem;
    }
}

@media screen and (max-width:768px) {
    .partner-list__box ul{
        gap:3rem;
    }
}

/*****************  list-type 모음집 *****************/

/* a5 진료시간 레이아웃 */

.list-type1{
    display:flex;
    justify-content: center;
}

.list-type1 ul{
    position:relative;
}

.list-type1 ul li {
    display: flex;
    align-items: start;
    position:relative;
    font-size:2.6rem;
}

.list-type1 ul li::after{
    content:'';
    position:absolute;
    left:27%;
    top:0;
    width:1px;
    height:100%;
    background-color:#b8bdc3;
}

.list-type1 ul li:last-child::after{
    height:55%;
}

.list-type1 ul li + li{
    padding-top:2rem;
}

.list-type1 .list-tit{
    font-weight:700;
    padding-right: 8rem;
}

.list-type1 .list-txt{
    padding-left: 8rem;
}

.list-type1 .point-box{
    background-color:#5fa4de;
    color:#fff;
    padding:0.5rem 4rem;
    border-radius:30px;
    font-size:2.6rem;
    font-weight:700;
   /* margin-top: 2rem; */
}

@media screen and (max-width:480px) {
    .list-type1 ul li::after{
        display:none;
    }
    .list-type1 .list-tit {
        padding-right: 3rem;
    }
    .list-type1 .list-txt{
        padding-left: 3rem;
    }

    
}
/* a5 상담 및 예약 안내 레이아웃 */

.list-type2 ul{
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    justify-content: space-between;
    gap:8rem;
}

.list-type2 ul li{
    background-color:#f5f6fa;
    border:1px solid #bbbbbc;
    border-radius: 20px;
    display:flex;
    flex-direction: column;
    align-items: center;
    position:relative;
    padding-block:8rem;
}

.list-type2 ul li a {
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.list-type2 .tit{
    font-size: 2.6rem;
    font-weight: 600;
    margin-block: 3rem;
}

.list-type2 .txt{
    text-align:center;
    font-size:2rem;
}

.list-type2 .plus.box{
    position:absolute;
    bottom:0;
    right:0;
    border-bottom-right-radius:20px;
}



/* .c1 .c-cont6 교정 케이스 레이아웃 */

.list-type3 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-type3 ul li{
    background: #eff6fc;
    border-radius: 50px;
    padding-block: 2.5rem;
    font-size: 2rem;
    color: #222;
    text-align: center;
    position: relative;
    mix-blend-mode: multiply;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline:1rem;
}

.list-type3.list4 ul li{
    width: 24vw;
}

.list-type3.list3 ul li{
    width: 23vw;
}

.list-type3.list2 ul li{
    width:15vw;
}

.list-type3.list4 ul li:first-child{
    right: -6rem;
}

.list-type3.list4 ul li:nth-child(2){
    right: -2rem;
}

.list-type3.list4 ul li:nth-child(3){
    left: -2rem;
}

.list-type3.list4 ul li:nth-child(4){
    left: -6rem;
}

.list-type3.list3 ul li:first-child{
    right: -4rem;
}

.list-type3 ul li:last-child{
    left: -4rem;
}

.list-type3 .plus{
    position:absolute;
    align-self: flex-end;
    right: 0;
    width:4rem;
    height: 4rem;
    background-color:inherit;
}

.list-type3 .plus::before,
.list-type3 .plus::after{
    background-color:var(--point);
}

.list-type3 .plus::before{
    height:3px;
}

.list-type3 .plus::after{
    width:3px;
}


@media screen and (max-width:1080px){
    .list-type3.list3 ul li{
        width:30vw;
    }

    .list-type3.list4 ul{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        gap:2rem 0;
    }
    .list-type3.list4 ul li{
        width:100%;
    }
    .list-type3.list4 ul li:first-child{
        right:-2rem;
    }
    .list-type3.list4 ul li:nth-child(2){
        right:2rem;
    }
    .list-type3.list4 ul li:nth-child(2) .plus{
        display:none;
    }
    .list-type3.list4 ul li:nth-child(3){
        left:2rem;
    }
    .list-type3.list4 ul li:nth-child(4){
        left:-2rem;
    }
    .list-type3.list2 ul li{
        width:30vw;
    }
}

@media screen and (max-width:768px){
    
    .list-type3.list3 ul li{
        width:33.33%;
    }
    .list-type3.list2 ul li{
        width:40vw;
    }
}

@media screen and (max-width:480px){
    .list-type3.list3 .plus{
        display:none;
    }
    .list-type3.list3 ul{
        flex-direction: column;
        gap:2rem;
    }
    
    .list-type3.list3 ul li{
        width:100%;
    }
    
    .list-type3.list3 ul li:first-child{
        right:0;
    }

    .list-type3.list3 ul li:last-child{
        left:0;
    }
}

/* c1 교정 치료 시기 레이아웃 */

.list-type4 ul{
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    gap:4rem;
}

.list-type4 ul li{
    display:flex;
    align-items: center;
    position:relative;
    padding:1.2rem;
    border:1px solid #66a9e0;
    background-color:#eef6fc;
    border-radius: 100px;
    gap:2.5vw;
}

.list-type4 .list-cont{
    display:flex;
    align-items:center;
}

.list-type4 .list-tit {
    padding-right:7rem;
}

.list-type4 .list-txt {
    padding-left:3rem;
    position:relative;
}

.list-type4 .list-txt::after{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    width:1px;
    height:100%;
    background-color:#66a9e0;
}

.list-type4 .list-tit .tit{
    font-size:3.6rem;
    font-weight:700;
    color:var(--point);
}

.list-type4 .list-txt .sub-tit,
.list-type4 .list-txt .point-txt{
    font-size: 3rem;
}

.list-type4 .list-txt .sub-tit{
    font-weight:500;
}

.list-type4 .list-txt .point-txt{
    font-weight: 700;
}

.list-type4 .list-txt .txt{
    font-weight:300;
    font-size:2.4rem;
}

.list-type4 .plus{
    position: absolute;
    right: 4rem;
    top: 50%;
    width:6rem;
    height:6rem;
    transform: translateY(-50%);
    background-color:#66a9e0;
}

@media screen and (max-width:1080px){
    .list-type4 ul{
        gap:3rem;
    }
    .list-type4 ul li{
        gap:6rem;
        padding:0;
        border:none;
        background-color:transparent;
        border-radius: 0;
    }

    .list-type4 .list-txt::after{
        display:none;
    }

    .list-type4 ul li .img{
        width:50%;
    }

    .list-type4 .list-cont {
        flex-direction: column;
        align-items: start;
        justify-content: center;
        background: #eef6fc;
        border-radius: 20px;
        border: 1px solid #66a9e0;
        padding-inline: 4%;
        width: 100%;
        height:100%;
    }

    .list-type4 .list-tit{
        padding-inline:1rem;
        width:100%;
        padding-bottom:1rem;
        position:relative;
        display:flex;
        align-items: center;
        justify-content: space-between;
    }

    .list-type4 .list-txt{
        padding-inline:1rem;
        padding-top:1rem;
    }

    .list-type4 .list-txt::after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        transform: translateY(-50%);
        width: 48vw;
        height: 1px;
        background-color: #66a9e0;
    }

    .list-type4 .plus{
        width:4rem;
        height:4rem;
        top:auto;
        right:auto;
        position:relative;
        transform: translateY(0%);
    }
    .list-type4 .list-tit .tit::after{
        content:'';
        position:absolute;
        left:0;
        bottom:0rem;
        width:100%;
        height:1px;
        background-color:#66a9e0;
    }
}

@media screen and (max-width:768px){
    .list-type4 ul li{
        gap:3rem;
    }

    .list-type4 ul li .img {
        width: 75%;
    }
    
    .list-type4 .list-txt .sub-tit, 
    .list-type4 .list-txt .point-txt {
        font-size: 2.4rem;
    }
    .list-type4 .list-txt::after{
        display:none;
    }

    .list-type4 .list-tit .tit{
        font-size:3rem;
    }

}

/* list-type5 = b6 b-banner2 보험 임플란트 조건 레이아웃 */

.list-type5 ul{
    display:flex;
    flex-direction: column;
    gap:1rem;
}

.list-type5 ul li{
    display:flex;
    gap:2rem;
    align-items: center;
    font-size:2rem;
}

.list-type5 ul li:has(span.block){
    align-items: start;
}

.list-type5 ul li span.block{
    display:block;
}

.list-type5 ul li .list-tit{
    background-color:#142537;
    color:#fff;
    width: 14rem;
    text-align: center;
    padding-block:0.5rem;
    border-radius:100px;
}

.list-type5 ul li .list-txt{
    width: calc(100% - 10rem);
}


@media screen and (max-width:1080px){
    .list-type5 ul li .list-tit{
        padding-block:0.8rem;
    }
    .list-type5 ul li{
        width:100%;
        font-size: 2.2rem;
    }
    .list-type5 ul li .list-txt{
        width:100%;
    }
}

/* list-type6 = c2 교정 css */

.list-type6 ul{
    justify-content: center;
}

.list-type6.grid2 > ul {
    gap:6rem 10rem;
}

.list-type6.grid1 > ul {
    gap:6rem;
}

.list-type6 > ul > li{
    display:flex;
    gap:3rem;
    align-items: center;
    justify-content: center;
}

.list-type6 > ul > li > .cont-box{
    color:var(--point);
}

.list-type6 .list-tit{
    font-size: 3rem;
    font-weight:700;
}

.list-type6 .list-desc{
    font-size:1.8rem;
    font-weight:300;
    margin-block:2rem;
}

.list-type6 .list-txt{
    font-size:2rem;
    font-weight:700;
}

@media screen and (max-width:1080px){
    .list-type6.grid2 ul{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap:6rem;
    }

    .list-type6 > ul > li{
        flex-direction: column;
        gap:6rem;
    }
    .list-type6 > ul > li .cont-box{
        width:100% !important;
    }
    .list-type6 .list-tit{
        text-align:center;
    }
    .list-type6 .list-txt{
        font-size:2.2rem;
    }
    /* .list-type6 .list-desc br{
        display:none;
    } */
}

@media screen and (max-width:768px){
    .list-type6.grid2 ul{
        gap:4rem;
    }
}

@media screen and (max-width:480px){
    .list-type6.grid2 ul{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap:6rem;
    }
}

/* list-type7 = d4 교정 장치 레이아웃 */

.list-type7 ul{
    display:flex;
    flex-direction: column;
    gap:2rem;
}

.list-type7 li{
    display:flex;
    flex-direction: column;
    align-items: start;
}

.list-type7 li .list-tit{
    font-size:2.7rem;
    font-weight:700;
}

.list-type7 li .list-tit .num-ico{
    margin-right:1rem;
}

.list-type7 li .list-txt{
    font-size:2rem;
    font-weight:400;
    padding-left:6rem;
}

@media screen and (max-width:1080px){
    .list-type7 li br{
        display:none;
    }
}

/***************************************************/

/* num-list_type 모음집 */

/* a1 설립일 ~ 레이아웃 */

.num-list_type1 ul{
    width:100%;
    display:flex;
}

.num-list_type1 li{
    width:25%;
    position:relative;
    flex-direction: column;
    display:flex;
    align-items: center;
    justify-content: center;
    padding-block:4rem;
}

.num-list_type1 li:not(:last-child)::before{
    content:'';
    position:absolute;
    right:0;
    width:1px;
    height:45%;
    background-color:#b8bdc3;
}

.num-list_type1 li .list-tit{
    font-size:1.8rem;
    font-weight:300;
}

.num-list_type1 li .list-txt{
    font-size:3.6rem;
    margin-top:1.5rem;
}

.num-list_type1 li .list-txt .num{
    font-weight:700;
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:480px) {
    .num-list_type1 ul{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .num-list_type1 li{
        width:100%;
    }
}

/* a1 2F ~ 5F 레이아웃 */

.num-list_type2 ul{
    display:flex;
    justify-content: center;
    flex-flow:row wrap;
    gap:2.5rem;
}

.num-list_type2 ul li{
    border:1px solid #cfcfcf;
    border-radius:20px;
    background: #fff;
    position:relative;
    width:30rem;
    height: 23rem;
}

.num-list_type2 .num-box{
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--point);
    font-size: 3.6rem;
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 0 15px 0;
}


.num-list_type2 .list-box .ico-img{
    position: absolute;
    left: 2rem;
    top: 42.5%;
}

.num-list_type2 .txt-box{
    color:var(--point);
    text-align: left;
    padding-top: 4rem;
    padding-left: 10rem;
}

.num-list_type2 .txt-box dt.list-tit{
    font-size:2.2rem;
    font-weight: 700;
    position:relative;
    padding-bottom:1rem;
}

.num-list_type2 .txt-box dt.list-tit::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:13.5rem;
    height: 1px;
    background-color: #b8bdc3;
}

.num-list_type2 .txt-box dd.list-txt{
    font-size:2rem;
    font-weight:300;
}

.num-list_type2 .txt-box .list-txt:nth-of-type(1){
    margin-top:2rem;
}

@media screen and (max-width:1080px) {
    .num-list_type2 ul li{
        width:calc(50% - 1.25rem);
    }
    .num-list_type2 .list-box .ico-img{
        max-width:6rem;
    }
}

@media screen and (max-width:480px){
    .num-list_type2 .txt-box dt.list-tit,
    .num-list_type2 .txt-box dd.list-txt{
        font-size:3.5vw;
    }
    
    .num-list_type2 .txt-box dt.list-tit::after{
        width:95%;
    }
}

/**************************************************************/

.hide-420 {
    display: block !important;
}
@media (max-width: 420px) {
    .hide-420 {
        display: none !important;
    }
}