/* 검사 전 주의사항 */
.cautionWrap { width:100%; border-top:4px solid #cccccc; box-sizing:border-box; } 
.cautionBox { border-bottom:2px solid #cccccc; box-sizing:border-box; margin-bottom:37px; padding-bottom:37px; } 
.cautionWrap >div:first-child { padding-top:30px; } 
.cautionWrap >div:last-child { border-bottom:none; } 
.cautionBox .topTit { margin-bottom:30px; } 
.cautionBox .topTit img { margin-right:15px; } 
.cautionBox .topTitImg { position:relative; width:100%; } 
.cautionBox .decoImg { position:absolute; top:10px; right:0; } 
.cautionBox .decoImg02 { top:-35px; } 
.cautionBox .decoImg03 {height:100px; top:-5px;}
.cautionBox .cautionTit { font-size:36px; font-weight:500; color:#111111; line-height:1.3; } 
.cautionBox .qnaTit {font-family:'SCDream'; font-size:36px; font-weight:500; color:#bfa27b; margin-right:8px;}
.cautionBox .text01, .cautionBox .text02 { font-size:30px; color:#333333; line-height:1.4; } 
.cautionBox .text01 { font-weight:300; } 
.cautionBox .text02 { font-weight:500; } 
/* .cautionBox .medium {font-weight:400;} */
.cautionBox .brown {font-weight:400;}
.cautionBox .descBox { width:92%; margin:0 auto; } 
.cautionBox .descBox li:nth-child(n):not(:last-child) { padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #dddddd; box-sizing:border-box; } 
.cautionBox .deco02 { display:inline-block; margin-bottom:10px; } 
.colorOn { background-color: #f1eeea; } 
/* .cautionWrap02 .cautionBox { padding-left:20px; padding-right:10px; }  */
@media screen and (max-width:720px){
 .cautionBox .cautionTit { font-size:1.8em; } 
 .cautionBox .qnaTit {font-size:1.8em;}
 .cautionBox .deco { font-size:1.5em; } 
 .cautionBox .text01, .cautionBox .text02 { font-size:1.3em; } 
 }
@media screen and (max-width:720px){
 .cautionBox .decoImg { height:80px; } 
 }
@media screen and (max-width:580px){
 .cautionBox .decoImg { height:60px; } 
 .cautionBox .decoImg02 { top:10px; } 
 }
@media screen and (max-width:480px){
 .cautionBox .cautionTit { font-size:1.4em; } 
 .cautionBox .qnaTit {font-size:1.4em;}
 .cautionBox .deco { font-size:1.3em; } 
 .cautionBox .text01, .cautionBox .text02 { font-size:1.2em; } 
 .cautionBox .decoImg { top:10px; } 
 .cautionBox .topTit {margin-bottom:25px;}
 .cautionBox .topTit img { height:38px; } 
 }
@media screen and (max-width:380px){
 .cautionBox .decoImg { height:50px; } 
 }
@media screen and (max-width:320px){
 .cautionBox .decoImg { z-index:-1; top:15px; right:-10px; } 
 }


/* 검사프로그램 */
.basicProgram .titBox i { font-size:40px; margin-left:10px; position:relative; top:2px; } 
.basicProgram .titBox, .basicProgram ul, .basicProgram ul li { width:100%; } 
.basicProgram .numCustom { font-family:'SCDream'; font-size:30px; font-weight:600; margin-right:10px; line-height:1.1; } 
.basicProgram .txt { font-size:26px; font-weight:300; color:#fff; line-height:1.1; letter-spacing:-0.8px; } 

@media screen and (max-width:720px){
 .recommendSlider .swiper-slide .textBox { height:500px; } 
 .basicProgram .titBox .subTit03 { font-size:1.8em; } 
 .basicProgram .titBox { margin-bottom:20px !important; } 
 .basicProgram .numCustom { font-size:1.5em; } 
 .basicProgram .txt { font-size:1.3em; } 
 }
 @media screen and (max-width:580px){
    .basicProgram .numCustom { font-size:1.1em; line-height:1.2;} 
    .basicProgram .txt { font-size:1.1em; line-height:1.2;} 
 }
@media screen and (max-width:480px){
 .recommendSlider .swiper-slide .textBox { height:450px; } 
 .basicProgram .titBox .subTit03 { font-size:1.5em; } 
 .basicProgram .titBox i { font-size:1.8em; } 
 .basicProgram ul li.mb10 {margin-bottom:5px !important;}
 .basicProgram .numCustom { font-size:1em;} 
 .basicProgram .txt { font-size:1em; }
}

.inspectProgramList { width:100%; box-sizing:border-box; display:grid; grid-template-columns:repeat(3, 1fr); } 
.inspectProgramList li { padding:65px 0 40px 0; display:flex; align-items:center; flex-wrap:wrap; border-bottom:1px solid #cccccc; position:relative; letter-spacing:-1px; } 
.inspectProgramList li p { width:100%; font-size:26px; font-weight:350; color:#333333; text-align:center; word-break: keep-all; word-wrap:break-word; } 
.inspectProgramList li:before { display:block; content:''; width:1px; height:85%; background:#ccc; position:absolute; top:50%; left:0; transform:translateY(-50%); } 
.inspectProgramList li:nth-child(3n+1):before { display:none; } 
.inspectProgramList li .num { text-align:center; position:absolute; top:10%; left:13px; display:block; font-family:'SCDream'; font-size:30px; font-weight:600; color:#bfa27b; } 
 

.inspectProgramList02 { width:calc(100% - 40px); margin:0 auto; grid-template-columns:repeat(2, 1fr); } 
.inspectProgramList02 li { padding:30px 0; } 
.inspectProgramList li:before { height:65%; } 
.inspectProgramList02 li:nth-child(7),
.inspectProgramList02 li:nth-child(8) { border-bottom:none; } 
.inspectProgramList02 li img { display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 auto; } 
.inspectProgramList02 li:nth-child(3n+1):before { display:block; } 
.inspectProgramList02 li:nth-child(2n+1):before { display:none; } 

.inspectProgramList03 {width:100%; } 
.inspectProgramList03 li {padding:25px 10px 25px 10px; display:block;}
.inspectProgramList03 li:nth-child(n):not(:last-child) {border-bottom:1px solid #ccc; box-sizing:border-box;}
.inspectProgramList03 li p { width:100%; font-size:1.1em; text-align:left;}
.inspectProgramList03 li .num { width:30px; height:30px; line-height: 30px; border-radius: 50%; overflow: hidden; background-color: #bfa27b; text-align: center; font-family: 'SCDream'; font-size: 16px; font-weight: 600; color: #fff; position:relative; display:inline-block; left:0; margin-right:10px; } 
.inspectProgramList03 li .titBox {margin-bottom:15px;}
.inspectProgramList03 li .titBox p {width:calc(100% - 40px); font-size:1.3em; font-weight:500;}

@media screen and (max-width:720px){
 .inspectProgramList li .num { font-size:1.5em; } 
 .inspectProgramList li p { font-size:1.3em; } 
 }
@media screen and (max-width:580px){
 .inspectProgramList li .num { font-size:1.5em; } 
 .inspectProgramList li p { font-size:1.2em; } 
 .inspectProgramList02 li:nth-child(1) img { width:40%; } 
 .inspectProgramList02 li img { width:60%; } 
 }
@media screen and (max-width:480px){
  .inspectProgramList li {padding:25px 0;}
 .inspectProgramList li .num { font-size:1.2em; } 
 .inspectProgramList li p { font-size:1.1em; letter-spacing:-1px; } 
}
@media screen and (max-width:380px){
 .inspectProgramList li .num { font-size:1.1em; } 
 .inspectProgramList li p { font-size:1em; } 
 }
@media screen and (max-width:330px){
 .inspectProgramList li .num { font-size:1.1em; } 
 .inspectProgramList li p { font-size:0.9em; } 
 }

/* 장비 슬라이드 */
.galleryTop { position:relative; } 
.galleryTop .swiper-slide { position:relative; } 
.galleryTop .swiper-slide .imgBox { width:75%; margin:0 auto 60px auto; } 
.galleryTop .swiper-pagination { position:relative; padding-top:45px; display:flex; flex-direction:row; align-items:center; justify-content:center; } 
.galleryTop .swiper-pagination-bullet { width:20px; height:20px; } 
.galleryTop .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.galleryTop .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 10px; } 
.galleryTop .swiper-pagination-bullet-active { width:30px; height:30px; background-color:#000; } 
.galleryTop .swiper-button-prev, .galleryTop .swiper-button-next { top:25%; color:#000; opacity:0.3; } 
.galleryTop .swiper-button-next:after, .galleryTop .swiper-button-prev:after { font-size:3.2em; } 
.galleryTop .swiper-button-prev { left:4.5%; } 
.galleryTop .swiper-button-next { right:4.5%; } 
.galleryTop .txt01 { padding:0 20px; } 
.galleryTop .swiper-slide { opacity:0 !important; } 
.galleryTop .swiper-slide-active { opacity:1 !important; } 

.galleryTop02 .txt01 { padding:0; } 
.galleryTop02 dd { padding:0 20px; } 
.galleryTop02 .swiper-slide .imgBox { width:60%; margin:0 auto 60px auto; } 
.galleryTop02 .swiper-button-prev, .galleryTop02 .swiper-button-next { top:20%; } 

.galleryThumbs { width:80%; margin:0 auto; } 
.galleryThumbs .thumbItemWrap { width:100%; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap; } 
.galleryThumbs .thumbItem { position: relative; box-sizing: border-box; overflow: hidden; width:32% !important; height:160px; border:2px solid #eeeeee; box-sizing:border-box; display: flex; justify-content: center; align-items: center; margin-bottom:2%; } 
.galleryThumbs .thumbItem:nth-child(n):not(:nth-child(3n)) { margin-right:2%; } 
.galleryThumbs .swiper-slide-visible::before { content:''; background-color:rgba(0,0,0,0.6); width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:2; opacity:1; } 
.galleryThumbs .thumbItem img { width:120%; height:auto; object-fit: cover; } 
.galleryThumbs .swiper-slide-thumb-active::before { opacity:0; } 

.galleryThumbs02 .thumbItem img { width:135%; } 

@media screen and (max-width:580px){
 .galleryThumbs .thumbItem {height:100px;}
 .galleryTop .swiper-button-prev, .galleryTop .swiper-button-next { top:21%; }  
 .galleryTop .swiper-button-next:after, .galleryTop .swiper-button-prev:after { font-size:2.8em; } 
 .galleryTop .swiper-slide .imgBox { margin:0 auto 35px auto; } 
 .galleryTop03 .swiper-button-prev, .galleryTop03 .swiper-button-next {top:28%;}
 }
@media screen and (max-width:480px){
 .galleryThumbs .thumbItem {height:80px;}
 .galleryTop .swiper-pagination-bullet { width:15px; height:15px; } 
 .galleryTop .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .galleryTop .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
 .galleryTop .swiper-pagination-bullet-active { width:20px; height:20px; background-color:#000; } 
 .galleryTop .swiper-button-next:after, .galleryTop .swiper-button-prev:after { font-size:2.2em; } 
 .galleryTop .swiper-slide .imgBox { margin:0 auto 35px auto; } 
 .galleryTop .tit01 { margin-bottom:25px !important; } 
 .galleryTop02 .swiper-button-prev, .galleryTop02 .swiper-button-next { top:18%; } 
 .galleryTop03 .swiper-button-prev, .galleryTop03 .swiper-button-next {top:25%;}
 }
@media screen and (max-width:380px){
 .galleryTop02 .swiper-button-prev, .galleryTop02 .swiper-button-next { top:16%; } 
 }

 
.cataractVideoText {display: flex; flex-direction: row; justify-content: center; align-items: center; padding:25px 0; position: relative; width:calc(100% - 40px); margin:0 auto; background:#11b9ff; font-weight:500; font-size:21px;  text-align: center;color: #FFFFFF; margin:0 auto; border-top-left-radius:20px; border-top-right-radius:20px;}

.intraocularLogoBtn {/* 버튼 */

    box-sizing: border-box;
    
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 18px;
    gap: 10px;
    
    position: relative;
    width: 165px;
    height: 48px;
    
    background: #C5EAFA;
    box-shadow: 0px 2px 8.9px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-top:10px;
    display:flex; flex-direction:row; align-items:center; justify-content:center;
}
.inspectProgramList li .intraocularLogoBtn p {
    font-weight:bold !important;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #000000 !important;
}
.inspectProgramvideoCustom li.flexEnd {flex-direction:column; justify-content: end;}
.intraocularLogoBtn .btn {
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
    padding: 4px;
    gap: 10px;

    width: 32px;
    height: 32px;

    background: #FFFFFF;
    border-radius: 13.5px;
}
.intraocularLogoBtn .btn i {
    font-size:32px;
    color: #93DEFF;
}
.intraocularLogo li:hover .intraocularLogoBtn {
    background-color:#158CBA;
}
.intraocularLogo li:hover .intraocularLogoBtn p {
    color:#fff;
}
.intraocularLogo li:hover .intraocularLogoBtn .btn i {
    color:#158CBA;
}

@media screen and (max-width:680px) {
    .cataractVideoText {font-size:18px;}
}
@media screen and (max-width:580px) {
    .cataractVideoText {padding:15px 0; font-size:16px;}
    .inspectProgramList li .intraocularLogoBtn p {font-size:16px; line-height:1; width:initial;}
    .intraocularLogoBtn {width:120px; height:42px; line-height:42px; border-radius:10px;}
    .intraocularLogoBtn .btn {width:22px; height:22px; line-height:22px;}
    .intraocularLogoBtn .btn i {font-size:22px;}
}
@media screen and (max-width:500px) {
    .cataractVideoText {font-size:14px; letter-spacing:-1px;}
}
@media screen and (max-width:480px) {
    .inspectProgramvideoCustom li {padding:20px 0;}
    .inspectProgramvideoCustom li::before {height:60%;}
    .inspectProgramvideoCustom li.flexEnd {padding:25px 0 10px 0;}
    .intraocularLogoBtn {width: fit-content; height:25px; line-height:25px; border-radius:4px; gap:6px;}
    .inspectProgramList li .intraocularLogoBtn p {font-size:12px;}
    .intraocularLogoBtn .btn {width:16px; height:16px;}
    .intraocularLogoBtn .btn i {font-size:16px;}
}
@media screen and (max-width:450px) {
    .cataractVideoText {font-size:13px; letter-spacing:-1px;}
}
@media screen and (max-width:420px) {
    .cataractVideoText {padding:12px 0; font-size:11px;}
}
@media screen and (max-width:340px) {
    .cataractVideoText {padding:12px 0; font-size:9px;}
}