/* 증상비교 리스트 */
.comparison {width:100%;}
.comparison li {text-align:center; position:relative;}
.comparison li img {width:100%;}
.comparison li .border {width:50px; height:5px; background-color:#00a1ba; margin:30px auto 25px auto; display:block;}
.comparison li p {font-size:30px; font-weight:500; color:#000; line-height:1.3;}
.comparison01 li {width:33.3333333%;} /* 이미지 3개*/
.comparison02 li {width:25%;} /* 이미지 4개*/
.comparison03 .textWrap {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75); display:flex; flex-direction:column; justify-content:center; align-items:center;}
.comparison03 li .textWrap p {color:#fff;}
.comparison03 li .border {margin:30px auto 0 auto;}

/* 비포애프터 슬라이더 */
.before-after { width:880px; height:500px; position: relative;}
.before-after:before { content: ''; display: block; }
.before-after .slide { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-position: top left; background-repeat: no-repeat;}
.before-after .slide.before { right: 50%;}
.before-after .handle { position:absolute; top:0; bottom:0; width:159px; left:50%; transform:translateX(-50%); cursor: ew-resize; }
.before-after .handle:before { content: ''; display:block; position: absolute; top:0; width:2px; height: 100%; left:50%; transform:translateX(-50%); background:var(--color02);;}
.before-after .handle:after { position:absolute; content: ''; display: block; top:92%; left:50%; transform:translateX(-50%); width:159px; height:117px; background-image:url(../../_images/retina/beforeafter_arrow_img.png); }

/* 자가진단법 */
.checkList .topBox {width:1200px; margin:0px auto;}
.checkList .topBox .tit {font-size:22px; font-weight:700; color:#fffefe; width:240px; height:40px; line-height:38px; text-align:center; border-radius:20px; margin:0 auto;}
.checkList .topBox .tit01 {background-color:#01686d;}
.checkList .topBox .tit02 {background-color:#23366e;}
.checkList .topBox .list p {font-size:24px; font-weight:700; color:#000; letter-spacing:-1.2px;}
.checkList .topBox .list dl {align-items:center; margin-left:30px;}
.checkList .topBox .list dt {font-size:30px; font-weight:700; color:#515151; margin-right:10px;}
.checkList .topBox .list dd {font-size:24px; font-weight:300; color:#333333;}
.checkList .topBox .list li:nth-child(n):not(:last-child) {margin-top:-2px; margin-bottom:25px;}

/*  */
.agreeWrap {width:100%;}
.agreeWrap li {width:100%;}
.agreeBox {width:calc(100% - 110px); margin:0 auto; box-shadow:2px 10px 31px rgba(0,0,0,0.15); border-radius:24px; background-color:#fff; padding:45px 55px 40px 55px;}
.agreeBox .tit {font-size:24px; font-weight:300; color:#2e2e2e; margin-left:25px;}
.agreeBox .border {display:block; width:100%; height:1px; background-color:#e5e5e5; margin:35px auto 30px auto;}
.agreeBox .border02 {margin:30px auto 25px auto;}
.agreeBox ul {flex-wrap:wrap; justify-content:center; align-items:center; padding-left:65px;}
.agreeBox ul li {align-items:center; width:58%; padding-bottom:25px;}
.agreeBox ul li:nth-child(2n) {width:42%;}
.agreeBox ul li img {margin-right:22px;}
.agreeBox .lfTit {width:55px; height:55px; line-height:55px; text-align:center; margin-right:25px;}
.agreeBox .lfTit01 {border-radius:50%; background-color:var(--color06);}
.agreeBox .lfTit03 {border-radius:50%; background-color:var(--color06); line-height:51px; font-size:30px; font-weight:700; color:#fff;}
.agreeBox .text {width:calc(100% - 80px);}
.agreeBox .text01 {font-size:24px; font-weight:300; color:#000000;}
.agreeBox .text02 {font-size:20px; font-weight:300; color:#414141; line-height:1.3;}
.agreeBox .text03 {width:calc(100% - 80px); font-size:22px; font-weight:300; color:#414141; line-height:1.3; padding-left:80px;}
.agreeBox .text03 strong {display:inline-block; font-weight:700; color:#333; margin-right:15px;}
.agreeBox .answer {align-items:baseline;}


/* 녹내장 탭 */
.glaucomaBox {width:1300px; margin:0 auto; display:flex; flex-direction:row; align-items:flex-start;}
.glaucomaBox .txt06 {line-height:1.2;}
.glaucomaBox .txt01 {word-break:keep-all;}
.glaucomaWrap .careBox .box01 {height:420px; padding:60px 35px 45px 35px;}
.glaucomaWrap .careBox .box02 {height:220px; padding:45px 35px 45px 35px;}

@media screen and (max-width:1480px) {
    .glaucomaWrap .careBox .box img {width:100%;}
}
@media screen and (max-width:1380px) {
    .glaucomaBox {width:1200px;}
    .glaucomaBox .txt06 {font-size:31px;}
    .glaucomaBox .txt01 {font-size:18px;}
}
.circleImg img.glaucomaImg01 {top:51%; left:66%;}