.new_index_se1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 185px 0;
}

.new_index_bg1 {
    background-image: url(/img/20240129_21.png);
}

.new_index_bg2 {
    background-image: url(/img/main/main1-2-glass2.png?ver=1);
}

.new_index_bg3 {
    background-image: url(/img/main/main1-2-glass3.png?ver=2);
}

.new_index_bg4 {
    background-image: url(/img/main/main1-3-glass2.png);
}

.new_index_se1.new_index_bg5 {
    background-image: url(/img/main_2021_se_01_bg.png?ver=);
    padding: 250px 0 150px 0;
}

.new_index_se1.new_index_bg5 .doctor_img_box {
    margin-top: 100px;
}

.new_w_1320 {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
}

.new_index_se1 .title {}

.new_index_se1 .title h2 {
    color: #fff;
    font-family: "Pretendard";
    font-size: 80px;
    line-height: 90px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
}

.new_index_se1 .title p {
    font-family: "Noto Sans KR";
    font-size: 36px;
    line-height: 55px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    text-align: left;
}

.new_index_se1 .new_index_btn {
    transition: .3s;
    cursor: pointer;
    font-family: 'Noto Sans KR', sans-serif;
    margin-top: 100px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 25px;
    width: 230px;
    height: 44px;
    color: #fff;
    display: inline-block;
}

.new_index_se1 .doctor_img_box {
    text-align: right;
    margin-top: 20px;
}

.new_index_bg5 .title_box {
    text-align: right;
}

.new_index_bg5 .title_box h3 {
    font-size: 80px;
    line-height: 90px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-family: 'Noto Sans KR', serif;
}

.new_index_bg5 .title_box p {
    color: #FFF;
    font-family: "Noto Sans KR";
    font-size: 36px;
    line-height: 45px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
}

.new_index_bg5 .text_1 {
    text-align: right;
    margin-top: 40px;
}

.new_index_bg5 .text_1 li {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Noto Sans KR', serif;
    line-height: 40px;
}

.new_svg_rel {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 150px 0;
    background-image: url(/img/main/main1-b-star_1.png);
}

.new_svg {

    text-align: center;
    position: relative;
}

#js-svg2 {
    width: 100%;
    max-width: 860px;
    margin-top: -65px;
    animation: all2 4s .5s forwards;
    opacity: 0;
    min-height: 560px;
    /* position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    transform: translateX(-50%); */

}

@keyframes all2 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes all3 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.new_svg .main1-p {
    font-weight: 300;
    position: absolute;
    font-size: 40px;
    color: #5cbdb2;
    line-height: 55px;
    text-align: center;
    width: 100%;
    top: 65%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.add_2024_since {
    position: absolute;
    top: calc(50% - 130px);
    left: calc(50% - -120px);
    animation: all2 4s .5s forwards;
}

.add_2024_since_font {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    animation: part2 4s .5s forwards;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.new_index_se2 {
    padding: 180px 0;
}

.new_index_se2 .title {}

.new_index_se2 .title .eng {
    font-family: 'Noto Sans KR', serif;
    font-size: 26px;
    line-height: 55px;
    color: #000;
    font-weight: 400;
    text-align: left;
    display: inline-block;
}

.new_index_se2 .title .text_1 {
    margin-bottom: 30px;
    font-family: 'Noto Sans KR', serif;
    font-size: 42px;
    font-weight: bold;
    line-height: 55px;
    color: #272727;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.068);
    text-align: left;
}

.new_index_se2 .layout {
    display: flex;
}

.new_index_se2 .layout .layout_box {
    width: 33.333%;
    padding: 0 10px;
    box-sizing: border-box;
}

.new_index_se2 .layout .layout_box .big_text {
    font-family: 'Noto Sans KR', serif;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    line-height: 30px;
}

.new_index_se2 .layout .layout_box .small_text {
    margin-top: 35px;
    font-family: 'Noto Sans KR', serif;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.time_table {
    width: 90%;
    border: solid 1px #155737;
}

.bg_11716A {
    background: #11716A;
}

.time_table tr {}

.time_table th {
    font-family: "Noto Sans KR";
    font-size: 16px;
    line-height: 25px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background-color: #0A5853;
    padding: 10px 0;
    border: solid 1px #155737;
}

.time_table td:first-child {
    color: #fff;
    background-color: #0A5853;

}

.time_table td {
    font-family: "Noto Sans KR";
    font-size: 16px;
    line-height: 25px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    padding: 10px 0;
    border: solid 1px #155737;
    text-align: center;
    vertical-align: middle;
    width: 12%;
}

.notice_sunday {
    text-align: right;
    font-family: "Noto Sans KR";
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 700;
    color: #181717;
    width: 90%;
    margin-top: 15px;
}

@keyframes part10 {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }

    20% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }

    66% {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }
}


@media screen and (min-width: 1320px) {
    .new_index_se1 .new_index_btn:hover {
        background-color: #fff;
        color: #000;
    }
}

@media screen and (max-width: 1400px) {
    /* .add_2024_since {
        left: 60%;
    } */
}

@media screen and (max-width: 1320px) {
    .new_w_1320 {
        width: 90%;
    }
}


@media screen and (max-width: 900px) {
    .new_svg_rel {
        height: 100%;
    }

    .new_index_se1.new_index_bg5 {
        background-image: url(/img/main_2021_se_01_bg.png?Ver=1);
        padding: 180px 0 80px 0;
    }

    /* .new_index_se1 {
        padding: 75px 0;
    } */
    #js-svg2 {
        max-width: 560px;
    }

    .add_2024_since {
        left: calc(50% - -62px);
        top: calc(50% - 100px);
    }

    .add_2024_since_font {
        font-size: 23px;
    }

    .new_svg .main1-p {
        font-size: 30px;
        line-height: 45px;
        top: 50%;
    }

    .new_index_bg1 {
        background-position: 34% 50%;

    }

    .new_index_bg4 {
        background-position: 85% 50%;
    }

    .new_index_se1 .title h2 {
        font-size: 26px;
        line-height: 35px;
        text-align: center;
    }

    .new_index_se1 .title p {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

    .new_index_se1 .title {
        text-align: center;
    }

    .new_index_bg5 .title_box {}

    .new_index_bg5 .title_box h3 {
        font-size: 40px;
        line-height: 60px;
    }

    .new_index_bg5 .title_box p {
        font-size: 20px;
        line-height: 30px;
    }

    .new_index_bg5 .text_1 {}

    .new_index_bg5 .text_1 li {
        font-size: 18px;
        line-height: 30px;
    }

    .new_index_se2 {
        padding: 90px 0;
    }

    .new_index_se2 .layout {
        flex-direction: column;
        row-gap: 20px;
    }

    .new_index_se2 .layout .layout_box {
        width: 100%;
    }


}

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

    .time_table {
        width: 100%;
        min-width: 530px;
    }

    .sec06 .flexbox .lef .maplist dl:last-of-type {
        overflow: scroll;
    }
}

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

    /* .new_index_se1 {
        padding: 75px 0;
    } */
    #js-svg2 {
        max-width: 350px;
        min-height: 540px;
    }

    .add_2024_since {
        left: calc(50% - -20px);
        top: calc(50% - 80px);
    }

    .add_2024_since_font {
        font-size: 18px;
    }

    .new_svg .main1-p {
        font-size: 18px;
        line-height: 25px;
        top: 46%;
        min-height: 60px;
    }
}

/* 녹내장 */
.glaucoma_00 .sub_n .subvs.ctvs {
    background: url(/img/sub5/glaucoma_00_top.png);
    background-position: 50%, 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.macular_00 .sub_n .subvs.ctvs {
    background: url(/img/sub5/macular_00_top.png);
    background-position: 50%, 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.dream_00 .sub_n .subvs.ctvs {
    background: url('/img/20240129_38_dream_1.png');
    background-position: 50%, 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.jeju_00 .sub_n .subvs.ctvs {
    background: url('/img/20240129_40.png');
    background-position: 50%, 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.se_all_py {
    padding: 100px 0;
    box-sizing: border-box;
}

.sub_big_title {}

.sub_big_title h2 {
    color: #000;
    font-family: "Noto Sans KR";
    font-size: 60px;
    line-height: 70px;
    font-style: normal;
    font-weight: 700;
}

.sub_big_title h2 span {
    color: #0A5853;
    font-family: "Noto Sans KR";
}

.sub_big_title p {
    margin-top: 20px;
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    color: #000;
}

.sub_small_title {}

.sub_small_title h2 {
    font-family: "Noto Sans KR";
    font-size: 30px;
    line-height: 40px;
    color: #0A5853;
    font-style: normal;
    font-weight: 700;
}

.sub_small_title p {
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    color: #000;
    margin-top: 20px;
    font-weight: 500;
}


.glaucoma_list_text {
    margin-top: 50px;

}

.glaucoma_list_text li {
    display: flex;
    gap: 20px;
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    margin-top: 30px;
}

.glaucoma_list_text li:first-child {
    margin-top: 0;
}

.glaucoma_list_text li span {
    display: inline-block;
    width: 100%;
    max-width: 160px;
    color: #0A5853;
    font-weight: 700;
    font-family: "Noto Sans KR";
}

.glaucoma_list_text li p {
    font-family: "Noto Sans KR";
}

.glaucoma_01 .cont_1 {
    margin-top: 100px;
    display: flex;
    align-items: center;
}

.glaucoma_01 .cont_1>div {
    width: 50%;
}

.glaucoma_01 .cont_1 .img_box {}

.glaucoma_01 .cont_1 .text_box {
    text-align: right;
}

.glaucoma_02 .cont_1 {
    margin-top: 50px;
}

.text_center {
    text-align: center;
}


.glaucoma_02 .cont_2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;

    margin-top: 50px;
}

.glaucoma_02 .cont_2 li {
    width: 50%;
}

.glaucoma_02 .cont_2 li p {
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
}

.glaucoma_02 .cont_2 li p:last-child {
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

.bg_F6F6F6 {
    background-color: #F6F6F6;
}

.glaucoma_02 .cont_3 {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 50px;
}

.glaucoma_02 .cont_3 ul {}

.glaucoma_02 .cont_3 ul li {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 30px;
}

.glaucoma_02 .cont_3 ul li:last-child {
    margin-bottom: 0px;
}

.glaucoma_02 .cont_3 ul li span {

    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    color: #000;

}

.glaucoma_02 .cont_3 ul li p {
    width: 100%;
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    box-sizing: border-box;
}

.glaucoma_02 .cont_3 ul li .text_box {
    border-right: solid 5px #0A5853;
    max-width: 220px;
    width: 100%;
    text-align: center;
}

.glaucoma_02 .cont_3 hr {
    display: none;
}

.glaucoma_03 .top_2024_add_5 {
    background: linear-gradient(180deg, #F6F6F6 0%, #DFEBEA 13.55%);
}

.macular_01 .cont_1 {}

.macular_01 .cont_1 li {
    display: flex;
    gap: 50px;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 75px;
}

.macular_01 .cont_1 li:last-child {
    margin-bottom: 0;
}

.macular_01 .cont_1 li .img_box {
    width: 40%;
}

.macular_01 .cont_1 li .text_box {
    width: 60%;
}

.macular_01 .cont_1 li .text_box h3 {
    font-family: "Noto Sans KR";
    font-size: 30px;
    line-height: 40px;
    font-style: normal;
    font-weight: 700;
    color: #000;
}

.macular_01 .cont_1 li .text_box p {
    color: #000;
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 500;
    margin-top: 20px;
}

.macular_03 {}

.macular_03 .cont_1 {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
}

.macular_03 .cont_1 li {
    width: 33.3333%;
}

.macular_03 .cont_1 li .img_box {
    text-align: center;
}

.macular_03 .cont_1 li p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
}

.w_1020 {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
}

.macular_03_swiper {
    margin-top: 30px;
}

.macular_03_swiper .img_box img {
    display: block;
    width: 100%;
}

.macular_03_swiper p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans KR";
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
}

.pagination-rl {
    position: relative;
}

.pagination-rl .macular_03_swiper_btn.swiper-pagination {
    position: initial;
    margin-top: 20px;
}

.macular_03_swiper_btn .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.macular_03_swiper_btn .swiper-pagination-bullet-active {
    background: #0A5853;
}

.macular_04 .cont_1 {
    text-align: center;
    margin-top: 50px;
}

.macular_04 .cont_2 {
    margin-top: 100px;
}



.macular_04 .cont_3 {
    margin-top: 50px;
}

.macular_04 .cont_3 ul {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.macular_04 .cont_3 ul li {}

.macular_04 .cont_3 ul li .img_box {}

.macular_04 .cont_3 ul li p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans KR";
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
}



@media screen and (max-width: 1085px) {
    .glaucoma_01 .cont_1 {
        flex-direction: column;
    }

    .glaucoma_01 .cont_1>div {
        width: 100%;
    }

    .glaucoma_01 .cont_1 .img_box {
        text-align: center;
    }

    .glaucoma_01 .cont_1 .text_box {
        text-align: center;
    }

    .glaucoma_02 .cont_2 li p:last-child {
        font-size: 18px;
    }
}

@media screen and (max-width: 1020px) {
    .w_1020 {
        width: 90%;
    }

    .macular_03 .cont_1 li {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .se_all_py {
        padding: 50px 0;
    }

    .sub_big_title h2 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .sub_big_title p {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .sub_small_title h2 {

        font-size: 24px;
        line-height: 30px;
    }

    .sub_small_title p {
        font-size: 20px;
        line-height: 30px;
    }

    .glaucoma_01 .sub_big_title p {
        font-size: 24px;
        font-weight: 700;
    }

    .glaucoma_list_text li {
        margin-top: 25px;
        flex-direction: column;
        gap: 10px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .glaucoma_list_text li span {
        max-width: none;
    }

    .glaucoma_01 .cont_1 {
        margin-top: 50px;
    }

    .glaucoma_01 .cont_1 .text_box {
        text-align: right;
    }

    .glaucoma_02 .cont_2 {
        flex-direction: column;
        gap: 50px;
    }

    .glaucoma_02 .cont_2 li {
        width: 100%;
    }

    .glaucoma_02 .cont_2 li p {
        font-size: 20px;
    }

    .glaucoma_02 .cont_2 li p:last-child {
        font-size: 20px;
    }

    .glaucoma_02 .cont_3 ul li {
        flex-direction: column;
        gap: 25px;
    }

    .glaucoma_02 .cont_3 ul li .text_box {
        border-right: 0;
    }

    .glaucoma_02 .cont_3 ul li span {

        line-height: 40px;
    }

    .glaucoma_02 .cont_3 ul li p {
        text-align: center;
    }

    .glaucoma_02 .cont_3 {
        padding: 30px 15px;
    }

    .glaucoma_02 .cont_3 hr {
        display: block;
        background-color: #0A5853;
        height: 3px;
        border: none;
        max-width: 80px;
    }

    .macular_01 .cont_1 li {
        flex-direction: column;
        gap: 25px;
    }

    .macular_01 .cont_1 li {
        margin-bottom: 25px;
    }

    .macular_01 .cont_1 li .img_box {
        width: 100%;
        text-align: center;
    }

    .macular_01 .cont_1 li .text_box {
        width: 100%;
    }

    .macular_01 .cont_1 li .text_box h3 {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .macular_01 .cont_1 li .text_box p {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .macular_04 .cont_2 {
        margin-top: 50px;
    }

    .macular_04 .cont_3 ul {
        gap: 25px;
        margin-top: 25px;
        flex-wrap: wrap;
    }
}
.mo_blog_sec{
    padding: 0 !important;
}
.w_1500{
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}
.mo_blog_sec .box_wrap{
    background-image: url(../img/main/mo_blog_sec_bg.png);
    padding: 238px 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%,50%;
    background-size: cover;
}
.mo_blog_sec .title_box{color: #fff; text-align: center;font-family: 'Noto Sans KR', serif;}
.mo_blog_sec .title_box h4{
    font-size: 80px;
    line-height: 1.2;
    font-family: 'Noto Sans KR', serif;
    font-weight: 700;
}
.mo_blog_sec .title_box p{
    margin-top: 20px;
    font-size: 36px;
    line-height: 1.3;
    font-family: 'Noto Sans KR', serif;
    font-weight: 700;

}
.mo_blog_sec .title_box a{
    margin: 100px auto 0;
    border: solid 1px #fff;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 86px;
    box-sizing: border-box;
    display: block;
    max-width: 230px;
    font-family: 'Noto Sans KR', serif;
}
@media screen and (max-width: 1500px) {
    .w_1500{
        width: 90%;
    }
}
@media screen and (max-width: 768px) {
    .mo_blog_sec .title_box{
        text-align: center;
    }
    .mo_blog_sec .title_box h4{
        font-size: 26px;
    }
    .mo_blog_sec .title_box p{
        margin-top: 20px;
        font-size: 18px;
        
    }


}