@charset "utf-8";


.tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:1.125em;  padding:0.9em 1.5em; background:#009fe9;  border-left:1px solid #fff;  color:#fff; line-height:1.5em; font-weight:500 }
.tb-style td {font-size:1.0em; padding:0.9em 1.5em;  text-align:center;  border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.5em; font-weight:400; letter-spacing:-0.01em;}
.tb-style td:first-child { border-left:0;}
.tb-style td.td1 {   background:#f9fcfd}
.tb-style td.td-h {height:149px; border-left:1px solid #ddd;}
.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}
@media all and (max-width:1450px) {
	.tb-style td.td-h {height:auto; border-left:0;}
}

@media all and (max-width:1200px) {
	.tb-style td { padding-left:1.5%; }
}
@media all and (max-width:850px) {
	.tb-style {font-size:0.9em;}
}
@media all and (max-width:500px) {
	.tb-style {width:500px;}
	.tb-style td { padding-left:2%; }
	.tb-scroll { overflow-x: auto; }
	.scroll-txt { display: block;  }
}
@media all and (max-width:500px) {
	.tb-style {font-size:1.05em;}
}




#intro1 {background:url('/images/sub/intro1-bg2_new.png') no-repeat; /*background-size:44% auto; */ overflow:hidden}
#intro1 .cont {width:100%; max-width:840px;  float:right; margin-top:4%}

#intro1 .typo {padding:5% 12% 7%; border:5px solid #fafafa; box-sizing:border-box; }
#intro1 .typo .t1 {font-size:1.5em; padding:3% 0; color:#222; line-height:1.5em; font-family: 'GmarketSans'; font-weight:500; text-align:center}
#intro1 .typo img:last-child {float:right}
#intro1 .txt {padding:7% 12%; }
#intro1 .txt .t1 {line-height:1.8em; padding-bottom:2em; }
#intro1 .txt .t1 .sign {font-size:2.0em; padding-left:10px;  color:#222; font-family: 'ROEHOE-CHAN';}

@media all and (max-width:1580px) {
	#intro1 {background-size:44% auto;}
	#intro1 .cont {max-width:60%; }
}
@media all and (max-width:1024px) {
	#intro1 {background-size:80%}
	#intro1 .cont { max-width:90%; margin-top:45vw}
	#intro1 .typo {background:rgba(255,255,255,0.8); }
}
@media all and (max-width:640px) {
#intro1 .typo img {width:28px;}
}
@media all and (max-width:570px) {
	#intro1 .typo br {display:none}
	#intro1 .txt br {display:none}
}
@media all and (max-width:480px) {
		#intro1 { background-size:80%}
	#intro1 .cont {max-width:95%; margin-top:42vw}
}




/*의료진 소개 */
/* #intro2 {background:url('/images/sub/intro2-bg.png') no-repeat; background-size:44% auto; overflow:hidden}
#intro2 .cont {width:100%; max-width:840px;  float:right; }

#intro2 .typo {padding:5% 0 5% 15% }
#intro2 .typo .eng {font-size:0.9375em; line-height:1.3em;  color:#009fe9; letter-spacing:0.3em;  font-family: 'Poppins', sans-serif;font-weight:600; text-transform:uppercase}
#intro2 .typo .name {font-size:2.5em; padding-top:0.3em;  color:#222; line-height:1.6em; font-family: 'GmarketSans'; font-weight:700;}
#intro2 .typo .name2 {font-size:0.5em; font-weight:500}
#intro2 .txt {padding:5% 12%;background:url('/images/sub/intro2-bg2.png') no-repeat center; background-size:cover }
#intro2 .txt .conList li {color:#FFF; line-height:1.5em; }

@media all and (max-width:1420px) {
	#intro2 .cont {max-width:60%}
}
@media all and (max-width:1024px) {
	#intro2 {background-size:80%}
	#intro2 .cont {max-width:90%; margin-top:55vw}
	#intro2 .typo {padding:3% 0 1% 7%; background:rgba(255,255,255,1); }
	#intro2 .txt {padding:5% 7%;}
}
@media all and (max-width:570px) {
	#intro2 .typo br {display:none}
	#intro2 .txt br {display:none}
}
@media all and (max-width:480px) {
	#intro2 { background-size:80%}
	#intro2 .cont {max-width:95%; margin-top:42vw}
}*/



/* main5 */
#intro2 {padding-top: 20px;}
#intro2 .info{display: flex; justify-content: center;}
#intro2 .info .img{}
#intro2 .info .img img{max-width: 580px; width: 100%;}
#intro2 .info .txt{margin-top: 80px; padding: 0 40px; width: 50%;}
#intro2 .info .txt h3{font-size: 2.7rem; border-bottom: 3px solid #009ee8; display: inline-block; color: #000;}
#intro2 .info .txt h4{font-size: 1.5rem; color: #000; font-weight: 300; margin: 10px 0;}
#intro2 .info .txt ul{margin: 25px 0;}
#intro2 .info .txt ul li{font-size: 1rem; position: relative; padding-left: 0.75em; line-height: 1.75em; color: #666; margin-bottom: 1%;}
#intro2 .info .txt ul li::before{content: '-'; position: absolute; left: 0;}
#intro2 .slick-dots{left: 50%; transform: translateX(-50%); bottom:5%}
#intro2 .slick-dots li{background-color: #ccc;}
#intro2 .slick-dots li.slick-active{background-color: #2897cc;}

@media all and (max-width:1240px){
    #intro2 .inner{text-align: center; max-width:580px;}
    #intro2 .info{display: block;}
    #intro2 .info .txt{text-align: left; margin-top: 50px; width: 100%;}
}
@media all and (max-width:690px){
    #intro2 .info .txt ul{margin: 30px 0;}
    #intro2 .info .txt ul:last-child{margin-bottom: 60px;}
    #intro2 .info .img img{max-width:500px;}
    #intro2 br.pc{display: none;}
	#intro2 .info .txt h3{font-size: 2em; border-bottom: 3px solid #f8d306; display: inline-block;}
	#intro2 .info .txt h4{font-size: 1.3em; color: #444; font-weight: 300; margin: 10px 0;}
	#intro2 .info .txt ul li{font-size: 0.8em; }
}
@media all and (max-width:480px){
    #intro2 .info .img img{max-width:340px;}
}





#intro2-2 {padding-top:6%; overflow:hidden}
#intro2-2 dt {font-size:1.5em; color:#222; line-height:1.6em; font-family: 'GmarketSans'; font-weight:700; width:25%; padding:5%; float:left; border-top:2px solid #222}
#intro2-2 dd {width:75%; padding:5%; float:left; border-top:1px solid #222; overflow:hidden}

#intro2-2 dd p {line-height:1.2em; padding:0.3em 0;  overflow:hidden;}
#intro2-2 dd p.eng {line-height:1.6em;   letter-spacing:0.02em;  font-weight:400; border-bottom:1px solid #e9e9e9; padding-bottom:1em; margin-bottom:1em}

.research_year { font-size: 1.3em; font-weight: 600; color: #000; }
.research_txt { letter-spacing: 0; line-height: 1.5; }

@media all and (max-width:1024px) {
	#intro2-2 dt {width:100%; padding-bottom:3%;}
	#intro2-2 dd {width:100%;  border-top:0;  padding-top:0 }
}





/*장비소개*/


#equipList ul { overflow: hidden; }
#equipList ul li { float: left; width: calc(33.33% - 23.33px); margin: 0 0 35px 35px; background:#FFF; border:1px solid #e7e7e7; position:relative; text-align:center}
#equipList ul li:nth-child(3n+1) { margin-left:0; }
#equipList ul li img { max-width: 100%; }
#equipList ul li p.t1 { color:#8dc21b;  font-size: 1.3em; line-height: 1.3; padding: 5% 0 0 5%;  font-family: 'GmarketSans'; font-weight:500;    }
#equipList ul li:nth-child(even) p.t1 { color:#009ee8; }
#equipList .p2 li p.t1 { background:rgba(228,168,190,0.9); color:#FFF;  font-size: 1.3em; line-height: 1.1; padding: 4% 0 3% 5%;   font-family: 'GmarketSans'; font-weight:500;  position:absolute; left:0; bottom:0; width:100% }
#equipList .p2 li:nth-child(even) p.t1 { background: rgba(207,199,201, 0.9); color:#FFF; }
#equipList ul li .st1 {font-size:1.0em; padding: 2% 0 5% 5%; color:#555; font-family: 'S-CoreDream'; }


.intro4-part {padding:90px 0 55px; margin-top:80px; background:rgba(242,214,225,0.15) } 

.intro4-tit {padding-bottom:3em; text-align:center;}
.intro4-tit h3 {font-size:2.5em;  line-height:1.5em;  color:#222}
.intro4-tit .t1 {font-size:1.0em;  line-height:1.3em; padding-top:0.5em; }


@media all and (max-width:1280px) {
  #equipList ul li { width: calc(33.33% - 13.33px); margin: 0 0 35px 20px; }
}
@media all and (max-width:976px) {
  #equipList ul li { width: calc(50% - 10px); margin: 0 0 20px 20px; }
  #equipList ul li:nth-child(3n+1) { margin-left:20px; }
  #equipList ul li:nth-child(odd) { margin-left:0; }
  #equipList ul li:nth-child(3) p { color:#009ee8; }
  #equipList ul li:nth-child(4) p { color:rgba(0,171,197, 1); }
  #equipList ul li:nth-child(5) p { color:rgba(0,171,197, 1); }
  #equipList ul li:nth-child(6) p { color:#009ee8;}
  #equipList ul li:nth-child(7) p { color:#009ee8; }
  #equipList ul li:nth-child(8) p { color:#8dc21b; }

  #equipList .p2 li:nth-child(3) p { background: rgba(207,199,201, 0.9); }

  .intro4-part {padding:50px 0 30px; margin-top:50px;}
}
@media all and (max-width:640px) {
  #equipList ul li { margin: 0 0 10px 10px; }
  #equipList ul li:nth-child(3n+1) { margin-left:10px; }
  #equipList ul li:nth-child(odd) { margin-left:0; }
  #equipList ul li p { font-size: 1.0em; }

    .intro4-part {padding:30px 0 20px; margin-top:30px;}
}





#intro5 {overflow:hidden; color:#FFF; background:url('/images/sub/intro5-bg.png') no-repeat top left; background-size:cover 100%;}
#intro5 .cont {width:45%; float:right; background:#009fe9;}
#intro5 .cont dl {padding:7% 10%;}
#intro5 .cont dl dt {font-size:1.5em; font-weight:500; font-family: 'GmarketSans'; line-height:1.2em;} 
#intro5 .cont dl dd {font-size:1.5em;  font-weight:500; line-height:1.6em; }
#intro5 .cont dl dd span {width:180px; display:inline-block;}
#intro5 .cont .t1 {padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid rgba(255,255,255,0.1)} 
#intro5 .cont .st1 {font-size:1.12em; padding-top:0.5em; }
#intro5 .cont .tel {background:#7f8b8f}
#intro5 .cont .tel .num {font-size:2.0em; letter-spacing:-0.03em; font-family: 'GmarketSans'; font-weight:700; line-height:1.2em;}
@media all and (max-width:1200px) {
	#intro5 .cont dl dd span {width:150px;}
}
@media all and (max-width:1100px) {
	#intro5 {background-size:auto 100%;}
	#intro5 .cont dl dd span { font-size: 1em; width: 120px }
	#intro5 .cont dl dd { font-size: 1.2em; }
}
@media all and (max-width:860px) {
	#intro5 {background-size:100% auto; background-position:0 -27% }
	#intro5 .cont {width:100%; margin-top:50vw}
}
@media all and (max-width:530px) {
	#intro5 {background-position:0 -22% }
}
@media all and (max-width:420px) {
		#intro5 {background-position:0 -10% }
		#intro5 .cont { margin-top:55vw}
}




#sMap {}
#sMap .root_daum_roughmap .wrap_controllers {display:none}
#sMap .root_daum_roughmap .wrap_map  { height: 530px !important; }
.wrap_controllers  { display: none; }

.sMap-info {width:95%; background:#009fe9;position: relative; margin:-3vw auto 0; z-index:33; padding:3%;  color:#FFF; overflow:hidden;}
.sMap-info p {float:left; }
.sMap-info p .eng {font-size:0.9375em; margin-right:0.5em; opacity:.5; letter-spacing:0;  font-family: 'Poppins', sans-serif;font-weight:700; }
.sMap-info p.p1 {font-size:1.2em; line-height:1.8em;}
.sMap-info p.p2 {font-size:1.2em; lletter-spacing: 0; line-height: 1.8em;  font-family: 'GmarketSans';  font-weight:500;}

.sMap-info p.p2 br {display:none;}
@media screen and (max-width:1096px){
	.sMap-info p { width:100%; }
	.sMap-info p.p2 {margin-top:1em; padding-top:1em; border-top:1px solid rgba(255,255,255,0.1)}
	.sMap-info p.p2 br {display:block;}
}
@media screen and (max-width:976px){
#sMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }
.sMap-info {padding:5%;}
.sMap-info p {float:left; width:90%;}

}





.s-title {margin-bottom:2%; text-align:center}
.s-title h3 {font-size:2.375em; color:#222; letter-spacing:-0.03em; font-family: 'GmarketSans'; font-weight:700; line-height:1.2em;}
.s-title .t1 {padding-top:1em; line-height:1.8em;}
.s-title .s-point {font-size:1.25em; color:#e64e2b}
.s-title .s-point2 {display:inline-block; font-size:1.35em; color:#FFF; background:#e64e2b; border-radius:30px; margin-top:1em; padding:0.5em 2.5em;}

@media screen and (max-width:1144px){
	.s-title .t1 .br1144 {display:none}
}
@media screen and (max-width:808px){
	.s-title .t1 .br808 {display:none}
}


.s-section-t {margin-top:8%}
.s-section {margin:6% 0}
@media screen and (max-width:978px){
	.s-section-t {margin-top:10%}
	.s-section {margin:10% 0}
}
@media screen and (max-width:640px){
	.s-section-t {margin-top:13%}
	.s-section {margin:13% 0}
}
@media screen and (max-width:430px){
	.s-section-t {margin-top:15%}
	.s-section {margin:15% 0}
}



#top-img {width:100%;height:410px;  background-size:50% cover; background-position:left top;  background-repeat:no-repeat; overflow:hidden; position:relative; z-index:-1}
#top-img .cont {width:50%; height:100%; padding-bottom:40px; display:table;  float:right; background:#8dc21b; }
#top-img .cont .in-cont {display:table-cell;  box-sizing:border-box;color:#fff;vertical-align:middle; text-align:center }
#top-img .cont .in-cont .t1 {font-size:2.87em; letter-spacing:-0.03em; font-family: 'GmarketSans'; font-weight:700; line-height:1.2em;}
#top-img .cont .in-cont .eng {font-size:0.9375em; padding:0.5em 0 1.2em; margin-right:0.5em; color:#709d10; letter-spacing:0;  font-family: 'Poppins', sans-serif;font-weight:600; text-transform:uppercase }
#top-img .cont .in-cont .st1 {font-size:1.128em; line-height:1.5em;}
.cataract1 {background-image:url('/images/sub/cataract1-top.png');}
.cataract2 {background-image:url('/images/sub/cataract2-top.png');}
.cataract3 {background-image:url('/images/sub/cataract3-top.png');}
.cataract3-2 {background-image:url('/images/sub/cataract3-2-top.png');}
.cataract4 {background-image:url('/images/sub/cataract4-top.png');}
.cataract5 {background-image:url('/images/sub/cataract5-top.png');}
.dream1 {background-image:url('/images/sub/dream1-top.png');}
.dream2 {background-image:url('/images/sub/dream2-top.png');}
.dream3 {background-image:url('/images/sub/dream3-top.png');}
.dream4 {background-image:url('/images/sub/dream4-top.png');}
.dream5 {background-image:url('/images/sub/dream5-top.png');}
.dream6 {background-image:url('/images/sub/dream6-top.png');}
.xero1 {background-image:url('/images/sub/xero1-top.png');}
.xero1-2 {background-image:url('/images/sub/xero1-2-top.png');}
.xero2 {background-image:url('/images/sub/xero2-top.png');}
.xero3 {background-image:url('/images/sub/xero3-top.png');}
.xero6 {background-image:url('/images/sub/xero6-top.png');}
.glaucoma1 {background-image:url('/images/sub/glaucoma1-top.png');}
.glaucoma2 {background-image:url('/images/sub/glaucoma2-top.png');}
.glaucoma3 {background-image:url('/images/sub/glaucoma3-top.png');}
.eye1 {background-image:url('/images/sub/eye1-top_new.png');}
.eye2 {background-image:url('/images/sub/eye2-top.png');}
.eye3 {background-image:url('/images/sub/eye3-top.png');}
.eye4 {background-image:url('/images/sub/eye4-top.png');}
.eye5 {background-image:url('/images/sub/eye5-top.png');}
.eye6 {background-image:url('/images/sub/eye6-top.png');}
.eye9 {background-image:url('/images/sub/eye9-top.png');}
.eye9-2 {background-image:url('/images/sub/eye9-2-top.png');}

.eye10_top { background-image:url('/images/sub/eye10_top.png'); }
.eye11_top { background-image:url('/images/sub/eye11-top.png'); }
.eye11-2_top { background-image:url('/images/sub/eye11-2-top.png'); }



#cont-box {padding:5% 5% 0;  text-align:center; width:90%; margin:-70px auto 0; background:#FFF; z-index:1}
#cont-box p { line-height:1.8em; }

@media screen and (max-width:978px){
	#cont-box {padding:7% 5% 0;  }
	#top-img {width:100%;height:auto; background-size:100% auto;  }
	#top-img .cont {width:100%; margin-top:45vw; padding:7% 0 18%;}
}
@media screen and (max-width:530px){
	#top-img .cont { padding:7% 0 22%;}
}
@media screen and (max-width:380px){
		#top-img .cont { padding:7% 0 24%;}
}



#top-img2 {width:100%;height:370px;  background-size:cover; background-position:center;  background-repeat:no-repeat; overflow:hidden; position:relative; z-index:-1}
#top-img2 .cont {width:100%; height:100%; display:table;  float:right;  padding-bottom:50px; }
#top-img2 .cont .in-cont {display:table-cell;  box-sizing:border-box;color:#fff;vertical-align:middle; text-align:center }
#top-img2 .cont .in-cont .t1 {font-size:2.87em; letter-spacing:-0.03em; font-family: 'GmarketSans'; font-weight:700; line-height:1.2em;}

.cataract3-4 {background-image:url('/images/sub/cataract3-4-top.png');}







.orderBox { overflow: hidden; text-align: center; }
.orderBox > li { float: left;  background:#009fe9; box-sizing: border-box;  }

.orderBox > li dl dt .st1 {font-size:0.55em; font-family: 'S-CoreDream';  font-weight:500; padding:3em 0 1em; letter-spacing:-0.03em; opacity:.6 }
.orderBox > li dl dt { color:#fff; font-family: 'GmarketSans'; font-weight:500;  font-size: 1.65em; box-sizing: border-box; line-height: 1.0em;  letter-spacing:0.02em;  
					 border-right: 1px solid rgba(255,255,255,0.4); height: 160px; overflow: hidden; }
.orderBox > li dl dd { background:#f9f9f9; color:#434343; min-height: 270px; padding: 1.5em; box-sizing: border-box; font-size: 1em; position: relative;
					 border-right: 1px solid rgba(255,255,255,0.8); line-height: 1.5em; }
.orderBox > li dl dd:before { content:''; width: 0; height:0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #f9f9f9;
							position: absolute; top: -15px; left: 50%; margin-left: -15px; }
.orderBox > li dl dd p.bt1 {font-size:1.125em; font-weight:500; color:#222; padding-bottom:0.5em}
.orderBox.col2 > li { width:calc(50% - 30px); margin:15px  }

.dd-in-col2 {  overflow:hidden}
.dd-in-col2 li {width:50%; padding:0 2%; float:left}


@media all and (max-width:976px) {
		.orderBox.col2 > li { width:100%; margin:15px 0; }
		.orderBox > li dl dt {  height: auto; padding-bottom:2em;}
		.orderBox > li dl dd {  min-height: auto; }
}
@media all and (max-width:500px) {
	.orderBox.col2 > li { margin:0 0 15px; }
	.dd-in-col2 li {width:100%; }
	.dd-in-col2 li:last-child {margin-top:1.5em}
}


#cataract4-2 {overflow:hidden; padding-top:2em}
#cataract4-2 > div  {width:25%; min-height:230px; padding:0 20px;  border-left:1px solid #e9e9e9;  float:left; text-align:center}
#cataract4-2 > div:first-child {border-left:0}
#cataract4-2 > div h3 {font-size:1.6em; color:#009fe9; padding:0.5em 0; }
@media all and (max-width:1140px) {
	#cataract4-2 {padding-top:1em}
	#cataract4-2 > div  {width:50%;  min-height:255px;  padding:0 20px 20px;   }
	#cataract4-2 > div:nth-child(3) {border-left:0; border-top:1px solid #e9e9e9; padding-top:20px }
	#cataract4-2 > div:nth-child(4) { border-top:1px solid #e9e9e9; padding-top:20px }
}
@media all and (max-width:640px) {
	#cataract4-2 > div  { min-height:225px;}
}
@media all and (max-width:500px) {
	#cataract4-2 {padding-top:1em}
	#cataract4-2 > div  {width:100%;  min-height:auto;  border-left:0;  padding:10px 10px;   }
	#cataract4-2 > div:nth-child(2) { border-top:1px solid #e9e9e9; padding-top:20px }
	#cataract4-2 > div img {width:60px}
}

#cataract4-3 {text-align:center}
#cataract4-3 img {width:100%}


#symptom {background-size:cover; background-position:right center;  background-repeat:no-repeat;  padding:5% }
.cataract1-sy {background-image:url('/images/sub/cataract1-sy.png');}
.xero-sy {background-image:url('/images/sub/xero-sy.png');}
.glaucoma-sy {background-image:url('/images/sub/glaucoma-sy.png');}
.dream-sy {background-image:url('/images/sub/dream-sy.png');}
.eye-sy {background-image:url('/images/sub/eye-sy.png');}
.xero6-sy {background-image:url('/images/sub/xero6-sy.png');}

#symptom .syList {width:70%; margin:0 auto; overflow:hidden}
#symptom .syList.w40 li {width:20%; font-size:1.125em; margin:1%; height:100px; padding:2.5%;  background:#009fe9; border-radius:10px; text-align:center; color:#FFF; float:left}
#symptom .syList.w50 li {width:18%; font-size:1.125em; margin:1%; height:100px; padding:2.5%;  background:#009fe9; border-radius:10px; text-align:center; color:#FFF; float:left}
#symptom .syList.w50-2 li {width:18%; font-size:1.125em; margin:1%; padding:2.5%;  background:#009fe9; border-radius:10px; text-align:center; color:#FFF; float:left}

@media screen and (max-width:1399px){
	#symptom .syList.w50 li {height:80px;}
	#symptom .syList.w40 li { height:80px}
}
@media screen and (max-width:1024px){
	#symptom {padding:3% }
	#symptom .s-inner {padding:4%; background:rgba(255,255,255,0.6)}
	#symptom .syList {width:90%; }
}
@media screen and (max-width:978px){
	#symptom .syList {width:100%; }
	#symptom .syList.w50 li {height:75px;}
	#symptom .syList.w40 li { height:75px}
}
@media screen and (max-width:767px){
	#symptom .syList.w50 li {height:68px;}
	#symptom .syList.w40 li { height:68px}
}
@media screen and (max-width:640px){
	#symptom .syList {width:80%;}
	#symptom .syList.w50 li {width:30%; height:52px;}
	#symptom .syList.w50 li:nth-child(4) {margin-left:17%;}
	#symptom .syList.w40 li { width:48%; height:auto;}
}
@media screen and (max-width:480px){
		#symptom .syList {width:100%;}

}

.cause {overflow:hidden; padding-top:1%}
.cause > div {width:50%; padding:0 4%; margin-bottom:4%; float:left; border-right:1px solid #ddd}
.cause > div:last-child {border-right:0}
.cause > div img {width:100%}
.cause > div dl {margin-top:-1.8em}
.cause > div dl dt {display:inline-block;background:#009fe9; padding:0.7em 2em; font-size:1.25em; color:#FFF; font-weight:500 }
.cause > div dl dd {padding:5% 3%; line-height:1.8em;}
.cause  .cause-t1 {margin:0 3%; background:#f6f6f6; line-height:2.3em;}
.cause  .cause-t1 span.cause-st1 {background:#3184c3;margin-right:20px; color:#FFF; padding:0.5em 2em}

.cause.w1 {width:50%; margin:0 auto;}  
.cause.w1  > div {width:100%;}

.cause.w4  > div {width:25%;  padding:0 2%;;}
.cause.w3  > div {width:33%;  padding:0 2%; }
.cause.w3 > div:nth-child(2) {border-right:1px solid #ddd}
@media screen and (max-width:1280px){
	.cause.w4  > div {width:50%; padding:2% 4%;;}
	.cause.w4 > div:nth-child(2) {border-right:0}

}
@media screen and (max-width:767px){
	.cause > div {width:100%; padding:2% 4%; margin-bottom:0;  border-right:0}
	.cause.w4  > div { padding:2% 2%;}
	.cause.w3  > div {width:100%;  padding:2% 4%;margin-bottom:0;  border-right:0 }
	.cause.w3 > div:nth-child(2) {border-right:0}
}
@media screen and (max-width:530px){
	.cause.w1 {width:80%; margin:0 auto;}  
}
@media screen and (max-width:480px){
		.cause.w4  > div { width:100%;  padding:2% 2%;}
}


.numList.w50 {max-width:76%}
.numList li { position: relative; counter-increment: number; border-bottom: 1px dashed rgba(0,171,197, 0.2); padding: 0.5em 0;  }
.numList li::before {  content: counter(number, decimal-leading-zero); display: inline-block; vertical-align: middle;
                              color:#009fe9; font-size: 1.8em; font-weight: 900; padding-right: 0.7em; max-width: 18%;  }
.numList li p::before { content:''; width: 1px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px;
                                        background: rgba(0,171,197, 0.3); display: block; }
.numList li p { display: inline-block; vertical-align: middle; font-size: 1.2em;  position: relative; padding-left: 1.2em;  max-width: 80%; }

@media screen and (max-width:1280px){
	.numList.w50 {max-width:60%}
}
@media screen and (max-width:1024px){
	.numList.w50 {max-width:100%}
}
@media screen and (max-width:640px){
	.numList.w50 {max-width:100%}
}






.dr1-img1 {text-align:center}
.dr1-img1 img {}
@media screen and (max-width:800px){
	.dr1-img1 img {width:100%;}
}


.dr1-ad {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
.dr1-ad li {display:inline-block; padding:30px; text-align:center }
.dr1-ad li img {display:inline-block}
.dr1-ad li h3 {margin-top:1em;}
.dr1-ad li h3 .t1 {font-size:1.2em; background:#009fe9; padding:0.3em 2em; color:#FFF; font-weight:500; border-radius:50px; display:inline-block;}
.dr1-ad li p {padding-top:1em;}
.dr1-ad li.plus {position:absolute; top:30%;  font-size:5em; color:#DDD; font-weight:700; margin-left:-1.3em}
.dr1-ad li.plus2 {position:absolute; top:43%;  font-size:5em; color:#DDD; font-weight:700; margin-left:1.3em}

.dr1-ad.ver3 li {display:inline-block; padding:20px; text-align:center }
@media screen and (max-width:901px){
	.dr1-ad.ver3 li { padding:10px;  }
	.dr1-ad.ver3 li img {width:100px}
}
@media screen and (max-width:767px){
	.dr1-ad li img {width:90px}
	.dr1-ad.ver3 li img {width:90px}
}
@media screen and (max-width:690px){
	.dr1-ad li.plus2 {top:47%; margin-left:0}

}
@media screen and (max-width:596px){
	.dr1-ad li.plus {top:40%;  margin-left:0}
}





#dream2-3 {background:#f3fbfd; padding:5%; }
.tdList { overflow: hidden; width:94%; max-width:1400px; margin:0 auto }
.tdList > li { overflow: hidden; text-align: left; position: relative; background:#fff; margin-top: 20px;  }
.tdList > li:first-child { margin-top: 0; }
.tdList > li .tdImg { width:34%; height: 100%;  position: absolute; left:0; top:0;  background-size: cover; background-position: center; }
.tdList > li .tdTxt { width:66%; height: 100%; display: block; float: right; padding: 2% 5%; box-sizing: border-box;}
.tdList > li dl dt { font-size: 1.7em; color:#009fe9; font-weight: 700; margin-bottom: 10px; }
.tdList > li dl dd {  line-height: 1.7em; }
.tdList > li dl dd p {padding:0.6em 0; }

.dream2-3-1 { background-image: url("/images/sub/dream2-3-1-img.png"); }
.dream2-3-2 { background-image: url("/images/sub/dream2-3-2-img.png"); }
.dream2-3-3 { background-image: url("/images/sub/dream2-3-3-img.png"); }

@media screen and (max-width:1480px) {
}
@media all and (max-width:840px) {
	.tdList > li  { padding-top: 45vw; }
	.tdList > li .tdImg { width: 100%; height: 45vw; }
	.tdList > li .tdTxt { width: 100%; padding: 8%;}
	.tdList > li dl dt { margin-bottom: 10px; line-height: 1.2em; }
	.BGgr .tdList { max-width: 94%; margin: 3% auto; }
}





#kinds-bg {padding:5% 0; background:#f3fbfd; }
#kinds-bg dl { display: table; width:100%; ;margin: 3px 0;}
#kinds-bg dt, 
#kinds-bg dd { display: table-cell; vertical-align: middle; padding: 1em 2em;  }
#kinds-bg dt { width:20%; font-size:1.15em; text-align:center; color:#FFF; background:#009fe9}
#kinds-bg dd { width:80%;background:#FFF; line-height: 1.6em;}

#kinds-bg.no {padding:0; background:#FFF; }
#kinds-bg.no dl { margin: 5px 0;}
#kinds-bg dd { width:80%;background:#f3fbfd; line-height: 1.6em;}
@media screen and (max-width:860px){
	#kinds-bg dt { width:165px;}
	#kinds-bg dd { width:calc(100% - 165px);}
}
@media screen and (max-width:500px){
	#kinds-bg dt { width:120px;  padding: 1em 1em; }
	#kinds-bg dd { width:calc(100% - 120px);  padding: 1em 1em; }
}
@media screen and (max-width:430px){	
	#kinds-bg dt, 
	#kinds-bg dd { display: block;}
	#kinds-bg dt { width:100%;}
	#kinds-bg dt br {display:none;}
	#kinds-bg dd { width:100%; margin-bottom:5px;}
}




.xero2-img {overflow:hidden}
.xero2-img li {width:calc(25% - 15px); margin-left:20px; margin-bottom:20px; float:left; border: 1px solid #eee}
.xero2-img li:nth-child(4n+1) {margin-left:0;}
.xero2-img li img {width:100%;}
.xero2-img li dl {padding:1.5em 1em; }
.xero2-img li dl .eng {font-size:1.0em; line-height:1.3em;  color:#009fe9;  font-family: 'Poppins', sans-serif;font-weight:600; text-transform:uppercase}
.xero2-img li dl dt {font-size:1.125em; color:#222; font-weight:500; padding:1em 0 0.3em}
@media screen and (max-width:1024px){	
	.xero2-img li {width:calc(33.3333% - 13.3333px); }
	.xero2-img li:nth-child(4n+1) {margin-left:20px;}
	.xero2-img li:nth-child(3n+1) {margin-left:0;}
}
@media screen and (max-width:660px){	
	.xero2-img li {width:calc(50% - 5px);margin-left:10px; margin-bottom:10px;  }
	.xero2-img li:nth-child(3n+1) {margin-left:10px;}
	.xero2-img li:nth-child(2n+1) {margin-left:0;}
}
@media screen and (max-width:380px){	
	.xero2-img li {width:100%;margin-left:0; }
	.xero2-img li:nth-child(3n+1) {margin-left:0;}
}



#glaucoma1-2 {overflow:hidden; padding-top:1em}
#glaucoma1-2  > div {width:50%; float:left; text-align:center}
#glaucoma1-2  .txt  {max-width:650px;  text-align:left}
#glaucoma1-2  .txt .t1 { display: inline-block; background: #009fe9;  padding: 0.5em 1.5em; margin-bottom:10px;  font-size: 1.125em; color: #FFF;  font-weight: 500;}
#glaucoma1-2  .txt ul {padding-bottom:3em;}
#glaucoma1-2  .txt ul li {padding:0.6em 0; line-height:1.5em;  border-bottom:1px solid #efefef}
#glaucoma1-2  .txt .st1 {padding-top:0.6em; line-height:1.8em;}

@media screen and (max-width:1399px){	
	#glaucoma1-2  > div {width:55%; }
	#glaucoma1-2  .txt  {width:45%}
}
@media screen and (max-width:1100px){	
		#glaucoma1-2  > div {width:100%;  }
	#glaucoma1-2  .txt  {width:100%;  max-width:1100px; padding-top:2em;  }
}
@media screen and (max-width:550px){	
	#glaucoma1-2  > div img {width:100%}
}




.gla3-img {overflow:hidden; padding-top:2em}
.gla3-img li {width:calc(33.3333% - 20px); float:left; margin:10px;}
.gla3-img li img {width:100%}

.bgText {padding:5%; background-repeat:no-repeat; background-position:right top; background-size:cover}
.dre3bg {background-image:url('/images/sub/dre3bg-bg.png')}
.gla2bg {background-image:url('/images/sub/gla2bg-bg.png')}

.bgText .txt {width:60%; line-height:1.8em;}

@media screen and (max-width:1024px){	
	.bgText .txt {width:100%;}
	.bgText .s-inner {background:rgba(255,255,255,0.6)}
}


#glaucoma4 {background:#f3fbfd; padding:5%; }

.zzWrap { overflow: hidden; }
.zzCont { position: relative;  width: 100%; overflow: hidden; margin-bottom: 30px;
			   background-color:#fff; background-size: auto 100%;  background-position: left center;  background-repeat: no-repeat; }
.zzCont .zz-cont { float: right; width:70%; padding: 4.5% 4% 3.5%; box-sizing: border-box; background:#fff; min-height: 260px;}
.zzCont .zz-cont dt { color:#009fe9; font-weight: 700; font-size:  1.75em; margin-bottom: 1em; line-height: 1.2em;  }
.zzCont .zz-cont dd { font-size: 1.06em; line-height: 1.8em; }
.zzCont .zz-cont dd.t1 {font-size:1.3em; line-height:1.5em; padding:0.5em 0 1em; color:#222; font-weight:500}

.zzCont.ver2 .zz-cont { width:calc(100% - 420px); }
.zzWrap .zzCont:last-child { margin-bottom:0; }
.zzWrap .zzCont:nth-child(even) { background-position: right center; }
.zzWrap .zzCont:nth-child(even) .zz-cont { float: left; }

.gla4-1 { background-image:url("/images/sub/gla4-1-img1.png"); }
.gla4-2 { background-image:url("/images/sub/gla4-1-img2.png"); }
.gla4-3 { background-image:url("/images/sub/gla4-1-img3.png"); }
.gla4-4 { background-image:url("/images/sub/gla4-1-img4.png"); }
.gla4-5 { background-image:url("/images/sub/gla4-1-img5.png"); }
.glaucoma1-1 { background-image:url("/images/sub/glaucoma1-1-img1.png"); }
.glaucoma1-2 { background-image:url("/images/sub/glaucoma1-1-img2.png"); }
.cataract1-4-1 { background-image:url("/images/sub/cataract1-4-img1.png"); }
.cataract1-4-2 { background-image:url("/images/sub/cataract1-4-img2.png"); }
.cataract1-4-3 { background-image:url("/images/sub/cataract1-4-img3.png"); }
.cataract1-4-4 { background-image:url("/images/sub/cataract1-4-img4.png"); }
.cataract2-4-1 { background-image:url("/images/sub/cataract2-4-img1.png"); }
.cataract2-4-2 { background-image:url("/images/sub/oa2000.jpg"); }
.cataract2-4-3 { background-image:url("/images/sub/veriinfi.png"); }
.cataract2-4-4 { background-image:url("/images/sub/cataract2-4-img4.png"); }
.cataract3-3-1 { background-image:url("/images/sub/cataract3-3-img1.png");  }
.cataract3-3-2 { background-image:url("/images/sub/cataract3-3-img2.png"); }
.cataract3-3-3 { background-image:url("/images/sub/cataract3-3-img3.png"); }
.cataract3-3-4 { background-image:url("/images/sub/cataract3-3-img4.png"); }
.cataract3-3-5 { background-image:url("/images/sub/cataract3-3-img5.png"); }
.cataract3-3-6 { background-image:url("/images/sub/cataract_lala.png"); }
.dr7-1 { background-image:url("/images/sub/dr7-1-img1.png"); }
.dr7-2 { background-image:url("/images/sub/dr7-1-img2.png"); }
.dr7-3 { background-image:url("/images/sub/dr7-1-img3.png"); }
.dr7-1 { background-image:url("/images/sub/dr7-1-img1.png"); }
.dr7-2 { background-image:url("/images/sub/dr7-1-img2.png"); }
.dr7-3 { background-image:url("/images/sub/dr7-1-img3.png"); }
.eye7-1 { background-image:url("/images/sub/eye7-1-img1.png"); }
.eye7-2 { background-image:url("/images/sub/eye7-1-img2.png"); }
.eye7-3 { background-image:url("/images/sub/eye7-1-img3.png"); }



@media all and (max-width:1280px) {
   .zzCont { background-size: 40% auto; }
   .zzCont .zz-cont  { width: 60%; min-height:20vw; }
}

@media all and (max-width:1080px) {
   .zzCont { background-size: auto 100%; }
   .zzCont .zz-cont { min-height:24vw;  }
}

@media all and (max-width:976px) {
   .zzCont { background-size: auto 100%; background-position: -5% center; ; margin-bottom:20px;}
   .zzWrap .zzCont { width: calc(50% - 10px); padding-top: 30vw; margin-right: 20px; float: left; vertical-align: top;
                  background-size: 100% auto;  background-position: center top; }
   .zzWrap .zzCont:nth-child(even) { margin-right:0; background-position: center top; }
   .zzWrap .zzCont .zz-cont { width: 100%; padding: 7% 6%; min-height:38vw; }

    .zzWrap .zzCont.ver2 { width: 100%; padding-top: 35vw; margin-right: 20px; float: left; vertical-align: top;
                  background-size: auto 50%;  background-position: center top; }
	.zzWrap .zzCont.ver2:nth-child(even) { margin-right:0; background-position: center top; }
}

@media all and (max-width:767px) {
   .zzCont,
   .zzWrap .zzCont { width: 100%; margin-right:0; padding-top: 50vw; background-size: 100% auto;  background-position: center top;}
   .zzCont .zz-cont,
   .zzWrap .zzCont .zz-cont { min-height:0; width: 100%; padding: 7% 6%; }
}
@media all and (max-width:520px) {
	    .zzWrap .zzCont.ver2 { padding-top:220px; background-size: auto 55%; }
}




.dotList {overflow:hidden}
.dotList li {position:relative; padding-left:15px; text-align:left}
.dotList li:before {content:''; width:3px; height:3px; background:#ddd; border-radius:5px; position:absolute; left:3px; top:0.9em;}
.dotList li p {line-height:1.5em; padding:0.3em 0;}





.xero1-imgbox {overflow:hidden}
.xero1-imgbox li {width:calc(20% - 8px); margin-left:10px; margin-bottom:10px; float:left; text-align:center; counter-increment: number;  position: relative;}
.xero1-imgbox li:before { content: counter(number, decimal-leading-zero); color:#fff; background-color:#009fe9; font-size: 1.2em;
					   width: 40px; height: 40px; line-height: 42px; border-radius:40px; display: inline-block; text-align: center; 
					   position: absolute; left: 50%; bottom: 4.3em; margin-left:-20px }
.xero1-imgbox li:nth-child(5n+1) {margin-left:0;}
.xero1-imgbox li p {font-size:1.12em; padding:2em 0 1em;  line-height:1.5em;}
.xero1-imgbox li img {width:100%;}

@media all and (max-width:1170px) {
	.xero1-imgbox li {width:calc(33.3333% - 13.3333px);  margin-left:20px; margin-bottom:20px;}
	.xero1-imgbox li:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:550px) {
	.xero1-imgbox li {width:calc(50% - 5px);  margin-left:10px; margin-bottom:10px;}
	.xero1-imgbox li:nth-child(2n+1) {margin-left:0}
	.xero1-imgbox li:nth-child(4) {margin-left:10px}

}





.stepList { overflow: hidden;  }
.stepList > li { float: left; width: calc(33.3333% - 30px); margin-left: 40px; margin-bottom: 40px; vertical-align: top;
                   background: #009fe9; color:#fff; text-align: center; box-sizing: border-box;
                   padding: 0 1em 1em; position: relative; border-radius: 10px; }
.stepList > li:nth-child(3n+1) { margin-left:0; }
.stepList > li:nth-child(even) { background: #009ee8; }

.stepList > li::before { content:''; width: 80px; height: 80px; border-radius: 100%; position: absolute; left: -60px; top:50%; margin-top: -40px;
                               background: #fff url("/images/sub/arrow_next.png") no-repeat center; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); }
.stepList > li:nth-child(3n+1)::before { display: none; }

.stepList > li dl dt { font-size: 1.25em;  margin: 0.5em 0 0.4em; font-family: 'Jost', sans-serif; font-weight: 500; }
.stepList > li dl dd { background: rgba(255,255,255,0.1); border-radius: 5px; 
                             padding: 6% 2%; box-sizing: border-box; line-height: 1.2em; font-size: 1.4em; font-weight: 700; }
.stepList > li dl dd .d-day { color:#FFF; display: block; font-size: 0.8em; font-weight: 400; margin-top: 0.2em; }

/* #terms .deco-img img { z-index:-1; } */

@media all and (max-width:1280px) {
   .stepList > li {  width: calc(33.33% - 26.66px); }
   .stepList > li:nth-child(odd)  { background: #009fe9 !important; }
  .stepList > li:nth-child(even) { background: #009ee8 !important; }

   .stepList > li:nth-child(4n+1) { margin-left:40px; }
   .stepList > li:nth-child(3n+1) { margin-left:0; }
   .stepList > li:nth-child(4n+1)::before { display: block; }
   .stepList > li:nth-child(3n+1)::before { display: none; }
}

@media all and (max-width:1080px) {
   .stepList > li {  width: calc(50% - 15px); margin: 0 0 30px 30px; padding: 4% 3% 3%; }
   .stepList > li::before { width: 60px; height: 60px; left: -45px; margin-top: -30px; }
   .stepList > li:nth-child(3n+1) { margin-left:30px; }
   .stepList > li:nth-child(odd) { margin-left:0; }
   .stepList > li:nth-child(3n+1)::before { display: block; }
   .stepList > li:nth-child(odd)::before { display: none; }

   .stepList > li:nth-child(3) { background: #009ee8 !important; }
   .stepList > li:nth-child(4) { background: #009fe9 !important; }
   .stepList > li:nth-child(7) { background: #009ee8 !important; }
   .stepList > li:nth-child(8) {background: #009fe9 !important; }
   .stepList > li dl dd { height: 120px; padding: 7% 8%; }
}

@media all and (max-width:640px) {
 .stepList { max-width: 80%; margin: 0 auto; }
 .stepList > li { width: 100%; margin:0 0 30px 0 !important; padding: 5%;  }
 .stepList > li:nth-child(odd)  { background: #009fe9 !important; }
 .stepList > li:nth-child(even) { background: #009ee8 !important; }
 .stepList > li img { width: 45px; height: 45px; }
 .stepList > li dl dd { height: auto; }
 .stepList > li::before { left:50%; margin: 0 0 0 -30px; top: unset; bottom: -45px; z-index: 100; background-size: 100% auto;
                               display: block !important; -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);  }
 .stepList > li:last-child::before { display: none  !important; }
}



.stepList2 { overflow: hidden;  }
.stepList2 > li { float: left; width: calc(25% - 15px); margin-left: 20px; margin-bottom: 20px; vertical-align: top;
                   background: #009fe9; color:#fff; text-align: center; box-sizing: border-box;
                   padding: 0 1em 1em; position: relative; border-radius: 10px; }
.stepList2 > li:nth-child(4n+1) { margin-left:0; }
.stepList2 > li::before {display:none}
.stepList2 > li:nth-child(even) { background: #009ee8; }
.stepList2 > li dl dt { font-size: 1.25em;  margin: 0.5em 0 0.4em; font-family: 'Jost', sans-serif; font-weight: 500; }
.stepList2 > li dl dd { background: rgba(255,255,255,0.1); border-radius: 5px; 
                             padding: 6% 2%; box-sizing: border-box; line-height: 1.2em; font-size: 1.4em; font-weight: 700; }
.stepList2 > li dl dd .d-day { color:#FFF; display: block; font-size: 0.8em; font-weight: 400; margin-top: 0.2em; }

@media all and (max-width:1024px) {
	.stepList2 > li { width: calc(33.3333% - 13.333px); }
	.stepList2 > li:nth-child(4n+1) { margin-left:20px; }
	.stepList2 > li:nth-child(3n+1) { margin-left:0; }
}
@media all and (max-width:820px) {
	.stepList2 > li { width: calc(50% - 5px); margin-left: 10px; margin-bottom: 10px; }
	.stepList2 > li:nth-child(3n+1) { margin-left:10px; }
	.stepList2 > li:nth-child(2n+1) { margin-left:0; }

	.stepList2 > li:nth-child(3) {  background: #009ee8;  }
	.stepList2 > li:nth-child(4) {  background: #009fe9;  }
	.stepList2 > li:nth-child(7) {  background: #009ee8;  }
	.stepList2 > li:nth-child(8) {  background: #009fe9;  }
}
@media all and (max-width:430px) {
	.stepList2 > li dd {min-height:76px;}
}

.xero1-cure {overflow:hidden;}
.xero1-cure > div {float:left;}

.xero1-cure.w4 > div  {width:calc(25% - 15px); margin-left:20px; margin-bottom:20px; }
.xero1-cure.w4 > div:nth-child(4n+1)  { margin-left:0; }
.xero1-cure > div .img { position:relative;}
.xero1-cure > div .img img {width:100%; }
.xero1-cure > div .img .lt1 {font-size:1.25em; padding:0.5em 0;background:rgba(240,125,0,0.8);  color:#FFF; text-align:center; position:absolute; bottom:0; left:0; width:100%; }
.xero1-cure > div dd {font-size:1.05em; padding:1em 0.5em;  line-height:1.5em; }
@media all and (max-width:1024px) {
	.xero1-cure.w4 > div  {width:calc(50% - 10px); margin-left:20px; margin-bottom:20px; }
	.xero1-cure.w4 > div:nth-child(2n+1)  { margin-left:0; }
}
@media all and (max-width:500px) {
	.xero1-cure.w4 > div  {width:calc(50% - 5px); margin-left:10px; margin-bottom:10px; }
}





.xero2-imgBox {text-align:center}
.xero2-imgBox img {max-width:850px}
@media all and (max-width:890px) {
	.xero2-imgBox img {max-width:100%}
}




.xero3-img {text-align:center}
@media all and (max-width:1220px) {
	.xero3-img img {width:100%}
}




#eye1-3 ul {overflow:hidden}
#eye1-3 ul li {width:16%;  float:left;  text-align:center;}
#eye1-3 ul li dt {font-size:1.125em;  padding:0.9em 1.5em; background:#009fe9;  border-left:1px solid #fff;  color:#fff; line-height:1.5em; font-weight:500 }
#eye1-3 ul li dd {height:155px;  font-size:1.0em; padding:0.9em 1.5em;   border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.5em; font-weight:400; letter-spacing:-0.01em;}
#eye1-3 ul li dd.f-dd { border-left:0; }
@media all and (max-width:1280px) {
	#eye1-3 ul li {width:33.33%; }
	#eye1-3 ul li dd {height:135px;   }
	#eye1-3 ul li:nth-child(4) dd { border-left:0; }
}
@media all and (max-width:976px) {
	#eye1-3 ul li dd {height:120px;  }
}
@media all and (max-width:640px) {
	#eye1-3 ul li dd {height:95px;  }
}
@media all and (max-width:480px) {
	#eye1-3 ul li {width:50%; }
	#eye1-3 ul li:nth-child(4){  border-left:1px solid #ddd;}
	#eye1-3 ul li:nth-child(3) dd,
	#eye1-3 ul li:nth-child(5) dd { border-left:0; }
}




.imgBG { position: relative; width: 100%; height: 600px;
              background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 6%;  }
.txtR { width: 40%; float: right; }

.eye10 { background-image: url("/images/sub/eye10_bg.png"); }
.eye10 h3 { font-size: 2.4em; font-family: 'GmarketSans'; color: #222;}

@media all and (max-width:1280px){
  .imgBG { height: auto; min-height: 50vw;  }
}

@media all and (max-width:480px){
  .imgBG { background-size: 150% auto; background-position: right top; padding-top: 55vw; }
  .txtR { width: 100%; padding-bottom: 10%; clear: both; }
}



.checkList { position: relative; overflow: hidden; }
.checkList li { padding-left: 40px; margin: 1.5em 0; min-height: 22px;
                    background: url("/images/sub/ico_check.png") no-repeat left top; }
.checkList li p { font-size: 1.125em; line-height: 1.3em; }

.pointList2 { position: relative; width: 100%; overflow: hidden; display: table; table-layout: fixed; }
.pointList2 li { counter-increment: number; padding: 2% 0; }
.pointList2 li:first-child { padding-top:0; }
.pointList2 li > div { display: table-cell; vertical-align: middle; }
.pointList2 li .img { width: 60%; }
.pointList2 li .img img { max-width: 100%; }
.pointList2 li .txt { padding: 2% 0 2% 7%;  }
.pointList2 li .txt::before { content: 'POINT ' counter(number, decimal-leading-zero); color:#09c8bd; font-size: 0.93em;
                            font-weight: 700; font-family: 'Poppins'; letter-spacing: 0.1em; margin-bottom: 1em; display: block; }
.pointList2.type li .txt::before { content: 'TYPE ' counter(number, decimal-leading-zero); }
.pointList2.treat li .txt::before { content: 'TREATMENT ' counter(number, decimal-leading-zero); }
.pointList2 li .txt h5 { font-size: 2.875em; font-weight: 300; margin-bottom: 1em; }
.pointList2 li .txt h5.fs-s { font-size: 2.2em; line-height: 1.4em; }


@media all and (max-width:1080px){
    .pointList2 li .txt h5 { margin-bottom: 0.5em; }
}

@media all and (max-width:860px){
  .pointList2 li { display: block; }
  .pointList2 li > div { display: block; }
  .pointList2 li .img { width: 100%; }
  .pointList2 li .txt { padding: 5% 0;  }
}

@media all and (max-width:480px){
  .pointList2 li .txt h5 { font-size: 2.4em;  }
  .pointList2 li .txt h5.fs-s { font-size: 2em; }
}


.dr_subject { font-size: 1.2em; color: #009ee8; }





.orderList2 { overflow: hidden; margin: 0 auto; }
.orderList2 li { position: relative; counter-increment: number; float: left; overflow: hidden;  width: 49%; box-sizing: border-box; line-height: 70px; 
				 background-color:#f8f8f8; border-radius: 70px; margin-bottom: 10px;  }
.orderList2 li:nth-child(even) { float: right; }
.orderList2 li:before { content: counter(number, decimal-leading-zero); color:#fff; background-color:#009ee8; font-size: 1.2em;
					   width: 40px; height: 40px; line-height: 42px; border-radius:40px; display: inline-block; text-align: center; 
					   position: absolute; left: 15px; top: 15px; }
.orderList2 li p { padding-left: 70px; color:#414141; font-size: 1.05em; font-weight: 400; }


.orderList2.color2 li {  background-color:#f8fefb; }
.orderList2.color2 li:before { background-color:#4fc4bd;}

.orderList2.color3 li {  background-color:#fdf8fe; }
.orderList2.color3 li:before { background-color:#ba63b4;}
 

@media screen and (max-width:1399px) {

.orderList li { width: 24%; max-height: 24vw; }

.col5.orderList li {  width: 19%; max-height: 16vw; }

}

@media screen and (max-width:1199px) {

.orderList2 { font-size: 0.9em; }
.orderList2 li:before {  width: 36px; height: 36px; line-height: 40px;   left: 15px; top: 15px; }
.orderList2 li p { padding-left: 60px;  }

}

@media screen and (max-width:976px) {

.orderList2 li { width: 100%; line-height: 56px; margin-bottom: 5px; }
.orderList2 li:before  {  left: 10px; top: 10px; }

}

@media screen and (max-width:767px) {

.orderList li { width: 48%; max-height: 30vw; /*border-top: 1px solid rgba(203,94,102,0.4);*/ border-right:0; padding-top: 4%; margin-bottom: 4%; margin-top: -1px; }
.orderList li:first-child { border-left:0; }
.orderList li:nth-child(even) { border-left: 1px solid rgba(203,94,102,0.4); }
.orderList li:before { width: 34px; height: 34px; line-height: 36px;  }
.orderList li p { padding-top: 10px; }

.col5.orderList li { width: 48%; max-height: 30vw; }

.BG2 .orderList li:nth-child(even)  { border-color: rgba(79,196,189,0.4); }

}





.glaucoma { margin: 0; padding: 10% 0; background: url('/images/sub/glucoma_bg.png') no-repeat center center; background-size: cover; }
.glaucoma h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:2.5em; }
.glaucoma .stxt1 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; }


@media screen and (max-width:976px){
	.glaucoma h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:2.4em; }
	.glaucoma .stxt1  { margin-top: 3vw !important; }
}
@media screen and (max-width:767px){
	.glaucoma h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:2.2em; }
}
@media screen and (max-width:480px){
	.glaucoma h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:1.9em; }
}

.eyebot { margin: 0; padding: 10% 0; background: url('/images/sub/eyebot_bg.png') no-repeat center center; background-size: cover; }
.eyebot h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:2.5em; }
.eyebot .stxt1 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; }


@media screen and (max-width:976px){
	.eyebot h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:2.4em; }
	.eyebot .stxt1  { margin-top: 3vw !important; }
}
@media screen and (max-width:767px){
	.eyebot h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:2.2em; }
}
@media screen and (max-width:480px){
	.eyebot h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:1.7em; }
}
@media screen and (max-width:440px){
	.eyebot h3 { text-align: left; width: 90%; max-width: 1400px; margin: 0 auto; font-size:1.3em; }
}