:has(.sub.a) .gnb_1dli:nth-of-type(1) > a,
:has(.sub.b) .gnb_1dli:nth-of-type(2) > a,
:has(.sub.c) .gnb_1dli:nth-of-type(3) > a,
:has(.sub.d) .gnb_1dli:nth-of-type(4) > a,
:has(.sub.e) .gnb_1dli:nth-of-type(5) > a,
:has(.sub.f) .gnb_1dli:nth-of-type(6) > a,
:has(.sub.g) .gnb_1dli:nth-of-type(7) > a,
:has(.sub.h) .gnb_1dli:nth-of-type(8) > a {
    font-weight: 700;
}


.sub{
    border: 1px solid var(--border);
}

.sub-visual {
    padding: 10px;
    border-bottom: 1px solid var(--border);
    position: relative;
    display: none;
}
.sub-visual .img img {
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: all 0.3s;
}
.sub-visual:hover .img img {
    filter: grayscale(0);
}
.sub-visual .txt {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 18px;
    width: 100%;
    padding-inline: 20px;
}
.sub-visual .txt p {
    font-size: 1em;
    font-family: 'Cormorant';
    font-weight: 500;
    color: #fff;
    margin-bottom: 0.5em;
}
.sub-visual .txt h2 {
    font-size: 3em;
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.sub-visual .txt h4 {
    font-size: max(12px,1.33em);
    font-weight: 600;
    margin-top: 1em;
    color: #fff;
}
@media screen and (max-width:992px){
    .sub-visual .txt {
        font-size: clamp(8px,2.4vw,18px);
        padding-inline: 6%;
    }
    .sub-visual .txt h2 {
        font-size: 2.6em;
    }
}

/* .sub .tab-menu {
    padding: 45px 10px;
    border-bottom: 1px solid var(--border);
}
.sub .tab-menu ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 auto;
    width: 90%;
    max-width: 1060px;
}
.sub .tab-menu ul li {
    border-bottom: 1px solid #e1e1e1;
}
.sub .tab-menu ul li:nth-of-type(5) ~ li {
    padding-top: 45px;
    
}
.sub .tab-menu ul li a,
.sub .tab-menu ul li span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #999;
    padding-bottom: .9em;
}
.sub .tab-menu ul li.on a {
    border-bottom: 2px solid #000;
    color: #222;
    font-weight: 600;
}
@media screen and (max-width:992px){
    .sub .tab-menu {
        padding: 0;
    }
    
    .sub .tab-menu ul {
        width: 100%;
        grid-template-columns: repeat(4, 1fr);
    }
    .sub .tab-menu ul li,
    .sub .tab-menu ul li:nth-of-type(5) ~ li {
        padding: clamp(20px,4.2vw,30px) 0;
        border-bottom: 0;
    }
    .sub .tab-menu ul li:nth-of-type(4) ~ li {
        border-top: 1px solid var(--border);
    }
    .sub .tab-menu ul li.on a {
        border-bottom: 0;
    }
    .sub .tab-menu ul li a,
    .sub .tab-menu ul li span {
        font-size: clamp(13px,3vw,20px);
        padding-block: 1em;
        border-left: 1px solid var(--border);
    }
    .sub .tab-menu ul li:nth-of-type(4n + 1) a {
        border-left: 0;
    }
} */

.sub-visual-txt {
    padding: 30px 10px;
    text-align: center;
    border: 1px solid var(--border);
    border-top: 0;
}
.sub-visual-txt h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.sub .tab-menu {
    padding: 30px 10px;
    border-bottom: 1px solid var(--border);
}
.sub .tab-menu ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 80%;
    max-width: 1060px;
}
.sub .tab-menu ul li {
   text-align: center;
}
.sub .tab-menu ul li a{
    font-size: 17px;
    color: #999;
}
.sub .tab-menu ul li.on a {
    border-bottom: 1px solid #000;
    color: #222;
    font-weight: 700;
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:992px){
    .sub .tab-menu ul {
        width: fit-content;
        max-width: 90%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        gap: 20px 40px;
    }
    .sub .tab-menu ul li:nth-of-type(5) ~ li {
        padding-top: 0;
    }
    .sub .tab-menu ul li a{
        font-size: clamp(18px,3vw,22px);
    }
    .sub-visual-txt,
    .a2 .tab-menu{
        border:none !important;
        border-bottom: 1px solid var(--border) !important;
    }
}


.sub .sub-bottom {
    text-align: center;
    /* background: url(../img/sub/sub-bottom.png) no-repeat;
    background-size: auto 90%;
    background-position: 90% 100%; */
    height: 278px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: 10px;
}
.sub .sub-bottom .txt {
    margin: 0 auto;
}
.sub .sub-bottom .txt h3 {
    font-size: 28px;
    font-weight: 700;
}
.sub .sub-bottom .txt h3 span {
    color:#908570;
}
.sub .sub-bottom .txt p {
    font-size: 15px;
    margin-top: 1.5em;
    line-height: 1.6;
    letter-spacing: -0.45px;
}
@media screen and (max-width:992px){
    .sub .sub-bottom {
        padding: clamp(30px,9vw,67px) clamp(10px,5vw,40px);
        /* background: url(../img/sub/sub-bottom_mo.png) no-repeat;
        background-size:auto 85%;
        background-position: center; */
        height: auto;
    }
    .sub .sub-bottom .txt h3 {
        font-size: clamp(19px,4.2vw,30px);
    }
    .sub .sub-bottom .txt p {
        font-size: clamp(18px,3vw,22px);
    }
}

/* grid-template-areas 순서 설정 공통 */
.cont .box1 {
    grid-area: box1;
}
.cont .box2 {
    grid-area: box2;
}
.cont .box3 {
    grid-area: box3;
}
.cont .box4 {
    grid-area: box4;
}
.cont .box5 {
    grid-area: box5;
}
.cont .box6 {
    grid-area: box6;
}
.cont .box7 {
    grid-area: box7;
}
.cont .box8 {
    grid-area: box8;
}
.cont .box9 {
    grid-area: box9;
}
.cont .box10 {
    grid-area: box10;
}
.cont .box11 {
    grid-area: box11;
}
.cont .box12 {
    grid-area: box12;
}

.cont .box img {
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: all 0.3s;
}
.cont .box:hover img {
    filter: grayscale(0) !important;
}

.sub-type1 .cont {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: repeat(3,139px);
    align-items: center;
}
.sub-type1 .cont .box {
    padding: 10px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    height: 100%;
    border-left: 1px solid var(--border);
    text-align: center;
}
.sub-type1 .cont:not(:last-child) {
    border-bottom: 1px solid var(--border);
}


.sub-type1 .cont1 {
    grid-template-areas:
    " box1 box2 box3 box3 box3 "
    " box1 box2 box3 box3 box3 "
    " box1 box2 box3 box3 box3 ";
}
.sub-type1 .cont1 .box2 h3 {
    font-size: 30px;
    font-weight: 700;
}
.sub-type1 .cont1 .box3 .txt {
    margin-inline: auto;
}
.sub-type1 .cont1 .box3 .quote {
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
    margin-top: 1em;
}
.sub-type1 .cont1 .box3 .quote:last-child {
    margin-block: 1em 0;
}
.sub-type1 .cont1 .box3 p {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.025em;
}
.sub-type1 .cont .box1 {
    border-left: 0;    
}

.sub-type1 .cont2 {
    grid-template-areas:
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 ";
}
.sub-type1 .cont2 .box1 h4 {
    font-size: 24px;
    font-weight: 700;
}
.sub-type1 .cont2 .box2 {
    text-align: left;
    padding-inline: 60px;
}
.sub-type1 .cont2 .box2 li {
    font-size: 15px;
    margin-bottom: 1.5em;
    line-height: 1.6;
}
.sub-type1 .cont2 .box2 li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width:1200px){
    .sub-type1 .cont {
        grid-template-rows: repeat(3,1fr);
    }
    .sub-type1 .cont2 .box2 {
        padding-block: 40px;
    }
    .sub-type1 .cont2 .box2 li {
        margin-bottom: 1em;
    }
}
@media screen and (max-width:992px){
    .sub-type1 .cont {
        grid-template-columns: 1fr !important;
        grid-template-rows:  1fr !important;
    }
    .sub-type1 .cont .box {
        border-left: 0;
        border-bottom: 1px solid var(--border);
    }
    .sub-type1 .cont .box:last-child {
        border-bottom: 0;
    }
    .sub-type1 .cont1 {
        grid-template-areas:
        " box1"
        " box2"
        " box3" !important;
    }
    .sub-type1 .cont1 .box3 .quote {
        font-size: 26px;
    }
    .sub-type1 .cont1 .box3 .quote:first-child {
        margin-bottom: .5em;
    }
    .sub-type1 .cont .box:not(:has(img)) {
        padding: clamp(30px,8vw,70px) clamp(10px,5vw,40px);
    }
    .sub-type1 .cont1 .box2 h3,
    .sub-type1 .cont2 .box1 h4 {
        font-size: clamp(19px,4.2vw,30px);
    }
    .sub-type1 .cont2 {
        grid-template-areas:
        " box1"
        " box2" !important;
    }
    .sub-type1 .cont2 .box2 ul {
        text-align: center;
    }
    .sub-type1 .cont1 .box3 p,
    .sub-type1 .cont2 .box2 li {
        font-size: clamp(18px,3vw,22px);
    }
    
}
.sub .sub-type2 .cont {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    align-items: center;
}
/* .sub .sub-type2 .cont .box {
    padding: 10px;
    height: 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
} */
.sub .sub-type2 .cont .box {
    padding: 10px;
    height: 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.sub .sub-type2 .cont .box:has(.txt2),
.sub .sub-type2 .cont .box:has(.txt3) {
    align-items: flex-start;
}
.sub .sub-type2 .cont .box .txt2 {
    padding-left: 58px;
}
.sub .sub-type2 .cont .box .txt3 {
    padding-left: 43px;
}
.sub .sub-type2 .cont h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.024em;
    margin-bottom: 1.4em;
}
.sub .sub-type2 .cont p {
    font-size: 15px;
    letter-spacing: -0.024em;
    line-height: 1.6;
}
.sub .sub-type2 .cont .img + p {
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}
.sub .sub-type2 .cont .box:first-child {
    border-left: 0;
}
.sub .sub-type2 .cont img {
    height: 100%;
}
.sub-type2 .quote {
    display: inline-block;
    margin-top: .7em;
}
@media screen and (max-width:1200px){
    .sub .sub-type2 .cont .txt,
    .sub .sub-type2 .cont .txt {
        padding-inline: 10px;
    }
}
@media screen and (max-width:992px){
    .sub .sub-type2 .cont {
        grid-template-columns: 1fr !important;
        grid-template-rows:  1fr !important;
    }
    .sub .sub-type2 .cont .txt {
        padding: clamp(30px,8vw,70px) clamp(10px,5vw,40px);
        text-align: center;
    }
    .sub .sub-type2 .cont .box:has(.txt2),
    .sub .sub-type2 .cont .box:has(.txt3) {
        align-items: center;
    }
    .sub .sub-type2 .cont .box .txt2,
    .sub .sub-type2 .cont .box .txt3 {
        padding: clamp(30px,8vw,70px) clamp(10px,5vw,40px);
    }
    .sub .sub-type2 .cont h3 {
        font-size: clamp(19px,4.2vw,30px);
    }
    .sub .sub-type2 .cont p {
        font-size: clamp(18px,3vw,22px);
    }
    .sub .sub-type2 .cont .box {
        border-left: 0;
    }
}
/* 한의원 소개 */
.a1 .cont1 {
    grid-template-rows: repeat(4,139px);
    grid-template-areas:
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
}
.a1 .cont2 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
    /* " box1 box1 box2 box2 box2 " */
}
.a1 .sub-type2 .cont2 .txt p {
    line-height: 2;
}
.a1 .cont2 .box1 .txt {
    text-align: center;
}
.a1 .cont2 .box3  h3 {
    margin-bottom: 0;
}
@media (max-width:1200px) {
    .a1 .sub-type2 .cont .box {
        flex-wrap: nowrap;
    }
    .a1 .cont .img {
       height: 100%;
       width: 100%;
    }
}
@media screen and (max-width:992px){
    .a1 .sub-type2 .cont .box {
        flex-wrap: wrap;
    }
    .a1 .cont .img {
       height: auto;
    }
    .a1 .cont1{
        grid-template-areas:
        " box1"
        " box2";
    }
    .a1 .cont2 {
        grid-template-areas:
        " box1"
        " box2"
        " box2"
        " box3";
    }
    .a1 .sub-type2 .cont2 .box3 {
        border-bottom: 0;
    }
}
@media screen and (max-width:400px){
    .a1 .sub-type2 .cont2 .txt p span {
        letter-spacing: -0.08em;
    }
}

/*  */
.a4 .cont1 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
}

.a4 .cont2 {
    grid-template-rows: repeat(4,139px);
    grid-template-areas:
    " box1 box2 box4 box4 box6 "
    " box1 box2 box4 box4 box6 "
    " box3 box3 box5 box5 box6 "
    " box3 box3 box5 box5 box6 "
}
.a4 .sub-type2 .cont2 .txt {
    text-align: center;
}
.a4 .sub-type2 .cont2 .box1 p,
.a4 .sub-type2 .cont2 .box2 p {
    letter-spacing: -0.15em;
    word-break: break-all;
}
.a4 .sub-type2 .cont2 .box5 {
    text-align: center;
    position: relative;
}
.a4 .sub-type2 .cont2 .box5 p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
}
.a4 .sub-type2 .cont2 .box3 {
    border-left: 0;
}
.a4 .cont3 {
    padding-right: 4%;
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box1 box1 box1 "
    " box1 box1 box1 box1 box1 "
}
.a4 .cont3 .box1 {
    align-content: center;
    gap: 2%;
}
.a4 .cont3 .box1 h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.a4 .cont3 .box1 h3 span {
    color: #908570;
}

.a4 .cont3 .img {
    position: relative;
}
.a4 .cont3 .img img:last-child {
    position: absolute;
    width: min(93px,40%);
    height: auto;
    object-fit: contain;
    bottom:0;
    right:0;
    transform: translateX(100%);
}
@media screen and (max-width:1200px){
    .a4 .sub-type2 .cont:not(.cont3) .box {
        flex-wrap: nowrap;
    }
    .a4 .cont:not(.cont3) .img {
       height: 100%;
    }
    .a4 .cont3 .box1 {
        gap: 0;
    }
    .a4 .cont3 .txt {
        width: 75%;
    }
    .a4 .cont3 .img {
        width: 15%;
    }
    
}
@media screen and (max-width:992px){
    .a4 .sub-type2 .cont:not(.cont3) .box {
        flex-wrap: wrap;
    }
    .a4 .cont:not(.cont3) .img {
       height: auto;
    }
    .a4 .cont1 {
        grid-template-areas:
        " box1 "
        " box2 "
    }
    .a4 .sub-type2 .img {
        width: 100%;
    }
    .a4 .sub-type2 .cont2 {
        grid-template-columns: repeat(2,1fr) !important;
        grid-template-areas:
        " box1 box2 "
        " box3 box3 "
        " box4 box4 "
        " box5 box5 "
        " box6 box6 "
    }
    .a4 .sub-type2 .cont2 .box5 .txt {
        padding-bottom: 10px;
    }
    .a4 .sub-type2 .cont2 .box5 p {
        position: static;
    }
    .a4 .sub-type2 .cont2 .box6 {
        border-left: 0;
    }
    .a4 .sub-type2 .cont2 .box2 {
        border-left: 1px solid var(--border);
    }
    .a4 .sub-type2 .cont3 .box1 {
        border-bottom: 0;
    }
    .a4 .cont3 {
        padding-right: 0;
    }
    .a4 .cont3 .txt {
        width: 100%;
        padding-bottom: 0;
    }
    .a4 .cont3 .img {
        width: min(196px,100%);
        margin-bottom: clamp(30px, 8vw, 70px) ;
    }
    .a4 .cont3 .box1 h3 {
        font-size: clamp(19px, 4.2vw, 30px);
    }
    
}
@media (max-width:400px) {
    .a4 .cont3 .img img:last-child {
        width: 13vw;
    }
}


/* 오시는길 */
/* .content-wrap:has(.a5) {
    border:0;
}
.a5 .sub-visual {
    border:1px solid var(--border)
}
.a5 .sub-bottom {
    border:1px solid var(--border);
    border-top: 0;
} */
.a5 .sub-bottom {
    border-bottom:1px solid var(--border);
}
.a5 .cont h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.024em;
    text-align: center;
    margin-block:2em;
}
.a5 .cont1 {
    padding: 10px;
}
.a5 .swiper-wrap {
    position: relative;
}
.a5 .swiper-button-next:after, 
.a5 .swiper-button-prev:after{
   display: none;
}
.a5 .swiper-button-next {
    /* right: -40px;
    transform: translateX(100%); */
    right: 0;
    width: 100px;
    height: 100px;
    background: #fff;
}
.a5 .swiper-button-next img {
    transform: scale(-1,1);
}
.a5 .swiper-button-prev {
    /* left: -40px;
    transform: translateX(-100%); */
    left: 0;
    width: 100px;
    height: 100px;
    background: #fff;
}
.a5 .root_daum_roughmap .section_address {
    display: none;
}

.a5 .cont2-map {
    padding: 10px;
}
.a5 .root_daum_roughmap {
    width: 100%;
    height: 550px;
    border:0;
}
.a5 .root_daum_roughmap .wrap_map {
    height: 100%;
    
}

.a5 .map-info {
    padding: 50px 40px 50px 50px;
    border-top: 1px solid var(--border);
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.a5 .map-info .info-box {
    max-width: 35%;
}
.a5 .map-info p,
.a5 .map-info li {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.024em;
    line-height: 1.6;
}
.a5 .map-info p:first-child {
    margin-bottom: 20px;
}
.a5 .map-info h3 {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.a5 .map-info ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.a5 .map-info li {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0.58em;
}
.a5 .map-info li span {
    width: 70px;
}
.a5 .map-info li:last-child { 
    color: #666;
    font-size: 15px;
    margin-bottom: 0;
}
.a5 .info-box2 p:last-child span {
    font-size: .88em;
    display: block;
    margin-top: 1.2em;
    letter-spacing: 0;
    padding-left: .5em;
    text-indent: -.5em;
}
@media screen and (max-width:1500px){
    .a5 .swiper-button-next {
        width: 80px;
        height: 80px;
    }
    .a5 .swiper-button-prev {
        width: 80px;
        height: 80px;
    }
}
@media screen and (max-width:1200px){
    /* .a5 .swiper-button-next,
    .a5 .swiper-button-prev {
        display: none;
    } */
    .a5 .swiper-button-next,
    .a5 .swiper-button-prev {
        width: 60px;
        height: 60px;
    }
    .a5 .root_daum_roughmap {
        height: 450px;
    }
    .a5 .map-info .info-box {
        width: 50%;
        max-width: none;
    }
    .a5 .map-info .info-box:last-child {
        margin-top: 40px;
    }
    .a5 .map-info .info-box ul {
        justify-content: flex-start;
    }
    .a5 .map-info li:nth-of-type(2n) {
        margin-left: 20px;
    }
}
@media screen and (max-width:992px){
    .a5 .swiper-button-next,
    .a5 .swiper-button-prev {
        display: none;
    }
    .a5 .cont h2 {
        font-size: clamp(19px, 4.2vw, 30px);
    }
    .a5 .map-info {
        border-bottom: 1px solid var(--border);
    }
    .a5 .map-info h3 {
        font-size: clamp(32px, 6vw, 50px);
    }
    .a5 .root_daum_roughmap {
        height: 350px;
    }
    .a5 .map-info .info-box {
        width: 100%;
    }
    .a5 .map-info p,
    .a5 .map-info li {
        font-size: clamp(18px, 3vw, 22px);
    }
    .a5 .map-info p:first-child {
        font-weight: 700;
    }
    .a5 .map-info  .info-box:not(:first-child) {
        margin-top: clamp(25px, 5vw, 40px);
    }
    .a5 .map-info .info-box ul {
        flex-flow: column wrap;
    }
    .a5 .map-info li:nth-of-type(1) {
        order:1
    }
    .a5 .map-info li:nth-of-type(2) {
        order:3
    }
    .a5 .map-info li:nth-of-type(3) {
        order:2
    }
    .a5 .map-info li:nth-of-type(4) {
        order:4
    }
    .a5 .map-info li:nth-of-type(5) {
        order:5
    }
    .a5 .map-info li:nth-of-type(2n) {
        margin-left: 0;
    }
    .a5 .map-info li span {
        width: 4.5em ;
    }
    .a5 .map-info li:last-child {
        font-size: clamp(17px, 3vw, 18px);
    }
}

/* 치료법 */
.b1 .sub-visual-txt {
    border-left: 0;
    border-right: 0;
}
.b1 .cont1 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
}
.b1 .cont2 {
    grid-template-rows: repeat(2,140px);
    grid-template-areas:
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
}
.b1 .cont2 .txt3 p {
    letter-spacing: -0.065em;
}
.b1 .cont3 {
    grid-template-rows: 1fr;
    grid-template-areas:
    " box1 box2 box3 box4 box5 "
}
.b1 .cont4 {
    grid-template-rows: repeat(3,139px);
    grid-template-areas:
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
}
.b1 .cont5 {
    grid-template-rows: repeat(1,139px);
    grid-template-areas:
    " box1 box1 box1 box1 box1 ";
    text-align: center;
}


@media screen and (max-width:1200px){
    .b1 .sub-type2 .cont .box {
        flex-wrap: nowrap;
    }
    .b1 .cont .img {
       height: 100%;
    }
}
@media screen and (max-width:992px){
    .b1 .sub-type2 .cont .box {
        flex-wrap: wrap;
    }
    .b1 .cont .img {
       height: auto;
    }
    .b1 .cont .img {
        width: 100%;
    }
    .b1 .cont1,
    .b1 .cont4 {
        grid-template-areas:
        " box1"
        " box2";
    }
    .b1 .cont2 {
        grid-template-areas:
        " box2"
        " box1";
    }
    .b1 .cont3 {
        grid-template-areas:
        " box1"
        " box2"
        " box3"
        " box4"
        " box5";
    }
    
}

/* 소화기 질환 */
.c1 .tab-menu ul {
    max-width: 500px;
}
/* .c1_1 .cont1 .box3 .txt {
    max-width: 570px;
} */
/* .c1_1 .sub-bottom .txt {
    max-width: 840px;
} */

@media (min-width:993px) {
    .c2 .tab-menu ul,
    .c3 .tab-menu ul,
    .c4 .tab-menu ul {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 20px;
    }
}

.c2_1 .sub-type1 .cont2 {
    grid-template-rows: repeat(4,139px);
    grid-template-areas:
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 ";
}

/* 여성 */


/* 디톡스 */
.e .tab-menu ul {
    max-width: 400px;
}
.e2 .sub-type1 .cont3 {
    grid-template-rows: repeat(1,139px);
    grid-template-areas:
    " box1 box1 box1 box1 box1 ";
}
.e2 .sub-type1 .cont3 h3 {
    font-weight: 700;
}
.e2 .sub-type1 .cont4 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 ";
}

.e2 .sub-type1 .cont5 {
    grid-template-rows: repeat(4,139px);
    grid-template-areas:
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 "
    " box1 box2 box2 box2 box2 ";
}

/* 소아청소년 */
.f .tab-menu ul {
    max-width: 600px;
}

/* 보약 */

.g1 .cont1{
    grid-template-rows: repeat(3,139px);
    grid-template-areas:
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
}
.g1 .cont2 {
    grid-template-rows: repeat(3,139px);
    grid-template-areas:
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 "
}
.g1 .cont3 {
    grid-template-rows: repeat(3,139px);
    grid-template-areas:
    " box1 box3 box3 box4 box5 "
    " box1 box3 box3 box4 box5 "
    " box2 box3 box3 box4 box5 "
}
.g1 .sub-type2 .cont3 .box1,
.g1 .sub-type2 .cont3 .box4 {
    text-align: center;
}
.g1 .sub-type2 .cont3 .box2 {
    border-left: 0;
}
.g1 .cont4 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box2 box3 box3 box4 "
    " box1 box2 box3 box3 box4 "
}
.g1 .sub-type2 .cont4 .box3 {
    text-align: center;
}
.g1 .cont5 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box1 box1 box1 "
    " box1 box1 box1 box1 box1 "
}
.g1 .cont5 {
    padding-right: 4%;
}
.g1 .cont5 .box1 {
    align-content: center;
    gap: 2%;
}
.g1 .cont5 .box1 h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.g1 .cont5 .box1 h3 span {
    color: #908570;
}

.g1 .cont5 .img {
    position: relative;
}
.g1 .cont5 .img img:last-child {
    position: absolute;
    width: min(93px,40%);
    height: auto;
    object-fit: contain;
    bottom:0;
    right:0;
    transform: translateX(100%);
}
@media screen and (max-width:1200px){
    .g1 .sub-type2 .cont:not(.cont5) .box {
        flex-wrap: nowrap;
    }
    .g1 .cont:not(.cont5) .img {
       height: 100%;
    }
    .g1 .cont5 .box1 {
        gap: 0;
    }
    .g1 .cont5 .txt {
        width: 75%;
    }
    .g1 .cont5 .img {
        width: 15%;
    }
    
}
@media screen and (max-width:992px){
    .g1 .sub-visual .txt h4 br {
        display: none;
    }
    .g1 .sub-visual .txt h4 {
        letter-spacing: -0.1em;
    }
    .g1 .sub-type2 .cont:not(.cont5) .box {
        flex-wrap: wrap;
    }
    .g1 .cont:not(.cont5) .img {
       height: auto;
    }
    .g1 .cont1,
    .g1 .cont2 {
        grid-template-areas:
        " box1"
        " box2";
    }
    .g1 .sub-type2  .cont3 {
        grid-template-areas:
        " box1"
        " box2"
        " box3"
        " box4"
        " box5";
    }
    .g1 .sub-type2 .img {
        width: 100%;
    }
    .g1 .cont4 {
        grid-template-areas:
        " box3"
        " box1"
        " box2"
        " box4";
    }
    .g1 .sub-type2 .cont5 .box1 {
        border-bottom: 0;
    }
    .g1 .cont5 .txt {
        width: 100%;
        padding-bottom: 0;
    }
    .g1 .cont5 .img {
        width: min(196px,100%);
        margin-bottom: clamp(30px, 8vw, 70px) ;
    }
    .g1 .cont5 {
        padding-right: 0;
    }
    .g1 .cont5 .box1 h3 {
        font-size: clamp(19px, 4.2vw, 30px);
    }
    
}
@media (max-width: 400px) {
    .g1 .cont5  .img img:last-child {
        width: 13vw;
    }
}

/* 비대면 진료 */
.h1 {
    margin-bottom: 0;
}
.h1 .cont1 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box1 box2 box2 "
    " box1 box1 box1 box2 box2 "
}
.h1 .cont1 .box2 img {
    filter: grayscale(1) contrast(0.9);
}

.h1 .cont2 {
    grid-template-rows: repeat(3,139px);
    grid-template-areas:
    " box1 box3 box3 box4 box5 "
    " box1 box3 box3 box4 box5 "
    " box2 box3 box3 box4 box5 "
}
.h1 .sub-type2 .cont2 .box,
.h1 .sub-type2 .cont3 .box {
    text-align: center;
}
.h1 .sub-type2 .cont2 .box2 {
    border-left: 0;
}

.h1 .cont3 {
    grid-template-rows: repeat(3,139px);
    grid-template-areas:
    " box1 box2 box4 box5 box5 "
    " box1 box2 box4 box5 box5 "
    " box1 box3 box4 box5 box5 "
}

.h1 .cont4 .txt {
    padding-inline: clamp(10px,2vw,15px);
    text-align: center;
}
.h1 .cont4 .box2 .txt {
    /* text-align: left; */
}

.h1 .cont4 {
    grid-template-rows: repeat(2,139px);
    grid-template-areas:
    " box1 box1 box2 box2 box2 "
    " box1 box1 box2 box2 box2 ";
}
@media (max-width:1200px) {
    .h1 .sub-type2 .cont .box {
        flex-wrap: nowrap;
    }
    .h1 .cont .img {
       width: 100%;
       height: 100%;
    }
}
@media screen and (max-width:992px){
    .h1 .sub-type2 .cont .box {
        flex-wrap: wrap;
    }
    .h1 .cont .img {
        height: auto;
    }
    .h1 .cont1,
    .h1 .cont4 {
        grid-template-areas:
        " box1"
        " box2";
    }
    .h1 .cont2,
    .h1 .cont3 {
        grid-template-areas:
        " box1"
        " box2"
        " box3"
        " box4"
        " box5";
    }
}


/* 추가 수정 */
.c .sub-type1 .cont1 .box3 .quote,
.d .sub-type1 .cont1 .box3 .quote,
.e .sub-type1 .cont1 .box3 .quote,
.f .sub-type1 .cont1 .box3 .quote {
    display: none;
}