@charset "utf-8";
/* 공통영역 */
#footer {margin-top: 11.7rem;}

#visual.sub {height: 80rem; background-repeat: no-repeat; background-size: cover;}
#visual.sub.type1 {background-image: url('../img/sub1/sub1_bg.png');}
#visual.sub.type2_1 {background-image: url('../img/sub/sub2_1_bg.jpg');}
#visual.sub.type2_2 {background-image: url('../img/sub/sub2_2_bg.jpg');}
#visual.sub.type2_3 {background-image: url('../img/sub/sub2_3_bg.jpg');}
#visual.sub.type2_4 {background-image: url('../img/sub/sub2_4_bg.jpg');}
#visual.sub.type2_5 {background-image: url('../img/sub/sub2_5_bg.jpg');}
#visual.sub.type2_6 {background-image: url('../img/sub/sub2_6_bg.jpg');}
#visual.sub.type3_1 {background-image: url('../img/sub/sub3_1_bg.jpg');}
#visual.sub.type3_2 {background-image: url('../img/sub/sub3_2_bg.jpg');}
#visual.sub.type3_3 {background-image: url('../img/sub/sub3_3_bg.jpg');}
#visual.sub.type3_4 {background-image: url('../img/sub/sub3_4_bg.jpg');}
#visual.sub.type4_1 {background-image: url('../img/sub/sub4_1_bg.jpg');}
#visual.sub.type4_2 {background-image: url('../img/sub/sub4_2_bg.jpg');}
#visual.sub.type5 {background-image: url('../img/sub5/sub5_bg.jpg');}
#visual.sub .visual_title {width: 100%; height: 100%; padding-top: 29.6rem;}
#visual.sub .visual_title .fs52 {margin: 2.3rem 0 2rem 0;}
#visual.sub .visual_title .fs18 {letter-spacing: 0.8rem; text-transform: uppercase;}

section .title .icon {margin-bottom: 3.2rem;}
section .title .fs56 {line-height: 7.2rem;}
section .title .txt {margin-top: 3.4rem;}
section .title .co {letter-spacing: 0.4rem;}

@media screen and (max-width: 880px) {
    #footer {margin-top: 9.4rem;}

    #visual.sub {height: 78rem;}
    #visual.sub.type1 {background-image: url('../img/sub1/sub1_bg_mo.png');}
    #visual.sub.type2_1 {background-image: url('../img/sub/sub2_1_bg_mo.jpg');}
    #visual.sub.type2_2 {background-image: url('../img/sub/sub2_2_bg_mo.jpg');}
    #visual.sub.type2_3 {background-image: url('../img/sub/sub2_3_bg_mo.jpg');}
    #visual.sub.type2_4 {background-image: url('../img/sub/sub2_4_bg_mo.jpg');}
    #visual.sub.type2_5 {background-image: url('../img/sub/sub2_5_bg_mo.jpg');}
    #visual.sub.type2_6 {background-image: url('../img/sub/sub2_6_bg_mo.jpg');}
    #visual.sub.type3_1 {background-image: url('../img/sub/sub3_1_bg_mo.jpg');}
    #visual.sub.type3_2 {background-image: url('../img/sub/sub3_2_bg_mo.jpg');}
    #visual.sub.type3_3 {background-image: url('../img/sub/sub3_3_bg_mo.jpg');}
    #visual.sub.type3_4 {background-image: url('../img/sub/sub3_4_bg_mo.jpg');}
    #visual.sub.type4_1 {background-image: url('../img/sub/sub4_1_bg_mo.jpg');}
    #visual.sub.type4_2 {background-image: url('../img/sub/sub4_2_bg_mo.jpg');}
    #visual.sub.type5 {background-image: url('../img/sub5/sub5_bg_mo.jpg');}
    #visual.sub .visual_title img {width: 4rem;}
    #visual.sub .visual_title .fs52 {font-size: 3.8rem;}
    #visual.sub .visual_title .fs18 {font-size: 1.4rem; letter-spacing: 0.6rem;}

    section .title .icon {margin-bottom: 3.3rem;}
    section .title .icon img {width: 6.6rem;}
    section .title .fs56 {font-size: 4rem; line-height: 5rem;}
    section .title .txt {font-size: 1.8rem; line-height: 2.8rem; margin-top: 2.8rem;}
}

/* sub1_1 */
#sub1_1 .section1 {position: relative; padding: 21rem 0 14.4rem 0;}
#sub1_1 .section1::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 59.3rem; background: #F6F7F9;}
#sub1_1 .section1 .title {margin-bottom: 6.2rem;}
#sub1_1 .section1 .img_area {padding-left: 20.8rem; box-sizing: border-box;}
#sub1_1 .section1 .text_area {margin-top: 7.2rem; line-height: 4.2rem;}

@media screen and (max-width: 880px) {
    #sub1_1 .section1 {padding: 12.2rem 0 5.8rem 0;}
    #sub1_1 .section1::before {height: 33.3rem;}
    #sub1_1 .section1 .img_area {padding-left: 0; width: 38.2rem; margin: 0 auto;}
    #sub1_1 .section1 .text_area {margin-top: 3.9rem; font-size: 2rem; line-height: 3.2rem;}
}

#sub1_1 .section2 {padding: 24rem 0 18.7rem 0;}
#sub1_1 .section2 .inner {gap: 16.1rem;}
#sub1_1 .section2 .inner .text_area .fs64 {line-height: 8.4rem; margin: 3.2rem 0 6rem 0;}
#sub1_1 .section2 .inner .text_area .fs20 {line-height: 3.2rem;}

@media screen and (max-width: 880px) {
    #sub1_1 .section2 {padding: 9.3rem 0 0 0;}
    #sub1_1 .section2 .inner {justify-content: flex-start;}
    #sub1_1 .section2 .inner .text_area .top_text,
    #sub1_1 .section2 .inner .text_area .bt_text {padding-left: 2.4rem; box-sizing: border-box;}
    #sub1_1 .section2 .inner .text_area .fs24 {font-size: 2rem;}
    #sub1_1 .section2 .inner .text_area .fs64 {font-size: 4.4rem; line-height: 5.4rem; margin: 2.1rem 0 2.6rem 0;}
    #sub1_1 .section2 .inner .text_area .fs20 {font-size: 1.6rem; line-height: 2.6rem;}
    #sub1_1 .section2 .inner .text_area img {width: 40.1rem; margin-bottom: 4.2rem;}
}

/* sub1_2 */
#sub1_2 {padding: 21rem 0 0 0;}
#sub1_2 .section1 .title {margin-bottom: 10.1rem;}
#sub1_2 .section1 .cont_area {position: relative; padding: 17rem 0 13.8rem 0;}
#sub1_2 .section1 .cont_area::before {content: ''; position: absolute; bottom: 17rem; right: 6rem; background-size: 100%; background-repeat: no-repeat; background-image: url('../img/sub1/sub1-2_s1_bg.png'); width: 35.4rem; height: 35.4rem;}
#sub1_2 .section1 .cont_area:not(.type2) {background: #F1FAFF;}
#sub1_2 .section1 .cont_area.type2 {background: #F6F7F9;}
#sub1_2 .section1 .cont_area.type2::before {background-image: url('../img/sub1/sub1-2_s1_bg2.png');}
#sub1_2 .section1 .cont_area .cont_box {width: 150.4rem; gap: 10.2rem;}
#sub1_2 .section1 .cont_area.type2 .cont_box {padding: 0 7rem 0 10.4rem; box-sizing: border-box;}
#sub1_2 .section1 .cont_area .text_area {padding-top: 8.8rem;}
#sub1_2 .section1 .cont_area .text_area .name {gap: 2rem; margin-bottom: 5.6rem;}
#sub1_2 .section1 .cont_area .text_area .name .fs56 {line-height: 7.2rem;}
#sub1_2 .section1 .cont_area .text_area .name .fs24 {line-height: 3.6rem;}
#sub1_2 .section1 .cont_area .text_area .list {line-height: 3.2rem;}

@media screen and (max-width: 880px) {
    #sub1_2 {padding: 12.2rem 0 0 0;}
    #sub1_2 .section1 .title {margin-bottom: 4.4rem;}
    #sub1_2 .section1 .cont_area {padding: 3rem 2.4rem 9rem 2.4rem; box-sizing: border-box;}
    #sub1_2 .section1 .cont_area::before {width: 19.6rem; height: 19.6rem; bottom: 44.1rem; right: 0; background-image: url('../img/sub1/sub1-2_s1_bg_mo.png');}
    #sub1_2 .section1 .cont_area.type2::before {bottom: 14.1rem; background-image: url('../img/sub1/sub1-2_s1_bg2_mo.png');}
    #sub1_2 .section1 .cont_area .cont_box {flex-direction: column; gap: 4.4rem;}
    #sub1_2 .section1 .cont_area.type2 .cont_box {padding: 0; flex-direction: column-reverse;}
    #sub1_2 .section1 .cont_area .text_area {padding-top: 0;}
    #sub1_2 .section1 .cont_area .text_area .name {gap: 1.6rem; margin-bottom: 3.2rem;}
    #sub1_2 .section1 .cont_area .text_area .name .fs56 {font-size: 4.4rem;}
    #sub1_2 .section1 .cont_area .text_area .name .fs24 {font-size: 2.2rem;}
    #sub1_2 .section1 .cont_area .text_area .list {font-size: 1.8rem; line-height: 3rem;}
    #sub1_2 .section1 .cont_area .img_area img {width: 38.2rem;}
}

/* sub1_3 */
#sub1_3 {padding: 21rem 0 13.7rem 0;}
#sub1_3 .section1 .title {margin-bottom: 8rem;}
#sub1_3 .section1 .sub1_3_slide {left: -11.5rem;}
#sub1_3 .section1 .sub1_3_slide .swiper-slide {width: 63.4rem; height: 60rem; display: flex; align-items: center; margin: 0 0.8rem; transition: all 1s;}
#sub1_3 .section1 .sub1_3_slide .swiper-slide img {width: 100%;}
#sub1_3 .section1 .sub1_3_slide .swiper-slide-active {width: 86.4rem;}
#sub1_3 .section1 .sub1_3_slide .btn {position: absolute; top: 50%; left: 56.3rem; transform: translateY(-50%); z-index: 99; width: 6rem; height: 6rem; cursor: pointer;}
#sub1_3 .section1 .sub1_3_slide .btn.next {left: 151.8rem;}

@media screen and (max-width: 880px) {
    #sub1_3 {padding: 12.2rem 0 0 0;}
    #sub1_3 .section1 .title {margin-bottom: 4.2rem;}
    #sub1_3 .section1 .sub1_3_slide {left: 0;}
    #sub1_3 .section1 .sub1_3_slide .swiper-slide {width: 34.9rem; height: 24.2rem; margin: 0 0.45rem;}
    #sub1_3 .section1 .sub1_3_slide .swiper-slide-active {width: 34.9rem;}
}

/* sub1_4 */
#sub1_4 {padding: 21rem 0 17.2rem 0; background-color: #222527;}
#sub1_4 .section1 .title {margin-bottom: 8rem;}
#sub1_4 .section1 .sub1_4_slide::before {content: ''; position: absolute; bottom: 10.6rem; left: 0; width: 100%; height: 0.1rem; background: #C9CDD2;}
#sub1_4 .section1 .sub1_4_slide .swiper-wrapper {transition-timing-function: linear !important;}
#sub1_4 .section1 .sub1_4_slide .swiper-slide {width: 36.9rem; margin: 0 5.9rem;}
#sub1_4 .section1 .sub1_4_slide .swiper-slide a {display: block; width: 100%;}
#sub1_4 .section1 .sub1_4_slide .img_area {margin-bottom: 9.6rem;}
#sub1_4 .section1 .sub1_4_slide .text_area .fs20 {margin-top: 1.3rem;}
#sub1_4 .section1 .sub1_4_slide .text_area .fs32 {line-height: 4rem;}
#sub1_4 .section1 .sub1_4_slide .btn {z-index: 9999;}
#pop_area {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 0; transition: opacity 0.5s;}
#pop_area::-webkit-scrollbar {width: 8px;}
#pop_area::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
#pop_area::-webkit-scrollbar-track {background-color: #fff;}
#pop_area img {width: 128.4rem;}
#pop_area .pop_close {display: block; width: 2.8rem; height: 2.8rem; position: absolute; top: 3.6rem; right: 3.6rem;}
#pop_area.on {display: block; z-index: 9999; opacity: 1;}
#pop_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0;  z-index: -1;}
#pop_bg.on {opacity: 0.8; z-index: 9999;}

@media screen and (max-width: 880px) {
    #sub1_4 {padding: 12.2rem 0 8.8rem 0;}
    #sub1_4 .section1 .title {margin-bottom: 8.8rem;}
    #sub1_4 .section1 .sub1_4_slide::before {bottom: 9.1rem;}
    #sub1_4 .section1 .sub1_4_slide .swiper-slide {width: 30.6rem !important; margin: 0 3.2rem;}
    #sub1_4 .section1 .sub1_4_slide .img_area {margin-bottom: 6.3rem;}
    #sub1_4 .section1 .sub1_4_slide .img_area img {width: 100%;}
    #sub1_4 .section1 .sub1_4_slide .text_area .fs20 {margin-top: 1.2rem; font-size: 1.6rem;}
    #sub1_4 .section1 .sub1_4_slide .text_area .fs32 {font-size: 3rem; line-height: 4rem;}
    #sub1_4 .section1 .sub1_4_slide .btn {position: absolute; top: 14.2rem; left: 2.6rem;}
    #sub1_4 .section1 .sub1_4_slide .btn.next {left: auto; right: 2.6rem;}
    #sub1_4 .section1 .sub1_4_slide .btn img {width: 1.4rem;}
    #pop_area {height: 85%; max-height: 71.7rem; overflow-y: auto;}
    #pop_area img {width: 35rem; height: 71.7rem;}
    #pop_area .pop_close {top: 2.5rem; right: 2.6rem;}
}

/* sub2 공통 */
.sub2 .section1 {padding: 22rem 0 18rem 0; background: #F6F7F9;}
.sub2 .section1 .inner {width: 164rem;}
.sub2 .section1 .inner .title {margin-bottom: 6.4rem;}
.sub2 .section1 .inner .title .fs64 {margin-bottom: 2.4rem;}
.sub2 .section1 .inner .link_cont {padding: 10.5rem 13.8rem 10.5rem 16rem; box-sizing: border-box; background: #fff; border-radius: 3rem;}
.sub2 .section1 .inner .link_cont .list {position: relative; padding-left: 5rem;}
.sub2 .section1 .inner .link_cont .list::before {content: ''; position: absolute; top: 0.9rem; left: 0; background-image: url('../img/sub2/sub2_s1_line.png'); background-repeat: no-repeat; background-size: 100%; width: 0.1rem; height: 25.6rem;}
.sub2.type2 .section1 .inner .link_cont .list::before {top: -3.4rem;}
.sub2.type3 .section1 .inner .link_cont .list::before {top: -8.7rem;}
.sub2 .section1 .inner .link_cont .list li {position: relative; margin-bottom: 2.4rem;}
.sub2 .section1 .inner .link_cont .list li a {display: block; width: max-content; padding-right: 1.4rem; box-sizing: border-box; position: relative;}
.sub2 .section1 .inner .link_cont .list li a::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -12.2rem; width: 12.2rem; height: 2.8rem; background-image: url('../img/sub2/sub2_s1_btn.png'); background-size: 100%; background-repeat: no-repeat; opacity: 0; transition: all 0.3s;}
.sub2 .section1 .inner .link_cont .list li a img {opacity: 0; transition: all 0.2s;}
.sub2 .section1 .inner .link_cont .list li {margin-bottom: 2.3rem;}
.sub2 .section1 .inner .link_cont .list li.on::before {content: ''; position: absolute; top: 1rem; left: -5.6rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #1C87CA;}
.sub2 .section1 .inner .link_cont .list li.on a {font-size: 2.4rem; color: #1C87CA; font-weight: 700;}
.sub2 .section1 .inner .link_cont .list li.on a::before,
.sub2 .section1 .inner .link_cont .list li:hover a::before {opacity: 1;}
.sub2 .section1 .inner .link_cont .img_area img {border-radius: 3.8rem; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}

.sub2 .section2 {padding: 18.8rem 0 23.1rem 0;}
.sub2 .section2 .inner {width: 150.4rem;}
.sub2 .section2 .inner .title {margin-bottom: 7.4rem; padding-top: 9.2rem;}
.sub2 .section2 .inner .title .fs64 {position: relative; margin-right: 15.3rem;}
.sub2 .section2 .inner .title .fs64::before {content: 'Cataract'; position: absolute; top: -9.2rem; left: 0; width: max-content; font-size: 6.4rem; font-weight: 700; color: #EEF0F3;}
.sub2 .section2 .inner .title .fs18 {line-height: 2.8rem;}
.sub2 .inner .step_area {margin-top: 21.6rem;}
.sub2 .inner .step_area .title {margin-bottom: 8.9rem; padding-top: 0;}
.sub2 .inner .step_area .title .fs48 {line-height: 6.4rem;}
.sub2 .inner .step_area .list {gap: 8.2rem;}
.sub2 .inner .step_area .list li {position: relative;}
.sub2 .inner .step_area .list li:not(:last-child)::before {content: ''; position: absolute; top: 8.6rem; right: -4.6rem; background-image: url('../img/sub2/sub2_s2_arr.png'); background-repeat: no-repeat; background-size: 100%; width: 1.4rem; height: 2.4rem;}
.sub2 .inner .step_area .list img {margin-bottom: 3.3rem;}
.sub2 .inner .step_area .list .fs18 {line-height: 2.8rem;}
.sub2 .inner .step_area .list .abs {width: max-content; left: 50%; transform: translateX(-50%);}

.sub2 .section3 {padding: 16rem 0; background: #222527;}
.sub2 .section3 .inner {width: 150.4rem; position: relative;}
.sub2 .section3 .inner .title {margin-bottom: 10.5rem;}
.sub2 .section3 .inner .title .co {letter-spacing: 0;}
.sub2 .section3 .inner .title .fs56 {margin: 2.8rem 0 2rem 0;}
.sub2 .section3 .inner .img_area {gap: 5rem;}
.sub2 .section3 .inner .img_area .fs20 {margin-top: 3.2rem;}
.sub2 .section3 .inner .img_area.flex>div {width: 50%;}
.sub2 .section3 .inner .link {position: absolute; top: 12.2rem; right: 0; display: block; width: 24rem; padding: 2.7rem 0 2.3rem 0; border-radius: 4rem; background: #1C87CA;}
.sub2 .section3 .inner iframe {width: 100%; height: 380px; border-style: none;}
.twentytwenty-handle {width: 5.6rem !important; height: 5.6rem !important; border: none !important; background: url('../img/layout/handel.png') no-repeat !important; background-size: 100% !important;}

@media screen and (max-width: 880px) {
    .sub2 .section1 {padding: 12.2rem 0 7.8rem 0;}
    .sub2 .section1 .inner {width: 38.2rem;}
    .sub2 .section1 .inner .title {margin-bottom: 4rem;}
    .sub2 .section1 .inner .title .fs64 {font-size: 4.4rem; margin-bottom: 2.8rem;}
    .sub2 .section1 .inner .title .fs20 {font-size: 1.8rem; line-height: 2.8rem;}
    .sub2 .section1 .inner .link_cont {flex-direction: column-reverse; gap: 4.4rem; padding: 2.4rem;}
    .sub2 .section1 .inner .link_cont .list {width: 100%; padding-left: 2.7rem;}
    .sub2 .section1 .inner .link_cont .list::before {background-image: url('../img/sub2/sub2_s2_line_mo.png'); width: 0.1rem; height: 21.7rem; top: 0.6rem;}
    .sub2.type2 .section1 .inner .link_cont .list::before {height: 15.5rem; top: 0.7rem;}
    .sub2.type3 .section1 .inner .link_cont .list::before {height: 6.5rem; top: 0.7rem;}
    .sub2 .section1 .inner .link_cont .list li {margin-bottom: 2.2rem;}
    .sub2 .section1 .inner .link_cont .list li a {font-size: 1.6rem; padding-right: 0.8rem;}
    .sub2 .section1 .inner .link_cont .list li a::before {background-image: url('../img/sub2/sub2_s1_btn_mo.png'); width: 8.4rem; height: 2.4rem; right: -8.4rem;}
    .sub2 .section1 .inner .link_cont .list li.on {margin-bottom: 2.1rem;}
    .sub2 .section1 .inner .link_cont .list li.on::before {width: 1rem; height: 1rem; left: -3.2rem; top: 0.7rem;}
    .sub2 .section1 .inner .link_cont .list li.on a {font-size: 1.8rem;}
    .sub2 .section1 .inner .link_cont .img_area img {width: 100%; border-radius: 2rem;}

    .sub2 .section2 {padding: 7.1rem 0 11.8rem 0;}
    .sub2 .section2 .inner {width: 38.2rem;}
    .sub2 .section2 .inner .title {align-items: flex-start; flex-direction: column; margin-bottom: 4.8rem; gap: 2.4rem; padding-top: 7rem;}
    .sub2 .section2 .inner .title .fs64 {margin-right: 0; font-size: 4.8rem;}
    .sub2 .section2 .inner .title .fs64::before {font-size: 4.8rem; top: -7rem;}
    .sub2 .section2 .inner .img_area img {width: 100%;}
    .sub2 .inner .step_area {margin-top: 10.5rem;}
    .sub2 .inner .step_area .title {margin-bottom: 4rem;}
    .sub2 .inner .step_area .title .fs48 {font-size: 3.6rem; line-height: 4.8rem;}
    .sub2 .inner .step_area .list {width: 35.4rem; margin: 0 auto; justify-content: flex-start; flex-wrap: wrap; gap: 4rem 4.2rem;}
    .sub2 .inner .step_area .list li:not(:last-child)::before {display: none;}
    .sub2 .inner .step_area .list img {width: 15.6rem; margin: 0 auto 1.8rem auto;}
    .sub2 .inner .step_area .list .fs16 {margin-bottom: 1rem;}
    .sub2 .inner .step_area .list .fs18 {font-size: 1.6rem; line-height: 2.6rem;}

    .sub2 .section3 {padding: 9.4rem 0 11.6rem 0;}
    .sub2 .section3 .inner {width: 38.2rem;}
    .sub2 .section3 .inner .title {margin-bottom: 17.5rem;}
    .sub2 .section3 .inner .title .co {font-size: 2rem;}
    .sub2 .section3 .inner .title .fs56 {font-size: 4rem; line-height: 5rem; margin: 3rem 0 2.6rem 0;}
    .sub2 .section3 .inner .title .fs24 {font-size: 1.8rem; line-height: 2.8rem;}
    .sub2 .section3 .inner .img_area {flex-direction: column; gap: 6rem;}
    .sub2 .section3 .inner .img_area.flex>div {width: 100%;}
    .sub2 .section3 .inner .img_area img {width: 100%;}
    .sub2 .section3 .inner .link {top: 25.9rem; right: auto; left: 0; width: 17.3rem; font-size: 1.8rem; padding: 1.9rem 0 1.7rem 0;}
    .sub2 .section3 .inner iframe {height: 18rem;}
}

/* sub2_2 */
#sub2_2 .section2 .inner .title .fs64 {margin-right: 9.4rem;}
#sub2_2 .section2 .inner .title .fs64::before {content: 'Corneal Diseases';}

/* sub2_3 */
#sub2_3 .section2 {padding-bottom: 0;}
#sub2_3 .section2 .inner {width: 150.4rem;}
#sub2_3 .section2 .inner .title .fs64 {margin-right: 2.1rem;}
#sub2_3 .section2 .inner .title .fs64::before {content: 'Eyelid Disorders';}
#sub2_3 .change {transition: 0.2s; width: 100%; max-width: 172rem; margin: 0 auto; padding: 16.5rem 39.7rem 10.2rem 25.6rem; box-sizing: border-box; border-radius: 6rem;}
#sub2_3 .change.cg1 {background: url('../img/sub2/sub2-3_img1.png') center/cover;}
#sub2_3 .change.cg2 {background: url('../img/sub2/sub2-3_img2.png') center/cover;}
#sub2_3 .change.cg3 {background: url('../img/sub2/sub2-3_img3.png') center/cover;}
#sub2_3 .change.cg4 {background: url('../img/sub2/sub2-3_img4.png') center/cover;}
#sub2_3 .change.cg5 {background: url('../img/sub2/sub2-3_img5.png') center/cover;}
#sub2_3 .change.cg6 {background: url('../img/sub2/sub2-3_img6.png') center/cover;}
#sub2_3 .change .txtArea {margin-bottom: 10.4rem; color: #fff;}
#sub2_3 .change .txtArea::before {content: ''; display: block; position: absolute; width: 5.6rem; height: 2px; background: #63BEF6; left: -10rem; top: 3rem;}
#sub2_3 .change .txtArea .tTit .tit {font-size: 4.8rem; font-weight: 700; padding-right: 1.2rem;}
#sub2_3 .change .txtArea .tTit .subt {font-size: 1.8rem; font-weight: 400}
#sub2_3 .change .txtArea .tWrt {font-size: 2rem; font-weight: 300; padding-top: 2rem; line-height: 2.8rem;}
#sub2_3 .change .lstArea {display: flex; gap: 2.6rem; border: 2px solid rgba(255,255,255,0.2); border-right: 0; border-left: 0;}
#sub2_3 .change .lstArea li {cursor: pointer;}
#sub2_3 .change .lstArea li img.on {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none;}
#sub2_3 .change .lstArea li:nth-child(1) img.on {display: block;}
#sub2_3 .change .numArea {position: absolute; top: 16rem; left: 6.6rem;}

@media screen and (max-width: 880px) {
    #sub2_3 .section2 {padding: 7.7rem 0 0 0;}
    #sub2_3 .section2 .inner {width: 100%; padding-left: 2.4rem; box-sizing: border-box;}
    #sub2_3 .section2 .inner .title .fs64 {margin-right: 0;}
}

/* sub2_4 */
#sub2_4 .section2 {padding-bottom: 18rem;}
#sub2_4 .section2 .inner .title .fs64 {margin-right: 3.6rem;}
#sub2_4 .section2 .inner .title .fs64::before {content: 'KCS, Dry Eye';}
#sub2_4 .section2 .inner .list {margin-top: 5rem;}
#sub2_4 .section2 .inner .list li {gap: 1.6rem;}
#sub2_4 .section2 .inner .list li .fs16 {margin-top: 1rem; line-height: 2.6rem;}

#sub2_4 .section3 {padding: 18rem 0; background: #F6F7F9;}
#sub2_4 .section3 .title {margin-bottom: 7.2rem;}
#sub2_4 .section3 .title .fs18 {margin-top: 2.4rem; line-height: 2.8rem;}
#sub2_4 .section3 .list {gap: 3.8rem;}
#sub2_4 .section3 .list li {position: relative;}
#sub2_4 .section3 .list li:not(:last-child)::before {content: ''; position: absolute; top: 7.2rem; right: -2.2rem; width: 0.8rem; height: 1.4rem; background-image: url('../img/sub2/sub2-4_s3_arr.png'); background-repeat: no-repeat; background-size: 100%;}
#sub2_4 .section3 .list .fs20 {margin: 2.4rem 0 1.2rem 0;}
#sub2_4 .section3 .list .fs14 {line-height: 2.2rem;}

@media screen and (max-width: 880px) {
    #sub2_4 .section2 .inner .list {flex-wrap: wrap; margin-top: 4.8rem; gap: 4.7rem 0;}
    #sub2_4 .section2 .inner .list li {width: 18.3rem; flex-direction: column; align-items: center;}
    #sub2_4 .section2 .inner .list li img {width: 10rem;}
    #sub2_4 .section2 .inner .list .text_area {text-align: center;}
    #sub2_4 .section2 .inner .list li .fs22 {font-size: 1.6rem;}
    #sub2_4 .section2 .inner .list li .fs16 {font-size: 1.4rem; line-height: 2.2rem;}

    #sub2_4 .section3 {padding: 9.4rem 0;}
    #sub2_4 .section3 .title {margin-bottom: 5.2rem;}
    #sub2_4 .section3 .title .fs48 {font-size: 3.6rem; line-height: 4.4rem;}
    #sub2_4 .section3 .title .fs18 {margin-top: 2.6rem; line-height: 2.6rem; font-size: 1.6rem;}
    #sub2_4 .section3 .list {flex-direction: column; gap: 4.4rem;}
    #sub2_4 .section3 .list li img {width: 100%;}
    #sub2_4 .section3 .list li:not(:last-child)::before {right: auto; left: 50%; transform: translateX(-50%); top: auto; bottom: -2.2rem; width: 1.4rem; height: 0.8rem; background-image: url('../img/sub2/sub2-4_s3_arr_mo.png');}
    #sub2_4 .section3 .list .fs20 {font-size: 1.8rem; margin: 1.8rem 0 1rem 0;}
}

/* sub2_5 */
#sub2_5 .section2 {padding-bottom: 0;}
#sub2_5 .section2 .inner .title .fs64::before {content: 'Glaucoma';}
#sub2_5 .section2 .inner .reason_area {margin: 25.7rem 0 20.4rem 0; padding: 0 5.4rem; box-sizing: border-box;}
#sub2_5 .section2 .inner .reason_area .text_area .fs48 {margin: 2.8rem 0;}
#sub2_5 .section2 .inner .reason_area .text_area .fs18 {line-height: 2.8rem;}
#sub2_5 .section3 {background: #fff; padding: 0;}

@media screen and (max-width: 880px) {
    #sub2_5 .section2 .inner .reason_area {flex-direction: column; align-items: flex-start; gap: 4.1rem; margin: 22rem 0 10.8rem 0; padding: 0;}
    #sub2_5 .section2 .inner .reason_area .text_area img {width: 6.6rem;}
    #sub2_5 .section2 .inner .reason_area .text_area .fs48 {font-size: 3.6rem; line-height: 4.4rem; margin: 2.5rem 0 2.4rem 0;}
    #sub2_5 .section3 .flex {flex-direction: column;}
    #sub2_5 .section3 .flex:first-child {flex-direction: column-reverse;}
    #sub2_5 .section3 img {width: 100%;}
}

/* sub2_6 */
#sub2_6 .section2 {padding-bottom: 0;}
#sub2_6 .section2 .inner .title .fs64::before {content: 'Retina';}
#sub2_6 .section2 .inner .kind_area .title {margin-bottom: 8rem; padding-top: 21.6rem;}
#sub2_6 .section2 .inner .kind_area .title .co {margin-bottom: 3.2rem;}

@media screen and (max-width: 880px) {
    #sub2_6 .section2 .inner .kind_area .title {margin-bottom: 3.9rem; padding-top: 15rem;}
    #sub2_6 .section2 .inner .kind_area .title .co {font-size: 1.8rem; margin-bottom: 3.7rem;}
    #sub2_6 .section2 .inner .kind_area .title .fs48 {font-size: 3.6rem; line-height: 4.8rem;}
    #sub2_6 .section2 .inner .kind_area img {width: 31.8rem; margin: 0 auto;}
}

/* sub3 공통 */
.sub2.type2 .section2.flex {justify-content: flex-end; padding: 22rem 0 27.6rem 0;}
.sub2.type2 .section2.flex .cont_area {width: 100%; max-width: 171rem;}
.sub2.type2 .section2.flex .cont_area .text_area .tit {position: relative; gap: 4.8rem; width: max-content;}
.sub2.type2 .section2.flex .cont_area .text_area .tit::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -35.2rem; width: 29.2rem; height: 0.1rem; background: #1C87CA;}
.sub2.type2 .section2.flex .cont_area .text_area .txt {margin: 7.2rem 0 3.2rem 0; line-height: 4.4rem;}
.sub2.type2 .section2.flex .cont_area .text_area .txt2 {line-height: 3.2rem;}

.sub2.type2 .system .title {margin-bottom: 8.1rem;}
.sub2.type2 .system .title .co {margin-bottom: 3rem; letter-spacing: 0.4rem;}
.sub2.type2 .system {background: #fff; padding: 0;}
.sub2.type2 .system .inner {width: 100%; max-width: 140rem;}
.sub2.type2 .system_list {gap: 4rem 6rem;}
.sub2.type2 .system_list li {gap: 4.6rem; width: calc(50% - 3rem); border-radius: 2rem; overflow: hidden; background: #F6F7F9;}
.sub2.type2 .system_list li .text_area .fs26 {position: relative; margin-bottom: 1.5rem; padding-bottom: 1.7rem; line-height: 3.4rem;}
.sub2.type2 .system_list li .text_area .fs26::before {content: ''; position: absolute; bottom: 0; left: 0; width: 23rem; height: 0.1rem; background: #C9CDD2;}
.sub2.type2 .system_list li .text_area .fs18 {line-height: 2.8rem;}

@media screen and (max-width: 880px) {
    .sub2.type2 .section2.flex {padding: 9.4rem 0 14.5rem 0;}
    .sub2.type2 .section2.flex .cont_area {max-width: 40.6rem; gap: 4.8rem; flex-direction: column;}
    .sub2.type2 .section2.flex .cont_area .text_area {width: 100%;}
    .sub2.type2 .section2.flex .cont_area .text_area .tit {flex-direction: column-reverse; align-items: flex-start; gap: 0.9rem;}
    .sub2.type2 .section2.flex .cont_area .text_area .tit::before {display: none;}
    .sub2.type2 .section2.flex .cont_area .text_area .tit .fs64 {font-size: 4.8rem;}
    .sub2.type2 .section2.flex .cont_area .text_area .txt {font-size: 2.4rem; line-height: 3.6rem; margin: 2rem 0 2.4rem 0;}
    .sub2.type2 .section2.flex .cont_area .text_area .txt2 {font-size: 1.8rem; line-height: 2.8rem;}
    .sub2.type2 .section2.flex .cont_area .img_area img {width: 40.6rem;}

    .sub2.type2 .system .title {margin-bottom: 3.5rem;}
    .sub2.type2 .system .title .co {font-size: 1.6rem; margin-bottom: 2.3rem;}
    .sub2.type2 .system .title .fs48 {font-size: 4rem; line-height: 5rem;}
    .sub2.type2 .system .inner {max-width: 38.2rem;}
    .sub2.type2 .system_list {gap: 1.8rem;}
    .sub2.type2 .system_list li {width: 100%; border-radius: 1.5rem; gap: 2.6rem;}
    .sub2.type2 .system_list li .text_area .fs26 {margin-bottom: 0.75rem; padding-bottom: 0.65rem; font-size: 1.6rem; line-height: 2.6rem;}
    .sub2.type2 .system_list li .text_area .fs26::before {width: 13.1rem;}
    .sub2.type2 .system_list li .text_area .fs18 {font-size: 1.4rem; line-height: 2.2rem;}
    .sub2.type2 .system_list li img {width: 16.9rem;}
}

/* sub3_1 */
#sub3_1 .section4 .inner {width: 100%; max-width: 150.4rem;}

/* sub3_2 */
#sub3_2 .section2 {justify-content: flex-start;}
#sub3_2 .section2 .cont_area .text_area {text-align: right;}
#sub3_2 .section2 .cont_area .text_area .tit::before {width: 30rem; left: -36.5rem;}
#sub3_2 .section3 {background: #fff;}

@media screen and (max-width: 880px) {
    #sub3_2 .section2 .cont_area {flex-direction: column-reverse;}
    #sub3_2 .section2 .cont_area .text_area {text-align: left; align-items: flex-start; margin-left: 2.4rem;}
}

/* sub3_3 */
#sub3_3 .section2 {padding: 21rem 0 0 0;}
#sub3_3 .section2 .title {margin-bottom: 20.8rem;}
#sub3_3 .section2 .title .fs56 {margin: 3.2rem 0 2.8rem 0; line-height: 7.2rem;}
#sub3_3 .section2 .title .fs20 {line-height: 3.2rem;}
#sub3_3 .section2 .swiper-pagination {display: flex; width: max-content; height: 8.8rem; top: -12rem; left: 50%; transform: translateX(-50%); outline: 0.1rem solid #C9CDD2; box-sizing: border-box;}
#sub3_3 .section2 .swiper-pagination-bullet {width: 34.4rem; height: 8.8rem; text-align: center; padding: 3.3rem 0 3rem 0; border-right: 0.1rem solid #C9CDD2; box-sizing: border-box; border-radius: 0; background: #fff; font-size: 2rem; font-weight: 400; color: #454C53; opacity: 1; margin: 0;}
#sub3_3 .section2 .swiper-pagination-bullet:last-child {border-right: none;}
#sub3_3 .section2 .swiper-pagination-bullet-active {background: #63BEF6; color: #fff;}
#sub3_3 .section3 {padding: 21.6rem 0 11.4rem; background: #fff;}
#sub3_3 .section3 .img_area {width: 121.8rem;}

@media screen and (max-width: 880px) {
    #sub3_3 .section2 {padding-top: 7.7rem;}
    #sub3_3 .section2 .title {margin-bottom: 25.5rem;}
    #sub3_3 .section2 .title .icon img {width: 6.6rem;}
    #sub3_3 .section2 .title .fs56 {font-size: 4rem; line-height: 5rem; margin: 2.7rem 0 3rem 0;}
    #sub3_3 .section2 .title .fs20 {font-size: 1.8rem; line-height: 2.8rem;}
    #sub3_3 .section2 .swiper-pagination {top: -20.6rem; flex-wrap: wrap; width: 38rem; height: 17.6rem;}
    #sub3_3 .section2 .swiper-pagination-bullet {width: 19rem; font-size: 1.8rem; line-height: 2.8rem; padding: 2rem 0 1.8rem 0;}
    #sub3_3 .section2 .swiper-pagination-bullet:nth-child(1),
    #sub3_3 .section2 .swiper-pagination-bullet:nth-child(2) {border-bottom: 0.1rem solid #C9CDD2;}
    #sub3_3 .section2 .swiper-pagination-bullet:nth-child(2) {border-right: none;}
    #sub3_3 .section3 {padding: 8.2rem 0 9.4rem;}
    #sub3_3 .section3 .title {margin-bottom: 4.3rem;}
    #sub3_3 .section3 .img_area {width: 32.6rem;}
}

/* sub3_4 */
#sub3_4 .section4 {margin-top: 26.6rem;}
#sub3_4 .section4 .title {margin-bottom: 4.9rem;}
#sub3_4 .section4 .title .fs48 {line-height: 6.4rem;}

@media screen and (max-width: 880px) {
    #sub3_4 .section4 {margin-top: 12.5rem;}
    #sub3_4 .section4 .title {margin-bottom: 4.1rem;}
    #sub3_4 .section4 .title .fs48 {font-size: 3.6rem; line-height: 4.8rem;}
    #sub3_4 .section4 img {width: 38.2rem;}
}

/* sub4_1 */
#sub4_1 .section2 {padding: 22rem 0 23.2rem 0;}
#sub4_1 .section2 .inner {width: 164rem; border-bottom: 0.2rem solid #1C87CA; box-sizing: border-box;}
#sub4_1 .section2 .inner .title {margin-bottom: 6.4rem; padding-top: 0;}
#sub4_1 .section2 .inner .title .fs48 {line-height: 6.4rem; margin-bottom: 2.8rem;}
#sub4_1 .section2 .inner .title .fs20 {line-height: 3.2rem;}
#sub4_1 .section2 .inner .img_area {width: 100%; max-width: 164rem; padding-bottom: 37.4rem;}
#sub4_1 .section2 .inner .list {width: 100%; max-width: 141rem; top: 32.7rem; left: 50%; margin-left: -70.5rem;}
#sub4_1 .section2 .inner .list img {border-radius: 50%; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
#sub4_1 .section2 .inner .list .tit {line-height: 3.6rem; margin: 3rem 0 2rem 0;}
#sub4_1 .section2 .inner .list .txt {line-height: 2.8rem;}
#sub4_1 .section3 {background: #fff; padding: 0;}
#sub4_1 .section3 .title {margin-bottom: 6.4rem;}
#sub4_1 .section3 .title .co {margin-bottom: 2.8rem; letter-spacing: 0.4rem;}

@media screen and (max-width: 880px) {
    #sub4_1 .section2 {padding: 9.2rem 0 12.2rem 0;}
    #sub4_1 .section2 .inner {width: 100%; border-bottom: none;}
    #sub4_1 .section2 .inner .title {margin-bottom: 3.9rem;}
    #sub4_1 .section2 .inner .title .fs48 {font-size: 3.6rem; line-height: 4.8rem; margin-bottom: 3rem;}
    #sub4_1 .section2 .inner .title .fs20 {font-size: 1.8rem; line-height: 2.8rem;}
    #sub4_1 .section2 .inner .img_area {padding-bottom: 58.2rem;}
    #sub4_1 .section2 .inner .img_area::before {content: ''; width: 38.2rem; height: 0.2rem; background: #1C87CA; position: absolute; left: 2.4rem; bottom: 0;}
    #sub4_1 .section2 .inner .list {flex-wrap: wrap; max-width: 35.8rem; top: 26.2rem; margin-left: -17.9rem; row-gap: 3rem;}
    #sub4_1 .section2 .inner .list img {width: 13.8rem;}
    #sub4_1 .section2 .inner .list .tit {font-size: 1.6rem; line-height: 2.6rem; margin: 2rem 0 1.2rem 0;}
    #sub4_1 .section2 .inner .list .txt {font-size: 1.4rem; line-height: 2.2rem;}
    #sub4_1 .section3 .title {margin-bottom: 4rem;}
    #sub4_1 .section3 .co {margin-bottom: 2.7rem;}
    #sub4_1 .section3 .fs48 {font-size: 3.6rem; line-height: 4.8rem;}
    #sub4_1 .section3 img {width: 38.2rem;}
}

/* sub4_2 */
#sub4_2 .section2 {padding: 22rem 0 20rem 0;}
#sub4_2 .section2 .inner .title .fs48 {margin-bottom: 4rem; line-height: 6.4rem;}
#sub4_2 .section2 .inner .title .fs20 {line-height: 3.2rem;}
#sub4_2 .section3 {padding: 16rem 0; background: #EEF0F3;}
#sub4_2 .section3 .title {margin-bottom: 4.2rem;}
#sub4_2 .section3 .list {gap: 2rem;}
#sub4_2 .section3 .list li {width: 33.9rem; background: #fff;}
#sub4_2 .section3 .list li .text_area {padding: 4rem 0 5.6rem 0;}
#sub4_2 .section3 .list li .text_area .tit {line-height: 3.6rem; margin-bottom: 2rem;}
#sub4_2 .section3 .list li .text_area .txt {line-height: 2.8rem;}
#sub4_2 .section4 {padding: 20.6rem 0 0 0;}
#sub4_2 .section4 .step_area {margin: 0;}
#sub4_2 .section4 .inner {width: 100%; max-width: 150.4rem;}
#sub4_2 .section4 .list {gap: 0;}
#sub4_2 .section4 .list .fs20 {line-height: 2.8rem;}
#sub4_2 .section4 .list li:not(:last-child)::before {display: none;}


@media screen and (max-width: 880px) {
    #sub4_2 .section2 {padding: 11.8rem 0;}
    #sub4_2 .section2 .inner {width: 100%;}
    #sub4_2 .section2 .inner .title {padding: 0; margin: 0;}
    #sub4_2 .section2 .inner .title .fs48 {font-size: 3.6rem; line-height: 4.8rem; margin-bottom: 2.8rem;}
    #sub4_2 .section2 .inner .title .fs20 {font-size: 1.8rem; line-height: 2.8rem;}
    #sub4_2 .section3 {padding: 7.2rem 0 8.1rem;}
    #sub4_2 .section3 .title {margin-bottom: 4.1rem;}
    #sub4_2 .section3 .title .fs48 {font-size: 3.6rem; line-height: 4.8rem;}
    #sub4_2 .section3 .list {flex-direction: column; gap: 2.6rem;}
    #sub4_2 .section3 .list li {width: 38.1rem;}
    #sub4_2 .section3 .list li .text_area {padding: 2.2rem 0;}
    #sub4_2 .section3 .list li .text_area .tit {font-size: 2rem; line-height: 3.2rem; margin-bottom: 1.2rem;}
    #sub4_2 .section3 .list li .text_area .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #sub4_2 .section3 .list li img {width: 100%;}
    #sub4_2 .section4 {padding-top: 8.6rem;}
    #sub4_2 .section4 .title .fs48 {font-size: 3.6rem; line-height: 4.8rem;}
    #sub4_2 .section4 .step_area {margin: 0;}
    #sub4_2 .section4 .list {flex-wrap: wrap; justify-content: space-between; row-gap: 4rem;}
    #sub4_2 .section4 .list img {width: 15.6rem;}
    #sub4_2 .section4 .list .fs20 {font-size: 1.6rem; line-height: 2.6rem;}
    #sub4_2 .section4 .list .fs18 {font-size: 1.4rem;}
}

/* sub5_1 */
#sub5_1 .section1 {position: relative; padding: 21rem 0 14rem 0; background: #fff;}
#sub5_1 .section1::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 84.1rem; background: #F6F7F9;}
#sub5_1 .section1 .title {margin-bottom: 15.2rem;}
#sub5_1 .section1 .title .fs56 {margin-bottom: 2.8rem;}
#sub5_1 .section1 .title .link {display: block; width: 29.2rem; padding: 1.9rem 0 1.7rem 0; border-radius: 4rem; background: #C9CDD2;}
#sub5_1 .section1 .cont_area {gap: 8.4rem;}
#sub5_1 .section1 .cont_area .text_area {margin-top: 4.3rem;}
#sub5_1 .section1 .cont_area .text_area .tit {padding-bottom: 1.6rem; margin-bottom: 2.4rem; border-bottom: 0.1rem solid #C9CDD2; box-sizing: border-box;}
#sub5_1 .section1 .cont_area .text_area .txt {line-height: 3.2rem;}
#sub5_1 .section1 .cont_area .btn {right: 0; bottom: 0;}

@media screen and (max-width: 880px) {
    #sub5_1 .section1 {padding: 14.9rem 0 9rem 0;}
    #sub5_1 .section1::before {height: 115.5rem;}
    #sub5_1 .section1 .title {margin-bottom: 9.4rem;}
    #sub5_1 .section1 .title .fs56 {margin-bottom: 1.5rem;}
    #sub5_1 .section1 .title .link {width: 21.2rem; padding: 1.8rem 0; font-size: 1.8rem;}
    #sub5_1 .section1 .cont_area {width: 38.2rem; margin: 0 auto; flex-direction: column; gap: 7.4rem;}
    #sub5_1 .section1 .cont_area img {width: 100%;}
    #sub5_1 .section1 .cont_area .text_area {margin-top: 2.7rem;}
    #sub5_1 .section1 .cont_area .text_area .tit {font-size: 2.4rem;}
    #sub5_1 .section1 .cont_area .text_area .txt {margin-bottom: 2.4rem;}
    #sub5_1 .section1 .cont_area .btn {position: static; width: 12.2rem;}
}