html, body{overflow-x: hidden;}
p,
span,
h2,
h3,
h4,
h5{margin:0; padding:0}
section{display:block; word-break:keep-all; letter-spacing:-2px !important;}
header {position:relative; top:0; z-index:8000; left:0}
nav {background-color:#f7f7f7;}
.pd5020{padding:50px 20px ;}
.pd90{padding:90px 0px ;}
.pd70{padding:0 70px;}
.pdt0{padding-top:0px !important; }
.pdt30{padding-top:30px;}
.pds{ padding:100px 20px !important;}
.pds1{padding:40px !important;}
.pds2{padding:20px !important;}
.pd60{padding:60px;}
.pdt50{padding-top:50px;}
.pd80{padding:80px 0}
.pd40_all{padding:40px;}
.pdt90{padding-top:90px !important;}
.pdt100{padding:100px 0 !important;}
.pdlr100{padding:0 100px;}
.pdtop100{padding-top:100px !important;}
.pdb40{padding-bottom:40px !important;}
.pdb50{padding-bottom:54px !important;}
.pdb70{padding-bottom:70px !important;}
.pdb80{padding-bottom:88px !important;}
.pdb90{padding-bottom:90px !important;}
.pdb100{padding-bottom:100px;}
.pdb250{padding-bottom:250px;}
.mt-168{margin-top:-168px;}
.mt-200{margin-top:-200px;}
.mt-320{margin-top:-320px;}
.mtb0{margin:0 !important}
.mt0{margin-top:0 !important}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}
.mr10{margin-right:10px;}
.img100{width: auto}
.bgc_none{background-color:unset !important}
.fweight300{font-weight:300 !important}
.fweight400{font-weight:400 !important}
.fweight600{font-weight:600 !important}
.fweight900{font-weight:600 !important}
.h_tcenter{text-align:center !important;}
.h_tleft{text-align:left !important;}
.h_tcolor{color:#29c7d0 !important;}
.bgimg_wrap{position: relative; width: 100%; height: calc(100vh - 180px); min-height:550px; background-position: top center;}
.bg_white {background-color:#fff;}
.bg_none {background-color:unset !important;}
.white_color{color:#fff !important}
.fcolor1{color:#96ebfc !important}
.fcolor2{color:#27687d !important}
.fcolor3{color:#9db9c1 !important}
.fcolor4{color:#00687e !important}
.fcolor5{color:#4ea3b6 !important}
.nobo{border-bottom:none}
.ls0{letter-spacing:0.0em !important }
.ls2{letter-spacing:-0.02em !important }
.ls4{letter-spacing:-0.04em !important }
.sub_title{margin-bottom:60px; font-size:30px; font-weight:300; line-height:40px; text-align:center;}
.sub_title1{margin-bottom:90px; font-size:25px; font-weight:300; line-height:35px; text-align:center;}
.sub_title2{font-size:30px; line-height:38px; text-align:center;}
.sub_title3{font-size:40px; line-height:54px; text-align:center; font-weight:300;}
.sub_title4{font-size:36px; line-height:56px; text-align:center; font-weight:300;}
.sub_title5{font-size:28px; line-height:36px; text-align:center;}
.sub_title6{font-size:26px; line-height:34px; text-align:center; font-weight:300;}
.sub_title7{display: table; margin:0 auto; font-size:30px; line-height:34px; text-align:center; background-color:#5e60a3; padding:10px 40px; border-radius:40px; color:#fff }
.sub_timg {position:relative; margin-bottom:60px;}
.sub_timg .txt{position: absolute; left: 60px; bottom:80px; font-size:35px; line-height:44px;}
.sub_img {margin:0 auto; margin-top:60px; width:100%}
.sub_img1 {margin:0 auto; margin-top:60px; margin-bottom:20px; text-align:center}
.sub_img1 img{width:auto}
.sub_timg2 {margin:0 auto; width:100%; text-align: center; }
.sub_timg2 img{margin: 0 auto}
.header{margin-top:100px; margin-bottom:80px; font-size:50px; font-weight:600; text-align:center; color:#000; padding-bottom: 80px}
.header span{font-weight:900}
.sheader{font-size:50px; text-align:center; color:#000;}
.bgcolor1{background-color:#f7fbfc !important}
.bgcolor2{background-color:#fafafa !important}
.bgcolor3{background-color:#eef2f4 !important}
.bgcolor4{background-color: #f9f9f9 !important;}
.bgcolor5{background-color: #f4f6f8 !important;}
.bgcolor6{background-color: #f6f8f8 !important;}
.bgcolor7{background-color: #f7f8f8 !important;}
.bgcolor8{background-color: #f8f8f8 !important;}
.bgcolor9{background-color: #fff !important;}
.bgcolor10{background-color: #f5f6fa !important;}
.boder1{border:1px solid #545a5a !important}
.boder2{border:4px solid #efefef !important}
.width100{width:100% !important}
.pc_view{display:block}
.mo_view{display:none; width:34px; margin:0 auto}
.retina-container {width:1440px !important; margin:0 auto; }
.con_warp{width:1300px; margin:0 auto}
.subTableBox01 ul{text-align: center; font-size: 0}
.subTableBox01 ul li{display:inline-block; vertical-align: top; position: relative; }
.subTableBox01 ul li img{width: auto}
/* navigation */
header {background-color:#fff; padding:0px 0; width:100%}
header.sticky, header.overmenu {border-bottom:1px solid #ededed; background-color:#fff;}
.top_wrap{display:flex; justify-content: space-between; width:1370px; margin:0 auto}
.logo_top{display:flex; gap:10px; padding:10px 0px;}
.lang_top {display:flex; gap:20px; align-items: center; margin:0;}
.lang_top li a{ display:flex; align-items: center; font-size: 14px;}
.lang_top li a span{padding-right:10px;}
.lang_top li a img{height: 20px}
/* flex con */
.d-flex {display: flex !important;}
.flex-wrap {flex-wrap: wrap;}
.flex-column {flex-direction: column !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between{justify-content: space-between !important;}
.align-items-center {align-items: center !important;}
.stretch{align-items: stretch !important;}
.flex-start{ justify-content: flex-start !important;}
.align-items-start{align-items: flex-start !important;}
.align-stretch{align-items: stretch; !important;}
/* heading */
/*.retina-container{position:relative; padding:0px 20px; margin:0 auto;}*/
.retina-container{padding:0px 0px; }
.retina-heading{display:block;}
.retina-heading h1{font-size:90px; font-weight:900; color:#fff;}
.retina-heading h1 span{font-size:60px; font-weight:900; }
.retina-heading h2{font-size:60px; font-weight:700; color:#fff;}
.retina-heading h2.lage{font-size:70px; font-weight:900}
.retina-heading h2.lage2{font-size:70px; font-weight:700}
.retina-heading h3{font-size:35px; font-weight:700; color:#f6c621;}
.retina-heading p{font-size:35px; font-weight:500; color:#fff; line-height:45px;}
.retina-heading p.orth_h{font-size:30px; font-weight:400; color:#fff; line-height:38px;}
/* 망막클리닉 소개 */
.doc_bg1{padding-top: 270px; height:770px; background: url(/simg/retina/retina_bg1.jpg) top center no-repeat #333333; }
.doc_bg2{height:auto; min-height:auto; background-image: url(/simg/retina/retina_bg2.jpg); }
.doc_bg3{height:auto; min-height:auto; background-image: url(/simg/retina/retina_bg3.jpg); }
.retina-info{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; background:#eef0f0; padding:70px 60px;}
.retina-info .info_h{font-size:40px; font-weight:600; }
.retina-info .info_h p{font-size:50px; color:#01a4ad; margin-top:10px; letter-spacing:0.03em;}
.retina-info .info_txt{width:75%; font-size:30px; font-weight:500; line-height:1.4; letter-spacing:-0.04em}
.retina-info .info_txt p{font-size:25px; font-weight:300; line-height:1.4; margin-top:20px; letter-spacing:-0.04em}
.doctor-heading{display:block; margin-bottom:45px; }
.doctor-heading h2{font-size:50px; font-weight:700; color:#000; margin-bottom:60px !important;}
.doctor-heading dt{font-size:40px; font-weight:700; color:#000; margin-bottom:60px !important;}
.doctor-heading span{color:#01a4ad}
.doctor-heading p{font-size:35px; font-weight:300; color:#000; line-height: 1.4}
.doctor-heading p.fs30{font-size:30px; font-weight:300; color:#000; }
.doctor-heading p.co1{color: #00687f; font-weight: 400}
.doctor-heading span.co02{color:#00687f}
.doctor-heading span.co03{color:#27687d}
.doctor-heading p.fs25{font-size:25px; font-weight:300; color:#000; }
.doctor-heading2{display:block; margin-bottom:45px; }
.doctor-heading2 h2{font-size:50px; font-weight:700; color:#000; margin-bottom:50px !important;}
.doctor-heading2 span{color:#01a4ad}
.doctor-heading2 p{font-size:40px; font-weight:300; color:#000; line-height: 1.4}
.doctor-heading2 p.fs30{font-size:40px; font-weight:300; color:#000; line-height: 1.4}
.doctor_info {display: flex; flex-wrap: wrap; }
.doctor_info .doctor_box{display: flex; font-size: 0}
.doctor_info .doctor_box ul li{display: inline-block; width:50%; }
.doctor_info .doctor_box2{display: flex;justify-content:center; align-items:center; background: rgba(13, 74, 93, 0.9); border: #dddddd 10px solid; border-radius: 50px; height: 263px; color: #fff; margin-top: -40px; font-size: 35px; width: 100%; line-height: 1.4; letter-spacing:-0.04em; text-align: center; margin-bottom: 100px}
.retina_con_box{padding: 130px 60px 79px 60px;}
.retina_con_box .h_box{border:10px solid #dddddd; border-radius:40px; background-color:#245b6d; padding:30px; color:#fff; font-size:35px; line-height: 50px; text-align:center; margin-bottom:30px;}
.retina_con_box .h_img{}
.retina_con_box .h_img img{width:100%}
.retina_btn_box{display: flex;justify-content: space-between; align-items:center; flex-wrap: wrap;}
.retina_btn_box a{display: flex; justify-content: center; align-items:center; width:49.5%; padding:20px; font-size:30px; font-weight:600; color:#fff; background:#5e60a3}
.retina_btn_box a:hover{color:#fff;}
.retina_btn_box a:nth-child(2){background:#9398ad}
.retina_btn_box img{width:auto}
.retina_btn_box span{margin:0 20px;}
.retinal-clinicBox01{margin: 50px 0 100px}
.retinal-clinicBox01 ul{font-size: 0; text-align: center}
.retinal-clinicBox01 ul li{display: inline-block; width: 253px; height:362px;text-align: center; padding-top: 40px; font-size: 26px; font-weight: 700; color: #000; border: #b8cfd7 10px solid; border-radius: 200px}
.retinal-clinicBox01 ul li dl{color: #0faed1; font-size: 20px; margin:20px auto 15px}
.retinal-clinicBox01 ul li + li{margin-left: 11px}
.retinal-clinicBox01 ul li img{width: auto}
.retinal-clinicBox02{margin: 90px auto}
.retinal-clinicBox02 ul{font-size: 0; text-align: center}
.retinal-clinicBox02 ul li{display: inline-block; width: 673px; text-align: left; font-weight: 300; font-size: 25px; vertical-align: top; letter-spacing:-0.04em }
.retinal-clinicBox02 ul li.l1{width: 627px; padding-right: 40px}
.retinal-clinicBox02 ul li.l2{width: 627px; padding-left: 40px}
.retinal-clinicBox02 ul li dt{font-size: 35px; font-weight: 900; margin: 50px 0 20px; border-bottom: #9abac1 1px solid; display: inline-block; padding-bottom: 3px; color: #00687f}
.retinal-clinicBox02 ul li dl{font-size: 36px; font-weight: 700; margin-bottom: 50px}
.retinal-clinicBox03{background: #fff; border-radius: 20px; padding: 30px; margin-bottom: 50px; letter-spacing:-0.04em}
.retinal-clinicBox03 dt{font-size: 30px; font-weight: 700; color: #00687f}
.retinal-clinicBox03 dl{font-size: 25px; margin-top: 30px; margin-bottom: 50px; }
.retinal-clinicBox04 ul{font-size: 0; text-align: center}
.retinal-clinicBox04 ul li{display: inline-block; width: 601px;}
.retinal-clinicBox04 ul li img{width: 100%; height: 374px}
.retinal-clinicBox04 ul li dd{line-height: 50px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; background: #a8a8a8}
.retinal-clinicBox04 ul li:nth-child(2) dd{background: #00687f}
.retinal-clinicBox04 ul li:nth-child(2){margin-left: 38px}
.retinal-clinicMore{text-align: center; font-size: 18px;color: #231815l; padding-top: 20px; padding-bottom: 80px }
.retinal-clinicMore a{width: 56px; margin: 0 auto; display: block}
.retinal-clinicMore a dd{width: 56px; line-height: 56px; background: #a8a8a8; color: #fff; font-weight: 900; font-size: 50px; margin-bottom: 5px; border-radius: 50px}
/* 황반변성 클리닉 */
.degenerationBox01{text-align: center; width: 1200px; margin: 0 auto}
.degenerationBox01 ul{font-size:0}
.degenerationBox01 ul li{vertical-align: top; display: inline-flex; width: 210px; height: 322px; border: #bee0e2 8px solid; justify-content:center; align-items:center; flex-direction: column; border-radius: 200px; margin-bottom: 40px; font-size: 26px}
.degenerationBox01 ul li + li{margin-left: 100px}
.degenerationBox01 ul li img{width: auto}
.degenerationBox01 ul li dl{width: 40px; height: 2px; background: #008ea8; margin: 20px auto 15px}
.degenerationBox01 ul li dd{height: 60px; line-height: 1.2; display: flex; justify-content:center; align-items:center; }
.degenerationBox01 ul li:nth-child(5){margin-left: 0}
.degenerationBox02{text-align: center;}
.degenerationBox02 ul{font-size:0}
.degenerationBox02 ul li{vertical-align: top; display: inline-block; width: 540px;}
.degenerationBox02 ul li dt{font-size: 28px; color: #fff; font-weight: 700; line-height: 72px; background: #00687f}
.degenerationBox02 ul li + li {margin-left: 50px}
.degenerationBox02b{margin: 40px auto 0}
.degenerationBox02b ul li{display:block; width: 1126px; margin: 0 auto}
.degenerationBox03{text-align: center; width: 1190px; margin: 0 auto; border: #bee0e2 2px solid; border-radius: 30px; margin-bottom: 40px}
.degenerationBox03 ul{font-size:0}
.degenerationBox03 ul li{vertical-align: top; display: inline-flex; width: 440px;justify-content:center; flex-direction: column; font-size: 24px; font-weight: 300; height: 343px;}
.degenerationBox03 ul li dt{font-size: 30px; color: #00687f; font-weight: 700; margin-bottom: 35px; text-align: left; display: block; width: 100%; }
.degenerationBox03 ul li:nth-child(2){text-align: left; width: 740px; line-height: 1.6}
.degenerationBox03 ul li img{width: 345px; margin: 0 auto}
.degenerationBox04{background: #f5f6fa; border-radius: 20px; padding: 60px; width: 1300px; margin: 0 auto}
.degenerationBox05{background: #fff; padding: 50px 40px 10px; }
.degenerationBox05 .title{font-size: 30px; font-weight: 700px; color: #00687f; text-align: center; margin-bottom: 50px}
.degenerationBox05 .info{font-size: 24px; font-weight: 300; padding-left: 40px; background: url("/simg/retina/antibody_icon.png") left top no-repeat; margin-bottom: 30px; }
.degenerationBox06{margin: 25px auto 80px; text-align: right}
.degenerationBox06 a{display: inline-block; background: url("/simg/retina/btn_icon3b.png") 87% 40% no-repeat #00687f; color: #fff; font-size: 20px; font-weight: 700; width: 382px; line-height: 68px; text-align: left; padding-left: 45px}
.degenerationBox07{background: #fff; padding: 30px 10px 30px; margin-bottom: 50px; border-radius: 20px; vertical-align: top}
.degenerationBox07 .info01{display: inline-flex; width: 50%; min-height: 560px; padding: 0 20px; vertical-align: top; justify-content:center; flex-direction: column ;font-size: 25px}
.degenerationBox07 .info01 .title{font-size: 30px; font-weight: 700px; color: #00687f; margin-bottom: 35px}
.degenerationBox07 .info02{display: inline-flex;width: 48%; vertical-align: top; text-align: center; }
.degenerationBox08{margin: 0 auto; width: 460px}
.degenerationBox08 ul{font-size: 0; text-align: center}
.degenerationBox08 ul li{display: block; }
.degenerationBox08 ul li img{width: 100%; height: 250px}
.degenerationBox08 ul li dd{line-height: 50px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; background: #a8a8a8}
.degenerationBox08 ul li:nth-child(2) dd{background: #00687f}
.degenerationBox08 ul li:nth-child(2){margin-top: 15px}
/* 당뇨망막 클리닉 */
.retinopathyBox01{background: #fff; font-size: 25px; font-weight: 300; text-align: center; padding: 60px 0 80px; margin-bottom: 40px}
.retinopathyBox01 .title{display: block; margin-bottom: 35px; font-size: 30px; font-weight: 700; color: #00687f}
.retinopathyBox02{margin:100px auto 50px}
.retinopathyBox02 ul{text-align: center; font-size: 0}
.retinopathyBox02 ul li{display:inline-flex; width: 360px; height:360px; vertical-align: top; justify-content:center; flex-direction: column ; align-items:center; color: #fff; font-size: 20px; font-weight: 700 }
.retinopathyBox02 ul li:nth-child(2n){width: 66px}
.retinopathyBox02 ul li dt{line-height: 60px; background: #a6b3b6; display: block; width: 100%}
.retinopathyBox02 ul li:nth-child(3) dt{background: #51909e}
.retinopathyBox02 ul li:nth-child(5) dt{background: #04414e}
.retinopathyBox03{margin:0 auto 0}
.retinopathyBox03 ul{text-align: center; font-size: 0}
.retinopathyBox03 ul li{display: inline-block; width: 421px; height: 195px; border: #52a8b8 1px solid; border-radius: 10px; font-size: 23px; font-weight: 300; padding: 30px 50px; vertical-align: top}
.retinopathyBox03 ul li dt{font-size: 28px; font-weight: 700; color: #01a4ad; padding-bottom: 10px; border-bottom: #c8d2d5 2px solid; display: block; width: 100%; margin-bottom: 20px}
.retinopathyBox03 ul li + li{margin-left: 18px}
.retinopathyBox04{margin:100px auto 100px}
.retinopathyBox04 ul{text-align: center; font-size: 0}
.retinopathyBox04 ul li{display:inline-block; width: 400px; vertical-align: top; }
.retinopathyBox04 ul li:nth-child(2n){margin-left: 90px}
.retinopathyBox04 ul li dt{line-height: 60px; background: #d8dfe0; display: block; width: 100%; font-size: 20px; font-weight: 700 }
.retinopathyBox04b{margin:0px auto 0px}
.retinopathyBox04b ul li:nth-child(2n){margin-left: 90px}
.retinopathyBox04b ul li dt{background: #a8a8a8; color: #fff }
.retinopathyBox04b ul li:nth-child(2n) dt{background: #00687f}
.retinopathyBox05{width: 1160px; margin: 0 auto}
.retinopathyBox06{margin:50px auto 0px}
.retinopathyBox06 ul{text-align: center; font-size: 0}
.retinopathyBox06 ul li{display:inline-block; width: 340px; vertical-align: top; font-size: 22px; font-weight: 700 ; }
.retinopathyBox06 ul li img{display: block; margin: 0 auto 20px}
.retinopathyBox06 ul li span{color: #00687f}
.retinopathyBox07{background: url("/simg/retina/retinopathy_img14.png") top center no-repeat #000; height: 497px; display: flex; justify-content:center; flex-direction: column ; align-items:center; color: #fff; font-weight: 300; font-size: 35px; }
.retinopathyBox07 dt{display: block; width: 100%; font-weight: 700; margin-bottom: 60px; font-size: 50px}
.retinopathyBox07 dt span{color: #6bd5db}
.retinopathyBox08{margin:40px auto 10px}
.retinopathyBox08 ul{text-align: center; font-size: 0}
.retinopathyBox08 ul li{display:inline-block; vertical-align: top; font-size: 0 !important;}
.retinopathyBox08 ul li:nth-child(2){margin-left: 90px; }
.retinopathyBox08 ul li dt{line-height: 60px; background: #fff; display: block; width: 100%; font-size: 20px; font-weight: 700; margin-top: -15px }
.retinopathyBox08b ul li:nth-child(2){margin-left: 34px; margin-right: 34px }
/* 비분증 */
.inscriptionBox01{text-align: center;}
.inscriptionBox01 ul{font-size:0}
.inscriptionBox01 ul li{vertical-align: top; display: inline-block; width: 624px;}
.inscriptionBox01 ul li dt{font-size: 28px; color: #fff; font-weight: 700; line-height: 72px; background: #00687f}
.inscriptionBox01 ul li + li {margin-left: 52px}
.inscriptionBox02{background: #f5f6fa; border-radius: 20px; padding: 60px 0; margin: 60px auto 0}
.inscriptionBox03{text-align: center}
.inscriptionBox03 ul{text-align: center; font-size: 0}
.inscriptionBox03 ul li{display:inline-block; vertical-align: top; width: 250px; height: 250px; border: #b8cfd7 10px solid; border-radius: 200px; background: #f0f5f6; font-size: 24px; padding-top: 25px}
.inscriptionBox03 ul li dt{font-size: 30px; font-weight: 700; color: #4ea3b6; display: inline-block; border-bottom: #91b4bc 1px solid; padding-bottom: 5px; margin-bottom: 20px}
.inscriptionBox03 ul li dl{height: 100px; justify-content:center; align-items:center;; display: flex; letter-spacing:-0.06em;}
.inscriptionBox03 ul li + li{margin-left: 5px}
.inscriptionBox04{text-align: center;}
.inscriptionBox04 ul{font-size:0}
.inscriptionBox04 ul li{vertical-align: top; display: inline-block; width: 430px;}
.inscriptionBox04 ul li + li {margin-left: 35px}
.inscriptionBox05{width:897px; height: 467px; display: flex; justify-content:center; flex-direction: column ; align-items:center; background: #fff; border: #a8a8a8 1px solid; margin: 0 auto}
.inscriptionBox06{text-align: center}
.inscriptionBox06 ul{text-align: center; font-size: 0}
.inscriptionBox06 ul li{display:inline-block; vertical-align: top; width: 540px; position: relative; font-size: 25px; font-weight: 700}
.inscriptionBox06 ul li + li{margin-left: 50px}
.inscriptionBox06 ul li dt{display: block; margin-bottom:30px; font-weight: 900; color: #fff; width: 370px; margin: 0 auto 30px; line-height: 73px; background: #00687f; border: #b6cbd0 5px solid; border-radius: 50px}
.inscriptionBox06 ul li dl{position: absolute; width: 350px; height: 86px; display: flex; justify-content:center; flex-direction: column ; align-items:center; background: #fff; z-index: 9; border-radius: 50px; bottom:80px; left: 50%; margin-left: -175px}
.inscriptionBox06 ul li img{border-radius: 500px}
.inscriptionBox07{margin: 30px auto; width: 900px; background: #00687f; color: #fff; border: #b6cbd0 5px solid; border-radius: 20px; padding: 30px 0; text-align: center; font-size: 25px; font-weight: 700}
.inscriptionBox07 dd{font-weight: 300; font-size: 20px; padding-left: 30%; margin-top: 5px}
/* 망막정맥폐쇄증 */
.obstructionBox01{text-align: center}
.obstructionBox01 ul{text-align: center; font-size: 0}
.obstructionBox01 ul li{display:inline-block; vertical-align: top; width: 412px;}
.obstructionBox01 ul li + li{margin-left: 13px}
.obstructionBox01 ul li dt{background: #aaaaaa; color: #fff; font-size: 28px; font-weight: 700; line-height: 70px}
.obstructionBox01 ul li:nth-child(2) dt{background: #00687f;}
.obstructionBox01 ul li:nth-child(3) dt{background: #4cbec5;}
.obstructionBox02{background: #fff; border-radius: 20px; padding: 40px 0}
.obstructionBox02 dt{text-align: center; color: #646464; font-size: 25px; font-weight: 700; margin-bottom: 40px}
.obstructionBox03 ul{text-align: center; font-size: 0}
.obstructionBox03 ul li{display:inline-block; vertical-align: top;}
.obstructionBox03 ul li + li{margin-left: 25px}
.obstructionBox03 ul li dl{margin-top: 20px; font-size: 20px; font-weight: 300; line-height: 30px}
.obstructionBox03 ul li dl img{vertical-align: top;}
.obstructionBox04{text-align: center; font-size: 20px; margin: 0 auto; width: 610px; padding: 14px 0 30px; border: #c2bebd 1px solid}
.obstructionBox04 dt{color: #00687f; font-size: 25px; font-weight: 700; margin: 30px 0 10px }
/* 망막전막 */
.vestibuleBox01 ul li dt{background: #00687f; color: #fff; line-height: 70px; font-size: 28px; font-weight: 700}
.vestibuleBox01 ul li + li{margin-left: 20px}
.vestibuleBox02 ul li + li{margin-left: 20px}
.vestibuleBox02 ul li dl{padding-left:40px; background:url("/simg/retina/chk_icon.png") 15% top no-repeat; font-size: 20px; font-weight: 300; margin-top: 20px}
.vestibuleBox02 ul li:nth-child(3) dl{background:url("/simg/retina/chk_icon.png") 20% top no-repeat;}
.vestibuleBox03 ul li{width: 417px; padding: 10px 0 30px; border: #c2bebd 1px solid; font-size: 20px;}
.vestibuleBox03 ul li + li{margin-left: 14px}
.vestibuleBox03 ul li dt{color: #00687f; font-size: 25px; font-weight: 700; margin: 25px 0 10px }
/* 황반원공 */
.holeBox01 ul li + li{margin-left: 20px; margin-bottom: 28px}
.holeBox01 ul li dt{background: #00687f; height: 103px; display: flex; justify-content:center; flex-direction: column ; align-items:center; color: #fff; font-size: 20px; font-weight: 400 }
.holeBox01 ul li dt b{display: block; font-size: 28px}
.holeBox01 ul li:nth-child(3){margin-left: 0}
/* 유리체절제술 */
.vitreectomyBox01{text-align: center}
.vitreectomyBox01 ul{text-align: center; font-size: 0}
.vitreectomyBox01 ul li{display:inline-flex; justify-content:center; flex-direction: column ; align-items:center; vertical-align: top; width: 215px; height: 215px; border: #b8cfd7 10px solid; border-radius: 200px; font-size: 24px; }
.vitreectomyBox01 ul li dt{font-size: 30px; font-weight: 700; color: #4ea3b6; display: inline-block; border-bottom: #91b4bc 1px solid; padding-bottom: 5px; margin-bottom: 20px}
.vitreectomyBox01 ul li dl{ justify-content:center; align-items:center; display: flex; }
.vitreectomyBox01 ul li + li{margin-left: 3px}
.vitreectomyBox02 ul li{width: 690px}
.vitreectomyBox02 ul li + li{width: 560px; margin-left: 50px; font-size: 30px; font-weight: 300; text-align: left; padding-top: 15px}
.vitreectomyBox03{padding: 0 40px}
.vitreectomyBox03 ul li{width: 785px; font-size: 24px; font-weight: 300; text-align: left;}
.vitreectomyBox03 ul li + li{width: 420px; margin-left: 15px; }
.vitreectomyBox03 ul li ol{background: #fff; border-radius: 30px;padding: 45px 45px 5px 45px; position: relative}
.vitreectomyBox03 ul li ol dl{margin-bottom:40px;background:url("/simg/retina/antibody_icon.png") left top no-repeat; padding-left: 33px }
/* 안구내 항체주입술 */
.infusionBox01 ul li{display:inline-block; padding-top: 30px}
.infusionBox01 ul li dt{padding-bottom: 2px; margin-bottom: 15px}
.infusionBox02{width: 1200px; margin: 0 auto; font-size: 24px; font-weight: 300; background: #eef0f0; border-radius: 30px; padding:40px 60px; }
.infusionBox02 dl {background:url("/simg/retina/antibody_icon.png") left top no-repeat; padding-left: 33px }
.infusionBox02 dl + dl{margin-top: 40px}
.infusionBox03 ul li{font-size: 20px; font-weight: 300; width: 297px}
.infusionBox03 ul li + li{margin-left: 36px}
.infusionBox03 ul li:nth-child(5){margin-left: 0; margin-top: 50px}
.infusionBox03 ul li:nth-child(6), .infusionBox03 ul li:nth-child(7), .infusionBox03 ul li:nth-child(8){margin-top: 50px}
.infusionBox04 ul li + li{margin-left: 95px}
/* 망막 레이저 치료 */
.laserBox01{background:url("/simg/retina/laser_img02.png") top center no-repeat; background-size: cover; padding-top:60px; padding-bottom: 100px; overflow: hidden}
.laserBox01 dt{color: #00687f; font-size: 50px; font-weight: 700; padding-top: 7px; margin-bottom: 100px}
.laserBox01 dt b{font-weight: 900; background:url("/simg/retina/laser_img04.png") top center no-repeat;padding-top: 7px }
.laserBox02{width: 840px}
.laserBox02 ol{display: block; margin-top: 30px; border:#00687f 3px solid; border-radius: 30px; background: #fff; overflow: hidden; font-size: 25px}
.laserBox02 ol dl{display: inline-block; width: 190px; line-height: 60px; background: #00687f; color: #fff; text-align: center; font-size: 25px; font-weight: 600; border-radius: 0 0 30px 0 }
.laserBox02 ol dd{ padding: 30px 40px}
.laserBox02 ol dl.w1{width: 350px;}
.laserBox02 ol dl.w2{width: 480px;}
.laserBox03{position: absolute; left:50%; top: 285px; margin-left: 145px; z-index: 9}
.laserBox04{background:url("/simg/retina/laser_img05.png") top center no-repeat; background-size: cover; color: #fff; padding: 90px 50px 60px; font-size: 25px; font-weight: 300; border-radius: 20px}
.laserBox04 dt{font-size: 40px; color: #29c7d0; font-weight: 700; text-align: center; margin-bottom: 60px}
.laserBox04 dl{ padding-left: 60px; position: relative}
.laserBox04 dl span{position: absolute; left:0; top:0; margin-top:-5px; width: 39px; line-height: 39px; text-align: center; background: #29c7d0; border-radius: 30px; font-size: 20px; font-weight: 700}
.laserBox04 dl + dl{margin-top: 30px}
.laserBox05 ul li + li{ margin-left: 50px}
.laserBox05 ul li dt{background: #00687f; color: #fff; line-height: 70px; text-align: center; font-size: 28px; font-weight: 700}
/* 망막치료시스템 */
.doc_bg4{height: calc(100vh - 320px); background-image: url(/simg/retina/retina_bg4.jpg); }
.treat_system{background:#eef0f0; padding:60px 0px;}
.treat_box{display:block; padding:0 70px;}
.treat_box img{width:100%}
.treat_box .h_txt{font-size:40px; line-height:54px; text-align:center; margin-bottom:50px;}
.treat_box .h_img{margin-bottom:50px;}
.treat_box .h_stxt{font-size:25px; line-height:34px; text-align:center; font-weight: 300;}
.treat_box .radius{background-color:#01a4ad; width:15px; height:15px; border-radius: 50%; margin:0 auto; margin-bottom:120px;}
.treat_box h3{font-size:50px; font-weight:600; text-align:center; margin-bottom:70px !important; color:#000;}
.treat_box h4{font-size:30px; font-weight:300; text-align:center; margin-bottom:50px !important; color:#000;}
.treat_box ul{display:flex; justify-content: space-between; margin:0}
.treat_box li{width:23%; text-align:center}
.treat_box li img{margin-bottom:30px;}
.treat_box li .li_con{}
.treat_box li .li_con p{font-size:30px; font-weight:300; line-height:34px}
.treat_box li .li_con p:nth-child(1){color:#025365; font-size:20px; font-weight:600;}
.treat_bg{background:#f9fcfd; padding:100px;}
.treat_flex{display:flex; justify-content: space-between; align-items:center; margin-bottom:200px;}
.treat_flex:last-child{margin-bottom:0px;}
.treat_flex .txt_box{width:45%}
.treat_flex .txt_box .num{position: relative; display: inline-flex; font-size:40px; font-weight:600; color:#00687f; margin-bottom:30px;}
.treat_flex .txt_box .num::after{content: ""; position: absolute; left: 0; bottom:-15px; width: calc(100%); height:1px; background:#00687f; }
.treat_flex .txt_box h3{color:#000; font-size:40px; font-weight:600; margin-bottom:50px !important;}
.treat_flex .txt_box p{color:#000; font-size:25px; font-weight:300; line-height:35px;}
.treat_flex .img_box{width:52%}
/* tabmenu */
.tabmenu {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin: 0 auto; margin-top:70px; margin-bottom:40px;}
.tabmenu li{background:#fff; border:1px solid #a8a8a8; border-left:none; padding:15px 10px; width:20%; font-size:26px; font-weight:300; text-align:center; cursor: pointer;}
.tabmenu li:nth-child(1),
.tabmenu li:nth-child(6){border-left:1px solid #a8a8a8;}
.tabmenu li:nth-child(n+6){border-top:none;}
.tabmenu .active{background:#273743; color:#fff}
.tabmenu li.w2{width:50%;}
.tabmenu li.w3{width:33.33333333%;}
.tabmenu li.w4{width:25%;}
.tabmenuS {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin: 0 auto; margin-top:70px; margin-bottom:40px;}
.tabmenuS li{background:#fff; border:1px solid #a8a8a8; border-left:none; padding:15px 10px; width:20%; font-size:26px; font-weight:300; text-align:center; cursor: pointer;}
.tabmenuS li:nth-child(1),
.tabmenuS li:nth-child(6){border-left:1px solid #a8a8a8;}
.tabmenuS li:nth-child(n+6){border-top:none;}
.tabmenuS .active{background:#273743; color:#fff}
.tabmenuS li.w2{width:50%;}
.tabmenuS li.w3{width:33.33333333%;}
.tabmenuS li.w4{width:25%;}
/* 장비소개 */
.lines{display:flex; flex-direction: column; align-items:center; border-top:1px solid #dddddd; margin-bottom:100px;}
.lines .hline{height:40px; width:1px; background:#dddddd;}
.lines .radius{background-color:#01a4ad; width:15px; height:15px; border-radius: 50%; margin:0 auto; }
.lines2{ margin-bottom:45px;}
.hidden{display:none;}
.equipment_header{font-size:40px; font-weight:600; margin-top:70px; margin-bottom:100px; text-align:center}
.equipment{display:flex; flex-wrap: wrap; gap:50px; justify-content: center; align-items:center; margin-bottom:100px;}
.equipment .col{position: relative; width:400px; border:6px solid #efefef; cursor: pointer;}
.equipment .col .img_box{width:100%; height:400px; overflow: hidden; background:#e7ecef}
.equipment .col .txt_box{padding:30px; font-size:26px; font-weight:600; line-height:34px; text-align:center;}
.equipment .col .overlay {display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.equipment .col .detail-btn {padding: 10px 20px; background-color: #b16840; border: none; cursor: pointer; color:#fff; border-radius:16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5);}
.modal-content {margin:0 auto; background-color: #fff; margin:0 auto; padding:30px; padding-top:0; width: 960px; text-align:center;}
.modal-header{display:block; text-align:center;}
.close-btn {color: #000; font-size:60px; font-weight: bold; cursor: pointer; }
.modal-body{padding:60px 0;}
.modal-body .img_box{padding:30px 0; text-align:center; border-bottom:1px solid #000; margin-bottom:60px;}
.modal-body h2{position:relative; font-size:40px; font-weight:600; margin-bottom:25px !important; padding-left:30px; text-align: left;}
.modal-body h2:before {content: ""; display: block; box-sizing: border-box; position: absolute; left: 0; top: 13px; width: 21px; height: 21px; background: url(/simg/retina/modal_title_icon.jpg) no-repeat;}
.modal-body p{font-size:26px; line-height:36px; text-align: left; padding-left:30px;}
/* 내용 공통 */
.container_box{display:block; padding:0 70px;}
.container_box .imgbox{border-radius:16px; overflow: hidden; }
.con_title{display: block; margin-top:70px; margin-bottom:50px; font-size:40px; font-weight:600; text-align:center; color:#000;}
.con_title2{display: block;margin-bottom:30px; font-size:40px; font-weight:600; text-align:center; color:#000;}
.con_titles{margin-bottom:30px; font-size:30px; font-weight:600; text-align:center; color:#00687f;}
.con_title_radius{ width:260px; margin: 0 auto; border-radius:40px; font-size:30px; line-height:46px; font-weight:600; color:#00687f; border:2px solid #00687f; text-align:center; margin-bottom:30px;}
.section_bg{background:#f5f6fa}
/* 황반변성 */
.macular{background:#f6f8f8; padding:45px; text-align:center;}
.macular_bgw{background:#fff !important}
.macular_stxt_box{background:#a8a8a8; font-size:25px; font-weight:600; padding:20px; color:#fff; text-align:center;}
.macular_stxt_box1{background:#00687f; font-size:25px; font-weight:600; padding:20px; color:#fff; text-align:center;}
.macular_stxt_box2{font-size:22px; font-weight:300; color:#00687f; text-align:center; margin-bottom:50px; line-height:32px}
.macular_stxt_box3{font-size:36px; font-weight:600; margin-bottom:38px; color:#00687f; text-align:center;}
.macular .macular_box{display:flex; flex-wrap: wrap; gap:30px; justify-content: center; align-items:center;}
.macular .macular_box .tcolor1{background:none !important; color:#00687f !important;font-weight:600}
.macular .macular_box .boder{border:1px solid #cccccc}
.macular .macular_box .boder-top{border-top:1px solid #cccccc}
.macular .macular_box .col{display:flex; flex-direction: column; align-items: stretch;}
.macular .macular_box .col .video{display:block; background:#000 !important; height:340px}
.macular .macular_box .col .title{background:#fff; text-align:center; font-size:20px; padding:20px; color:#000; margin-bottom: 0; line-height:30px; font-weight:400}
.macular .macular_box .col .stitle{text-align:center; font-size:24px; padding:20px; color:#000; margin-bottom: 0; line-height:30px; font-weight:300}
.macular .macular_box .tbg1{background:#a8a8a8 !important; color:#fff !important}
.macular .macular_box .tbg2{background:#00687f !important; color:#fff !important}
.macular .macular_box .tbg3{background:#51909e !important; color:#fff !important}
.macular .macular_box .tbg4{background:#aaaaaa !important; color:#fff !important; font-size:26px !important; font-weight:600}
.macular .macular_box .tbg5{background:#60b8c5 !important; color:#fff !important; font-size:26px !important; font-weight:600}
.macular .macular_box.flexs{justify-content: flex-start !important; flex-direction: row-reverse; padding-right: 310px; margin:20px 0;}
.macular .rows{display:flex; flex-wrap: wrap; gap:50px; justify-content: center; align-items:stretch;}
.macular .row_box{width:33%;}
.macular .row_box h3{font-size:25px; font-weight:600; color:#01a4ad; margin-bottom:30px !important; text-align:left}
.macular .row_box p{font-size:20px; line-height:32px; font-weight:300; text-align:left}
/* 노안.백내장 */
.presbyopia_bg1{height: calc(100vh - 180px); min-height:770px; background-image: url(/simg/presbyopia/presbyopia_bg1.jpg); }
.presbyopia_bg2{height: calc(100vh - 180px); min-height:1070px; background-image: url(/simg/presbyopia/presbyopia_bg2.jpg); }
.presbyopia_bg3{height:auto; min-height:auto; background-image: url(/simg/presbyopia/presbyopia_bg3.jpg); background-size: cover }
.presbyopia_bg4{height:auto; min-height:auto; background-image: url(/simg/presbyopia/presbyopia_bg4.jpg); }
.presbyopia_bg5{height:auto; min-height:auto; background-image: url(/simg/presbyopia/presbyopia_bg5.jpg); }
.presbyopia_bg6{height:auto; min-height:auto; background-image: url(/simg/presbyopia/presbyopia_bg6.jpg); }
.presbyopia{display:block; position:relative;}
.presbyopia .header{font-size:50px; font-weight:600; text-align:center; color:#000; line-height: 65px; margin:0; margin-top: 20px}
.presbyopia .header span{color:#369297}
.presbyopia .sub_title{font-size:30px; font-weight:300; line-height:40px; text-align:center; margin:0}
.presbyopia .sub_timg {margin:0}
.title_radius{background-color:#fff; width:10px; height:0px; border-radius: 50%; margin:30px auto 0; }
.presbyopia .nomargin{margin:30px 0 !important;}
.presbyopia .pdb{padding-bottom:100px;}
.presbyopia_flex{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; margin-bottom:100px; gap: 30px;}
.presbyopia_flex:last-child{margin-bottom:0px;}
.presbyopia_flex .txts_box{width:42%;}
.presbyopia_flex .txts_box h3{color:#085c61; font-size:40px; font-weight:600;}
.presbyopia_flex .txts_box p{color:#000; font-size:25px; font-weight:300; line-height:38px;}
.presbyopia_flex .imgs_box{width:55%;}
.presbyopia_flex:last-child{margin-bottom:0px;}
.pres_item{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; gap:30px; width:90%; margin:0 auto; margin-top:80px;}
.pres_item .items{display:flex; align-items:center; flex-direction: column; justify-content: center;width:350px; height:350px; border-radius:50%; background-color:#fff; border:10px solid #e0e6f2; padding:0 20px;}
.pres_item .items p{font-size:40px; font-weight:500; line-height:46px; text-align: center;}
.pres_item .items .fcolor{color:#01a4ad}
.pres_item .items .txt_c{font-size:60px; font-weight:700; padding: 10px 0px;}
.pres_item .items .txt_c span{font-size:40px; font-weight:700}
.pres_box{background-color:#fff; padding:60px; margin-top:80px;}
.pres_box.bgc{background-color:rgba(0,0,0,0.15)}
.pres_box .pres_citems{display:flex; flex-wrap: wrap; flex; justify-content: space-between; align-items:center; gap:10px;}
.pres_box .pres_citems .items{width:45%; text-align:center;}
.pres_box .pres_citems .items:nth-child(2){width:6%}
.pres_box .pres_citems .items .title{font-size:30px; font-weight:600; padding-bottom:20px; border-bottom:2px solid #777777; margin-bottom:10px;}
.pres_box .pres_citems .items .fcolor{color:#0a757b; font-weight:800}
.pres_box .pres_citems .items p{background-color:#f6f6f6; font-size:25px; text-align:center; padding:25px; margin-top:2px;}
.pres_box .pres_citems .items .pbg{background-color:#dae6eb; padding:17.3px 25px;}
/* faq */
.faq_lst{margin-bottom:70px;}
.faq_lst .set {display:block;}
.faq_lst .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; }
.faq_lst .set button .faq_title{display:flex; align-items: stretch;}
.faq_lst .set button .faq_title .question{display:flex; justify-content: center; align-items: center; width:42px; height:42px; background:#273743; color:#fff; font-size:24px; font-weight:600; border-radius:50%}
.faq_lst .set button .faq_title .question_box{margin-left:20px; font-size:25px; font-weight:600; margin:0 20px;}
.faq_lst .set button .fa {position: absolute; top:50%; right:0; width:60px; height:60px; transform: translateY(-50%); text-align: center;}
.faq_lst .set button .fa-plus::before, .faq_lst .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;
}
.faq_lst .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);
}
.faq_lst .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);
}
.faq_lst .set button .fa-minus::before, .faq_lst .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;
}
.faq_lst .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);
}
.faq_lst .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);
}
.faq_lst .ans {display: none; padding:25px; background:#f6f8f8;}
.faq_lst .ans .ans_box{display:flex; align-items: stretch;}
.faq_lst .ans .ans_box .answer{display:flex; justify-content: center; align-items: center; width:42px; height:42px; background:#01a4ad; color:#fff; font-size:24px; font-weight:600; border-radius:50%}
.faq_lst .ans .ans_box .answer_box {width:92%; margin-left:20px; font-size:22px; line-height:36px; font-weight:300; color: #000;}
.answer_col{display:flex; flex-wrap: wrap; gap:50px; justify-content: center; align-items:stretch; margin-top:40px;}
.answer_col .col{width:320px; display:flex; flex-direction: column; align-items: center; background: #fff;}
.answer_col .col .title{background:#fff; text-align:center; font-size:20px; padding:20px; color:#000; margin-bottom: 0;}
/* 비문증 클리닉 */
.inscription_box{display:flex; flex-wrap: wrap; gap:50px; justify-content: center; align-items:center;}
.inscription_box .col{display:flex; flex-direction: column; align-items: stretch; border:1px solid #a8a8a8}
.content_wrap{margin-top:50px; padding:50px; background:#fff; border-radius:16px; text-align:center; }
.content_wrap .htitle{font-size:25px; font-weight:600; color:#01a4ad; margin-bottom:40px;}
.content_wrap .contxt{font-size:20px; font-weight:300; line-height:30px;}
/* 항체주입술 */
.antibody{display:flex; flex-direction: column;}
.antibody_radius_flex{display:flex; flex:1; flex-wrap: wrap; justify-content: center; align-items:center; gap: 20px;}
.antibody_radius_flex .items{width:180px; height:180px; border-radius:50%; background:#01a4ad; text-align:center; padding: 30px 0px;}
.antibody_radius_flex .items .item_title{color:#a4d5d9; font-size:22px; font-weight:600;}
.antibody_radius_flex .items .item_title:after {content: ""; display: block; width:20px; border-bottom: 1px solid #a4d5d9; margin:0 auto; padding-top:7px;}
.antibody_radius_flex .items .item_con{color:#fff; font-size:20px; line-height: 26px; margin-top:15px;}
.antibody ul{background:#eef0f0; border-radius:16px; padding:30px 100px; margin:0 auto;}
.antibody li{position: relative; font-size:20px; font-weight:300; padding:15px 0; padding-left:35px;}
.antibody li:before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
left: 0;
top:10px;
width:28px;
height: 28px;
background: url(/simg/retina/antibody_icon.png) no-repeat;
}
.antibody_flex{display:flex; flex-wrap: wrap; gap:30px; justify-content: center; align-items:center;}
.antibody_flex .col{display:flex; flex-direction: column; align-items: center;}
.antibody_flex .col img{border:1px solid #eaeaea;}
.antibody_flex .col .title{text-align:center; font-size:18px; padding:20px; color:#000; margin-bottom: 0; font-weight: 400;}
.antibody_bg{position: relative; width: 100%; background-size: cover; background-position: center center; height: auto; min-height:auto; background-image: url(/simg/retina/antibody_10.jpg); }
.antibody_last{display:block; }
.antibody_last ul{margin:0 auto;}
.antibody_last .tite{color:#29c7d0; font-size:40px; font-weight:600; margin-bottom:60px !important; text-align:center}
.antibody_last li{display:flex; justify-content: center; padding:15px 0px}
.antibody_last li .num{display:flex; justify-content: center; align-items:center; font-size:20px; font-weight:600; width:39px; height:39px; color:#000; background:#29c7d0; border-radius:50%;}
.antibody_last li .txt{width:90%; font-size:25px; font-weight:300; padding-left:20px; color:#fff; line-height:40px}
/* 망막레이저치료 */
.laser_flex{display:flex; flex-wrap: wrap; justify-content: center; align-items:stretch; gap:30px;}
.laser_flex .items{width:30%; border:1px solid #a8a8a8; border-radius:16px; padding:25px;}
.laser_flex .items .num{font-size:40px; font-weight:700; color:#bdbdbd; margin-bottom:30px;}
.laser_flex .items .item_title{font-size:25px; color:#2bb4ba; font-weight:600; line-height:34px; padding-bottom:20px; border-bottom:2px solid #d1d1d1}
.laser_flex .items .item_con{padding-top:20px; font-size:20px; font-weight:400; line-height:32px;}
.laser_bg{position: relative; width: 100%; background-size: cover; background-position: center center; height:auto; min-height:auto; background-image: url(/simg/retina/laser_3.jpg); border-radius:16px; overflow: hidden;}
.laser_last{display:block; }
.laser_last ul{margin:0 auto;}
.laser_last .tite{color:#29c7d0; font-size:40px; font-weight:600; margin-bottom:60px !important; text-align:center}
.laser_last li{display:flex; justify-content: center; padding:15px 0px}
.laser_last li .num{display:flex; justify-content: center; align-items:center; font-size:20px; font-weight:600; width:39px; height:39px; color:#000; background:#29c7d0; border-radius:50%;}
.laser_last li .txt{width:90%; font-size:25px; font-weight:300; padding-left:20px; color:#fff; line-height:40px}
.btn-allmenu-open{
position: absolute;
left: 0;
white-space: nowrap;
overflow: hidden;
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-property: -webkit-box-shadow;
transition-property: -webkit-box-shadow;
transition-property: box-shadow;
transition-property: box-shadow, -webkit-box-shadow;
}
.ico {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
vertical-align: middle;
overflow: hidden;
text-indent: -9999px;
text-align: left;
color: transparent;
white-space: nowrap;
text-align: center;
transition: background .2s;
}
.btn .ico {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* faq */
.pres_faqlist{border-top:2px solid #888888; margin-top:80px;}
.pres_faqlist .set {display:block;}
.pres_faqlist .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_faqlist .set button .faq_title{display:flex; align-items: stretch;}
.pres_faqlist .set button .faq_title .question{display:flex; justify-content: center; align-items: center; width:42px; height:42px; background:#c4dbdc; color:#fff; font-size:24px; font-weight:600; border-radius:50%; padding: 6px 12px;}
.pres_faqlist .set button .faq_title .question_box{margin-left:20px; font-size:25px; font-weight:600; margin:0 20px;}
.pres_faqlist .set .active .faq_title{color:#01a4ad}
.pres_faqlist .set .active .faq_title .question{background:#fff; color:#000; border:1px solid #c2c2c2}
.pres_faqlist .set button .fa {position: absolute; top:50%; right:0; width:60px; height:60px; transform: translateY(-50%); text-align: center;}
.pres_faqlist .set button .fa-plus::before, .pres_faqlist .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_faqlist .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_faqlist .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_faqlist .set button .fa-minus::before, .pres_faqlist .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_faqlist .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_faqlist .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_faqlist .ans {display: none; padding:25px; background:#f6f8f8;}
.pres_faqlist .ans .ans_box{display:flex; align-items: stretch;}
.pres_faqlist .ans .ans_box .answer{display:flex; justify-content: center; align-items: center; width:42px; height:42px; background:#0c6681; color:#fff; font-size:24px; font-weight:600; border-radius:50%}
.pres_faqlist .ans .ans_box .answer_box {width:92%; margin-left:20px; font-size:22px; line-height:36px; font-weight:300; color: #000;}
.presvideo_item{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; gap:30px; margin:0 auto; }
.presvideo_item .items{display:block; width:65%}
.presvideo_item .items:nth-child(2){width:30%; text-align:right}
.presvideo_item .items .title{width:100%; font-size:25px; font-weight:600; line-height:32px; padding-bottom:20px; border-bottom:1px solid #c9c9c9; color:#fff; text-align:left}
.presvideo_item .items .video_flex{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; gap:20px; padding:30px 0px;}
.presvideo_item .items .video_flex .vitem{width:47%}
.presvideo_item .items button{border:none; background-color:#9398ad; color:#fff; font-size:20px; font-weight:400; border-radius:30px; padding:15px 30px;}
.presvideo_item .itemsb{display:block; width:100%; text-align: center !important}
.presvideo_item .itemsb button{display: flex; background-color: #00687f; font-size: 20px; padding: 10px 20px; border-radius: 30px; color: #fff; justify-content: center; width: 240px; margin: 0 auto; margin-top:50px;border:none; height: auto }
.presreview_item{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; gap:30px; margin:0 auto; margin-top:80px; background-color:#fff;}
.presreview_item .items{width:35%; padding:30px; padding-right:0px;}
.presreview_item .items:nth-child(2){width:60%; padding:0px;}
.presreview_item .items p{font-size:25px; line-height:32px; color:#036a70}
.presreview_item .items .review{display:block; margin-top:40px; margin-bottom: 80px;}
.presreview_item .items .review .review_nm{position:relative; font-size:32px; font-weight:600; color:#333333}
.presreview_item .items .review .review_nm::before{content: ""; position: absolute; left: 0; bottom:-20px; width:30px; height:5px; background-color:#0a5054}
.presreview_item .items .review .review_con{font-size:25px; font-weight:300; line-height:32px; margin-top:35px}
.presreview_item .items a{border:none; background-color:#0a5054; color:#fff; font-size:20px; border-radius:30px; padding:15px 30px;}
.presequ_item{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; gap:30px; margin-top:80px; }
.presequ_item .items{position:relative; width:47%;}
.presequ_item .items .equ_con{position: absolute; left: 0; bottom:0; background-color:rgba(0,0,0,0.8); padding:30px; font-size:25px; line-height:32px; color:#fff; text-align: center}
/* 노안·백내장 수술 */
.bgcolor{background-color:#f8fafc;}
.surgery_bg1{height:auto; min-height:auto; background-image: url(/simg/presbyopia/surgery_bg1.jpg); }
.surgery_bg2{height:auto; min-height:auto; background-image: url(/simg/presbyopia/surgery_bg2.jpg); }
.surgery_bg3{height:auto; min-height:auto; background-image: url(/simg/presbyopia/surgery_bg3.jpg); }
.surgery_bg4{height:auto; min-height:auto; background-image: url(/simg/presbyopia/surgery_bg4.png); }
.piasur_box{margin-top:50px; padding:60px}
.surgery_box{margin-top:50px;}
.surgery_card {position:relative; display:flex; flex-wrap:wrap; text-align:center;}
.surgery_card>* {max-width:100%; padding-left:10px; padding-right:10px;}
.surgery_card .pd20{padding:0 20px; margin-bottom:20px}
.surgery_card img{width:auto}
.col-md-2 {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width:20%}/* 5단 */
.col-md-3 {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% }/* 4단 */
.col-md-4 {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% }/* 3단 */
.card {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: .25rem }
.card-body {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem}
.card-icon{margin:25px 0}
.card-line{width:40px; height:2px; background-color:#00a7c0; margin:0 auto}
.card-subtxt {font-size:28px; margin-top:25px; line-height: 36px;}
.surgery_radius{border-radius:130px; border:8px solid #00a7c0; background-color:#f4f8f9; padding: 0 15px; height:340px;}
.ulflex{display: flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:stretch; margin:0px;}
.ulflex li {position: relative; width:25%; font-size: 20px; color: #fff; text-align: center; margin-bottom:60px; padding:0 40px; border-right:1px solid #aeaeae;}
.ulflex p{color:#007e97; font-size:26px; font-weight:300; text-align:center}
.ulflex p:nth-child(1){font-weight:400; margin-bottom:10px}
.ulflex p:nth-child(2){font-size:30px; font-weight:600; margin-bottom:40px}
.ulflex p:nth-child(3){color:#000; line-height:34px;}
.step-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin:0; margin-top:120px}
.step-list > 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-list > li .step-box {position: relative; height: 100%; padding: 20px 30px 24px; border-radius: 10px; text-align: center; }
.step-list > 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-list > li .step-box .step p{font-size:20px; font-weight:400}
.step-list > li .step-box .step p:nth-child(2){font-size:26px; font-weight:600; margin-top:15px;}
.step-list > 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-list > li:nth-child(4n) .step-box:after {display: none;}
.step-list > li .step-box .step-content {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top:90px; -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-list > li .step-box .step-content p{position: relative; font-size:26px; font-weight:600;}
.step-list > 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;}
.step-list > li .step-box .step-content p:nth-child(2):before{content: ''; position: absolute; width: 4px; height: 4px; left: 0; top: 13px; background-color:#000}
.indent{display:flex; flex-wrap: wrap; justify-content: space-around; margin:0px; margin-top:60px; margin-bottom:30px}
.indent > li {width:360px; height: 360px; padding:20px 30px; background-color:#fff; border-radius:50%; border:8px solid #a8c5cd;}
.indent > li .step-box{position: relative; height: 100%; text-align: center;}
.indent > li .step-box .step-head{font-size:30px; font-weight:900; margin-bottom:12px; color:#94c3cd; }
.indent > li .step-box .step-line{width:45px; height:1px; background-color:#add6dd; margin:0 auto; margin-bottom:25px;}
.indent > 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;}
.indent > li .step-box .step-content p{position: relative; font-size:30px; font-weight:600; color:#4ea3b6; line-height:38px; }
.indent > li .step-box .step-content p:nth-child(2){font-size:24px; font-weight:300; color:#000; line-height:34px; margin-top:25px;}
.indent .bgrcolor1{background-color:#00687f}
.indent .bgrcolor2{background-color:#2b8fa5}
.indent .bgrcolor3{background-color:#54acbf}
.indent .noborder{border:none !important}
.indent .flex{display:flex}
.indent > li .step-box .step-content .opia_txt{font-size:28px; line-height:36px;}
.indent > li .step-box .step-content .opia_txt span{font-weight:600}
.indent > li .step-box .step-content .opia_rs{ font-size:40px; font-weight:600; padding:20px 40px; border-radius:40px; margin-top:30px; color:#fff;}
.indent > li .step-box .step-content .opia_rs span{font-weight:400}
.incision_box{background-color:#fafafa; padding:70px 40px; margin-top:30px;}
.incision_box .bline{border:1px solid #a8a8a8}
.incision_box .titles{margin-bottom:60px; font-size:36px; font-weight:600; color:#00687f; text-align:center}
.incision_box .incision{display:flex; margin:0px; }
.incision_box .incision > li {-webkit-box-flex: 1; flex: 1 1 50%; }
.incision_box .incision > li + li {margin-left: 60px;}
.incision_box .incision img{display:block; margin: 0 auto; width: 100%}
.incision_box .incision p{text-align: center; font-size: 26px; font-weight:600; line-height: 30px; color:#fff; padding: 20px;}
.incision_box .incision p.fcolor{color:#000; font-weight:400;}
.incision_box .incision p.bg1{background-color:#aaaaaa}
.incision_box .incision p.bg2{background-color:#60b8c5}
.incision_box .incision p.bg3{background-color:#00687f}
.incision_box .incision p.fsize1{font-size:20px; color:#000; font-weight:300; line-height:1.8rem}
.incision_box .sub_tit{font-size:20px; color:#000; text-align:center; padding:20px; line-height:30px}
.incision_box .sub_tit span{color:#00687f}
.incon_box{margin:30px 0; padding:20px 70px; background-color:#ffffff;}
.incon_box .incon{display:flex; flex-wrap: wrap; justify-content: space-between; margin:0px;}
.incon_box .incon > li {position: relative; width:45%; padding:20px 0; padding-left:40px; font-size:24px; line-height:30px;}
.incon_box .incon > li:before{content: ''; position: absolute; width:31px; height:27px; left: 0; top: 20px; background-image: url(/simg/orthodontics/chk_icon.png);}
.track_box{padding:20px 70px; }
.track_box .track{display:flex; flex-wrap: wrap; justify-content: space-between; margin:0px;}
.track_box .track .items{display:flex; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width:310px; height: 338px; text-align: center; padding: 0 50px; line-height: 40px; background-image: url(/simg/presbyopia/surgery_bg4.png); background-size: cover; background-position: center center; color:#6ef3fa; font-size:30px; font-weight:600;}
.knowhow_card {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.knowhow_card .card {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: flex-start; width: 50%; padding: 0 25px;}
.knowhow_card .card .titles{font-size:36px; font-weight:600; margin:40px 0; text-align:center;}
.knowhow_card .card .titles span{color:#00687f}
.knowhow_card .card .txt_wrap{display: table; width:100%; table-layout: fixed; margin-bottom:30px; border:1px solid #d3d3d3; border-radius:10px; padding:15px 0; background-color:#fff}
.knowhow_card .card .txt_wrap .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_wrap .tcolor1{color:#2b6bba}
.knowhow_card .card .txt_wrap .tcolor2{color:#2bb4ba}
.knowhow_card .card .txt_wrap .sub_title{display: table-cell; width: calc(100% - 180px); font-size:24px; line-height:30px; font-weight:300; text-align:left; padding:10px 40px;}
.frmto{position: relative; padding-top: 340px;}
.frmto .frmto_box{background-color:#fff; border-left:2px solid #01b8c1; padding:30px 50px;}
.frmto .frmto_box .titles{font-size:30px; font-weight:600; margin-bottom:40px;}
.frmto .frmto_box p{position: relative; font-size:24px; font-weight:300; line-height:34px; padding-left:15px; margin-top:10px; text-align:left;}
.frmto .frmto_box p::before{content: ''; position: absolute; width: 4px; height: 4px; border-radius:10px; left: 0; top: 13px; background-color:#000}
.frmto .frmto_img{position: absolute; right:0; bottom:0;}
.indoctor_flex{display:flex; flex-wrap: wrap; flex;justify-content: space-between; align-items:center; margin-top:100px; gap: 30px;}
.indoctor_flex .imgs_box{position: relative; width:40%;}
.indoctor_flex .imgs_box .con{position: absolute; display:flex; align-items: center; width: 100%; bottom:4px; left:0; background-color:rgba(255,255,255,0.5)}
.indoctor_flex .imgs_box .con p{padding:25px; width:50%; font-size:35px; font-weight:600; text-align:center;}
.indoctor_flex .imgs_box .con p span{font-size:24px;}
.indoctor_flex .txts_box{width:57%; background-image: url(/simg/presbyopia/surgery_14.jpg); background-size: cover; background-position: top center;}
.indoctor_flex .txts_box h3{position: relative; width:450px; font-size:36px; line-height:46px; font-weight:600; padding:50px 0; margin-bottom:120px !important}
.indoctor_flex .txts_box h3::before{content: ''; position: absolute; width: 47px; height: 42px; left: 0; top: 0px; background-image: url(/simg/presbyopia/surgery_icon6.png);}
.indoctor_flex .txts_box h3::after{content: ''; position: absolute; width: 47px; height: 42px; right: 0; bottom: 0px; background-image: url(/simg/presbyopia/surgery_icon7.png);}
.indoctor_flex .txts_box p{position: relative; font-size:26px; font-weight:300; line-height:32px; margin-bottom:30px; padding-left:20px;}
.indoctor_flex .txts_box p::before{content: ''; position: absolute; width: 4px; height: 4px; border-radius:10px; left: 0; top: 13px; background-color:#000}
/* 백내장 */
.cataract_box {display:block;}
.cataract_bg1{background-color: #eaf3f4 !important;}
.cataract_bg2{background-color: #d1e5e9 !important;}
.cataract_bg3{background-color: #b0cdd3 !important;}
.cataract_bg4{background-color:rgba(0,0,0,0.4) !important;}
.cataract_radius{border-radius: 10px;}
.text-lg {font-size: 30px; }
.text-middle {font-size: 26px; }
.cataract_box .cataract-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.cataract_box .cataract-list > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 15px 25px; padding:30px 20px; list-style: none; }
.cataract_box .cataract-list > li .box {position: relative; height: 100%; text-align: center; }
.cataract_box .cataract-list > li .box dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; flex-wrap: wrap; align-items: center; }
.cataract_box .cataract-list > li .box dl dt {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 150px; height: 150px; border-radius: 50%; }
.cataract_box .cataract-list > li .box dl dt.badge-color1 {background-color: #00687f;}
.cataract_box .cataract-list > li .box dl dt strong {color: #fff; text-align: center; line-height: 26px; font-weight: bold;}
.cataract_box .cataract-list > li .box dl dd {width: calc(100% - 150px); padding-left: 40px; word-break: keep-all; text-align:left; line-height: 34px;}
.cataract_box .steplist {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.cataract_box .steplist > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center;}
.cataract_box .steplist > li .box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.cataract_box .steplist > li .box .step-head{font-size:30px; font-weight:900; margin-bottom:12px; color:#94c3cd; }
.cataract_box .steplist > li .box .box-head{width:100%; font-size:28px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #97aab0; margin-bottom:20px; text-align:center}
.cataract_box .steplist > li .box .step-line{width:45px; height:1px; background-color:#add6dd; margin:0 auto; margin-bottom:25px;}
.cataract_box .steplist > li .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; padding: 0 20px;}
.cataract_box .steplist > li .box .step-content p{position: relative; font-size:24px; line-height:32px; text-align:center}
.cataract_box .steplist > li:nth-child(5){justify-content: flex-end;}
.cataract_box .steplist > li:nth-child(7){justify-content: flex-start;}
.cataract_box .steplist .cycle{width:260px; height:260px; border-radius: 50%; border:8px solid #b8cfd7; }
.cataract_box .steplist_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.cataract_box .steplist_box > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; margin-right:10px}
.cataract_box .steplist_box > li .box {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.cataract_box .steplist_box > li .box .step-head{font-size:30px; font-weight:900; margin-bottom:12px; color:#94c3cd; }
.cataract_box .steplist_box > li .box .box-head{width:100%; font-size:28px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #97aab0; margin-bottom:20px; text-align:center}
.cataract_box .steplist_box > li .box .step-line{width:45px; height:1px; background-color:#add6dd; margin:0 auto; margin-bottom:25px;}
.cataract_box .steplist_box > li .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; padding: 0 20px;}
.cataract_box .steplist_box > li .box .step-content p{position: relative; font-size:24px; line-height:32px; text-align:center}
.cataract_box .steplist_box .bradius{border-radius:10px; border:1px solid #47a3b4; padding:20px; background-color:#fff}
.cataract_box .steplist_box > li:last-child{width: calc(40% - 50px); margin-right:0}
.white_box {padding:40px; background-color:#fff}
.step_wrap{display:block; padding:10px;}
.step_wrap .steplist {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin:0;}
.step_wrap .steplist > li {position: relative; width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 15px 25px; }
.step_wrap .steplist > li .step-box {position: relative; height: 100%; padding: 20px 20px 24px; border-radius: 10px; text-align: center; }
.step_wrap .steplist > li .step-box .step {display: flex; flex-direction: column; justify-content: center; text-align:center; color:#025365;}
.step_wrap .steplist > li .step-box .step p{font-size:20px; font-weight:600}
.step_wrap .steplist > li .step-box:after {content: ''; display: block; overflow: hidden; width:38px; height:38px; position: absolute; top: calc(50% + 2.5px); right: -46px; margin-top: -10px; background: url(/simg/presbyopia/arrow_left.png) no-repeat 0px 0px; }
.step_wrap .steplist > li:nth-child(3n) .step-box:after {display: none;}
.step_wrap .steplist > 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;}
.step_wrap .steplist > li .step-box .step-content p{position: relative; width:100%; font-size:20px; line-height:26px; background-color:#fff; padding:20px; text-align:center}
.step_wrap .steplist > li .step-box .step-content p.pd1{padding-bottom:46px}
.step_wrap .steplist > li .step-box .step-content p.pd2{padding-bottom:72px;}
.step_wrap .numlist{display:block; }
.step_wrap .numlis{margin:0;}
.step_wrap .numlis li{display:flex; justify-content: center; padding:15px 0px; border:1px solid #47a3b4; background-color:#fff; border-radius:10px; padding:20px; }
.step_wrap .numlis li:nth-child(n+2){margin-top:20px;}
.step_wrap .numlis li .num{display:flex; justify-content: center; align-items:center; font-size:20px; font-weight:600; width:45px; height:45px; color:#fff; background:#00687f; border-radius:50%;}
.step_wrap .numlis li .txt{width:95%; font-size:25px; font-weight:300; padding-left:20px; line-height:40px}
/* 노안 */
.opia_bg1{height:auto; min-height:450px; background-image: url(/simg/presbyopia/opia_1.jpg); background-size: cover; background-position: center center;}
.opia_box{display:block;}
.opia_box .items{display:flex; margin:0px; }
.opia_box .items > li {-webkit-box-flex: 1; flex: 1 1 50%; }
.opia_box .items > li + li {margin-left: 60px;}
.opia_box .items .titles{font-size:50px; font-weight:900; padding:90px 20px; text-align:center;}
.opia_box .items .bg1{background-color:#eb222c}
.opia_box .items .bg2{background-color:#2bb24c}
.opia_box .items .item_content{background-color:#fff; padding:25px;}
.opia_box .items .item_content p{font-size:30px; font-weight:600; line-height:38px; text-align:center;}
.opia_box .items .item_content p:last-child{font-size:30px; font-weight:400;}
.opia_box .titles{font-size:40px; font-weight:400; color:#00687f; text-align:center}
.opia_box .titles span{font-weight:700}
.opia_box .steplist {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.opia_box .steplist > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; padding:0 50px}
.opia_box02{text-align: center; color: #02696f; font-size: 24px; margin-top: -30px; margin-bottom: 100px}
.opia_flex{display:block; padding:40px}
.tline{border-top:1px dotted #b7b7b7}
.bline{border-bottom:1px dotted #b7b7b7}
.opia_flex .steplist_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.opia_flex .steplist_box > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; flex-direction: column;}
.opia_flex .steplist_box > li .box {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.opia_flex .steplist_box > li .box-head{width:100%; text-align:center; font-size:28px; font-weight:600; margin-top:20px;}
.opia_flex .steplist_box > li .box .step-head{width: 100%; font-size:28px; font-weight:400; margin-bottom:12px;}
.opia_flex .steplist_box > li .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-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.opia_flex .steplist_box > li .box .step-content .pic_box{position: relative; width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; flex-direction: column;}
.opia_flex .steplist_box > li .box .step-content .pic_box:nth-child(n+2){margin-left:20px;}
.opia_flex .steplist_box > li .box .step-content .pic_box p{position: absolute; width:100%; left:0; bottom:0; background-color:rgba(6,83,100,0.8); font-size:20px; padding:10px 20px; text-align:center; color:#fff}
.opia_flex .steplist_box .bradius{border-radius:50%; border:4px solid #a8a8a8; overflow: hidden;background-color:#fff}
.opia_flex .steplist_box > li:last-child{width: calc(80% - 50px); margin-left:30px}
/* 각막클리닉 */
.orth_bg1{height:calc(100vh - 180px); height:710px; background-image: url(/img/dream-lens/dream-lens-pc.png);}
.orth_bg1b{height:calc(100vh - 180px); height:710px; background-image: url(/img/dream-lens/dream-lens-pc.jpg);}
/*.orth_bg1{height:calc(100vh - 180px); height:710px; background-image: url(/simg/orthodontics/orth_bg1.jpg);}*/
.orth_bg2{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg2.jpg);}
.orth_bg3{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg3.jpg); background-position:top center;}
.orth_bg4{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg4.jpg);}
.orth_bg5{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg5.jpg);}
.orth_bg6{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg6.jpg);}
.orth_bg7{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg7.jpg);}
.orth_bg8{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg8.jpg);}
.orth_bg9{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg9.jpg);}
.orth_bg10{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg10.jpg);}
.orth_bg11{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg11.jpg); background-size: cover}
.orth_bg12{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg12.jpg);}
.orth_bg13{height:auto; min-height:auto; background-image: url(/simg/orthodontics/orth_bg13.jpg);}
.bd_top{border-top:2px solid #a9a9a9;}
.bd_bottom{border-bottom:2px solid #a9a9a9;}
.indent_box{display:block;}
.indent_box .card-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: -15px -25px; padding: 0;}
.indent_box .card-list .border{ border:2px solid #a9a9a9; }
.indent_box .card-list > li { width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 15px 25px; vertical-align: top}
.indent_box .card-list > li .card-box {position: relative; display:block; text-align:center; vertical-align: top}
.indent_box .card-list > li .card-box .card-head{font-size:30px; text-align:center; padding:15px 20px;}
.indent_box .card-list > li .card-box .card-head p{font-size:24px; text-align:center; margin-top:10px;}
.indent_box .card-list > li .card-box .card-img{display:block}
.indent_box .card-list > li .card-box .card-img img{vertical-align: bottom; width: 100%}
.indent_box .card-list > li .card-box .card-sub{display:block; padding:15px; }
.indent_box .card-list > li .card-box .card-sub .txt{font-size:22px; text-align:left; line-height: 30px; min-height: 240px }
.indent_box .card-list > li .card-box .card-sub button{background-color:#00687f; font-size:20px; padding:5px 20px; border-radius:20px; margin-top:20px; color:#fff; border:none}
.indent_box .card-list > li .card-box .absolute{position: absolute; width:100%; left:0; bottom:0; background-color:rgba(255,255,255,0.9); font-size:18px; padding:15px 10px; text-align:center;}
.indent_box .card-list > li .card-box .bg1{background-color:#565656}
.indent_box .card-list > li .card-box .bg2{background-color:#008ea8}
.indent_box .card-list > li .card-box .clear-head {display:block; text-align:left;}
.indent_box .card-list > li .card-box .clear-head h2{font-size:50px; color:#000; font-weight:300; line-height:60px; margin-bottom:10px !important;}
.indent_box .card-list > li .card-box .clear-head h3{font-size:70px; color:#1c7a7f; font-weight:600; margin-bottom:40px !important;}
.indent_box .card-list > li .card-box .clear-head p{font-size:30px; line-height:40px; font-weight:300; margin-bottom:60px;}
.indent_box .card-list > li .card-box .clear-sub {display:block}
.indent_box .card-list > li .card-box .clear-sub p{display:flex; align-items: center; width:300px; background-color:#2c556e; padding: 10px 30px; border-radius:30px; margin-bottom:15px}
.indent_box .card-list > li .card-box .clear-sub p:last-child{margin-bottom:0}
.indent_box .card-list > li .card-box .clear-sub p img{width:auto}
.indent_box .card-list > li .card-box .clear-sub p span{ font-size:22px; color:#fff; margin-left:10px; font-weight:600; }
.indent_box a{display: flex; background-color: #00687f; font-size: 20px; padding: 10px 20px; border-radius: 20px; color: #fff; justify-content: center; width: 240px; margin: 0 auto; margin-top:50px;}
.txtcolor{color:#369297}
.orth-youtube{position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color:#eef0f0; padding:80px 0px;}
.orth-youtube iframe{max-width:70%; height:500px;}
.orth-youtube1{position: relative; padding:0px;}
.orth-youtube1 iframe{max-width:50%; height:400px;}
.orth_whitebox{background-color:#fff; padding:40px; margin-top:40px;}
.orth_whitebox .title_r{display: table; margin:0 auto; font-size:30px; line-height:34px; text-align:center; background-color:#fff; padding:10px 40px; border-radius:40px; border:2px solid #5e60a3; margin-bottom:40px;}
.orth_whitebox .infographic{display:block; text-align:center;}
.orth_whitebox .infographic img {width:auto}
.orth_whitebox .infographic p{margin-top:20px; font-size:20px; font-weight:300; line-height:30px; }
.col-lg-4 {flex: 0 0 auto; width:24.5%;}
.mt-lg-5 {margin-top: 3rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.text-center {text-align: center !important;}
.fw-bold {font-weight: 700 !important;}
.fs-1 {font-size: 22px}
.fs-2 {font-size: 27px}
.fs_bg1{background-color:#dddddd}
.fs_bg2{background-color:#2583c5}
.fs_bg3{background-color:#d67576}
.fs_bg4{background-color:#efefef}
.fs_bg5{background-color:#fff}
.fs_bg6{background-color:#eef3f4 !important}
.fs_bg7{background-color:#1f60b0 !important}
.fs_bg8{background-color:#df6768 !important}
.fs_wh{width:17px !important; height:17px !important;}
.orth_row {display: flex; flex-wrap: wrap; margin-top:16px; margin-right:0; margin-left:0; }
.orth_row>* {position: relative; margin-right: -1px;}
.orth_row .price-box {position: relative; border: 1px solid #c3c3c3;}
.price-box.active {transform: scale(1.2); z-index: 2; background-color:#27687d; padding:10px; border:none}
.orth_row h6{margin:0; padding:20px;}
.orth_row ul{display: table; width: 100%; margin:0; background-color:#fff}
.orth_row li{display: flex; height: 80px; padding: 0 20px; font-size: 18px; line-height: 24px; border-bottom: 1px solid #c3c3c3; flex-direction: column; justify-content: center; align-items: center;}
.orth_row li:last-child{border-bottom:none}
.orth_row .border-r{width: 130px; margin: 0 auto; padding:6px 15px; font-size:18px; color:#fff; border-radius:20px;}
.orth_row .cycle{display:inline-flex; gap:14px; margin-top:10px;}
.orth_row .cycle .items{width:14px; height:14px; border-radius:50%}
.orth_row p{display:block; margin:0}
.orthtext-muted{border:4px solid #cbdfe5; border-radius:16px; padding:40px 40px 40px 60px; font-size:20px; line-height:30px;}
.orthtext-muted span{position: absolute; margin-left: -20px}
.orthtext-lag{margin-bottom:50px; font-size:50px; line-height:60px; font-weight:300; text-align:center; color:#96ebfc;}
.orthtext-lag span{font-weight:700}
.orth_history{background-color:rgba(0,0,0,0.5); padding:40px 120px}
.orth_history .hlist{margin: 0; border-left: 1px solid #393e41; margin-left: 440px;}
.orth_history .hlist .list_item {position: relative; display: table; margin-bottom: 10px; color: #fff; font-size:25px; padding:20px 0; padding-left: 30px;}
.orth_history .hlist .list_item>span {display: table-cell; vertical-align: top; word-wrap: break-word; word-break: break-all;}
.orth_history .hlist .list_item span em {display:block; font-style: normal; line-height: 32px;}
.orth_history .hlist .list_item span em:last-child{font-size:20px;}
.orth_history .hlist .list_item span em:nth-child(1){display:none; font-size:25px; margin-bottom:15px;}
.orth_history .hlist li:before {position: absolute; top: 50%; left: -6px; display: inline-block; width:10px; height:10px; border-radius:50%; content: ''; background: #01a2ab; }
.orth_history .hlist .type01:after {position: absolute; top: 10%; left: -180px; padding: 20px; display: inline-block; content: '2021년 10월';}
.orth_history .hlist .type02:after {position: absolute; top: 10%; left: -180px; padding: 20px; display: inline-block; content: '2021년 06월';}
.orth_history .hlist .type03:after {position: absolute; top: 20%; left: -180px; padding: 20px; display: inline-block; content: '2022년 09월';}
.orth_history .hlist .type04:after {position: absolute; top: 20%; left: -180px; padding: 20px; display: inline-block; content: '2023년 02월';}
.orth_history .hlist .type05:after {position: absolute; top: 20%; left: -180px; padding: 20px; display: inline-block; content: '2023년 07월';}
.orth_history .hlist .type06:after {position: absolute; top: 20%; left: -180px; padding: 20px; display: inline-block; content: '2023년 09월';}
.orth_history .hlist .type07:after {position: absolute; top: 20%; left: -180px; padding: 20px; display: inline-block; content: '2024년 01월';}
.orth_history .hlist .type08:after {position: absolute; top: 20%; left: -180px; padding: 20px; display: inline-block; content: '2024년 03월';}
.orth_certif{display:flex; align-items: center; flex-wrap: wrap; gap:4%; width:80%; margin:0 auto; padding-top: 30px;}
.orth_certif .items{display:block; width:48%;}
.orth_certif .items p{font-size:28px; line-height:40px; font-weight:300}
/* 클리어 탭메뉴 */
.clear_tabmenu {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin:0; margin-top:60px; margin-bottom:40px;}
.clear_tabmenu li{background:#f2f2f2; border-left:none; padding:15px 10px; width: calc(20% - 2px); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size:24px; font-weight:300; text-align:center; cursor: pointer; margin-right:2px;}
.clear_tabmenu li:last-child{margin-right:0;}
.clear_tabmenu .active{background:#27687d; color:#fff; font-weight:600}
.clear_tabmenu li.w2{width: calc(50% - 2px)}
.clear_tabmenu li.w3{width: calc(33.333333333% - 2px);}
.clear_tabmenu li.w4{width: calc(25% - 2px);}
.clear_vsbox{display:block; }
.clear_vsbox .citems{display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; gap:10px; }
.clear_vsbox .citems .items{width:45%; text-align:center; border:1px solid #a8a8a8; flex-direction: column; height: 586px;}
.clear_vsbox .citems .items:nth-child(2){width:6%; border:none; justify-content:center; align-items:center; height: 586px; display: inline-flex;}
.clear_vsbox .citems .items .t_txt{font-size:24px; font-weight:600; padding: 15px 20px; color:#fff}
.clear_vsbox .citems .items .img{display:block; width: 100% !important; }
.clear_vsbox .citems .items .img1{display:block; }
.clear_vsbox .citems .items .img1 img{width: 100%}
.clear_vsbox .citems .items .bg1{background-color:#a8a8a8}
.clear_vsbox .citems .items .bg2{background-color:#00687f}
.clear_vsbox .citems .items .subtxt{text-align:center; padding:20px;}
.clear_vsbox .citems .items .subtxt p{font-size:20px; line-height:28px;}
.clear_vsbox .citems .items .subtxt p:nth-child(1){color:#00687f; margin-bottom:10px}
.clear_card{display:block; padding:0 100px;}
.clear_card .box-top-guide{display: table; border-radius:30px; padding:10px 30px; font-size:30px; font-weight:600; margin:0 auto; }
.clear_card .topb1{border:2px solid #717171; color:#858585}
.clear_card .topb2{border:2px solid #00687f; color:#00687f}
.clear_card .card-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -25px; padding: 0; justify-content: space-between; }
.clear_card .card-list > li {width: calc(50% - 30px); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 15px;}
.clear_card .card-list > li .card-box {display: table; width: 100%; height: 100%; padding: 0; min-height: 155px; border: none; table-layout: fixed;}
.clear_card .card-list > li .card-box .card-img {display: table-cell; width: 150px; vertical-align: middle; text-align: left;}
.clear_card .card-list > li .card-box .card-content {display: table-cell; width: calc(100% - 150px); margin-top: 0; padding-left:30px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.clear_card .card-list > li .card-box .card-content .card_head{font-size:24px; }
.clear_card .card-list > li .card-box .card-content .card_head span{font-weight:600; color:#4ea3b6; margin-right:10px;}
.clear_card .card-list > li .card-box .card-content p{font-size:20px; font-weight:300; line-height: 30px;}
.clear_equipment {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin:0; margin-bottom:30px; border-top:1px solid #cfd4d7; border-bottom:1px solid #cfd4d7; padding:50px;}
.clear_equipment .card-list{width:70%}
.clear_equipment .card-list:nth-child(1){width:30%}
.clear_equipment .card-list .card_head{font-size:30px; font-weight:600;}
.clear_equipment .card-list .card-content{display:block}
.clear_equipment .card-list .card-content p{font-size:20px; line-height:30px; font-weight:300}
.clear_equipment .card-list .card-content p:nth-child(2){font-size:22px; font-weight:600;}
/* 렌즈 삽입술 */
.lens_surgery{display:block}
.lens_surgery .point_box{display: table; color:#27687d; border:1px solid #27687d; border-radius:30px; padding:5px 10px; font-size:20px; margin:0 auto}
.lens_surgery .steplist_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.lens_surgery .steplist_box > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 25%; list-style: none; display: flex; justify-content: center; margin-right:30px; margin-bottom:30px;}
.lens_surgery .steplist_box > li .box {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.lens_surgery .steplist_box > li .box .box-head{width:100%; font-size:24px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #97aab0; margin-bottom:20px; text-align:center; color:#01a4ad}
.lens_surgery .steplist_box > li .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; padding: 0 0px;}
.lens_surgery .steplist_box > li .box .step-content p{position: relative; font-size:24px; line-height:32px; text-align:center;}
.lens_surgery .steplist_box .bradius{border-radius:10px; border:1px solid #47a3b4; padding:20px; background-color:#fff}
.lens_surgery .percent_box {display: -webkit-box; width:56%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0 auto; padding: 0;}
.lens_surgery .percent_box > li {width: calc(25% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; margin-right:30px; margin-bottom:30px;}
.lens_surgery .percent_box > li .box {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.lens_surgery .percent_box > li .box .box-head{width:100%; margin-bottom:20px;}
.lens_surgery .percent_box > li .box .step-content {width:100%; font-size:20px; line-height:30px; color:#27687d; text-align:center;}
.lens_surgery .source{font-size:18px; color:#6e6e6e; text-align:center; margin-top:40px;}
.lens_surgery .know_flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 0; margin:0}
.lens_surgery .know_flex > li {width: calc(50% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; margin-right:30px;}
.lens_surgery .know_flex > li .box {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.lens_surgery .know_flex > li .box img{border:1px solid #bbbbbb; padding:10px;}
.lens_surgery .know_flex > li .box .nopd{padding:0; border:none}
.lens_surgery .know_flex > li .box .txt_box .num{position: relative; display: inline-flex; font-size:30px; font-weight:900; color:#00687f; margin-bottom:30px;}
.lens_surgery .know_flex > li .box .txt_box .num::after{content: ""; position: absolute; left: 0; bottom:-15px; width: calc(100%); height:1px; background:#00687f; }
.lens_surgery .know_flex > li .box .txt_box .num1{position: relative; display: inline-flex; font-size:30px; font-weight:900; color:#9db9c1; margin-bottom:30px;}
.lens_surgery .know_flex > li .box .txt_box .num1::after{content: ""; position: absolute; left: 0; bottom:-15px; width: calc(100%); height:1px; background:#9db9c1; }
.lens_surgery .know_flex > li .box .txt_box h3{color:#000; font-size:24px; font-weight:600; line-height:34px; margin-bottom:30px !important;}
.lens_surgery .know_flex > li .box .txt_box p{color:#000; font-size:20px; font-weight:300; line-height:30px;}
/* 소아시력교정술 */
.con_box{display:block; padding:60px;}
.tabtxt{font-size:26px; line-height:38px; padding:0 70px;}
.dream_box{display:block;}
.dream_box .steplist {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; justify-content: center; margin: 0px; padding: 0;}
.dream_box .steplist > li {width:31.5%; -webkit-box-flex: 1; list-style: none; display: flex; justify-content: center; align-items: center; border: 1px solid #47a3b4; border-radius: 10px; padding:40px 30px 40px 40px; margin:10px;}
.dream_box .steplist > li .items{font-size:22px; line-height:34px;}
.dream_box .steplist > li .items:nth-child(1){color:#beebee; font-size:90px; font-weight:900; margin-right:20px;}
.dream_box .step_box{text-align:center; border-bottom:1px dotted #cdcdcd; padding:25px 0px;}
.dream_box .step_box .bdru{display: table; margin:0 auto; background-color:#00687e; padding:5px 10px; font-size:18px; color:#fff; margin-bottom:10px !important; border-radius:20px;}
.dream_box .step_box h2{margin:0; margin-bottom:20px !important; font-size:24px; font-weight:600;}
.dream_box .step_box p{margin:0; font-size:20px; font-weight:300; line-height: 30px;}
.dream_box .steps {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin:0;}
.dream_box .steps .bg1{background-color:#eaf3f4}
.dream_box .steps .bg2{background-color:#d6e7ea}
.dream_box .steps .bg3{background-color:#99c2cb}
.dream_box .steps .bg4{background-color:#4c95a4}
.dream_box .steps .fcolor1{color:#25879d !important}
.dream_box .steps .fcolor2{color:#afe3ee !important}
.dream_box .steps > 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 #e7e8e8; border-radius:10px;}
.dream_box .steps > li .step-box {position: relative; height: 100%; padding:25px; border-radius: 10px; text-align: center; }
.dream_box .steps > 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; }
.dream_box .steps > li:nth-child(3n) .step-box:after {display: none;}
.dream_box .steps > li .step-box h2 {position: relative; margin:0; font-size:26px; color:#4ea3b6; font-weight:900;}
.dream_box .steps > li .step-box h2::before{content: ""; position: absolute; left:50%; transform: translate(-50%, -50%); bottom:-10px; width:40px; height:1px; background-color:#4ea3b6}
.dream_box .steps .fcolor2::before{background-color:#afe3ee !important}
.dream_box .steps > li .step-box p {margin:0; font-size:20px; font-weight:600;}
.dream_box .cycle_list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.dream_box .cycle_list > li {width: calc(20% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center;}
.dream_box .cycle_list > li .box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column;}
.dream_box .cycle_list > li .box .step-head{font-size:30px; font-weight:900; margin-bottom:12px; color:#94c3cd; }
.dream_box .cycle_list > li .box .box-head{width:100%; font-size:28px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #97aab0; margin-bottom:20px; text-align:center}
.dream_box .cycle_list > li .box .step-line{width:45px; height:1px; background-color:#add6dd; margin:0 auto; margin-bottom:25px;}
.dream_box .cycle_list > li .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; padding: 0 20px;}
.dream_box .cycle_list > li .box .step-content p{position: relative; font-size:21px; line-height:32px; text-align:center}
.dream_box .cycle_list .cycle{width:250px; height:250px; border-radius: 50%; border:8px solid #b8cfd7; }
.dream_box .cycle_list .cycle1{width:210px; height:210px; border-radius: 50%; border:8px solid #b8cfd7; }
.dream_box .icon_list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0px; padding: 0;}
.dream_box .icon_list > li {width: calc(16.5555555% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center;}
.dream_box .icon_list > li .box{display:block;}
.dream_box .icon_list > li .box .step-head{margin-bottom:10px; text-align:center;}
.dream_box .icon_list > li .box .step-head img{width:auto}
.dream_box .icon_list > li .box .step-content {font-size:20px; line-height:30px; font-weight:600; text-align:center;}
.dream_box .ipl-laser-box{}
.dream_box .numlist {width:60%; margin:0; margin-right:40px;}
.dream_box .numlist li{display:flex; justify-content: space-between; padding:20px; border:4px solid #b8cfd7; background-color:rgba(1,70,85,0.5); border-radius: 50px; margin-bottom:20px;}
.dream_box .numlist li .num{display:flex; justify-content: center; align-items:center; font-size:20px; font-weight:600; width:39px; height:39px; color:#1c3f47; background-color:#b8cfd7; border-radius:50%;}
.dream_box .numlist li .txt{width:90%; font-size:20px; font-weight:300; color:#fff; line-height:40px}
.dream_box .ipl-laser-box .ipl-laser-img{width:20%}
.dream_box .numlist1 {width:80%; margin:0 auto;}
.dream_box .numlist1 li{display:flex; padding:20px; border:4px solid #b8cfd7; background-color:#e5f1f4; border-radius: 50px; margin-bottom:20px;}
.dream_box .numlist1 li .num{display:flex; justify-content: center; align-items:center; font-size:20px; font-weight:600; width:39px; height:39px; color:#1c3f47; background-color:#b8cfd7; border-radius:50%;}
.dream_box .numlist1 li .txt{width:90%; font-size:20px; font-weight:400; color:#000; line-height:40px; padding-left:20px;}
.dream_box .compare {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; margin: 0px; padding: 0;}
.dream_box .compare .htxt{font-size:30px; line-height:36px; font-weight:600;}
.dream_box .compare .blines{border-bottom:1px solid #000000;}
.dream_box .compare .bg1{background-color:#f6f6f6;}
.dream_box .compare .bg2{background-color:#dae6eb; font-weight:400; }
.dream_box .compare > li {width: calc(37% - 50px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; display: flex; justify-content: center; align-items: center; padding:15px 20px; border-bottom:1px solid #fff; font-size:20px; line-height:28px; font-weight:300; text-align:center;}
.dream_box .compare > li:nth-child(2){width:12%; margin:0 30px; font-weight:400; border-bottom:1px solid #c5c5c5;}
.m_gnb_btn2{display: none}
/* 모바일 */
@media screen and (max-width:1024px) {
.h_tcenter{text-align:center!important;}
/* 공통 */
nav,
.sub_gnb{display:none}
.con_warp{width:100%;}
.retina-container{width:100% !important; padding:0 10px; position: relative; display: block}
.retina-info .info_txt{width:100%}
.con_box{padding:30px;}
header {background-color:#fff; padding:0px 0; width:100%;border-bottom: #bfbfbf 1px solid; height: 110px}
.top_wrap{display:block; width:100%;}
.logo_top {display:block; text-align:center; padding:15px 0px 7px}
.logo_top a img{width:40% !important; margin-top: 5px}
.logo_top img:nth-child(2){display:none}
.lang_top{display:none}
.btn-allmenu-open {top: 22px ; bottom: 0; padding: 0 15px;}
.ico-allmenu {width: 25px; height: 20px; line-height: 20px; background-image: url("/img/ico-allmenu@2x.png"); background-size: 100% }
.btn-tel-open {position: absolute; top: 12px; right: 10px; padding: 0px 0px 0; font-size: 10px; text-align: center}
.ico-tel {width: 20px; height: 26px; line-height: 1.3; background-image: url("/img/ico-tel@2x.png");background-size: 100% auto;display: block; margin: 0 auto 5px}
.col-md-2 {width:33.333333333%}/* 5단 */
.col-lg-4 {width:100%;}
.mtopMenu{border-top: #bfbfbf 1px solid ; height: 50px ;; font-size: 0; text-align: center; }
.mtopMenu a{color:#666666; font-size: 11px; font-weight: 700; line-height: 50px;}
.mtopMenu a+a{margin-left: 3.2vw}
.header{font-size: 30px; text-align: left !important; position: relative}
.sub_title2,
.sub_title3,
.sub_title4{font-size:25px; line-height:1.4; text-align: left}
.sub_title5,
.sub_title6{font-size:20px; line-height:1.4; text-align: left}
.sub_img,
.sub_timg2{width:100%}
.headerC{font-size: 30px; text-align: center !important; color: #00687f !important;padding-bottom: 20px; }
.sub_title2C,
.sub_title3C,
.sub_title4C{font-size:30px !important; line-height:1.4; text-align: center; color: #00687f;}
.sub_title5C,
.sub_title6C{font-size:15px; line-height:1.4; text-align: center; color: #00687f;}
.m_gnb_btn2{margin-left: 30px; margin-top: 2px; display: block}
.m_gnb_btn2 img{height: 20px; }
.sheader {font-size:40px;}
.mt-200 {margin-top:0px;}
.pc_view{display:none}
.mo_view{display:block}
.tabmenu {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin: 0 auto; margin-top:70px; margin-bottom:40px;}
.tabmenu li{display: inline-block; background:#fff; border:1px solid #a8a8a8; border-left:none; padding:15px 0px; width:20%; font-size:18px; font-weight:300; text-align:center; cursor: pointer;}
.tabmenu li:nth-child(1),
.tabmenu li:nth-child(6){border-left:1px solid #a8a8a8;}
.tabmenu li:nth-child(n+6){border-top:none;}
.tabmenu .active{background:#273743; color:#fff}
.tabmenu li.w2{width:100%;}
.tabmenu li.w3{width:100%;}
.tabmenu li.w4{width:100%;}
.tabmenu li,
.clear_tabmenu li{margin-left:0; margin-top:2px; font-size: 19px}
.clear_tabmenu li.w2,
.clear_tabmenu li.w3,
.clear_tabmenu li.w4{width:100%;}
.container_box {padding:0}
/* 노안.백내장 */
.presbyopia{display:block; position:relative;}
.presbyopia .nomargin{margin:20px 0 !important}
.presbyopia_bg2{min-height:800px; background-position: left center;}
.presbyopia_bg5{background-position: top center; background-size: cover}
.presbyopia_flex {margin-bottom:70px; gap: 5px;}
.presbyopia_flex .txts_box{width:100%; order:2;}
.presbyopia_flex .imgs_box{width:100%; order: 1;}
.presbyopia_flex .txts_boxb{width:100%; margin-bottom:20px;}
.presbyopia_flex .txts_boxb h3{font-size: 30px;}
.pres_item{width:100%;}
.pres_item .items{width:290px; height:290px;}
.presvideo_item .items,
.presvideo_item .items:nth-child(2){width:100%}
.presvideo_item .items .video_flex .vitem{width:46%}
.presreview_item .items,
.presreview_item .items:nth-child(2){width:100%;}
.presvideo_item .itemsb{display:block; width:100%; text-align: center !important; margin-top: -60px !important}
.presvideo_item .itemsb button{display: flex; background-color: #00687f; font-size: 20px; padding: 10px 20px; border-radius: 30px; color: #fff; justify-content: center; width: 240px; margin: 0 auto; margin-top:30px;border:none; height: auto }
.presequ_item .items{width:100%;}
.piasur_box{padding:20px 0;}
.ulflex li {width:50%;}
.ulflex li:nth-child(2),
.ulflex li:nth-child(4){border:none}
.step-list > li{width:100%; margin:0; margin-top:120px}
.step-list > li:nth-child(1){margin-top:0px;}
.step-list > li .step-box:after {top: calc(100% + 30px); left: calc(50% - 12px); right: 0; background: url(/simg/presbyopia/arrow_bottom.jpg) no-repeat 0px 0px; }
.incision_box{background-color:#fafafa; padding:30px 10px; margin-top:30px;}
.incision_box .incision{flex-wrap: wrap;}
.incision_box .incision > li{flex: 1 1 100%;}
.incision_box .incision > li + li {margin-left:0px; margin-top:30px;}
.incon_box{padding:20px;}
.incon_box .incon > li {width:100%; font-size:18px;}
.track_box{padding:20px 0}
.knowhow_card .card{width:100%}
.frmto{ padding-top:50px;}
.frmto .frmto_box{padding:30px;}
.frmto .frmto_box p{ font-size:22px;}
.frmto .frmto_img{position: relative; right:0; bottom:0; padding:50px}
.indoctor_flex .imgs_box,
.indoctor_flex .txts_box{width:100%;}
.indoctor_flex .imgs_box{margin-bottom:30px;}
/* 백내장 */
.cataract_box .cataract-list > li {width: 100%; margin: 0; border: none; }
.cataract_box .steplist > li{width: calc(32% - 50px); margin-bottom:30px;}
.cataract_box .steplist > li:nth-child(5){justify-content: center;}
.cataract_box .steplist > li:nth-child(7){justify-content: center;}
.cataract_box .steplist_box > li {width: calc(100% - 0px); margin-bottom:20px;}
.cataract_box .steplist_box > li:nth-child(1),
.cataract_box .steplist_box > li:nth-child(2){margin-right:0px;}
.cataract_box .steplist_box > li:nth-child(3){margin-bottom:0}
.step_wrap .steplist > li{width:100%; margin: 15px 0px;}
.step_wrap .steplist > li:nth-child(n+2){margin-top:20px;}
.step_wrap .steplist > li .step-box:after {top: calc(100% + 10px); left: calc(50% - 12px); right: 0; background: url(/simg/presbyopia/arrow_bottom.png) no-repeat 0px 0px; }
/* 노안 */
.sub_timg .txt{font-size: 20px; left:20px; bottom: 30px; line-height: 34px;}
.opia_box .items{flex-wrap: wrap;}
.opia_box .items > li {width:100%; flex: 1 1 100%;}
.opia_box .items > li + li{margin-left:0; margin-top:30px;}
.opia_box .steplist > li{padding:0 20px;}
.opia_flex .steplist_box > li,
.opia_flex .steplist_box > li:last-child{width:100%;}
.opia_flex .steplist_box > li:last-child{margin-left:0px; margin-top:30px;}
.sub_img {width:100%}
/* 클리어스마일 */
.indent_box .card-list > li{width:100%; margin-bottom:30px;}
.indent_box .card-list > li:last-child{margin-bottom:0}
.pdlr100{padding:0; padding-bottom:100px}
.mt-320{margin-top: -220px;}
.indent_box .card-list > li .card-box .clear-head h2{font-size:30px; line-height:36px;}
.indent_box .card-list > li .card-box .clear-head h3{font-size: 50px;}
.indent_box .card-list > li .card-box .clear-head p{font-size:22px; line-height: 30px;}
.indent_box .card-list > li .card-box .clear-sub p span{font-size:18px;}
.indent_box .card-list > li .card-box .clear-sub p{width: 280px;}
.orth-youtube{padding:30px}
.orth-youtube iframe{max-width:100%; height:350px}
.orth_whitebox{padding:40px 20px;}
.price-box.active{transform: scale(1);}
.orth_history{padding:30px}
.orth_history .hlist{border-left:none; margin-left:0}
.orth_history .hlist .list_item{display: block; padding-left:0}
.orth_history .hlist .list_item span em:nth-child(1){display:block}
.orth_history .hlist li:before {display:none}
.orth_history .hlist .type01:after,
.orth_history .hlist .type02:after,
.orth_history .hlist .type03:after,
.orth_history .hlist .type04:after,
.orth_history .hlist .type05:after,
.orth_history .hlist .type06:after{display:none}
.orth_certif{gap:40px; padding-top:0px;}
.orth_certif .items{width:100%;}
.orth_certif .items p{font-size:26px; line-height:36px;}
.clear_vsbox .citems{justify-content: center;}
.clear_vsbox .citems .items{width:100%; }
.clear_card{padding:0 20px}
.clear_card .card-list{display:block; margin:0}
.clear_card .card-list > li{width:100%; margin:0; margin-bottom:15px;}
.clear_equipment .card-list,
.clear_equipment .card-list:nth-child(1){width:100%}
.clear_equipment .card-list:nth-child(1){margin-bottom:30px;}
.lens_surgery .steplist_box > li {width: calc(100% - 0px); flex: 1 1 100%; margin-right:0}
.lens_surgery .percent_box{width:100%}
.lens_surgery .percent_box > li{width: calc(100% - 0px); text-align: center; margin: 0 auto 30px}
.lens_surgery .know_flex > li{width:100%; margin-right:0; margin-bottom:30px;}
.lens_surgery .know_flex .know_imgs{order:1}
.lens_surgery .know_flex .know_cons{order:2}
.lens_surgery .know_flex > li .box .txt_box h3{font-size: 20px;}
.lens_surgery .know_flex > li .box .txt_box p{font-size:16px; line-height: 26px;}
.dream_box .steplist > li {width:100%; justify-content: flex-start; padding:25px;}
.dream_box .steplist > li .items{font-size:16px; line-height:24px;}
.dream_box .steplist > li .items:nth-child(1){font-size:60px; font-weight:900; margin-right:20px;}
.incision_box .incision p.fsize1{font-size:16px; line-height: 1.5rem;}
.clear_card .box-top-guide{font-size:18px}
.indent_box .card-list > li .card-box .card-sub .txt{font-size:18px; line-height: 26px; min-height: auto }
.orth-youtube1{padding:0}
.orth-youtube1 iframe{max-width:100%;}
.clear_equipment{padding: 50px 0px;}
.clear_equipment .card-list .card_head{font-size: 24px;}
.clear_equipment .card-list .card-content p{font-size: 18px; line-height: 24px;}
.clear_equipment .card-list .card-content p:nth-child(2){font-size: 20px;}
.dream_box .steps > li {width:100%; flex: 1 1 100%; margin:0; margin-top: 50px;}
.dream_box .steps > li:nth-child(1){margin-top:0}
.dream_box .steps > li .step-box:after {top: calc(100% + 25px); left: calc(50% - 12px); right: 0; background: url(/simg/presbyopia/arrow_bottom.jpg) no-repeat 0px 0px; }
.dream_box .cycle_list > li{width: calc(32% - 50px); margin-bottom: 30px;}
.dream_box .icon_list > li {width: calc(33.3% - 50px); flex: 1 1 33.3%; margin-bottom:20px;}
.tabmenu{margin:0}
.tabmenu li{border-left:1px solid #a8a8a8;}
.tabmenu li.w3{width:100%}
.dream_box .numlist {width:100%; margin:0 40px; margin-bottom:40px;}
.dream_box .ipl-laser-box .ipl-laser-img{width:100%}
.dream_box .numlist li{align-items: center; border-radius: 70px;}
.dream_box .numlist li .txt{font-size:16px; line-height: 22px;}
.dream_box .numlist1 {width:100%; margin:0; margin-bottom: 40px;}
.dream_box .numlist1 li{align-items: center; border-radius: 70px;}
.dream_box .numlist1 li .txt{font-size:16px; line-height: 22px;}
.doctor-heading{display:block; margin-bottom:45px; text-align: left !important }
.doctor-heading h2{font-size:30px; margin-bottom:30px !important; }
.doctor-heading dt{font-size:25px; margin-bottom:30px !important;}
.doctor-heading span{color:#01a4ad}
.doctor-heading p{font-size:25px; text-align: left }
.doctor-heading p.fs30{font-size:20px;}
.doctor-heading img{width: 100% !important}
.doctor-heading p.fs25{font-size:20px; font-weight:300; color:#000; }
.doctor-heading2{display:block; margin-bottom:45px; }
.doctor-heading2 h2{font-size:30px; font-weight:700; color:#000; margin-bottom:50px !important;}
.doctor-heading2 span{color:#01a4ad}
.doctor-heading2 p{font-size:25px; font-weight:300; color:#000; line-height: 1.4}
.doctor-heading2 p.fs30{font-size:25px; font-weight:300; color:#000; line-height: 1.4}
.doctor-headingC{display:block; margin-bottom:45px; text-align: center !important; color: #00687f; }
.doctor-headingC h2{font-size:30px; margin-bottom:30px !important; color: #00687f;}
.doctor-headingC dt{font-size:25px; margin-bottom:30px !important; color: #00687f;}
.doctor-headingC span{color:#01a4ad}
.doctor-headingC p{font-size:20px !important; text-align: center ;color: #00687f;}
.doctor-headingC p.fs30{font-size:20px !important; color: #00687f;}
.doctor-headingC p.fs25{font-size:20px !important; font-weight:300;color: #00687f;}
.retina-info{padding:30px 10px;}
.retina-info .info_h{font-size:25px; margin-bottom:0px;}
.retina-info .info_h p{font-size:30px}
.retina-info .info_txt{font-size: 20px; }
.retina-info .info_txt p{font-size: 17px;}
.doctor_info .doctor_box ul li{display: inline-block; width:50%; }
.doctor_info .doctor_box2{border: #dddddd 5px solid; border-radius: 20px; height: auto; color: #fff; margin-top: 0px; font-size: 26px; width: 100%; line-height: 1.4; letter-spacing:-0.04em; text-align: center; margin-bottom: 100px; padding: 30px 20px}
.retina_con_box{padding:80px 0px}
.retina_con_box .h_box{font-size: 20px; line-height: 30px;}
.retina_btn_box a{width:100%; font-size:20px;}
.retina_btn_box img{width:100%}
.treat_box{padding: 0 20px;}
.treat_box h3{font-size: 30px;}
.treat_box h4{font-size: 20px; line-height: 32px;}
.treat_box .h_txt{font-size: 20px; line-height: 32px;}
.treat_box .h_stxt{font-size: 18px; line-height: 26px;}
.treat_bg{padding-top:20px !important; padding-bottom:20px !important; }
.treat_box li .li_con p{font-size:18px; line-height:26px;}
.treat_flex{margin-bottom:80px; flex-wrap: wrap;}
.treat_flex .txt_box{width:100%; order:2}
.treat_flex .img_box{width:100%; margin-bottom:20px; order:1}
.treat_flex .txt_box .num{font-size:26px;}
.treat_flex .txt_box h3{font-size:26px; margin-bottom: 20px !important;}
.treat_flex .txt_box p{font-size:18px; line-height:26px;}
.tabmenu li{width:100%}
.tabmenu li.w4{width:100%}
.tabmenu li:nth-child(n+6){border-top:1px solid #a8a8a8;}
.equipment_header{font-size:26px; margin-top:0px; margin-bottom:50px}
.equipment .col .txt_box{font-size:18px; line-height:26px;}
.sub_title{font-size: 22px; line-height: 36px;}
.sub_title1{font-size: 22px; line-height: 36px;}
.lines{margin-bottom:0px; border-top:0px solid #dddddd; padding-bottom: 0px; height: 30px; }
.lines .hline{height:40px; width:1px; background:#dddddd; display: none}
.lines .radius{background-color:#01a4ad; width:15px; height:15px; border-radius: 50%; margin:0 auto; display: none}
.lines2{ margin-bottom:25px;}
.con_title{font-size:30px;}
.con_titles{font-size: 24px;}
.con_title_radius{font-size: 24px;}
.faq_lst .set button{padding:20px 0;}
.faq_lst .set button .faq_title .question_box{width: 80%; font-size: 18px;}
.faq_lst .set button .faq_title{align-items: center;}
.faq_lst .ans .ans_box .answer_box{font-size: 18px; line-height: 26px;}
.faq_lst .set button .fa{right: -10px;}
.content_wrap{padding:20px;}
.macular{padding:20px;}
.macular .row_box{width:100%}
.macular .macular_box .col{width:100%}
.antibody ul{padding:30px;}
.antibody li{font-size: 18px; line-height:26px}
.antibody_last .tite{font-size: 30px;}
.antibody_last li .txt{font-size: 18px; line-height:26px}
.laser_flex .items{width:100%}
.laser_flex .items .item_title{font-size:20px; line-height: 30px;}
.laser_flex .items .item_con{font-size: 18px; line-height:26px}
.laser_last .tite{font-size: 30px;}
.laser_last ul{padding:0 20px;}
.laser_last li .txt{font-size: 18px; line-height:26px}
/* 푸터 */
.footerbox01{min-width: 100% !important;}
/*망막 */
.doc_bg1{padding-top: 35vw; min-height: auto; height:130vw; background-image: url(/simg/retina/retina_bg1.jpg); background-size: auto 100% }
.retinal-clinicBox01{margin: 50px 0 100px}
.retinal-clinicBox01 ul li{ width: 48%; height:73vw; padding-top: 20px; font-size:16px; ; border: #b8cfd7 5px solid; vertical-align: top;}
.retinal-clinicBox01 ul li dl{ font-size: 15px; margin:10px auto 7px}
.retinal-clinicBox01 ul li + li{margin-left: 0px}
.retinal-clinicBox01 ul li:nth-child(2n){margin-left: 4%; margin-bottom: 20px}
.retinal-clinicBox01 ul li img{width: 60%}
.retinal-clinicBox02{margin: 90px auto}
.retinal-clinicBox02 ul li{display: block; width: 100%; font-size: 18px; }
.retinal-clinicBox02 ul li.l1{width: 100%; padding-right: 0px; margin-bottom: 20px}
.retinal-clinicBox02 ul li.l2{width: 100%; padding-left: 0px; margin-top: 20px}
.retinal-clinicBox02 ul li dt{font-size: 25px; margin: 0px 0 20px; }
.retinal-clinicBox02 ul li dl{font-size: 25px; margin-bottom: 25px}
.retinal-clinicBox02 ul li img{width: 100% !important;}
.retinal-clinicBox03{padding: 30px 20px; margin-bottom: 50px;}
.retinal-clinicBox03 dt{font-size: 25px; }
.retinal-clinicBox03 dl{font-size: 20px; margin-top: 15px; margin-bottom: 25px; }
.retinal-clinicBox04 ul{font-size: 0; text-align: center}
.retinal-clinicBox04 ul li{display: inline-block; width: 48%;}
.retinal-clinicBox04 ul li img{width: 100% !important; height: auto}
.retinal-clinicBox04 ul li dd{line-height: 40px; font-size: 15px; }
.retinal-clinicBox04 ul li:nth-child(2){margin-left: 4%}
.retinal-clinicMore{ font-size: 13px; text-align: center}
.retinal-clinicMore a{width: 56px; margin: 0 auto;}
.retinal-clinicMore a dd{width: 56px; line-height: 56px; font-size: 34px;}
/* 황반변성 클리닉 */
.degenerationBox01{text-align: center; width: 100%; margin: 0 auto}
.degenerationBox01 ul{font-size:0}
.degenerationBox01 ul li{vertical-align: top; display: inline-flex; width: 48%; height: 70vw; border: #bee0e2 4px solid; justify-content:center; align-items:center; flex-direction: column; border-radius: 200px; margin-bottom: 40px; font-size: 21px}
.degenerationBox01 ul li + li{margin-left: 0px}
.degenerationBox01 ul li:nth-child(2n){margin-left: 4%}
.degenerationBox01 ul li img{width: 50%}
.degenerationBox01 ul li dl{width: 40px; height: 2px; background: #008ea8; margin: 20px auto 15px}
.degenerationBox01 ul li dd{height: 60px; line-height: 1.2; display: flex; justify-content:center; align-items:center; }
.degenerationBox01 ul li:nth-child(5){margin-left: 0}
.degenerationBox02{text-align: center;}
.degenerationBox02 ul{font-size:0}
.degenerationBox02 ul li{vertical-align: top; display: block; width: 100%;}
.degenerationBox02 ul li dt{font-size: 23px; color: #fff; font-weight: 700; line-height: 52px; background: #00687f}
.degenerationBox02 ul li + li {margin-left: 0px; margin-top: 30px}
.degenerationBox02b{margin: 40px auto 0}
.degenerationBox02b ul li{display:block; width: 100%; margin: 0 auto}
.degenerationBox03{text-align: center; width: 100%; margin: 0 auto; border: #bee0e2 2px solid; border-radius: 30px; margin-bottom: 40px}
.degenerationBox03 ul{font-size:0}
.degenerationBox03 ul li{vertical-align: top; display: block; width: 100%;justify-content:center; flex-direction: column; font-size:19px; font-weight: 300; height: auto; padding: 10px}
.degenerationBox03 ul li dt{font-size: 25px; color: #00687f; font-weight: 700; margin-bottom: 35px; text-align: left; display: block; width: 100%; }
.degenerationBox03 ul li:nth-child(2){text-align: left; width: 100%; line-height: 1.6; margin-top: 30px}
.degenerationBox03 ul li img{width: 80%; margin: 0 auto}
.degenerationBox04{background: #f5f6fa; border-radius: 20px; padding: 30px 10px; width: 100%; margin: 0 auto}
.degenerationBox05{background: #fff; padding: 50px 10px 10px; }
.degenerationBox05 .title{font-size: 25px; font-weight: 700px; color: #00687f; text-align: center; margin-bottom: 50px}
.degenerationBox05 .info{font-size: 19px; font-weight: 300; padding-left: 30px; background: url("/simg/retina/antibody_icon.png") left 5px no-repeat; margin-bottom: 30px; background-size: 20px }
.degenerationBox06{margin: 25px auto 80px; text-align: right}
.degenerationBox06 a{display: inline-block; background: url("/simg/retina/btn_icon3b.png") 93% 40% no-repeat #00687f; color: #fff; font-size: 15px; font-weight: 700; width: 100%; line-height: 58px; text-align: left; padding-left: 15px; background-size: auto 10px}
.degenerationBox07{background: #fff; padding: 30px 10px 30px; margin-bottom: 50px; border-radius: 20px; vertical-align: top}
.degenerationBox07 .info01{display: flex; width: 100%; min-height: auto; padding: 0 10px; vertical-align: top; justify-content:center; flex-direction: column ;font-size: 20px}
.degenerationBox07 .info01 .title{font-size: 25px; font-weight: 700px; color: #00687f; margin-bottom: 35px}
.degenerationBox07 .info02{display: block;width: 100%; vertical-align: top; text-align: center; margin-top: 30px }
.degenerationBox08{margin: 0 auto; width: 100%}
.degenerationBox08 ul{font-size: 0; text-align: center}
.degenerationBox08 ul li{display: block; }
.degenerationBox08 ul li img{width: 100% !important; height: auto !important}
.degenerationBox08 ul li dd{line-height: 50px; text-align: center; color: #fff; font-size: 15px; font-weight: 700; background: #a8a8a8}
.degenerationBox08 ul li:nth-child(2) dd{background: #00687f}
.degenerationBox08 ul li:nth-child(2){margin-top: 15px}
/* 당뇨망막 클리닉 */
.retinopathyBox01{background: #fff; font-size: 20px; font-weight: 300; text-align: left; padding: 60px 10px 80px; margin-bottom: 40px}
.retinopathyBox01 .title{display: block; margin-bottom: 30px; font-size: 30px; font-weight: 700; color: #00687f}
.retinopathyBox01 .img100{width: 100% !important}
.retinopathyBox02{margin:100px auto 50px}
.retinopathyBox02 ul{text-align: center; font-size: 0}
.retinopathyBox02 ul li{display:block; width: 100%; height:auto; vertical-align: top; justify-content:center; flex-direction: column ; align-items:center; color: #fff; font-size: 0px; font-weight: 700 }
.retinopathyBox02 ul li:nth-child(2n){width: 100% !important; text-align: center; padding: 30px 0}
.retinopathyBox02 ul li dt{line-height: 50px; background: #a6b3b6; display: block; width: 100%; font-size: 15px; }
.retinopathyBox02 ul li:nth-child(3) dt{background: #51909e}
.retinopathyBox02 ul li:nth-child(5) dt{background: #04414e}
.retinopathyBox02 ul li img{width: 100% !important;}
.retinopathyBox02 ul li:nth-child(2n) img{width:auto !important; margin: 0 auto}
.retinopathyBox03{margin:0 auto 0}
.retinopathyBox03 ul{text-align: center; font-size: 0}
.retinopathyBox03 ul li{display: block; width: 100%; height: auto; border: #52a8b8 1px solid; border-radius: 10px; font-size: 18px; font-weight: 300; padding: 20px 50px; vertical-align: top}
.retinopathyBox03 ul li dt{font-size: 23px; font-weight: 700; color: #01a4ad; padding-bottom: 10px; border-bottom: #c8d2d5 2px solid; display: block; width: 100%; margin-bottom: 20px}
.retinopathyBox03 ul li + li{margin-left: 0px; margin-top: 30px}
.retinopathyBox04{margin:100px auto 100px}
.retinopathyBox04 ul{text-align: center; font-size: 0}
.retinopathyBox04 ul li{display:block; width:100%; vertical-align: top; }
.retinopathyBox04 ul li:nth-child(2n){margin-left: 0px; margin-top: 30px}
.retinopathyBox04 ul li dt{line-height: 60px; background: #d8dfe0; display: block; width: 100%; font-size: 15px; font-weight: 700 }
.retinopathyBox04 ul li img{width: 100% !important}
.retinopathyBox04b{margin:0px auto 0px}
.retinopathyBox04b ul li:nth-child(2n){margin-left: 0px; margin-top: 30px}
.retinopathyBox04b ul li dt{background: #a8a8a8; color: #fff }
.retinopathyBox04b ul li:nth-child(2n) dt{background: #00687f}
.retinopathyBox05{width: 100%; margin: 0 auto}
.retinopathyBox06{margin:50px auto 0px}
.retinopathyBox06 ul{text-align: center; font-size: 0}
.retinopathyBox06 ul li{display:block; width: 100%; vertical-align: top; font-size: 17px; font-weight: 700 ; }
.retinopathyBox06 ul li img{display: block; margin: 0 auto 20px; width: 100% !important}
.retinopathyBox06 ul li span{color: #00687f}
.retinopathyBox06 ul li + li{margin-top: 30px}
.retinopathyBox07{background: url("/simg/retina/retinopathy_img14.png") top center no-repeat #000; height: auto; display: flex; justify-content:center; flex-direction: column ; align-items:center; color: #fff; font-weight: 300; font-size: 20px; padding: 50px 0; background-size: cover}
.retinopathyBox07 dt{display: block; width: 100%; font-weight: 700; margin-bottom: 60px; font-size: 30px}
.retinopathyBox07 dt span{color: #6bd5db}
.retinopathyBox08{margin:40px auto 10px}
.retinopathyBox08 ul{text-align: center; font-size: 0}
.retinopathyBox08 ul li{display:block; vertical-align: top; font-size: 0 !important; }
.retinopathyBox08 ul li:nth-child(2){margin-left: 0px; margin-top: 30px }
.retinopathyBox08 ul li dt{line-height: 60px; background: #fff; display: block; width: 100%; font-size: 15px; font-weight: 700; margin-top:0px }
.retinopathyBox08b ul li:nth-child(2){margin-left: 0px; margin-right: 0px ; margin-top: 30px; margin-bottom: 30px}
/* faq */
.pres_faqlistb{border-top:3px solid #888888; margin-top:-50px;}
.pres_faqlistb .set {display:block;}
.pres_faqlistb .set button {
position: relative;
cursor: pointer;
display: block;
width: 100%;
padding: 15px 10px;
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:auto !important; height:26px !important; background:#c4dbdc; color:#fff; font-size:17px; font-weight:700; border-radius:50%; padding: 0 7px; line-height: 26px }
.pres_faqlistb .set button .faq_title .question_box{margin-left:10px; font-size:17px; font-weight:700; margin:0px 10px;}
.pres_faqlistb .set .active .faq_title{color:#01a4ad}
.pres_faqlistb .set .active .faq_title .question{background:#fff; color:#000; border:1px solid #c2c2c2; height:26px !important; line-height: 26px}
.pres_faqlistb .set button .fa {position: absolute; top:50%; right:0; width:20px; height:20px; transform: translateY(-50%); text-align: center; margin-top: -20px}
.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 10px; 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:auto !important; height:26px !important; background:#0c6681; color:#fff; font-size:15px; font-weight:600; border-radius:50%; padding: 0 9px 0 8px;}
.pres_faqlistb .ans .ans_box .answer_box {width:92%; margin-left:10px; font-size:17px; line-height:1.4; font-weight:300; color: #000;}
/* 비분증 */
.inscriptionBox01{text-align: center;}
.inscriptionBox01 ul{font-size:0}
.inscriptionBox01 ul li{vertical-align: top; display: block; width: 100%;}
.inscriptionBox01 ul li dt{font-size: 23px; color: #fff; font-weight: 700; line-height: 52px; background: #00687f}
.inscriptionBox01 ul li + li {margin-left: 0px; margin-top: 30px}
.inscriptionBox01 ul li img{width: 100% !important}
.inscriptionBox02{background: #f5f6fa; border-radius: 20px; padding: 60px 10px; margin: 60px auto 0}
.inscriptionBox03{text-align: center}
.inscriptionBox03 ul{text-align: center; font-size: 0}
.inscriptionBox03 ul li{display:block; vertical-align: top; width: 100%; height: auto; border: #b8cfd7 5px solid; border-radius: 20px; background: #f0f5f6; font-size: 19px; padding-top: 25px; padding-bottom: 25px}
.inscriptionBox03 ul li dt{font-size: 25px; font-weight: 700; color: #4ea3b6; display: inline-block; border-bottom: #91b4bc 1px solid; padding-bottom: 5px; margin-bottom: 20px}
.inscriptionBox03 ul li dl{height: auto; justify-content:center; align-items:center; display: flex; letter-spacing:-0.06em;}
.inscriptionBox03 ul li + li{margin-left: 0px; margin-top: 20px}
.inscriptionBox04{text-align: center;}
.inscriptionBox04 ul{font-size:0}
.inscriptionBox04 ul li{vertical-align: top; display: block; width: 100%;}
.inscriptionBox04 ul li + li {margin-left: 0px; margin-top: 30px}
.inscriptionBox04 ul li img{width: 100% !important}
.inscriptionBox05{width:100% !important; height: auto; display: block; justify-content:center; flex-direction: column ; align-items:center; background: #fff; border: #a8a8a8 1px solid; margin: 0 auto; padding: 30px 20px}
.inscriptionBox05 img{width: 100% !important; height: auto !important}
.inscriptionBox06{text-align: center}
.inscriptionBox06 ul{text-align: center; font-size: 0}
.inscriptionBox06 ul li{display:block; vertical-align: top; width: 100%; position: relative; font-size: 20px; font-weight: 700}
.inscriptionBox06 ul li + li{margin-left: 0px; margin-top: 30px}
.inscriptionBox06 ul li dt{display: block; margin-bottom:30px; font-weight: 900; color: #fff; width: 100%; margin: 0 auto 30px; line-height: 53px; background: #00687f; border: #b6cbd0 5px solid; border-radius: 50px}
.inscriptionBox06 ul li dl{position: absolute; width: 60%; height: 66px; display: flex; justify-content:center; flex-direction: column ; align-items:center; background: #fff; z-index: 9; border-radius: 50px; bottom:30px; left: 50%; margin-left: -30%}
.inscriptionBox06 ul li img{border-radius: 500px; width: 100% !important}
.inscriptionBox07{margin: 30px auto; width: 100%; background: #00687f; color: #fff; border: #b6cbd0 2px solid; border-radius: 20px; padding: 30px 10px; text-align: center; font-size: 20px; font-weight: 700}
.inscriptionBox07 dd{font-weight: 300; font-size: 15px; padding-left: 0%; margin-top: 5px}
/* 망막정맥폐쇄증 */
.obstructionBox01{text-align: center}
.obstructionBox01 ul{text-align: center; font-size: 0}
.obstructionBox01 ul li{display:block; vertical-align: top; width: 100%;}
.obstructionBox01 ul li + li{margin-left: 0px; margin-top: 30px}
.obstructionBox01 ul li dt{background: #aaaaaa; color: #fff; font-size: 23px; font-weight: 700; line-height: 1.4; padding: 15px 0}
.obstructionBox01 ul li:nth-child(2) dt{background: #00687f;}
.obstructionBox01 ul li:nth-child(3) dt{background: #4cbec5;}
.obstructionBox01 ul li img{width: 100% !important}
.obstructionBox02{background: #fff; border-radius: 20px; padding: 40px 0}
.obstructionBox02 dt{text-align: center; color: #646464; font-size: 20px; font-weight: 700; margin-bottom: 40px}
.obstructionBox03 ul{text-align: center; font-size: 0}
.obstructionBox03 ul li{display:block; vertical-align: top;}
.obstructionBox03 ul li + li{margin-left: 0px; margin-top: 30px}
.obstructionBox03 ul li img{width: 96% !important}
.obstructionBox03 ul li dl{margin-top: 0px; font-size: 15px; font-weight: 300; line-height: 30px}
.obstructionBox03 ul li dl img{vertical-align: top; width: 20px !important; margin-top: 5px}
.obstructionBox04{text-align: center; font-size: 15px; margin: 0 auto; width: 96%; padding: 14px 10px 30px; border: #c2bebd 1px solid}
.obstructionBox04 dt{color: #00687f; font-size: 20px; font-weight: 700; margin: 30px 0 10px }
.obstructionBox04 img{width: 100% !important}
/* 망막전막 */
.vestibuleBox01 ul li{display: block}
.vestibuleBox01 ul li dt{background: #00687f; color: #fff; line-height: 1.4; font-size: 23px; font-weight: 700; padding: 10px 0}
.vestibuleBox01 ul li + li{margin-left: 0px; margin-top: 20px}
.vestibuleBox01 ul li img{width: 100% !important}
.vestibuleBox02 ul li + li{margin-left: 0px; margin-top: 30px}
.vestibuleBox02 ul li dl{padding-left:0% !important; background:url("/simg/retina/chk_icon.png") 19% top no-repeat; font-size: 15px; font-weight: 300; margin-top: 10px; background-size: 20px auto}
.vestibuleBox02 ul li:nth-child(3) dl{background:url("/simg/retina/chk_icon.png") 20% top no-repeat; background-size: 20px auto}
.vestibuleBox03 ul li{display: block; width: 96%; padding: 5px 5px 30px; border: #c2bebd 1px solid; font-size: 15px; margin-left: 2%}
.vestibuleBox03 ul li + li{margin-left: 2%; margin-top: 30px}
.vestibuleBox03 ul li dt{color: #00687f; font-size: 20px; font-weight: 700; margin: 25px 0 10px }
.vestibuleBox03 ul li img{width: 100% !important}
/* 황반원공 */
.holeBox01 ul li + li{display: block; margin-left: 0px; margin-bottom: 28px; margin-top: 30px}
.holeBox01 ul li dt{background: #00687f; height: auto; display: flex; justify-content:center; flex-direction: column ; align-items:center; color: #fff; font-size: 15px; font-weight: 400; padding: 15px 0 }
.holeBox01 ul li dt b{display: block; font-size: 23px}
.holeBox01 ul li:nth-child(3){margin-left: 0}
.holeBox01 ul li img{width: 100% !important}
/* 유리체절제술 */
.vitreectomyBox01{text-align: center}
.vitreectomyBox01 ul{text-align: center; font-size: 0}
.vitreectomyBox01 ul li{display:inline-flex; justify-content:center; flex-direction: column ; align-items:center; vertical-align: top; width: 48%; height: 48vw; border: #b8cfd7 5px solid; border-radius: 200px; font-size: 19px; }
.vitreectomyBox01 ul li dt{font-size:25px; font-weight: 700; color: #4ea3b6; display: inline-block; border-bottom: #91b4bc 1px solid; padding-bottom: 5px; margin-bottom: 20px}
.vitreectomyBox01 ul li dl{ justify-content:center; align-items:center; display: flex; }
.vitreectomyBox01 ul li + li{margin-left: 0px}
.vitreectomyBox01 ul li:nth-child(2n){margin-left: 4%; margin-bottom: 20px}
.vitreectomyBox02 ul li{display: block; width: 100%}
.vitreectomyBox02 ul li + li{width: 100%; margin-left: 0px; font-size: 20px; font-weight: 300; text-align: left; padding-top: 20px}
.vitreectomyBox02 ul li img{width: 100% !important}
.vitreectomyBox03{padding: 0 10px}
.vitreectomyBox03 ul li{width: 100%; font-size: 19px; font-weight: 300; text-align: left;}
.vitreectomyBox03 ul li + li{width: 100%; margin-left: 0px; margin-top: 30px }
.vitreectomyBox03 ul li ol{background: #fff; border-radius: 30px;padding: 45px 10px 5px 10px; position: relative; margin: 0 !important}
.vitreectomyBox03 ul li ol dl{margin-bottom:40px;background:url("/simg/retina/antibody_icon.png") left top no-repeat; padding-left: 33px; background-size: 20px auto }
.vitreectomyBox03 ul li img{width: 100% !important}
/* 안구내 항체주입술 */
.infusionBox01 ul li{display:inline-block; padding-top: 30px}
.infusionBox01 ul li dt{padding-bottom: 2px; margin-bottom: 15px}
.infusionBox02{width: 100%; margin: 0 auto; font-size: 19px; font-weight: 300; background: #eef0f0; border-radius: 30px; padding:40px 10px; }
.infusionBox02 dl {background:url("/simg/retina/antibody_icon.png") left top no-repeat; padding-left: 33px ; background-size: 20px auto }
.infusionBox02 dl + dl{margin-top: 40px}
.infusionBox03 ul li{font-size: 15px; font-weight: 300; width: 48%}
.infusionBox03 ul li + li{margin-left: 0}
.infusionBox03 ul li:nth-child(2n){margin-left: 4%}
.infusionBox03 ul li:nth-child(5){margin-left: 0; margin-top: 50px}
.infusionBox03 ul li:nth-child(6), .infusionBox03 ul li:nth-child(7), .infusionBox03 ul li:nth-child(8){margin-top: 50px}
.infusionBox03 ul li img{width: 100% !important}
.infusionBox04 ul li{display: block}
.infusionBox04 ul li + li{margin-left: 0px; margin-top: 30px}
.infusionBox04 ul li img{width: 100% !important}
/* 망막 레이저 치료 */
.laserBox01{background:url("/simg/retina/laser_img02.png") top center no-repeat; background-size: cover; padding-top:60px; padding-bottom: 100px; overflow: hidden}
.laserBox01 dt{color: #00687f; font-size: 30px; font-weight: 700; padding-top: 7px; margin-bottom: 100px}
.laserBox01 dt b{font-weight: 900; background:url("/simg/retina/laser_img04.png") top center no-repeat;padding-top: 7px }
.laserBox02{width: 100%}
.laserBox02 ol{display: block; margin-top: 30px; border:#00687f 3px solid; border-radius: 30px; background: #fff; overflow: hidden; font-size: 20px}
.laserBox02 ol dl{display: inline-block; width: 190px; line-height: 50px; background: #00687f; color: #fff; text-align: center; font-size: 20px; font-weight: 600; border-radius: 0 0 30px 0 }
.laserBox02 ol dd{ padding: 30px 10px}
.laserBox02 ol dl.w1{width: 80%;}
.laserBox02 ol dl.w2{width: 97%;}
.laserBox03{position: absolute; left:50%; top: 285px; margin-left: 145px; z-index: 9; display: none}
.laserBox04{background:url("/simg/retina/laser_img05.png") top center no-repeat; background-size: cover; color: #fff; padding: 90px 10px 60px 10px; font-size: 20px; font-weight: 300; border-radius: 20px}
.laserBox04 dt{font-size: 35px; color: #29c7d0; font-weight: 700; text-align: center; margin-bottom: 60px}
.laserBox04 dl{ padding-left: 40px; position: relative}
.laserBox04 dl span{position: absolute; left:0; top:0; margin-top:-5px; width: 29px; line-height: 29px; text-align: center; background: #29c7d0; border-radius: 30px; font-size: 15px; font-weight: 700}
.laserBox04 dl + dl{margin-top: 30px}
.laserBox05 ul li{display: block; width: 100%}
.laserBox05 ul li + li{ margin-left: 0px; margin-top: 30px}
.laserBox05 ul li dt{background: #00687f; color: #fff; line-height: 50px; text-align: center; font-size: 23px; font-weight: 700}
.laserBox05 ul li img{width: 100% !important}
/*.orth_bg1{ height:calc(80vw - 180px);height:80vw; min-height: 80vw; background-image: url(/simg/orthodontics/orth_bg1M.png); background-size: cover; padding-top: 20vw} */
.orth_bg1{ height:calc(80vw - 180px);height:80vw; min-height: 80vw; background-image: url(/img/dream-lens/dream-lens-mo.jpg); background-size: cover; padding-top: 20vw}
.clear_vsbox{display:block; }
.clear_vsbox .citems{display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; gap:10px; }
.clear_vsbox .citems .items{width:100%; text-align:center; border:1px solid #a8a8a8; flex-direction: column; height: auto;}
.clear_vsbox .citems .items:nth-child(2){width:100%; border:none; justify-content:center; align-items:center; height: 100px; display: flex;}
.clear_vsbox .citems .items .t_txt{font-size:24px; font-weight:600; padding: 15px 20px; color:#fff}
.clear_vsbox .citems .items .img{display:block}
.clear_vsbox .citems .items .bg1{background-color:#a8a8a8}
.clear_vsbox .citems .items .bg2{background-color:#00687f}
.clear_vsbox .citems .items .subtxt{text-align:center; padding:20px;}
.clear_vsbox .citems .items .subtxt p{font-size:20px; line-height:28px;}
.clear_vsbox .citems .items .subtxt p:nth-child(1){color:#00687f; margin-bottom:10px}
.tabmenuS {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin: 0 auto; margin-top:70px; margin-bottom:40px;}
.tabmenuS li{background:#fff; border:1px solid #a8a8a8; border-left:none; padding:15px 0px; width:20%; font-size:15px; font-weight:300; text-align:center; cursor: pointer;}
.tabmenuS li:nth-child(1),
.tabmenuS li:nth-child(6){border-left:1px solid #a8a8a8;}
.tabmenuS li:nth-child(n+6){border-top:none;}
.tabmenuS .active{background:#273743; color:#fff}
.tabmenuS li.w2{width:50%;}
.tabmenuS li.w3{width:33.33333333%;}
.tabmenuS li.w4{width:25%;}
/* 상단 텍스트 */
.retina-heading h1{font-size:70px;}
.retina-heading h1 span{font-size:35px;}
.retina-heading p{font-size: 26px;}
.retina-heading h2 {font-size:40px}
.retina-heading h2.lage{font-size:45px; }
.retina-heading h2.lage2{font-size:45px; }
.retina-heading p.orth_h{font-size: 20px; line-height: 32px;}
.presbyopia_bg4{height:130vw; min-height:130vw; background-image: url(/simg/presbyopia/presbyopia_bg4.jpg); }
.opia_box02{text-align: center; color: #02696f; font-size: 24px; margin-top: -10px; margin-bottom: 0px}
}
@media screen and (max-width: 992px) {
/* 노안.백내장 */
.pres_item .items p{font-size:30px; line-height:36px;}
.pres_item .items .txt_c{font-size:50px;}
.pres_item .items .txt_c span{font-size:30px;}
.pres_item .items{width:270px; height:270px;}
.presvideo_item .items .video_flex .vitem{width:48%}
}
@media screen and (max-width: 768px) {
.col-md-2 {width:50%}/* 5단 */
.sub_title2,
.sub_title4{font-size:20px; line-height:28px;}
.sub_title3 {font-size:22px; line-height:30px;}
.sub_title5,
.sub_title6,
.sub_title7{font-size:18px; line-height:26px;}
.sheader {font-size:30px;}
.incon_box .incon > li
/* 노안.백내장 */
.presbyopia{padding:0px 20px;}
.presbyopia_bg2{min-height:670px;}
.presbyopia .header{font-size: 24px; line-height: 34px; margin-top: 0px}
.presbyopia_flex .txts_box h3{ font-size:24px;}
.presbyopia_flex .txts_box p{font-size:18px; line-height:26px;}
.pres_item{justify-content: center;}
.pres_box .pres_citems{gap:30px;}
.pres_box .pres_citems .items,
.pres_box .pres_citems .items:nth-child(2){width:100%;}
.pres_box .pres_citems .items img{width:auto; }
.indent > li{margin-bottom:30px;}
.incision_box .titles{font-size: 30px;}
.incision_box .incision p{font-size: 20px;}
.track_box .track{justify-content: center;}
/* 백내장 */
.cataract_box .steplist > li{width: calc(42% - 50px);}
/* 노안 */
.opia_box .steplist > li{width:100%; margin-bottom:30px;}
.opia_flex{padding:40px 0px;}
.opia_flex .steplist_box > li .box .step-head{font-size:20px; line-height: 30px;}
.opia_flex .steplist_box > li .box .step-content .pic_box{width:100px; flex: 1 1 100%;}
.opia_flex .steplist_box > li .box .step-content .pic_box:nth-child(n+2){margin-left:0; margin-top:20px;}
.indent_box .card-list > li .card-box .card-head {font-size: 22px; line-height:30px;}
.indent_box .card-list > li .card-box .card-head p{font-size:18px; line-height:24px;}
.indent > li .step-box .step-content .opia_txt{font-size: 20px; line-height: 30px;}
.indent > li .step-box .step-content .opia_rs{font-size: 24px;}
.opia_box .items .item_content p{font-size: 22px; line-height: 30px;}
.opia_box .items .item_content p:last-child{font-size: 20px; line-height:26px;}
/* 클리어 스마일 */
.orth_whitebox .infographic img {width:100%}
.orth_whitebox .infographic p{font-size:16px; line-height:1.4; text-align: left}
.orthtext-lag{font-size:28px; line-height: 42px;}
.orth_history .hlist .list_item,
.orth_history .hlist .list_item span em:nth-child(1){font-size:20px; line-height:30px;}
.orth_history .hlist .list_item span em:last-child{font-size: 16px; line-height:24px;}
.orthtext-muted{padding: 20px; font-size: 18px; line-height: 26px;}
.orth_certif .items p{font-size:18px; line-height:26px;}
.clear_card .card-list > li .card-box .card-content .card_head{font-size:20px;}
.clear_card .card-list > li .card-box .card-content p{font-size: 18px; line-height: 26px;}
.orth_whitebox .title_r{font-size: 20px; line-height: 26px;}
.step_wrap .steplist > li .step-box .step-content p{font-size:18px}
.cataract_box .steplist > li .box .step-content p{font-size: 18px; line-height: 26px;}
.clear_vsbox .citems .items .subtxt p{font-size: 18px; line-height: 26px;}
.lens_surgery .steplist_box > li .box .box-head{font-size: 20px;}
.lens_surgery .steplist_box > li .box .step-content p{font-size: 18px; line-height:26px}
.dream_box .step_box p{font-size: 18px; line-height:26px}
.dream_box .cycle_list > li{width: calc(48% - 50px);}
.dream_box .cycle_list > li .box .step-content p{font-size: 18px; line-height: 26px;}
.dream_box .numlist li .txt{padding-left:20px;}
.dream_box .compare .htxt{font-size:18px; line-height:22px;}
.dream_box .compare > li{font-size:16px; line-height:20px;}
.tabtxt{font-size:18px; line-height:30px;}
.treat_box ul{flex-wrap: wrap;}
.treat_box li{width:48%; margin-bottom:30px;}
.equipment .col{width:100%}
}
@media screen and (max-width: 576px) {
.pds1{padding:40px 20px 40px !important}
.pd70{padding:0 20px;}
.sub_title1{font-size: 20px; line-height:32px;}
.col-md-2 {width:100%}/* 5단 */
/* 노안.백내장 */
.presbyopia_bg1{min-height:470px;}
.presbyopia_bg2{min-height:600px;}
.pres_box{padding:30px}
.pres_box .pres_citems .items p,
.pres_box .pres_citems .items .pbg{font-size:20px; line-height:26px}
.pres_faqlist .set button .faq_title .question_box{font-size:20px }
.pres_faqlist .ans .ans_box .answer_box{font-size:18px }
.presvideo_item .items .video_flex .vitem{width:46%}
.ulflex li {width:100%; border:none; padding:0px;}
.step-list > li .step-box .step-content p:nth-child(2){font-size:20px}
.indent > li{width:270px; height:270px;}
.indent > li .step-box .step-content p{font-size: 20px; line-height: 26px;}
.indent > li .step-box .step-content p:nth-child(2){font-size:18px; line-height: 22px;}
.knowhow_card .card .txt_wrap{display:block; padding:0px}
.knowhow_card .card .txt_wrap .left_txt{display:block; width:100%; border-right:none; border-bottom:1px solid #d3d3d3; padding:20px 0;}
.knowhow_card .card .txt_wrap .sub_title{width: calc(100% - 0px); padding:20px;}
.indoctor_flex .txts_box h3{width:100%; font-size:30px; margin-bottom:80px !important;}
.indoctor_flex .txts_box p{font-size:20px}
/* 백내장 */
.text-middle{font-size:22px}
.cataract_box .cataract-list > li .box dl {flex-direction: column;}
.cataract_box .cataract-list > li .box dl dd{ width:100%; padding-left:0; margin-top:20px}
.cataract_box .steplist > li{width:100%;}
/* 각막 클리닉 */
.clear_card .card-list > li .card-box{display: flex; flex-wrap: wrap; flex-direction: column;align-items: center; gap: 20px;}
.clear_card .card-list > li .card-box .card-content{display: block; width: 100%; padding-left:0; text-align: center;}
.dream_box .cycle_list > li{width: calc(100% - 50px);}
.dream_box .icon_list > li {width: calc(50% - 50px); flex: 1 1 50%}
.dream_box .icon_list > li .box .step-content{font-size: 16px; line-height: 24px;}
.tabtxt{padding:0 20px;}
/* 푸터 */
.footerbox03 dd img{margin-left: 0 !important;}
.footerbox03 dd img{width:100% !important}
.footerbox03 dd span{display:block; padding-left:0 !important}
}
@media screen and (max-width: 360px) {
.presbyopia_bg2{height: calc(100vh - 310px); min-height:500px;}
}
.ntxtCenter{text-align: center !important; margin: 0 auto !important}
.nTitle1{font-size: 56px !important; font-weight: 700 !important; line-height: 1.4}
.nTitle2{font-size: 48px !important; font-weight: 700 !important; line-height: 1.4}
.nTitle3{font-size: 40px !important; font-weight: 400 !important; line-height: 1.4 !important}
.nTxt1{font-size: 24px !important; font-weight: 400; line-height: 1.4 !important; letter-spacing: -0.02em}
.nTxt2{font-size: 18px !important; font-weight: 400; line-height: 1.4; letter-spacing: 0}
.nTxt3{font-size: 30px !important; font-weight: 400; line-height: 1.4; letter-spacing: 0}
.nmobile2{display: block !important}
.nmobile3{display: none !important}
@media screen and (max-width: 992px) {
.nmobile2{display: none !important}
.nmobile3{display: block!important}
}