@charset "utf-8";

@import url('default.css'); /* 기본설정 */
@import url('layout.css'); /* 사이트 세부설정 */

.sub_top { width: 100%; }
.sub_top .sub_visual { position: relative; overflow: hidden; }
.sub_top .sub_visual .sv_bg1 { width: 100%; height: 640px; background: url('/assets/kr/images/kjw/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .sub_visual .sv_bg2 { width: 100%; height: 640px; background: url('/assets/kr/images/retinal/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .sub_visual .sv_bg3 { width: 100%; height: 640px; background: url('/assets/kr/images/glaucoma/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .sub_visual .sv_bg4 { width: 100%; height: 640px; background: url('/assets/kr/images/cataract/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .sub_visual .sv_bg5 { width: 100%; height: 640px; background: url('/assets/kr/images/nearsighted/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .sub_visual .sv_bg6 { width: 100%; height: 640px; background: url('/assets/kr/images/examination/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .sub_visual .sv_bg7 { width: 100%; height: 640px; background: url('/assets/kr/images/dry/visual.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: transform: scale(1.3); animation: sv-bg-change 5s; }
.sub_top .h2wrap { position: absolute; top: 50%; left: 0; width: 100%; transform: translatey(-50%); text-align: center; z-index: 999; }
.sub_top .h2wrap h2 { font-size: 58px; font-weight: 400; color: #fff; line-height: 67px; }
.sub_top .h2wrap h2 strong { font-weight: 800; }
.sub_top .h2wrap p { margin-top: 40px; font-size: 24px; color: #fff; line-height: 33px; }
.sub_top .entxt { position: absolute; bottom: 0; right: 200px; font-size: 0; line-height: 0; z-index: 999; }

@keyframes sv-bg-change {
	0% { transform: scale(1); animation-timing-function: ease-in; }
	50% { transform: scale(1.1); animation-timing-function: ease-out; }
	100% { transform: scale(1); }
}

.Location { position: absolute; top: 640px; left: 0; width: 100%; border-bottom: 1px solid #ddd; z-index:777; }
.Location .wrap2 { height: 55px; }
.Location ul { position: absolute; left: 0; top: 0; z-index: 1; }
.Location ul:after { content: ""; display: block; clear: both; }
.Location ul li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Location ul li a { display: block; padding-left: 20px; font-size: 16px; font-weight: 600; color: #000; line-height: 55px; }
.Location ul li.depth-first { float: left; margin-right: 20px; }
.Location ul li.depth-first a { display: block; padding: 55px 0 0 19px; background: url('/assets/kr/images/common/home_icon.png') no-repeat center center; }
.Location ul li.depth-middle { float: left; width: 200px; background: url('/assets/kr/images/common/home_arrow.png') no-repeat right 20px top 19px; }
.Location ul li.depth-middle.on .depth-in { display: block; }
.Location ul li.depth-last { display: none; float: left; width: 200px; background: url('/assets/kr/images/common/home_arrow.png') no-repeat right 20px top 19px; }
.Location ul li.depth-last.on .depth-in { display: block; }
.Location ul li .depth-in { position: static; display: none; margin-top: 1px; background-color: #fff; }
.Location ul li .depth-in li { padding: 0; border-bottom: 1px solid #ddd; background: url('/assets/kr/images/common/home_arrow.png') no-repeat right 20px top 19px; }
.Location ul li .depth-in li a { display: block; margin: 0; padding: 0 0 0 20px; font-size: 16px; font-weight: 400; color: #000; line-height: 55px; background: none; }
.Location ul li .depth-in li a:hover, .Location ul li .depth-in li a:focus { font-weight: 600; color: #229dfb; }
.Location .snb { margin-left: 300px; }
.Location .snb a { position: relative; display: inline-block; margin-left: 50px; padding-left: 50px; font-size: 16px; font-weight: 400; color: #666; line-height: 55px; }
.Location .snb a:first-child { margin-left: 0; padding-left: 0; }
.Location .snb a ~ a:before { content: ''; position: absolute; top: 21px; left: 0; width: 1px; height: 13px; background-color: #c5c5c5; }
.Location .snb a.on, .Location .snb a:hover { font-weight: 600; color: #229dfb; }

#container { width: 100%; margin-bottom: 200px; }
h3 { margin-top: 150px; font-size: 48px; font-weight: 800; color: #000; line-height: 57px; text-align: center; }
h3 em { display: block; margin-top: 15px; font-size: 24px; font-weight: 300; color: #a5a5a5; line-height: 33px; }
h4 { margin-top: 115px; font-size: 40px; font-weight: 600; color: #111; line-height: 49px; }
h4 span { font-weight: 700; color: #229dfb; }
h4 em { display: block; margin-top: 10px; font-size: 26px; font-weight: 300; color: #229dfb; line-height: 35px; }
h4.center { margin-top: 145px; font-size: 50px; font-weight: 800; line-height: 59px; text-align: center; }
h5 { margin-top: 75px; font-size: 26px; font-weight: 600; color: #000; line-height: 35px; }
h5 span { color: #0082b3; }

.h4-txt { margin-top: 30px; font-size: 18px; font-weight: 400; color: #777; line-height: 29px; }
.h4-txt span { display: block; margin: 50px 0 20px 0; font-size: 26px; font-weight: 600; color: #229dfb; line-height: 35px; }
.h4-txt strong { display: block; margin: 50px 0 20px 0; font-size: 24px; font-weight: 600; color: #555; line-height: 33px; }
.flex-end { align-items: flex-end !important; }
.flex-end .img { margin-bottom: 5px; }
.backg1 { overflow: hidden; margin-top: 115px; padding-bottom: 120px; background-color: #f6f6f6; }
.backg2 { overflow: hidden; margin: 115px 0 -200px 0; padding-bottom: 120px; background-color: #f6f6f6; }
.mgtop0 { margin-top: 0 !important; }
.left { text-align: left !important; }
.mgleft { margin-left: 40px; }

.introductory { display: flex; justify-content: space-between; align-items: center; margin-top: 95px; }
.introductory h4 { margin-top: 0; }
.introductory .cont { max-width: 630px; }
.introductory .cont_all { width: 100%; }
.introductory .img { font-size: 0; line-height: 0; }
.introductory .img img { max-width: 100%; }

.comparison { display: flex; margin-top: 60px; }
.comparison li { width: 50%; }
.comparison li .img { font-size: 0; line-height: 0; }
.comparison li .img img { max-width: 100%; }
.comparison li .tit { width: 240px; margin: 40px auto 0 auto; font-size: 24px; font-weight: 600; color: #fff; line-height: 57px; text-align: center; border-radius: 30px; background-color: #666; }
.comparison li .on { background-color: #0da6dd; }

.symptom { display: flex; align-items: center; margin-top: 120px; }
.symptom .img { overflow: hidden; width: 610px; font-size: 0; line-height: 0; border-radius: 30px; }
.symptom .cont { width: calc(100% - 710px); margin-left: 100px; }
.symptom .cont h4 { margin-top: 0; }
.symptom .cont .h4-txt { font-size: 20px; line-height: 31px; }
.symptom .cont .list { margin-top: 20px; }
.symptom .cont .list li { position: relative; padding: 18px 0 0 53px; font-size: 20px; font-weight: 300; color: #0082b3; line-height: 29px; }
.symptom .cont .list li ~ li { margin-top: 15px; }
.symptom .cont .list li:before { content: ''; position: absolute; top: 0; left: 0; width: 33px; height: 45px; background: url('/assets/kr/images/retinal/icon_check.png') no-repeat left top; }
.symptom_top { margin-top: 60px !important; }

.typewrap { display: flex; justify-content: space-between; margin-top: 60px; }
.typewrap .type1 { width: 630px; }
.typewrap .type2 { width: 610px; }
.typewrap .type3 { width: 330px; }
.typewrap .type4 { width: 700px; }
.typewrap .type4 ul { display: flex; }
.typewrap .type4 ul li { width: calc((100% - 40px) / 2); margin-left: 40px; }
.typewrap .type4 ul li:first-child { margin-left: 0; }
.typewrap .type5 { width: 525px; }
.typewrap .arrow { margin-top: 40px; font-size: 0; line-height: 0; }
.typewrap .arrow2 { margin-top: 77px; font-size: 0; line-height: 0; }
.typewrap .img { margin-bottom: 35px; font-size: 0; line-height: 0; }
.typewrap .img img { max-width: 100%; }
.typewrap .cont { display: flex; align-items: flex-start; }
.typewrap .cont .tit { width: 150px; text-align: left; }
.typewrap .cont .txt { width: calc(100% - 150px); font-size: 16px; font-weight: 300; color: #666; line-height: 25px; }
.typewrap .tit { font-size: 20px; font-weight: 500; color: #161616; line-height: 29px; text-align: center; }
.typewrap .ba { margin-top: 30px; text-align: center; }
.typewrap .ba em { display: inline-block; width: 180px; font-size: 20px; font-weight: 600; color: #fff; line-height: 43px; border-radius: 30px; background-color: #666; }
.typewrap .ba .on { background-color: #0da6dd; }
.type-txt { margin-top: 60px; padding: 35px; font-size: 20px; font-weight: 500; color: #161616; line-height: 29px; text-align: center; border-radius: 10px; background-color: #fff; }
.type-txt span { color: #0083b2; }

.difference { overflow: hidden; width: 100%; margin-bottom: -200px; padding-bottom: 115px; background: url('/assets/kr/images/retinal/difference_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.difference h4 { font-family: "JalnanGothic"; font-size: 48px; font-weight: normal; color: #d8e7ec; line-height: 57px; text-align: center; }
.difference .txt { margin-top: 45px; padding-top: 80px; font-size: 26px; font-weight: 300; color: #d8e7ec; line-height: 37px; text-align: center; background: url('/assets/kr/images/retinal/sign.png') no-repeat center top;}

.diagnostic { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 60px; }
.diagnostic li { width: calc((100% - 120px) / 4); }
.diagnostic li.three { width: calc((100% - 80px) / 3); }
.diagnostic li .img { font-size: 0; line-height: 0; text-align: center; border: 1px solid #d5d5d5; }
.diagnostic li .img img { max-width: 100%; }
.diagnostic li .img2 { font-size: 0; line-height: 0; text-align: center; background-color: #f6f6f6; }
.diagnostic li .img2 img { max-width: 100%; }
.diagnostic li .tit { margin-top: 35px; font-size: 20px; font-weight: 500; color: #161616; line-height: 29px; text-align: center; }
.diagnostic li .txt { margin-top: 30px; font-size: 18px; font-weight: 300; color: #666; line-height: 27px; text-align: center; }

.types li { display: flex; margin-top: 60px; }
.types li .img { width: 278px; font-size: 0; line-height: 0; border: 1px solid #d5d5d5; }
.types li .cont { width: calc(100% - 350px); margin: 10px 0 0 70px; }
.types li .img1 { width: 450px; font-size: 0; line-height: 0; }
.types li .cont1 { width: calc(100% - 520px); margin: 10px 0 0 70px; }
.types li h5 { margin-top: 0; }
.types li .txt { margin-top: 20px; font-size: 18px; font-weight: 300; color: #666; line-height: 27px; }
.types li .txt span { display: block; margin-top: 20px; font-weight: 600; color: #000; }
.types li .txt strong { display: block; margin: 50px 0 20px 0; font-size: 20px; font-weight: 600; color: #229dfb; line-height: 29px; }

.system { overflow: hidden; margin-top: 100px; padding: 0 50px; border-radius: 30px; background-color: #fff; }
.system .img { width: 100%; max-width: 980px; margin: 0 auto; font-size: 0; line-height: 0; }
.system .img img { max-width: 100%; }
.system .cont { width: 100%; max-width: 880px; margin: 45px auto 55px auto; }
.system .cont h5 { margin-top: 0; }
.system .cont .txt { font-size: 18px; font-weight: 300; color: #666; line-height: 27px; }
.system .cont .txt span { display: block; margin: 30px 0 20px 0; font-weight: 600; color: #000; }

.glaucoma { display: flex; flex-wrap: wrap; }
.glaucoma li { display: flex; align-items: flex-start; width: 50%; margin-top: 60px; }
.glaucoma li h5 { width: 198px; margin-top: 0; font-size: 24px; font-weight: 400; color: #0da6dd; line-height: 53px; text-align: center; border-radius: 30px; border: 1px solid #0da6dd; }
.glaucoma li p { width: calc(100% - 300px); margin: 10px 0 0 50px; font-size: 18px; font-weight: 400; color: #666; line-height: 27px; }

.exa-intro { display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin-top: 60px; }
.exa-intro .img { overflow: hidden; width: 560px; font-size: 0; line-height: 0; border-radius: 10px; }
.exa-intro .img img { max-width: 100%; }
.exa-intro p { width: calc(100% - 640px); margin: 15px 0 0 80px; font-size: 18px; font-weight: 300; color: #666; line-height: 27px; }

.examination { display: flex; flex-wrap: wrap; gap: 60px 180px; margin-top: 120px; }
.examination li { width: 558px; border: 1px solid #d5d5d5; background-color: #fff; }
.examination li .img { font-size: 0; line-height: 0; border-bottom: 1px solid #d5d5d5; }
.examination li h5 { margin-top: 35px; text-align: center; }
.examination li .txt { padding: 30px 30px 35px 30px; font-size: 18px; font-weight: 400; color: #666; line-height: 27px; text-align: center; }

.guide { display: flex; align-items: center; width: 100%; height: 360px; margin: 60px 0 120px 0; padding: 0 10%; background: url('/assets/kr/images/examination/guide_bg.jpg') no-repeat center center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.guide .iconwrap { display: flex; align-items: center; justify-content: center; width: 50%; }
.guide .iconwrap p { width: 180px; margin-left: 50px; font-size: 24px; font-weight: 600; color: #fff; line-height: 33px; text-align: center; }
.guide .iconwrap p span { display: block; margin-bottom: 15px; font-size: 22px; font-weight: 600; color: #fff; line-height: 41px; border-radius: 30px; background-color: #0da6dd; }

.greeting { margin-top: 85px; }
.greeting .greet1 { font-size: 32px; font-weight: 300; color: #111; line-height: 46px; }
.greeting .greet1 strong { display: block; margin-bottom: 35px; font-size: 40px; font-weight: 500; line-height: 54px; }
.greeting .greet1 span { font-weight: 700; color: #229dfb; }
.greeting .greet2 { margin-top: 35px; font-size: 24px; font-weight: 300; color: #666; line-height: 35px; }
.greeting .sign { margin-top: 25px; font-size: 20px; font-weight: 300; color: #666; line-height: 51px; text-align: right; }
.greeting .sign img { margin-left: 20px; }

.ceo { margin-top: 120px; background-color: #f6f6f6; }
.ceo .wrap2 { display: flex; align-items: center; }
.ceo .photo { font-size: 0; line-height: 0; }
.ceo .profile { margin-left: 120px; }
.ceo .profile h4 { margin-top: 0; display: inline-block; padding: 0 40px; font-size: 24px; color: #fff; line-height: 43px; border-radius: 40px; background-color: #0da6dd; }
.ceo .profile .list { margin: 35px 0 0 20px; }
.ceo .profile .list li { position: relative; margin-top: 5px; padding-left: 20px; font-size: 20px; font-weight: 300; color: #333; line-height: 29px; }
.ceo .profile .list li.mgtop { margin-top: 30px; }
.ceo .profile .list li:before { content: ''; position: absolute; top: 13px; left: 0; overflow: hidden; width: 3px; height: 3px; border-radius: 50%; background-color: #333; }

.tap { display:flex; padding-top: 120px; }
.tap li { width:calc(100%); margin-left: -1px; }
.tap li:first-child { margin-left: 0; }
.tap li a { display: block; font-size: 24px; font-weight: 300; color: #484848; line-height: 57px; text-align: center; border: 1px solid #c5c5c5; }
.tap li a.on, .tap li a:hover { font-weight: 600; color: #fff; border: 1px solid #0da6dd; background-color: #0da6dd; }

.thesis h5 { padding: 0 0 15px 40px; font-size: 24px; font-weight: 600; color: #111; line-height: 33px; border-bottom: 2px solid #111; background: url('/assets/kr/images/kjw/thesis_arrow.png') no-repeat right 40px top 11px; }
.thesis .list { margin: 35px 40px 0 40px; }
.thesis .list li { position: relative; margin-top: 15px; padding-left: 20px; font-size: 18px; font-weight: 300; color: #333; line-height: 27px; }
.thesis .list li:before { content: ''; position: absolute; top: 13px; left: 0; overflow: hidden; width: 3px; height: 3px; border-radius: 50%; background-color: #333; }

.present { display: flex; gap: 80px; margin-top: 80px; }
.present li .img { font-size: 0; line-height: 0; }
.present li .img img { max-width: 100%; }
.present li p { margin-top: 25px; font-size: 22px; font-weight: 400; color: #000; line-height: 31px; text-align: center; }

.conference { margin-top: 75px; border-top: 2px solid #111; }
.conference > li { display: flex; padding: 20px 0; font-size: 18px; font-weight: 300; color: #333; line-height: 27px; text-align: center; border-bottom: 1px solid #d5d5d5; }
.conference > li:last-child { border-bottom: 2px solid #111; }
.conference > li .date { width: 180px; padding-left: 40px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.conference > li .cont { width: calc(100% - 180px); }
.conference > li .cont li { display: flex; justify-content: space-between; }
.conference > li .cont li ~ li { margin-top: 15px; }
.conference > li .cont li p { width: calc(100% - 240px); text-align: left; }
.conference > li .cont li em { width: 200px; }
.patent { margin-top: 40px !important; border-top: none; }
.patent > li { padding: 0; }
.patent > li:last-child { border-bottom: none; }

.project { margin-top: 40px; border-top: 2px solid #111; border-bottom: 2px solid #111; }
.project td { padding: 20px 20px 20px 40px; font-size: 18px; font-weight: 300; color: #333; line-height: 27px; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
.project td:first-child { border-left: none; }

.explain { margin-top: 90px; font-size: 40px; font-weight: 600; color: #000; line-height: 54px; text-align: center; }
.explain span { color: #229dfb; }
.explain2 { margin-top: 50px; font-size: 24px; font-weight: 400; color: #000; line-height: 33px; text-align: center; }
.explain3 { position: relative; margin-top: 90px; font-size: 40px; font-weight: 600; color: #000; line-height: 54px; text-align: center; }
.explain3 span { position: relative; display: inline-block; }
.explain3 span:before { content: ''; position: absolute; top: 0; left: -60px; width: 38px; height: 28px; background: url('/assets/kr/images/nearsighted/icon_sign1.png') no-repeat left top; }
.explain3 span:after { content: ''; position: absolute; bottom: 0; right: -60px; width: 38px; height: 28px; background: url('/assets/kr/images/nearsighted/icon_sign2.png') no-repeat left top; }

.directions { margin-top: 40px; font-size: 0; line-height: 0; border: 1px solid #d5d5d5; }
.directions img { max-width: 100%; }

.timelist { display: flex; margin-top: 90px; }
.timelist h5 { width: 220px; margin-top: 0; }
.timelist .time { display: flex; gap: 50px; width: calc(100% - 220px); }
.timelist .time li { width: calc(100%); padding: 30px 40px; font-size: 16px; font-weight: 400; color: #666; line-height: 25px; background-color: #f3f3f3; }
.timelist .time li span { color: #000; }
.timelist .time li strong { display: block; margin: 20px 0; font-size: 36px; font-weight: 800; color: #555; line-height: 45px; }

.tellist { display: flex; margin: 90px 0; }
.tellist h5 { width: 220px; margin-top: 0; }
.tellist p { width: calc(100% - 220px); font-size: 24px; font-weight: 600; color: #111; line-height: 43px; }
.tellist p span { display: block; margin: 0 0 20px -2px; font-size: 60px; font-weight: 800; color: #0da6dd; line-height: 60px; }

.traffic { display: flex; margin-top: 40px; padding-top: 40px; border-top: 2px solid #111; }
.traffic li { width: 50%; display: flex; }
.traffic li .icon { margin-left: 100px; }
.traffic li p { margin-left: 40px; font-size: 20px; font-weight: 400; color: #111; line-height: 29px; }
.traffic li p strong { display: block; margin-bottom: 10px; font-size: 24px; font-weight: 600; color: #111; line-height: 33px; }
.traffic li p strong ~ strong { margin-top: 30px; }

.onestop { width: 100%; margin-top: 95px; }
.onestop li { position: relative; overflow: hidden; height: 765px;  }
.onestop li.bg1 { background: url('/assets/kr/images/kjw/onestop_img1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.onestop li.bg2 { background: url('/assets/kr/images/kjw/onestop_img2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.onestop li.bg3 { background: url('/assets/kr/images/kjw/onestop_img3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.onestop li.bg4 { background: url('/assets/kr/images/kjw/onestop_img4.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.onestop li h4.one { margin-top: 145px; font-size: 70px; font-weight: 200; color: #fff; line-height: 79px; text-align: center; }
.onestop li h4.one strong { font-weight: 800; }
.onestop li h4.one em { display: block; margin-bottom: 30px; font-size: 30px; font-weight: 200; color: #fff; line-height: 39px; }
.onestop li .writing { position: absolute; bottom: 100px; left: 50%; width: 1300px; text-align: right; transform: translate(-50%, 0); }
.onestop li .writing span { display: inline-block; padding-left: 20px; font-size: 22px; font-weight: 200; color: rgba(255,255,255,0.6); line-height: 29px; text-align: left; border-left: 2px solid rgba(255,255,255,0.6); }
.onestop li .cont { position: absolute; top: 50%; left: 50%; display: flex; width: 1300px; transform: translate(-50%, -50%); }
.onestop li .cont h4 { width: 63%; margin-top: 0; font-size: 50px; font-weight: 800; color: #fff; line-height: 69px; }
.onestop li .cont p { width: 37%; font-size: 30px; font-weight: 300; color: #fff; line-height: 44px; }
.onestop li .cont p em { display: block; margin-top: 50px; font-size: 24px; font-weight: 200; color: #fff; line-height: 35px; }
.onestop li .cont p a { display: block; width: 370px; margin-top: 55px; font-size: 20px; font-weight: 200; color: #fff; line-height: 59px; text-align: center; border-radius: 50px; background: rgba(255,255,255,0.2); }
.onestop li .cont p a img { margin: 24px 0 0 15px; }
.onestop li .cont p a:hover { background-color: #229dfb; }

.tap2 { margin: 95px -5px 0 -5px; font-size: 0; line-height: 0; text-align: center; }
.tap2 a { display: inline-block; margin: 0 5px; padding: 10px 30px; font-size: 24px; color: #000; line-height: 33px; border-radius: 30px; background-color: #eee; }
.tap2 a.on, .tap2 a:hover { font-weight: 600; color: #fff; background-color: #0da6dd; }

.equipment { margin: 100px 50px 0 50px; }
.equipment li { display: flex; margin-top: 60px; }
.equipment li .img { overflow: hidden; width: 478px; border-top-right-radius: 140px; border: 1px solid #d5d5d5; }
.equipment li .cont { width: calc(100% - 600px); margin-left: 120px; }
.equipment li .cont h5 { margin-top: 0; font-size: 30px; line-height: 39px; }
.equipment li .cont p { margin-top: 30px; font-size: 24px; font-weight: 300; line-height: 35px; }

.pargon { margin-top: 110px; }
.pargon p { font-size: 24px; font-weight: 400; color: #777; line-height: 33px; text-align: center; }
.pargon .img { margin-top: 45px; font-size: 0; line-height: 0; background: url('/assets/kr/images/nearsighted/pargon_bg.jpg') no-repeat right center; }

.dreamlens { margin: 120px 120px 0 120px; }
.dreamlens > li { display: flex; margin-top: 90px; }
.dreamlens > li:first-child { margin-bottom: 110px; }
.dreamlens > li:first-child .cont { position: relative; padding-right: 600px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.dreamlens > li:first-child .cont .img2 { position: absolute; top: 0; right: 0; overflow: hidden; border-radius: 20px; }
.dreamlens > li h5 { margin-top: 0; }
.dreamlens > li .number { width: 120px; font-family: "JalnanGothic"; font-size: 72px; font-style: italic; color: #d1d1d1; line-height: 91px; }
.dreamlens > li .cont { width: calc(100% - 120px); }
.dreamlens > li .txt { margin-top: 15px; font-size: 22px; font-weight: 400; color: #666; line-height: 33px; }
.dreamlens > li .txt span { font-weight: 700; color: #229dfb; }
.dreamlens > li .rzd { display: flex; margin-top: 55px; }
.dreamlens > li .rzd .tit { width: 120px; padding: 3% 40px 0 0; font-size: 22px; font-weight: 600; color: #de0a0a; line-height: 31px; text-align: center; }
.dreamlens > li .rzd ul { display: flex; flex-wrap: wrap; gap: 30px; }
.dreamlens > li .rzd ul li { width: calc((100% - 60px) / 3); }
.dreamlens > li .rzd ul li .img { overflow: hidden; font-size: 0; line-height: 0; border-radius: 20px; }
.dreamlens > li .rzd ul li .img img { width: 100%; }
.dreamlens > li .rzd ul li .name { margin-top: 15px; font-size: 20px; font-weight: 500; color: #000; line-height: 29px; text-align: center; }


.byage { display: flex; justify-content: center; overflow: hidden; width: 100%; margin-top: 60px; max-width: 3840px; }
.byage .age-slide { width: 50%; max-width: 540px; margin: 0 30px; }
.byage .age-slide .img { width: 100%; position: relative; font-size: 0; line-height: 0; }
.byage .age-slide .img > img { width: 100%; }
.byage .age-slide .tit { margin-top: 35px; font-size: 60px; font-weight: 900; color: #0da6dd; line-height: 60px; text-align: center; }
.byage .age-slide .tit span { display: inline-block; margin-right: 30px; font-size: 30px; font-weight: 600; line-height: 60px; vertical-align: top; }
.byage .age-slide .tit em { font-weight: 400; }
.byage .age-slide .txt { margin: 30px 60px 0 60px; font-size: 24px; font-weight: 300; color: #666; line-height: 33px; }


.dryness { width: 100%; height: 470px; margin-top: 95px; background: url('/assets/kr/images/cataract/dryness_img1.jpg') no-repeat center top; }
.dryness p { padding: 95px 0 0 120px; font-size: 30px; font-weight: 500; color: #666; line-height: 39px; }
.dryness p span { display: block; margin-top: 40px; font-size: 72px; font-weight: 800; color: #fff; line-height: 81px; }

.symptom2 { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 60px; }
.symptom2 li { width: calc((100% - 60px) / 4); }
.symptom2 li .img { overflow: hidden; font-size: 0; line-height: 0; border-radius: 20px; }
.symptom2 li .img img { width: 100%; }
.symptom2 li p { margin-top: 20px; font-size: 18px; font-weight: 500; color: #666; line-height: 27px; text-align: center; }

.treatment { background: url('/assets/kr/images/cataract/dryness_img6.png') no-repeat right bottom; }
.treat { display: flex; flex-wrap: wrap; gap: 50px; margin-top: 60px; }
.treat > li { width: 420px; padding: 50px 50px 45px 50px; text-align: center; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.treat > li h5 { display: inline-block; margin-top: 0; padding: 0 30px; font-size: 22px; color: #fff; line-height: 41px; border-radius: 30px; background-color: #0da6dd; }
.treat > li .txt { margin-top: 35px; font-size: 18px; font-weight: 500; color: #666; line-height: 27px; }
.treat > li .list { margin-top: 20px; }
.treat > li .list li { position: relative; padding: 12px 0 0 47px; font-size: 18px; font-weight: 300; color: #0082b3; line-height: 27px; text-align: left; }
.treat > li .list li ~ li { margin-top: 5px; }
.treat > li .list li:before { content: ''; position: absolute; top: 0; left: 0; width: 27px; height: 36px; background: url('/assets/kr/images/retinal/icon_check.png') no-repeat left top; background-size: 27px 36px; }

.surgical { margin-top: 120px; }
.surgical li { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.surgical li.left:before { content: ""; position: absolute; top: 50%; left: -100%; width: 100%; height: calc(100% - 160px); background: #0da6dd; transform: translateY(-50%); z-index: 0; }
.surgical li.left .cont .txt:before { content: ''; position: absolute; top: 0; left: -200px; width: 300px; height: 1px; background-color: #bbb; }
.surgical li.right { flex-direction: row-reverse; }
.surgical li.right .cont { text-align: right; }
.surgical li.right:before { content: ""; position: absolute; top: 50%; right: -100%; width: 100%; height: calc(100% - 160px); background: #0da6dd; transform: translateY(-50%); z-index: 0; }
.surgical li.right .cont .txt:before { content: ''; position: absolute; top: 0; right: -200px; width: 300px; height: 1px; background-color: #bbb; }
.surgical li ~ li { margin-top: 80px; }
.surgical li .img { width: 600px; }
.surgical li .cont { width: calc(100% - 700px); }
.surgical li .cont h4 { margin-top: 0; }
.surgical li .cont h4 em { display: block; margin: 0 0 15px 0; font-size: 36px; line-height: 43px; }
.surgical li .cont .txt { position: relative; margin-top: 35px; padding-top: 35px; font-size: 22px; font-weight: 300; color: #444; line-height: 31px; }

.vscwrap { padding: 120px 0; background: url('/assets/kr/images/cataract/system_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.vscwrap .vsc li { display: flex; padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.4); }
.vscwrap .vsc li .tit { width: 500px; font-size: 50px; font-weight: 700; color: #fff; line-height: 68px; }
.vscwrap .vsc li .tit span { display: inline-block; width: 68px; margin-right: 40px; font-size: 35px; line-height: 68px; text-align: center; border-radius: 50%; background-color: #0da6dd; vertical-align: top; }
.vscwrap .vsc li .txt { width: calc(100% - 500px); font-size: 30px; font-weight: 300; color: #fff; line-height: 68px; }

.precise { width: 100%; margin: 115px 0 -200px 0; padding-bottom: 115px; }
.precise h4 { position: relative; margin-top: 55px; padding: 85px 0 75px 0; font-family: "JalnanGothic"; font-size: 48px; font-weight: normal; color: #181818; line-height: 57px; text-align: center; }
.precise h4:before { content: ''; position: absolute; top: 0; left: 50%; width: 47px; height: 35px; background: url('/assets/kr/images/cataract/sign1.png') no-repeat left top; transform: translatex(-50%); }
.precise h4:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 47px; height: 35px; background: url('/assets/kr/images/cataract/sign2.png') no-repeat left top; transform: translatex(-50%); }
.precise .tit { font-size: 35px; font-weight: 500; color: #222; line-height: 44px; text-align: center; }
.precise .txt { margin-top: 55px; font-size: 26px; font-weight: 300; color: #181818; line-height: 37px; text-align: center; }

.byage .swiper-wrapper .swiper-slide { opacity: 0.5 !important; }
.byage .swiper-wrapper .swiper-slide img { filter: grayscale(100%); }
/*.byage .swiper-wrapper .swiper-slide-next  { opacity: 1.0 !important; }
.byage .swiper-wrapper .swiper-slide-next img { filter: grayscale(0%); }*/
.byage .swiper-wrapper .swiper-slide-active  { opacity: 1.0 !important; }
.byage .swiper-wrapper .swiper-slide-active img { filter: grayscale(0%); }

.wrap2 #tab_con2, .wrap2 #tab_con3, .wrap2 #tab_con3, .wrap2 #tab_con4, .wrap2 #tab_con5 { display: none; }

@media screen and (max-width: 1680px) {
	.wrap { width: 1480px; margin: 0 auto; }

	.sub_top .entxt { right: 60px; }
}

@media screen and (max-width: 1480px) {
	.wrap { width: 1300px; margin: 0 auto; }

	.typewrap { gap: 40px; }
	.typewrap .type1 { width: calc((100% - 40px) / 2); }
}

@media screen and (max-width: 1300px) {
	.wrap { width: 980px; margin: 0 auto; }
	.wrap2 { width: 980px; margin: 0 auto; }

	.sub_top .entxt { display: none; }

	.Location ul { width: 100%; }
	.Location ul li.depth-first { display: none; }
	.Location ul li.depth-middle { width: 50%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
	.Location ul li.depth-last { display: block; width: 50%; margin-left: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
	.Location .snb { display: none; }

	.h4-txt br { display: none; }

	.introductory { display: block; }
	.introductory .cont { max-width: 100%; }
	.introductory .img { margin-top: 35px; }

	.symptom { margin-top: 115px; }
	.symptom .img { display: none; }
	.symptom .cont { width: 100%; margin-left: 0; }
	.symptom_top { margin-top: 35px !important; }

	.typewrap .arrow { display: none; }
	.typewrap .arrow2 { display: none; }

	.difference .txt br { display: none; }

	.glaucoma li { width: 100%; }

	.exa-intro { display: block; margin-top: 30px; }
	.exa-intro .img { margin-top: 35px; }
	.exa-intro p { width: 100%; margin: 0; }

	.examination { gap: 60px; }
	.examination li { width: calc((100% - 60px) / 2); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.examination li .img img { width: 100%;  }

	.greeting .greet1 br { display: none; }

	.ceo { overflow: hidden; }
	.ceo .wrap2 { display: block; }
	.ceo .photo { width: 100%; }
	.ceo .photo img { width: 100%; }
	.ceo .profile { margin: 80px 0; }

	.thesis h5 { padding: 0 0 15px 0; background: url('/assets/kr/images/kjw/thesis_arrow.png') no-repeat right 0 top 11px; }
	.thesis .list { margin: 35px 0 0 0; }

	.timelist { display: block; }
	.timelist h5 { width: 100%; }
	.timelist .time { width: 100%; margin-top: 40px; }

	.tellist { display: block; margin: 90px 0; }
	.tellist h5 { width: 100%; }
	.tellist p { width: 100%; margin-top: 40px; }

	.traffic { display: block; margin-top: 0; padding-top: 0; border-top: none; }
	.traffic li { width: 100%; display: flex; margin-top: 40px; }
	.traffic li .icon { margin-left: 0; }

	.onestop li .writing { width: 980px; }
	.onestop li .cont { width: 980px; }

	.tap2 { margin: 95px -10px 0 -10px; }
	.tap2 a { width: calc((100% - 60px) / 3); margin: 10px; padding: 10px 0; }

	.equipment { margin: 100px 0 0 0; }

	.dreamlens { margin: 120px 0 0 0; }
	.dreamlens > li .txt br { display: none; }

	.treatment { background: none; }

	.surgical li .img { width: 490px; }
	.surgical li .img img { width: 100%; }
	.surgical li .cont { width: calc(100% - 550px); }

	.precise .txt br { display: none; }
}

@media screen and (max-width: 980px) {
	.wrap { width: 750px; margin: 0 auto; }
	.wrap2 { width: 750px; margin: 0 auto; }

	.typewrap { flex-direction: column; gap: 55px; }
	.typewrap .type1 { width: 100%; }
	.typewrap .type2 { width: 100%; }
	.typewrap .type3 { width: 48%; margin: 0 auto; }
	.typewrap .type4 { width: 100%; }
	.typewrap .type5 { width: 100%; }
	.typewrap .type4 ul li { width: calc((100% - 4%) / 2); margin-left: 4%; }
	.typewrap .img { font-size: 0; line-height: 0; }
	.typewrap .img img { width: 100%; }

	.diagnostic li { width: 100%; }
	.diagnostic li.three { width: 100%; }

	.types li { display: block; }
	.types li .cont { width: 100%; margin: 25px 0 0 0; }
	.types li .cont1 { width: 100%; margin: 25px 0 0 0; }

	.guide { padding: 0; }

	.onestop li .writing { width: 750px; }
	.onestop li .cont { width: 750px; }
	.onestop li .cont { display: block; }
	.onestop li .cont h4 { width: 100%; }
	.onestop li .cont p { width: 100%; margin-top: 50px; }

	.equipment li { display: block; }
	.equipment li .cont { width: 100%; margin: 45px 0 0 0; }

	.dreamlens > li:first-child { margin-bottom: 0; }
	.dreamlens > li:first-child .cont { padding-right: 0; }
	.dreamlens > li:first-child .cont .img2 { position: static; width:100%; max-width: 530px; margin-top: 35px; }
	.dreamlens > li:first-child .cont .img2 img { width:100%; }
	.dreamlens > li .rzd { display: block; margin-top: 35px; }
	.dreamlens > li .rzd .tit { width: 100%; padding: 0; text-align: left; }
	.dreamlens > li .rzd ul { margin-top: 20px; }

	.surgical li { display: block; }
	.surgical li.left:before { display: none; }
	.surgical li.left .cont .txt:before { display: none; }
	.surgical li.right .cont { text-align: left; }
	.surgical li.right:before { display: none; }
	.surgical li.right .cont .txt:before { display: none; }
	.surgical li .img { width: 100%; }
	.surgical li .cont { width: 100%; margin-top: 35px; }
	.surgical li .cont .txt { margin-top: 30px; padding-top: 0; }

	.vscwrap .vsc li { display: block; }
	.vscwrap .vsc li .tit { width: 100%; }
	.vscwrap .vsc li .txt { width: 100%; margin-top: 35px; line-height: 39px; }

}

@media screen and (max-width: 768px) {
	.wrap { width: auto; margin: 0 20px; }
	.wrap2 { width: auto; margin: 0 20px; }

	.sub_top .sub_visual .sv_bg1 { height: 330px; }
	.sub_top .sub_visual .sv_bg2 { height: 330px; }
	.sub_top .sub_visual .sv_bg3 { height: 330px; }
	.sub_top .sub_visual .sv_bg4 { height: 330px; }
	.sub_top .sub_visual .sv_bg5 { height: 330px; }
	.sub_top .sub_visual .sv_bg6 { height: 330px; }
	.sub_top .sub_visual .sv_bg7 { height: 330px; }
	.sub_top .h2wrap { transform: translatey(-36%); }
	.sub_top .h2wrap h2 { font-size: 35px; line-height: 44px; }
	.sub_top .h2wrap p { margin-top: 20px; font-size: 16px; line-height: 25px; }

	.Location { top: 330px; }
	.Location .wrap2 { height: 47px; }
	.Location ul li a { font-size: 14px; line-height: 47px; }
	.Location ul li.depth-middle { background: url('/assets/kr/images/common/home_arrow.png') no-repeat right 20px top 15px; background-size: 17px; }
	.Location ul li.depth-last { background: url('/assets/kr/images/common/home_arrow.png') no-repeat right 20px top 15px; background-size: 17px; }
	.Location ul li .depth-in li { background: none; }
	.Location ul li .depth-in li a { font-size: 14px; line-height: 47px; }

	#container { margin-bottom: 80px; overflow:hidden; }
	h3 { margin-top: 103px; font-size: 30px; line-height: 39px; }
	h3 em { margin-top: 5px; font-size: 16px; line-height: 23px; }
	h4 { margin-top: 55px; font-size: 24px; line-height: 33px; }
	h4 em { margin-top: 5px; font-size: 16px; line-height: 23px; }
	h4.center { margin-top: 55px; font-size: 30px; line-height: 39px; }
	h5 { margin-top: 25px; font-size: 18px; line-height: 27px; }

	.h4-txt { margin-top: 20px; font-size: 14px; line-height: 23px; }
	.h4-txt span { margin: 25px 0 15px 0; font-size: 17px; line-height: 26px; }
	.h4-txt strong { margin: 25px 0 15px 0; font-size: 17px; line-height: 26px; }
	.backg1 { margin-top: 55px; padding-bottom: 60px; }
	.backg2 { margin: 55px 0 -80px 0; padding-bottom: 60px; }
	.mgleft { margin: 35px 0 0 0; }

	.introductory { margin-top: 50px; }
	.introductory .img { margin-top: 35px; }

	.comparison { display: block; margin-top: 0; }
	.comparison li { width: 100%; margin-top: 40px; }
	.comparison li .img img { width: 100%; }
	.comparison li .tit { width: 150px; margin: 20px auto 0 auto; font-size: 15px; line-height: 34px; }

	.symptom { margin-top: 45px; }
	.symptom .cont h4 { margin-top: 0; }
	.symptom .cont .h4-txt { font-size: 14px; line-height: 23px; }
	.symptom .cont .list { margin-top: 15px; }
	.symptom .cont .list li { padding: 5px 0 0 30px; font-size: 15px; line-height: 24px; }
	.symptom .cont .list li ~ li { margin-top: 5px; }
	.symptom .cont .list li:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 27px; background-size: 20px 27px; }
	.symptom_top { margin-top: 25px !important; }

	.typewrap { gap: 35px; margin-top: 35px; }
	.typewrap .img { margin-bottom: 20px; }
	.typewrap .cont { display: block; }
	.typewrap .cont .tit { width: 100%; }
	.typewrap .cont .txt { width: 100%; margin-top: 15px; font-size: 13px; line-height: 22px; }
	.typewrap .tit { font-size: 15px; line-height: 24px; }
	.typewrap .ba { margin-top: 20px; }
	.typewrap .ba em { width: 150px; font-size: 15px; line-height: 34px; }
	.type-txt { margin-top: 40px; padding: 15px; font-size: 15px; line-height: 24px; }
	.type-txt br { display: none; }

	.difference { margin-bottom: -80px; padding-bottom: 55px; }
	.difference h4 { font-size: 25px; line-height: 34px; }
	.difference .txt { margin-top: 25px; padding-top: 45px; font-size: 15px; line-height: 24px; background-size: auto 20px; }

	.diagnostic { gap: 35px; margin-top: 35px; }
	.diagnostic li .img img { height: 150px; }
	.diagnostic li .img2 img { height: 180px; }
	.diagnostic li .tit { margin-top: 15px; font-size: 15px; line-height: 24px; }
	.diagnostic li .txt { margin-top: 10px; font-size: 14px; line-height: 21px; }

	.types li { margin-top: 25px; }
	.types li .img { width: 238px; }
	.types li .img img { width: 100%; }
	.types li .img1 { width: 100%; }
	.types li .img1 img { max-width: 100%; }
	.types li .cont { margin: 20px 0 0 0; }
	.types li .cont1 { margin: 20px 0 0 0; }
	.types li .txt { margin-top: 10px; font-size: 14px; line-height: 23px; }
	.types li .txt span { margin-top: 10px; }
	.types li .txt strong { margin: 15px 0 10px 0; font-size: 16px; line-height: 25px; }
	.types li .txt br { display: none; }

	.system { margin-top: 35px; padding: 20px 20px 35px 20px; border-radius: 10px; }
	.system .cont { margin: 25px 10px 0 10px; }
	.system .cont .txt { font-size: 14px; line-height: 23px; }
	.system .cont .txt span { display: block; margin: 20px 0 10px 0; color: #000; }

	.glaucoma li { display: block; margin-top: 25px; }
	.glaucoma li h5 { width: auto; margin-top: 0; font-size: 16px; line-height: 39px; border-radius: 0; }
	.glaucoma li p { width: 100%; margin: 15px 0 0 0; font-size: 14px; line-height: 23px; }

	.exa-intro { margin-top: 20px; }
	.exa-intro .img { width: 100%; max-width: 560px; }
	.exa-intro p { font-size: 14px; line-height: 23px; }

	.examination { gap: 30px; margin-top: 60px; }
	.examination li { width: 100%; }
	.examination li h5 { margin-top: 20px; }
	.examination li .txt { padding: 10px 20px 20px 20px; font-size: 14px; line-height: 21px; }

	.guide { overflow: hidden; display: block; height: auto; margin: 35px 0 60px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.guide .iconwrap { width: 240px; margin: 40px auto; }
	.guide .iconwrap img { width: 50px; }
	.guide .iconwrap p { width: 140px; margin-left: 40px; font-size: 15px; line-height: 24px; }
	.guide .iconwrap p span { margin-bottom: 5px; font-size: 14px; line-height: 33px; }

	.greeting { margin-top: 50px; }
	.greeting .greet1 { font-size: 18px; line-height: 27px; }
	.greeting .greet1 strong { margin-bottom: 20px; font-size: 24px; line-height: 33px; }
	.greeting .greet2 { margin-top: 20px; font-size: 16px; line-height: 25px; }
	.greeting .sign { margin-top: 15px; font-size: 15px; line-height: 30px; }
	.greeting .sign img { height: 30px; margin-left: 15px; }

	.ceo { margin-top: 60px; }
	.ceo .profile { margin: 40px 0 55px 0; }
	.ceo .profile h4 { padding: 0 30px; font-size: 16px; line-height: 35px; }
	.ceo .profile .list { margin: 25px 0 0 15px; }
	.ceo .profile .list li { margin-top: 5px; padding-left: 15px; font-size: 15px; line-height: 24px; }
	.ceo .profile .list li.mgtop { margin-top: 20px; }
	.ceo .profile .list li:before { top: 11px; }

	.tap { margin-bottom: 55px; padding-top: 60px; }
	.tap li a { font-size: 15px; line-height: 40px; }

	.thesis h5 { margin-top: 35px; padding: 0 0 15px 0; font-size: 17px; line-height: 26px; border-bottom: 1px solid #111; background: url('/assets/kr/images/kjw/thesis_arrow.png') no-repeat right 0 top 10px; background-size: auto 8px; }
	.thesis .list { margin: 15px 0 0 0; }
	.thesis .list li { margin-top: 10px; padding-left: 13px; font-size: 14px; line-height: 21px; }
	.thesis .list li:before { top: 9px; }
	.thesis .list li br { display: none; }

	.present { display: block; margin-top: 60px; }
	.present li { width: 100%; margin-top: 25px; }
	.present li .img img { width: 100%; }
	.present li p { margin-top: 15px; font-size: 15px; line-height: 24px; }

	.conference { margin-top: 35px; border-top: 1px solid #111; }
	.conference > li { display: block; padding: 20px 0; font-size: 14px; line-height: 21px; text-align: left; }
	.conference > li:last-child { border-bottom: 1px solid #111; }
	.conference > li .date { width: auto; padding-left: 0; }
	.conference > li .cont { width: 100%; margin-top: 15px; }
	.conference > li .cont li { display: block; }
	.conference > li .cont li ~ li { margin-top: 15px; }
	.conference > li .cont li p { width: 100%; }
	.conference > li .cont li em { display: block; width: auto; margin-top: 5px; }
	.patent { margin-top: 15px !important; border-top: none; }
	.patent > li { padding: 0; }
	.patent > li:last-child { border-bottom: none; }

	.project { margin-top: 20px; border-top: 1px solid #111; border-bottom: 1px solid #111; }
	.project td { padding: 10px 10px 10px 10px; font-size: 14px; line-height: 21px; word-break: normal; word-wrap: normal; }

	.explain { margin-top: 20px; font-size: 18px; line-height: 27px; }
	.explain2 { margin-top: 20px; font-size: 16px; line-height: 25px; }
	.explain3 { margin-top: 20px; font-size: 18px; line-height: 27px; }
	.explain3 span:before { left: -30px; width: 20px; height: 15px; background-size: 100%; }
	.explain3 span:after { right: -30px; width: 20px; height: 15px; background-size: 100%; }

	.directions { margin-top: 25px; }

	.timelist { margin-top: 50px; }
	.timelist .time { display: block; margin-top: 25px; }
	.timelist .time li { width: auto; margin-top: 10px; padding: 15px 20px; font-size: 14px; line-height: 21px; }
	.timelist .time li strong { margin: 5px 0; font-size: 24px; line-height: 33px; }

	.tellist { margin: 50px 0; }
	.tellist p { margin-top: 20px; font-size: 16px; line-height: 30px; }
	.tellist p span { margin: 0 0 10px 0; font-size: 35px; line-height: 40px; }
	.tellist p span a { display: inline-block; color: #0da6dd; line-height: 40px; }

	.traffic li { margin-top: 30px; }
	.traffic li .icon img { width: 52px; }
	.traffic li p { margin-left: 20px; font-size: 14px; line-height: 21px; }
	.traffic li p strong { margin-bottom: 5px; font-size: 16px; line-height: 25px; }
	.traffic li p strong ~ strong { margin-top: 20px; }

	.onestop { margin-top: 55px; }
	.onestop li { height: 360px; }
	.onestop li h4.one { margin: 55px 10px 0 10px; font-size: 35px; line-height: 39px; }
	.onestop li h4.one em { margin: 0 60px 10px 60px; font-size: 17px; line-height: 26px; }
	.onestop li .writing { bottom: 50px; left: 0; width: 100%; padding: 0 20px; transform: translate(0, 0); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.onestop li .writing span { padding-left: 15px; font-size: 15px; line-height: 20px; }
	.onestop li .cont { left: 0; width: 100%; padding: 0 20px; transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.onestop li .cont h4 { font-size: 30px; line-height: 39px; }
	.onestop li .cont p { margin-top: 25px; font-size: 17px; line-height: 26px; }
	.onestop li .cont p em { margin-top: 25px; font-size: 15px; line-height: 24px; }
	.onestop li .cont p a { width: 260px; margin-top: 30px; font-size: 14px; line-height: 43px; }
	.onestop li .cont p a img { height: 9px; margin: 17px 0 0 10px; }

	.tap2 { margin: 40px -5px 0 -5px; text-align: left; }
	.tap2 a { width: calc((100% - 20px) / 2); margin: 5px; font-size: 15px; line-height: 24px; text-align: center; }

	.equipment { margin: 45px 0 0 0; }
	.equipment li { margin-top: 35px; }
	.equipment li .img { width: 278px; border-top-right-radius: 100px; }
	.equipment li .img img { width: 100%; }
	.equipment li .cont { margin: 20px 0 0 0; }
	.equipment li .cont h5 { margin-top: 0; font-size: 20px; line-height: 29px; }
	.equipment li .cont p { margin-top: 15px; font-size: 15px; line-height: 24px; }

	.pargon { margin-top: 50px; }
	.pargon p { font-size: 15px; line-height: 24px; }
	.pargon .img { margin-top: 25px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.pargon .img img { width: 100%; }

	.dreamlens { margin: 60px 0 0 0; }
	.dreamlens > li { margin-top: 40px; }
	.dreamlens > li:first-child .cont .img2 { margin-top: 15px; border-radius: 10px; }
	.dreamlens > li .number { width: 60px; font-size: 40px; line-height: 53px; }
	.dreamlens > li .cont { width: calc(100% - 60px); }
	.dreamlens > li .txt { margin-top: 10px; font-size: 14px; line-height: 23px; }
	.dreamlens > li .rzd { margin-top: 10px; }
	.dreamlens > li .rzd .tit { font-size: 14px; line-height: 23px; }
	.dreamlens > li .rzd ul { gap: 10px; margin-top: 15px; }
	.dreamlens > li .rzd ul li { width: calc((100% - 20px) / 3); }
	.dreamlens > li .rzd ul li .img { border-radius: 10px; }
	.dreamlens > li .rzd ul li .name { margin-top: 10px; font-size: 13px; line-height: 22px; }

	.byage { margin-top: 35px; }
	.byage .age-slide { width: 300px; margin: 0 15px; }
	.byage .age-slide .img img { width: 300px; }
	.byage .age-slide .tit { margin-top: 20px; font-size: 40px; line-height: 40px; }
	.byage .age-slide .tit span { margin-right: 15px; font-size: 18px; line-height: 40px; }
	.byage .age-slide .txt { margin: 15px 0 0 0; font-size: 14px; line-height: 21px; }

	.dryness { height: 280px; margin-top: 55px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.dryness p { padding: 55px 0 0 40px; font-size: 18px; line-height: 27px; }
	.dryness p span { margin-top: 10px; font-size: 35px; line-height: 44px; }

	.symptom2 { gap: 20px; margin-top: 35px; }
	.symptom2 li { width: calc((100% - 20px) / 2); }
	.symptom2 li .img { border-radius: 10px; }
	.symptom2 li p { margin-top: 15px; font-size: 14px; line-height: 23px; }

	.treat { gap: 30px; margin-top: 35px; }
	.treat > li { width: 100%; padding: 30px 20px 25px 30px; }
	.treat > li h5 { font-size: 16px; line-height: 35px; }
	.treat > li .txt { margin-top: 25px; font-size: 14px; line-height: 21px; }
	.treat > li .list { margin-top: 15px; }
	.treat > li .list li { padding: 5px 0 0 30px; font-size: 15px; line-height: 24px; }
	.treat > li .list li ~ li { margin-top: 5px; }
	.treat > li .list li:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 27px; background-size: 20px 27px; }

	.surgical { margin-top: 55px; }
	.surgical li ~ li { margin-top: 35px; }
	.surgical li .cont { margin-top: 25px; }
	.surgical li .cont h4 em { display: inline-block; margin: 0 12px 0 0; font-size: 24px; line-height: 33px; vertical-align: top; }
	.surgical li .cont .txt { margin-top: 15px; font-size: 16px; line-height: 25px; }
	.surgical li .cont .txt br { display: none; }

	.vscwrap { padding: 30px 0 60px 0; }
	.vscwrap .vsc li { padding: 30px 0; }
	.vscwrap .vsc li .tit { font-size: 25px; line-height: 44px; }
	.vscwrap .vsc li .tit span { width: 44px; margin-right: 15px; font-size: 20px; line-height: 44px; }
	.vscwrap .vsc li .txt { margin-top: 25px; font-size: 17px; line-height: 26px; }

	.precise { margin: 55px 0 -80px 0; padding-bottom: 55px; }
	.precise h4 { margin-top: 25px; padding: 45px 0 40px 0; font-size: 25px; line-height: 34px; }
	.precise h4:before { width: 27px; height: 20px; background-size: auto 20px; }
	.precise h4:after { width: 27px; height: 20px; background-size: auto 20px; }
	.precise .tit { font-size: 18px; line-height: 27px; }
	.precise .txt { margin-top: 25px; font-size: 15px; line-height: 24px; }
}

@media screen and (max-width: 480px) {
	.wrap { width: auto; margin: 0 20px; }
	.wrap2 { width: auto; margin: 0 20px; }

}