@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

* {
  font-family: "NanumSquare", sans-serif;
  box-sizing: border-box;
}

html,
body {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; 
}

.presbyopia__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1440px;
  margin-top: 100px;
}

.presbyopia__titlewrap {
  position: relative;
  width: 2000px;
  height: 1000px;
  margin-bottom: 100px;
}

.presbyopia__whywrap {
  position: relative;
  width: 2000px;
  margin-bottom: 100px;
}

.presbyopia__why {
  position: absolute;
  display: flex;
  top: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.why__flexwrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1400px;
  margin-top: 60px;
}

.why__item1 {
  width: 380px;
  height: 380px;
  border-radius: 50% 50%;
  border: 12px solid #e0e6f2;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.presbyopia__img1-text {
  position: absolute;
  top: 10%;
  left: 50%;
  text-align: center;
  transform: translate(-50%);
  width: 100%;
}

.why__section2 {
  width: 1400px;
  background-color: rgba(0, 0, 0, 0.2);
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px;
  margin-bottom: 30px;
}

.whyitem1 {
  font-size: 34px;
  font-weight: 600;
}

.whyitem2 {
  font-size: 40px;
  font-weight: bold;
  color: #01a4ad;
  margin-top: 8px;
}

.presbyopia__wrap-sub {
  font-size: 35px;
  text-align: center;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 35px;
  margin-bottom: 40px;
}

.presbyopia__wrap-title {
  text-align: center;
  font-size: 55px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 40px;
}

.presbyopia__flex {
  display: flex;
  width: 1400px;
  align-items: center;
  margin-top: 60px;
}

.presbyopia__flexitem {
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.title {
  color: #085c61;
  font-weight: bold;
  font-size: 37px;
  margin-bottom: 18px;
}

.desc {
  font-size: 25px;
  margin-top: 30px;
  line-height: 1.5;
  font-weight: 200;
}

.presbyopia__faqwrap {
  padding: 100px 0px;
}

.faq-section {
  width: 100%;
  /* margin: 20px auto; */
  border-top: 2px solid black;
  width: 1400px;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px; /* Increased padding */
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  font-size: 18px; /* Set a fixed font size */
  width: 1400px;
}
.faq-answer {
  display: flex;
  justify-content: flex-start;
  padding: 10px 20px;
  background-color: #f5f7f8;
  border-bottom: 1px solid #ccc;
  border-top: none;
}
.faq-icon {
  transition: transform 0.3s ease;
}
.faq-icon.rotate {
  transform: rotate(90deg);
}

.faq-question.active {
  color: #01a4ad;
}

.faq-circle {
  width: 50px;
  height: 50px;
  border-radius: 50% 50%;
  border: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-right: 12px;
}

.line {
  width: 1440px;
  height: 1px;
  margin: 50px 0px;
  background-color: rgb(203, 203, 203);
}

.pre__banner {
  position: relative;
  width: 2000px;
}

.p_banner__text {
  position: absolute;
  top: 40%;
  left: 30%;
  text-align: center;
  transform: translate(-40%, -30%);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p_banner__title {
  font-size: 110px;
  font-weight: 900;
}

.p_banner__desc {
  font-size: 30px;
}

.why_wrapper {
  position: absolute;
}

.youtube__wrpa {
  position: absolute;
  top: 0;
  padding: 100px 0px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.youtube__item1 {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  margin-left: 80px;
}

.p__btn {
  align-self: flex-end;
  padding: 14px 30px;
  margin-top: 20px;
  background-color: #9398ad;
  border-radius: 20px;
  color: white;
  font-weight: bold;
}

.text-padding {
  width: 100%;
  padding: 27px 40px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  color: white;
  font-size: 24px;
  line-height: 1.3;
}
.fontL{font-weight: 300 !important}
.fontR{font-weight: 400 !important}
.fontB{font-weight: 700 !important}
.fontEB{font-weight: 800 !important}


.retina-headingb{display:block;}
.retina-headingb h1{font-size:110px; font-weight:900; color:#fff; margin-top: 10px}
.retina-headingb h1 span{font-size:60px; font-weight:900; }
.retina-headingb h2{font-size:60px; font-weight:700; color:#fff;}
.retina-headingb h2.lage{font-size:70px; font-weight:900}
.retina-headingb h3{font-size:35px; font-weight:700; color:#f6c621;}
.retina-headingb p{font-size:35px; font-weight:300; color:#fff; line-height:1.3;}
.retina-headingb p.orth_h{font-size:30px; font-weight:400; color:#fff; line-height:38px;}
.retina-headingb p.fs30{font-size: 30px}


.presbyopia_bg1b{height: 752px; background: url(/simg/presbyopia/presbyopia_bg1b.jpg) top center no-repeat; padding-top: 215px}
.presbyopia_bg1bc{height: 752px; background: url(/simg/presbyopia/presbyopia_bg1.jpg) top center no-repeat; padding-top: 215px}
.presbyopia_bg2b{height:auto; background: url(/simg/presbyopia/presbyopia_bg2.jpg) top center no-repeat #efefef; }

.presbyopia_bg2b{height: calc(100vh - 180px); min-height:970px; background-image: url(/simg/presbyopia/presbyopia_bg2.jpg); }


.presbyopiab{display:block; position:relative;}
.presbyopiab .header{font-size:60px; font-weight:700; text-align:center; color:#000; line-height: 65px; margin:0}
.presbyopiab .header2{font-size:50px; font-weight:700; text-align:center; color:#000; line-height: 1.3; margin-top: 110px }
.presbyopiab .header3{font-size:50px; font-weight:700; text-align:center; color:#000; line-height: 1.3;  }
.presbyopiab .header span{color:#369297}
.presbyopiab .sub_title{font-size:40px; font-weight:300; line-height:1.3; text-align:center; margin:0}
.presbyopiab .sub_timg {margin:0}
.title_radius{background-color:#fff; width:10px; height:0px; border-radius: 50%; margin:30px auto 0; }
.presbyopiab .nomargin{margin:30px 0 !important;}
.presbyopiab .pdb{padding-bottom:100px;}

.presbyopia_flex .txts_boxb{width:42%;}
.presbyopia_flex .txts_boxb h3{color:#085c61; font-size:40px; font-weight:700;}
.presbyopia_flex .txts_boxb p{color:#000; font-size:25px; font-weight:300; line-height:38px;}


.pres_itemb{display:flex; justify-content:center; align-items:center; column-gap: 30px; width:90%; margin:0 auto; margin-top:80px;}
.pres_itemb .items{display:flex; align-items:center; flex-direction: column; justify-content: center;width:400px; height:400px; border-radius:50%; background-color:#fff; border:10px solid #e0e6f2; padding:20px 20px 0;}
.pres_itemb .items p{font-size:40px; font-weight:700; line-height:1.1; text-align: center;}
.pres_itemb .items p span{font-size:30px}
.pres_itemb .items .fcolor{color:#01a4ad}
.pres_itemb .items .txt_c{font-size:80px; font-weight:700; padding: 20px 0px 0; line-height: 1.3}
.pres_itemb .items .txt_c span{font-size:60px; font-weight:700; line-height: 0.8}
.pres_itemb .items p.fs45{font-size: 45px}
.pres_itemb .items .txt_c span.fs40{font-size: 40px}
.pres_itemb .itemsb .txt_c{padding: 40px 0px 0; }


/* faq */
.pres_faqlistb{border-top:3px solid #888888; margin-top:80px;}
.pres_faqlistb .set {display:block;}
.pres_faqlistb .set button {
    position: relative;
	cursor: pointer;
    display: block;
    width: 100%;
    padding: 25px;
    text-align: left;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #000;
	border-radius: 0;
	background-color:#fff;
	border-bottom:1px solid #d5d7d7;
}
.pres_faqlistb .set button .faq_title{display:flex; align-items: stretch; padding: 10px 0}
.pres_faqlistb .set button .faq_title .question{display:flex; justify-content: center; align-items: center; width:60px; height:60px; background:#c4dbdc; color:#fff; font-size:25px; font-weight:700; border-radius:50%; padding: 6px 12px;}
.pres_faqlistb .set button .faq_title .question_box{margin-left:20px; font-size:30px; font-weight:700; margin:10px 20px;}
.pres_faqlistb .set .active .faq_title{color:#01a4ad}
.pres_faqlistb .set .active .faq_title .question{background:#fff; color:#000; border:1px solid #c2c2c2}

.pres_faqlistb .set button .fa {position: absolute; top:50%; right:0; width:60px; height:60px; transform: translateY(-50%); text-align: center;}
.pres_faqlistb .set button .fa-plus::before, .pres_faqlistb .set button .fa-plus::after {
    content: '';
    display: inline-block;
    background:#ccc;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}
.pres_faqlistb .set button .fa-plus::before {
    width: 13px;
    height: 2px;
    -webkit-transform: translateX(-4px) translateY(18px) rotate(45deg);
    -moz-transform: translateX(-4px) translateY(18px) rotate(45deg);
    -ms-transform: translateX(-4px) translateY(18px) rotate(45deg);
    -o-transform: translateX(-4px) translateY(18px) rotate(45deg);
    transform: translateX(-4px) translateY(18px) rotate(45deg);
}
.pres_faqlistb .set button .fa-plus::after {
    width: 2px;
    height: 13px;
    -webkit-transform: translateX(-3px) translateY(23px) rotate(45deg);
    -moz-transform: translateX(-3px) translateY(23px) rotate(45deg);
    -ms-transform: translateX(-3px) translateY(23px) rotate(45deg);
    -o-transform: translateX(-3px) translateY(23px) rotate(45deg);
    transform: translateX(-3px) translateY(23px) rotate(45deg);
}

.pres_faqlistb .set button .fa-minus::before, .pres_faqlistb .set button .fa-minus::after {
    content: '';
    display: inline-block;
    background: #ccc;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}
.pres_faqlistb .set button .fa-minus::before {
    width: 13px;
    height: 2px;
    -webkit-transform: translateX(-4px) translateY(18px) rotate(135deg);
    -moz-transform: translateX(-4px) translateY(18px) rotate(135deg);
    -ms-transform: translateX(-4px) translateY(18px) rotate(135deg);
    -o-transform: translateX(-4px) translateY(18px) rotate(135deg);
    transform: translateX(-4px) translateY(18px) rotate(135deg);
}
.pres_faqlistb .set button .fa-minus::after {
    width: 2px;
    height: 13px;
    -webkit-transform: translateX(-3px) translateY(23px) rotate(-45deg);
    -moz-transform: translateX(-3px) translateY(23px) rotate(-45deg);
    -ms-transform: translateX(-3px) translateY(23px) rotate(-45deg);
    -o-transform: translateX(-3px) translateY(23px) rotate(-45deg);
    transform: translateX(-3px) translateY(23px) rotate(-45deg);
}
.pres_faqlistb .ans {display: none; padding:25px; background:#f6f8f8;}
.pres_faqlistb .ans .ans_box{display:flex; align-items: stretch;}
.pres_faqlistb .ans .ans_box .answer{display:flex; justify-content: center; align-items: center; width:52px; height:52px; background:#0c6681; color:#fff; font-size:25px; font-weight:600; border-radius:50%}
.pres_faqlistb .ans .ans_box .answer_box {width:92%; margin-left:20px; font-size:25px; line-height:36px; font-weight:300; color: #000;}





.sub_title2b{font-size:40px; line-height:1.3; text-align:center; font-weight: 700}
.sub_title2b span{font-size: 20px; position: absolute; margin-top: -20px}

.pdsb{ padding:100px 20px 70px !important;}

.ulflexb{display: flex; flex-wrap: wrap; justify-content: space-between; align-items:stretch; margin:0px;}
.ulflexb li {position: relative; width:25%; font-size: 20px; color: #fff; text-align: center; margin-bottom:0px; padding:30px 20px; border-right:1px solid #aeaeae;}
.ulflexb p{color:#007e97; font-size:26px; font-weight:300; text-align:center}
.ulflexb p:nth-child(1){font-weight:700; margin-bottom:10px}
.ulflexb p:nth-child(2){font-size:32px; font-weight:700; margin-bottom:40px}
.ulflexb p:nth-child(3){color:#000; line-height:34px;}


.step-listb {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin:0; margin-top:120px}
.step-listb > li {position: relative; width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 15px 25px; border: 1px solid #c5c5c5; border-radius:10px;}
.step-listb > li .step-box {position: relative; height: 100%; padding: 20px 0px 24px; border-radius: 10px; text-align: center; }
.step-listb > li .step-box .step {position: absolute; display: flex; flex-direction: column; justify-content: center; top:-60px; left: calc(50% - 56.5px); height:120px; width:120px; background-color: #007e97; border-radius:50%; text-align:center; color:#fff}
.step-listb > li .step-box .step p{font-size:20px; font-weight:400}
.step-listb > li .step-box .step p:nth-child(2){font-size:28px; font-weight:600; margin-top:15px;}
.step-listb > li .step-box:after {content: ''; display: block; overflow: hidden; width:31px; height:31px; position: absolute; top: calc(50% + 2.5px); right: -46px; margin-top: -10px; background: url(/simg/presbyopia/arrow_left.jpg) no-repeat 0px 0px;  }
.step-listb > li:nth-child(4n) .step-box:after {display: none;}
.step-listb > li .step-box .step-content {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top:70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.step-listb > li .step-box .step-content p{position: relative; font-size:26px; font-weight:600; width: 100%; letter-spacing:-0.09em;}
.step-listb > li .step-box .step-content p:nth-child(2){font-size:24px; font-weight:300; line-height:34px; padding-left:15px; margin-top:25px; text-align:left; padding: 0 30px 0 45px; letter-spacing:-0.06em;}
.step-listb > li .step-box .step-content p:nth-child(2):before{content: ''; position: absolute; width: 4px; height: 4px; left: 30px; top: 13px; background-color:#000;}
.step-listb > li .step-box .step-content p:nth-child(3){font-size:24px; font-weight:300; line-height:34px; padding-left:15px; margin-top:0px; text-align:left; padding: 0 30px 0 45px; letter-spacing:-0.06em;}
.step-listb > li .step-box .step-content p:nth-child(3):before{content: ''; position: absolute; width: 4px; height: 4px; left: 30px; top: 13px; background-color:#000}
.step-listb > li .step-box .step-content p:nth-child(4){font-size:24px; font-weight:300; line-height:34px; padding-left:15px; margin-top:0px; text-align:left; padding: 0 30px 0 45px;  letter-spacing:-0.1em;}
.step-listb > li .step-box .step-content p:nth-child(4):before{content: ''; position: absolute; width: 4px; height: 4px; left: 30px; top: 13px; background-color:#000}


.indentb{display:flex; flex-wrap: wrap; justify-content: space-around; margin:0px; margin-top:60px; margin-bottom:30px}
.indentb > li {width:340px; height: 340px; padding:30px 20px 0; background-color:#fff; border-radius:50%; border:10px solid #a8c5cd;}
.indentb > li .step-box{position: relative; height: 100%; text-align: center;}
.indentb > li .step-box .step-head{font-size:32px; font-weight:900; margin-bottom:12px; color:#94c3cd; }
.indentb > li .step-box .step-line{width:47px; height:1px; background-color:#add6dd; margin:0 auto; margin-bottom:20px;}
.indentb > li .step-box .step-content {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.indentb > li .step-box .step-content p{position: relative; font-size:30px; font-weight:700; color:#4ea3b6; line-height:38px; }
.indentb > li .step-box .step-content p:nth-child(2){font-size:24px; font-weight:300; color:#000; line-height:1.3; margin-top:15px;}
.indentb > li .step-box .step-contentb p{padding-top: 40px}

.indentb .bgrcolor1{background-color:#00687f}
.indentb .bgrcolor2{background-color:#2b8fa5}
.indentb .bgrcolor3{background-color:#54acbf}
.indentb .noborder{border:none !important}
.indentb .flex{display:flex}
.indentb > li .step-box .step-content .opia_txt{font-size:28px; line-height:36px;}
.indentb > li .step-box .step-content .opia_txt span{font-weight:600}
.indentb > li .step-box .step-content .opia_rs{ font-size:40px; font-weight:600; padding:20px 40px; border-radius:40px; margin-top:30px; color:#fff;}
.indentb > li .step-box .step-content .opia_rs span{font-weight:400}


.indent > li .step-box .step-content .opia_txtb{font-size:28px; line-height:36px; height: 105px;}
.indent > li:nth-child(1) .step-box .step-content .opia_txtb{padding-top: 20px}


.knowhow_card .card .txt_wrapb{display: table; width:100%; table-layout: fixed; margin-bottom:30px; border:1px solid #d3d3d3; border-radius:10px; padding:15px 0; background-color:#fff; min-height: 110px}
.knowhow_card .card .txt_wrapb .left_txt{display: table-cell; width:180px; border-right:1px solid #d3d3d3; font-size:28px; line-height:32px; font-weight:600; vertical-align: middle; text-align:center}
.knowhow_card .card .txt_wrapb .tcolor1{color:#2b6bba}
.knowhow_card .card .txt_wrapb .tcolor2{color:#2bb4ba}
.knowhow_card .card .txt_wrapb .sub_title{display: table-cell; width: calc(100% - 180px); font-size:24px; line-height:30px; font-weight:300; text-align:left; padding:10px 20px 10px 30px;min-height: 100%;  vertical-align: middle}

.frmtob{position: relative; padding-top: 340px;}
.frmtob .frmto_box{background-color:#fff; border-left:2px solid #01b8c1; padding:30px 50px;}
.frmtob .frmto_box .titles{font-size:30px; font-weight:600; margin-bottom:40px;}
.frmtob .frmto_box p{position: relative; font-size:26px; font-weight:400; line-height:34px; padding-left:15px; margin-top:10px; text-align:left;}
.frmtob .frmto_box p::before{content: ''; position: absolute; width: 4px; height: 4px; border-radius:10px; left: 0; top: 13px; background-color:#000}
.frmtob .frmto_img{position: absolute; right:0; bottom:0;}


.indoctor_flex .txts_boxb{width:57%; background-image: url(/simg/presbyopia/surgery_14.jpg);  background-size: cover; background-position: top center;}
.indoctor_flex .txts_boxb h3{position: relative; width:500px; font-size:36px; line-height:46px; font-weight:600; padding:50px 0px 50px 50px; margin-bottom:80px !important}
.indoctor_flex .txts_boxb h3::before{content: ''; position: absolute; width: 47px; height: 42px; left: 0; top: 0px; background-image: url(/simg/presbyopia/surgery_icon6.png);}
.indoctor_flex .txts_boxb h3::after{content: ''; position: absolute; width: 47px; height: 42px; right: 0; bottom: 0px; background-image: url(/simg/presbyopia/surgery_icon7.png);}
.indoctor_flex .txts_boxb p{position: relative; font-size:26px; font-weight:400; line-height:32px; margin-bottom:30px; padding-left:20px;padding-right: 130px}
.indoctor_flex .txts_boxb p::before{content: ''; position: absolute; width: 4px; height: 4px; border-radius:10px; left: 0; top: 13px; background-color:#000}


.incon_box .inconb{display:flex; flex-wrap: wrap; justify-content: space-between; margin:0px;}
.incon_box .inconb > li {position: relative; width:60%; padding:20px 0; padding-left:40px; font-size:24px; line-height:30px;}
.incon_box .inconb > li:before{content: ''; position: absolute; width:31px; height:27px; left: 0; top: 20px; background-image: url(/simg/presbyopia/surgery_icon5.jpg);}
.incon_box .inconb > li:nth-child(2n){width: 40%}

.incon_box .inconc{display:flex; flex-wrap: wrap; justify-content: space-between; margin:0px;}
.incon_box .inconc > li {position: relative; width:55%; padding:20px 0; padding-left:40px; font-size:24px; line-height:30px;}
.incon_box .inconc > li:before{content: ''; position: absolute; width:31px; height:27px; left: 0; top: 20px; background-image: url(/simg/presbyopia/surgery_icon5.jpg);}
.incon_box .inconc > li:nth-child(2n){width: 45%}


.incision_box .incision p.fs28{ font-size: 28px;}

.cataract_box .cataract-list > li.l1 {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 15px 15px ; padding:30px 20px; list-style: none; }
.cataract_box .cataract-list > li.l1 .box dl dd {width: calc(100% - 150px) ; padding-left: 30px; word-break: keep-all; text-align:left; line-height: 34px;}

.cataract_box .steplist_box > li .box .step-content2 { padding: 0 0px !important;}
.cataract_box .steplist_box > li.w1{width: calc(65% - 50px) !important; margin-right:0}

.step_wrap .numlis li{display:flex; justify-content:center; align-items:center;}

.presbyopia .surgeryBox01 ul li{border-bottom: #d3d3d3 0px solid !important; }