.eyebom_info_bg {width: 100%; height: 850px; background-image:url(../img/info_c_img_02.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover; position: relative;}
.eyebom_info_bg .cover { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: url(../img/sub_visual_cover.png) center bottom no-repeat;   -webkit-background-size: cover;
    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    min-width: 1200px;    opacity: .3;	z-index: 1;}
.eyebom_info_bg .copy_area_wrap {max-width:1400px; margin:0 auto; position: relative; height: 850px}
.eyebom_info_bg .copy_area_wrap .copy_area{position: absolute; top:65%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; padding:0 20px; z-index:2; right: 0}
.eyebom_info_bg .copy_area_wrap .copy_area span {font-size:18px; font-weight:400; text-transform:uppercase; color:#fff; opacity:0.8; display:inline-block; position:relative; padding-left:100px; letter-spacing:.05em; margin-bottom: 20px;}
.eyebom_info_bg .copy_area_wrap .copy_area h2:after {position:absolute; content:""; width:20px; height:1px; background:#fff;  top:-30px; left:22px;}
.eyebom_info_bg .copy_area_wrap .copy_area h2{font-size:42px; line-height:1.2; letter-spacing:6px; text-align:left; text-shadow: 1px 1px #797979; margin-bottom: 30px;}
.eyebom_info_bg .copy_area_wrap .copy_area h3{ max-width:550px; font-size:28px;font-weight:300;text-align:left; margin:25px 0 40px 0;  color:#fff; line-height:1.6; word-break: keep-all;}
.eyebom_info_bg .copy_area_wrap .copy_area h5{font-size:18px;font-weight:400;text-align:left;line-height:1.5; opacity: .8;}



@media all and (max-width: 576px) { 
 .eyebom_info_bg {width: 100%; height: 850px; background-image:url(../img/m_info_c_img_02.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover; position: relative;}
}


.eyebom_info_wrap {width:100%; padding: 50px 0 ;  clear:both}	
.eyebom_info_wrap .tit { width:25%;  background-color:#fff; border-top:0px solid #ddd; float:left;  box-sizing:border-box;}
.eyebom_info_wrap .tit h2 { font-size:32px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}
.eyebom_info_wrap .tit h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block}  
.eyebom_info_wrap .page { width:75%; margin-top: 30px; float:right; display: flex; flex-flow: wrap; padding-bottom: 50px;}	
.eyebom_info_wrap .page h5 { font-size:20px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}
.eyebom_info_wrap .page p { margin-bottom: 20px;}	









.iden {margin-top:-100px; background-color: #fff; padding: 50px; position: relative; z-index: 2; width: 40%;}

.iden .txt_in h2 { font-size:32px; letter-spacing:5px;text-align: center; line-height: 1.5; margin-bottom: 20px;}
.iden .txt_in h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block; position: relative; left: 50%; transform: translateX(-190px) }  

.eyebom_info_wrap .partner_cont_01{ width:100%; margin-top: 0px; }		
.eyebom_info_wrap .partner_cont_01 ul {margin-top:30px; overflow:hidden; background-color:#fff}
.eyebom_info_wrap .partner_cont_01 ul li{  text-align:center; float:left; display:block; width: 50%}
.eyebom_info_wrap .partner_cont_01 ul li .icon { display:inline-block; padding:40px;border: 1px solid #ddd;    border-radius: 50%;    margin-bottom: 20px;}
.eyebom_info_wrap .partner_cont_01 ul li .icon i { color:#151515; font-size:32px}
.eyebom_info_wrap .partner_cont_01 ul li img {vertical-align:middle; transition:transform 500ms;  width: 100%;}
.eyebom_info_wrap .partner_cont_01 ul li img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.eyebom_info_wrap .partner_cont_01 ul li:hover .icon {transform:rotateY(180deg); transition:transform 500ms}
.eyebom_info_wrap .partner_cont_01 ul li .box { margin-bottom: 41px; padding:10px;display:block; position:relative;}
.eyebom_info_wrap .partner_cont_01 ul li:last-child .box {border-right:0px}		
.eyebom_info_wrap .partner_cont_01 .pi-info { position: relative; max-width: 80%; padding: 30px;background: #fff; margin: -80px auto; margin-bottom:20px; }
.eyebom_info_wrap .partner_cont_01 ul li h5 {font-weight:bold; padding-bottom:15px; line-height:2; color:#222; font-size:22px; letter-spacing: -1px;}
.eyebom_info_wrap .partner_cont_01 ul li p {color:#555; font-size:16px; font-weight:300; line-height:1.6}
.eyebom_info_wrap .partner_cont_01 ul li a {line-height:30px; color:#333;  transition: all .2s}	


.eyebom_info_wrap .partner_cont_02{ width:100%; margin-top: 0px; }		
.eyebom_info_wrap .partner_cont_02 ul {margin-top:30px; overflow:hidden; background-color:#fff}
.eyebom_info_wrap .partner_cont_02 ul li{  text-align:center; float:left; display:block; width: 33%; margin: 1px;}
.eyebom_info_wrap .partner_cont_02 ul li img {vertical-align:middle; transition:transform 500ms;  width: 100%; padding: 20px;}



.identity_wrap_box {width:100%; padding: 50px 0 ;  clear:both}
.identity_wrap_box .identity_wrap_01 { width:35%;  min-height:500px; float:left;  box-sizing:border-box;}
.identity_wrap_box .identity_wrap_02 { width:65%;   min-height:500px; float: right; }	
.identity_wrap_box .identity_wrap_02 .tit { padding:45px; width: 40%; margin-top: -50px; background-color: #fff; z-index: 2; position: relative}
.identity_wrap_box .identity_wrap_02 .tit h5{ font-size: 20px;  margin-bottom: 20px;}
.identity_wrap_box .identity_wrap_02 .tit p{ font-size: 18px; font-weight: 300; margin-bottom: 20px;}


.identity_wrap_box .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;}
.identity_wrap_box .owl-dots .owl-dot{background-color:#fff;width:10px;height:10px;border-radius: 50%;display:inline-block;margin-left:10px; border:1px solid #000}
.identity_wrap_box .owl-dots .owl-dot.active{background-color:#000}
.identity_wrap_box .owl-dots .owl-dot span { padding:0}
.identity_wrap_box .owl-nav  {position: absolute; right: 0; bottom:0; display: none}
.identity_wrap_box .owl-nav i { font-size:22px}
.identity_wrap_box .owl-prev{ font-size: 0; width: 64px;height: 64px;  background-color:#fff; display:inline-block}
.identity_wrap_box .owl-next{ font-size: 0; width: 64px;height: 64px;  background-color:#fff; margin-left:-1px; display:inline-block}



@media all and (min-width: 577px) and (max-width:1200px) {  

.iden { width: 100%;padding: 20px;margin-top:20px;}	
.iden .txt_in h2 { font-size:32px; letter-spacing:5px;text-align: left;  margin-bottom: 20px;}	
.iden .txt_in h2::before { left: 0%; transform:none}  
	
.eyebom_info_wrap .tit { width:100%; clear:both; float:none}
.eyebom_info_wrap .page { width:100%; clear:both; float:none; }		
.eyebom_info_wrap .partner_cont_01 ul li{ width: 100%}
.eyebom_info_wrap .partner_cont_02 ul li{ width: 49.5%;}	
.identity_wrap_box .identity_wrap_01 { display: none;}		
.identity_wrap_box .identity_wrap_02 { width:100%;min-height: 300px;}		
.identity_wrap_box .identity_wrap_02 .tit {width: 90%; margin-top: 0; padding: 20px; padding-bottom: 50px;}		
}

@media all and (max-width: 576px) { 
.iden { width: 100%;padding: 20px;margin-top:20px;}	
.iden .txt_in h2 { font-size:32px; letter-spacing:1px;text-align: left;  margin-bottom: 20px;}		
.iden .txt_in h2::before { left: 0%; transform:none}  	
	
.eyebom_info_bg {background-position:center right;}
.eyebom_info_bg .copy_area_wrap .copy_area{top:65%;}	
.eyebom_info_bg .copy_area_wrap .copy_area h2{font-size:32px;}	
.eyebom_info_wrap .tit { width:100%; clear:both; float:none}
.eyebom_info_wrap .page { width:100%; clear:both; float:none; }		
.eyebom_info_wrap .partner_cont_01 ul li{ width: 100%}	
.eyebom_info_wrap .partner_cont_02 ul li{ width: 48.5%;}		
.eyebom_info_wrap .partner_cont_01 ul li h5 {font-size:18px;}	
.identity_wrap_box .identity_wrap_01 { display: none;}		
.identity_wrap_box .identity_wrap_02 { width:100%; min-height: 300px;}			
.identity_wrap_box .identity_wrap_02 .tit {width: 100%; margin-top: 0; padding: 20px; padding-bottom: 50px;}	
.eyebom_info_bg {height: 650px}	
.eyebom_info_bg .copy_area_wrap { height: 650px}
	
}






.tabletitle { margin-top:60px; font-size:22px; font-weight:700; color:#000; }
.timetable { display: table; position:relative; width:100%; margin-top:20px; background:#fff; border-top:4px solid #5686ac; }
.timetable ul { display:table-row; width:100%;  }
.timetable ul li { display: table-cell; vertical-align:middle; text-align:center; width:12.5%; word-break:keep-all }
.timetable ul.tableline1 { background:#f6f6f6; height:45px; }
.timetable ul.tableline2 { background:#fff; height:58px; }
.timetable ul.tableline1 li { font-size:16px; font-weight:700; color:#000000; border-bottom:1px solid #e1e1e1; }
.timetable ul.tableline2 li { font-size:16px; font-weight:500; color:#2b2b2b; border-bottom:1px solid #e1e1e1; }
.timetable ul.tableline2 li span.time_1 { display:block; width:54px; height:26px; margin:0 auto; background:#5eb6cc; text-align:center; line-height:26px; font-size:13px; font-weight:500; color:#fff; box-sizing:border-box; border-radius:50px; }
.timetable ul.tableline2 li span.time_2 { display:block; width:54px; height:26px; margin:0 auto; background:#fff; text-align:center; border:1px solid #a7a7a7; line-height:24px; font-size:13px; font-weight:500; color:#121212; box-sizing:border-box; border-radius:50px; }
.timetable ul.tableline2 li span.time_3 { display:block; width:54px; height:26px; margin:0 auto; background:#5686ac; text-align:center; line-height:26px; font-size:13px; font-weight:500; color:#fff; box-sizing:border-box; border-radius:50px; }
.timetable ul.tableline2 li span.time_4 { display:block; width:54px; height:26px; margin:0 auto; background:#828282; text-align:center; line-height:26px; font-size:13px; font-weight:500; color:#fff; box-sizing:border-box; border-radius:50px; }
.timetable ul.tableline2 li span.time_5 { display:block; width:70px; height:26px; margin:0 auto; background:#0189c3; text-align:center; line-height:26px; font-size:13px; font-weight:500; color:#fff; box-sizing:border-box; border-radius:50px; }



.timetable ul.tableline1 li:nth-child(1) { border-right:1px solid #e1e1e1; }
.timetable ul.tableline2 li:nth-child(1) { border-right:1px solid #e1e1e1; background:#f6f6f6; }

.drbutton { cursor:pointer; margin-top:30px; display:block; width:120px; height:40px; line-height:38px; font-size:14px; font-weight:500; text-align:center; color:#195869; border:2px solid #195869; background:#fff; border-radius:50px; transition:all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) ; }
.drbutton:hover { color:#fff; background:#195869; }

@media (max-width: 576px){
.timetable ul.tableline2 li { font-size:12px}
.timetable ul.tableline1 li { font-size:12px}
.timetable ul.tableline2 .pc { display:none}
.timetable ul.tableline2 .mobile { display:block}
.timetable ul.tableline2 li span.time_1 {  width: 36px;height: 26px; margin: 0 auto; font-size: 10px;}
.timetable ul.tableline2 li span.time_2 {  width: 36px;height: 26px; margin: 0 auto; font-size: 10px;}
.timetable ul.tableline2 li span.time_3 { width: 36px; height: 26px; margin: 0 auto; font-size: 10px;}
}

/*인사말*/
.greeting  {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap}
.greeting:after {display:block;clear:both;content:''}
.greeting .photo { width:30%; display:flex;  justify-content: flex-end; align-items: flex-start; margin-right:10%}
.greeting .photo img { width:60%; margin:0 auto}
.greeting .txt { width:60%}
.greeting .txt:before{content:"";position:absolute;top:60px;right:0;background-color:#4DADD3;width:788px;height:3px; display: none}
.greeting .txt .point{word-break:keep-all; font-size:32px; font-weight:500; letter-spacing:-2px; margin-bottom:40px;line-height:1.4;}
.greeting .txt .point span{ color:#4DADD3;}
.greeting .txt p { word-break:keep-all}
.greeting .txt h5 { font-size: 22px;text-align: right; margin-top:50px;   word-break:keep-all}

@media all and (min-width: 577px) and (max-width:1200px) {  
.greeting .photo {max-width: 660px; margin:0 auto; width:inherit; float:none}
.greeting .txt {float: left; max-width: 100%; padding-top: 60px;}	
.greeting .txt .point { font-size:26px;}
.greeting .txt:before { width:100%	}	
	.greeting .txt {margin: 0;}
}

@media (max-width: 576px){
.greeting .photo {max-width: 660px; margin:0 auto; width:inherit; float:none}		
.greeting .txt {float: left; max-width: 100%; padding-top: 60px;}		
.greeting .txt .point { font-size:26px;}
.greeting .txt:before { width:100%	}	
	.greeting .txt {margin: 0; width:100%}
	.greeting .txt p { font-weight:300}
}
/*인사말*/




/*병원소개*/
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; }
.company_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:15px}
.company_info .Ideology { width:100%; padding-bottom:100px;}
.company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #06F;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd}
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200}
.company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555}

.tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#555; padding-top:50px; word-break:keep-all; line-height:1.6;}
.tl_title_box_wrap li:nth-child(4n+1) { margin-left:0}

@media (max-width: 960px){
	.company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;}
	.company_info .work_page ul li:last-child { margin-right:0}
	.company_info .work_page ul li:nth-child(2n+2) {margin-right:0;}
	.company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both}
}
@media (max-width: 576px){

	.company_info .img_page  { background-size:cover; height:300px}
	.company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;}
	
}
/*병원소개*/




.tl_latest_tab  { width:100%}
.tl_latest_tab nav { width:100%}
.tl_latest_tab ul {list-style: none; padding-bottom:60px; margin:0 auto; }
.tl_latest_tab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; }
.tl_latest_tab ul li {display:block; float:left; text-align:center;  margin-left: -1px;     border: 1px solid #ddd;}
.tl_latest_tab ul li a {display:block; font-size:15px; color:#222; height:65px; line-height:65px; padding:0; }
.tl_latest_tab ul li a.on { background-color:#00bff3; color:#fff; }
.tl_latest_tab ul li a.on,.tl_latest_tab ul li a:hover { background-color:#00bff3; color:#fff;font-weight:600}
.tl_latest_tab.ts3 li { width:50%}


@media screen and (max-width:640px) {
	.tl_latest_tab.ts3 li { width:50%}
	.tl_latest_tab ul li a {  margin:-1px 0 0; max-width:100% }
    .tl_latest_tab ul li:nth-child(3n+1) { margin-left:0}
}





.profile_wrap {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:150px}
.profile_wrap .doctor { width:50%}
.profile_wrap .record { width:50%}
.profile_wrap .record h2 { text-align:left; font-size:24px; display:inline-block; border-bottom:1px solid #5686ac; padding:20px 0; margin-bottom:20px}
.profile_wrap .record .time { border-bottom:0; margin-bottom:0; padding:0}
.profile_wrap .time { text-align:left; font-size:22px; font-weight:600;  padding:10px 0; width:100%}


.tbl-stat .sky { background-color:#5eb6cc; border-radius: 15px; width:50px; padding:2px 5px; font-size:14px; color:#fff; text-align:center;  display:block; margin:0 auto}
.tbl-stat .blue { background-color:#5686ac; border-radius: 15px; width:50px; padding:2px 5px; font-size:14px; color:#fff; text-align:center;  display:block; margin:0 auto}
.tbl-stat .holiday { background-color:transparent; border-radius: 15px; border:1px solid #ccc; width:50px; padding:2px 5px; font-size:14px; color:#555; text-align:center;  display:block; margin:0 auto}

.schedule h2 { font-size:22px; border-bottom:0; padding-bottom:5px; font-weight:bold; padding-bottom:20px; text-align:left}

.profile_wrap .bottom { display:flex }
.profile_wrap .bottom ul { width:45%; padding-bottom:30px}


@media (max-width: 960px){
	.profile_wrap { margin-top:50px}
.profile_wrap .doctor { width:100%}
.profile_wrap .doctor img { width:100%}
.profile_wrap .time { width:100%}
.profile_wrap .record { width:100%}
.profile_wrap .bottom { display:block}
.profile_wrap .bottom ul { width:100%}
.profile_wrap .bottom ul li { font-weight:300}
}


/*연혁*/
.history_area {position: relative;width: 100%;padding-top: 37px;}
.history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;}
/*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/
.history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;}
.history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;}
.history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;}
.history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: 500;}
.history_area dd p {display: block;}
.history_area dd .img_box {display: block;margin-top: 39px;}
.right {text-align: right;}
.left {text-align: left;}
.fr {float: right;}
.img_box img { max-width: 100%}
@media (max-width: 960px){
	.history_area .history_point {left: 10px;margin-left: 0;}
	.history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;}
	.history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;}
	.history_area div + div {margin-top: 40px;}
	.history_area div:nth-child(2) {margin-top: 0;}
	.history_area dt {margin-bottom: 20px;font-size:30px;}
	.history_area dd p br {display: none;}
	.history_area dd .img_box {margin-top: 20px;}	
}
/*연혁*/




/*둘러보기*/
.tl_touring_tab ul {  padding-bottom:30px; margin:0 auto; }
.tl_touring_tab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; }
.tl_touring_tab ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.tl_touring_tab ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0}
.touring_area ul li a.on { background-color:#3181cb; color:#fff; box-shadow: 0 15px 15px rgba(65,71,143,0.2);}
.touring_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.touring_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.touring_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.touring_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.touring_area .ts6 ul li { width:16.74%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.touring_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.touring_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.touring_area ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0}
.touring_area ul li a.on { background-color:#009ce7; color:#fff; box-shadow: 0 5px 5px rgba(65,71,143,0.2);}

.touring_area .slider li { position:relative; display:block}
.touring_area .slider li .box{ width:100%; height:60px; line-height:60px;  background:rgba(0, 0, 0, 0.5); padding:0; margin:0 auto; position:absolute; bottom:0px}
.touring_area .slider li p{ color:#fff; text-align:center; line-height: inherit}
.touring_area .photo-box { position: relative;}
.touring_area .photo-box .btn-adm-link{z-index:1;position:absolute;display:block;top:0;left:0;width:30px;height:30px;line-height:30px;color:tomato;text-align:center;background-color:rgba(255,255,255,.5);border-radius:4px}
@media screen and (max-width: 576px) {
    .touring_area .ts ul li { width:50%; margin-top:-1px}	
}
/*둘러보기*/


/*오시는 길*/
.eyebom_map { width: 100%; padding-bottom: 50px;}
.map_area{position:relative; display: flex; flex-flow: wrap; width: 100%}
.map_area .txt_wrap {width: 100%;padding:50px ; padding-left: 0;}
.map_area .txt_wrap h2 { font-size: 22px;    letter-spacing: 0px;    font-weight: bold;    text-align: left;    line-height: 1.5; padding-bottom: 20px;}

.contact_traffic { width:50%; padding: 50px;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic .contact_icon { background-color: #009ce7; padding: 20px; border-radius: 50%;color: #ffffff;}
.contact_traffic .tit_box { display: flex; margin-bottom: 30px;}
.contact_traffic .tit_box .add_icon{ width: 120px; }
.contact_traffic .tit_box .tit{ width:100%; }
.contact_traffic h5 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px;}

@media (max-width: 1400px){
	.map_area .txt {margin-top: -30px;width: 1024px;}
	.map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0;padding:0 0 30px;}
	.map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;}
	.map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;}
	.map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;}
	.map_area .txt .contact .tel{font-weight:300;}
	.map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;}
}

@media (max-width: 960px){
	.map_area .txt_wrap {width: 100%; padding: 0; padding-bottom:50px;}	
	.contact_traffic { width:100%; padding: 0px;}
}

@media screen and (max-width: 576px) {
	.map_area .txt_wrap {width: 100%; padding: 0; padding-bottom:50px;}
	.contact_traffic { width:100%; padding: 0px;}
	
	
	.map_area .txt .logo img { height:20px ;}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px; margin: 0; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
}
/*오시는 길*/





/*장비소개*/
.tab_navi { width:100%; margin:50px 0;}
.tab_navi ul { text-align:center;}
.tab_navi li{display:inline-block; margin-left:-5px; margin-right:10px; min-width:13%;}
.tab_navi li a{text-align:center;color:#333; height:50px;line-height:50px;font-size:16px;display:block;background-color:#f2f2f2;  border-radius: 50px; text-decoration:none; padding: 0 15px;}
.tab_navi li a:hover{color:#fff;background-color:#64b7d0}
.tab_navi li a.on{color:#fff;background-color:#64b7d0;font-weight:600}
.tab_navi li:first-child { border-left:0px}
.tab_navi li:last-child { margin-right:0}

.equipment_area .btn_navi div{overflow:hidden; margin:20px 0 48px; }
.equipment_area .btn_navi div a{display:block; float:left; width:16.73%; height:53px; line-height:53px; font-size:16px;  text-align:center; border:1px solid #dddd; margin-bottom:5px; margin-right: -1px; cursor:pointer; letter-spacing:-1px; font-weight:300}
.equipment_area .btn_navi div a.active{ color:#fff; background:#009ce7; }
.equipment_area li{overflow:hidden; cursor:pointer}
.equipment_area li .slide_tit{ font-size:30px; color:#403f3f; font-weight:600; text-align:left; letter-spacing:-1px; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.8; word-break: keep-all}
.equipment_area li .slide_cont_area {max-width:800px; color:#000; float:left; padding:100px 0}
.equipment_area li .slide_cont_area p{margin:0; text-align:left; word-break:keep-all; line-height:2.1; padding-top:20px }
.equipment_area li .box { max-width:1400px; margin:auto; }
.equipment_area li img{float:right; max-width:400px; margin:20px 0 0; display:block; box-sizing:border-box}
.equipment_area .slide  .owl-nav{position:absolute;width:100%;top:30px}
.equipment_area .slide  .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#000; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.equipment_area .slide  .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#000; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
@media screen and (max-width: 576px) {
    .equipment_area .btn_navi div a { width:50%}
	.equipment_area li img { float:none; width:80%; display:block; margin:auto}
	.equipment_area li .slide_cont_area { padding: 0}
	.equipment_area li .slide_cont_area p { color:#444; font-weight:300}
}
/*장비소개*/






/* content01 */
.content01 .box { position: relative; padding-bottom:80px; display:block;}
.content01 .box .img_right { float:right}
.content01 .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff;  width: 60%;}
.content01 .box .txt_wrap .half-round-tit { padding:50px 0 50px 50px;}
.content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a;  font-size:22px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:0; float:left}
.content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left}
.content01 .box .txt_wrap p {padding-left:1rem;  padding:20px 50px; text-align: justify;}
.content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;}


.content01 .operation { width:100%; display:block; padding-bottom:20px; word-break:keep-all}
.content01 .icon { float:left; width:15%; padding-top:10px}
.content01 .caution { float:right; width:85%}
.content01 .caution h2 { font-size:26px; text-align:left; font-weight:bold; padding-bottom:5px; letter-spacing:0}
.content01 .caution li { font-size:18px; color:#555; display:block; padding:0 0 0 10px ; background-image:url(../img/icon_dot.png); background-repeat:no-repeat; background-position:left center;}
.content01 .caution li.inscription {background-image:url(../img/icon_dot.png); background-repeat:no-repeat; background-position:left 13px;}

@media screen and (max-width: 960px) {
	.content01 .box .img { text-align:center; display:block; float:none; clear:both}
	.content01 .box .img img { width:100%}
	.content01 .box .txt_wrap { width:100%; display:block; position:relative; clear:both}
	.content01 .colum .left .box .img img { width:100%}
	.content01 .list_wrap h2{ margin-left:0}
	.content01 .list_wrap ul { padding-left:0; margin-left:0}
	.content01 .list_wrap ul li { padding-left:0; margin-left:0}
}
@media screen and (max-width:576px) {
    .content01 .box .txt_wrap .txt { padding:0 20px 50px 20px }
	.content01 .box .txt_wrap .half-round-tit { padding:0 20px 50px 20px}
	.content01 .icon {width:100%}
	.content01 .caution {width:100%}
}

/* content01 */






/* content02 */
.content02 ul li { width:50%; float:left}
.content02 ul li .profile { float:left; padding-bottom:50px; width:50%}
.content02 ul li .profile img { width:100%}

.content02 ul li dl { float:left; padding:0 40px; width:50% }
.content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0}
.content02 ul li dl dt dd {  margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both;  }

@media screen and (max-width: 1210px) {
    .content02 ul li { width:49%; margin-left:2%; margin-bottom:6%}
	.content02 ul li:nth-child(2n+1) { margin-left:0}
	.content02 ul li .profile { width:100%}
	.content02 ul li dl { width:100%; padding:0 20px}
}
@media screen and (max-width: 576px) {
	.content02 ul li { width:100%; margin-left:0}

}
/* content02 */





/* content03 */
.content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px;  float:left; text-align:justify;}
.content03 .icon li:nth-child(3n+3){margin-right:0}
.content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 .icon li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 .icon li p { text-align:center; word-break:keep-all}
.content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;}
@media screen and (max-width: 960px) {
	.content03 .icon li { width:50%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}

@media screen and (max-width: 576px) {
	.content03 .icon li { width:100%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}
/* content03 */




/* content_area04 */
.content04 .point { padding:0 20px 0 0}
.content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;}
.content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .content_sub_title { margin:0 auto; padding:30px 0 0}
.content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;}
.content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .content_sub_title .sub_txt {float:right; width:75%;}
.content04 .content_sub_title .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }
@media screen and (max-width: 960px) {
	.content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.content04 .colum .right { width:100%; padding:20px 0 0  }
	.content04 .content_sub_title .sub_title { width:100%; margin-bottom:20px; clear:both}
	.content04 .content_sub_title .sub_txt { float:left; width:100%}
}

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

}
/* content_area04 */







/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:30px; word-break:keep-all}
@media screen and (max-width: 960px) {
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; font-weight:bold}
}
/* content_area05 */






/* content_area06 */
.content06 .thumb_box  {width:31.3333%; margin-right:3%; display:block; float:left; }
@media screen and (min-width: 961px) {
    .content06 .thumb_box:nth-child(3n+3) { margin-right:0}
}
.content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold}
.content06 .thumb_box .txt p { padding:20px 0px; text-align:center; }
@media screen and (max-width: 960px) {
    .content06 .thumb_box { width:49%; margin-right:2% }
	.content06 .thumb_box:nth-child(2n+2) { margin-right:0} 
}

@media screen and (max-width: 576px) {
    .content06 .thumb_box { width:100%; margin:0; clear:both; float:none}
}
/* content_area06 */












/*의료진 소개*/
.btn-adm{position:absolute;top:5px;right:5px;width:30px;height:30px;color:tomato;line-height:28px;font-size:16px;display:inline-block;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-radius:2px;background-color:#fff}
.doctor_area { width: 100%;position: relative;}
.doctor_area .doctor_profile{width:100%;border-bottom:1px solid #ddd;padding:80px 0}
.doctor_area .doctor-list .thumb{float:left;width:320px;height:410px;padding:0 20px;border:1px solid #d2d2d2;background-size:cover;background-position:center}
.doctor_area .info{width:65%;padding:20px 0;float:right}
.doctor_area .info .name{display:block;margin-bottom:15px;font-size:23px;color:#222;font-weight:500}
.doctor_area .info span{font-size:14px;color:#555;font-weight:300}
.doctor_area .info .postion { color: #2352ab; font-weight: 500}
.doctor_area .info dl dt{display:inline;font-size:16px;font-weight:500;line-height:28px;color:#333}
.doctor_area .info dl dt:after{content:':';display:inline-block;padding:0 4px}
.doctor_area .info dl dd { display: inline; font-size: 16px; color: #666}
.doctor_area .info dl dd:after{content:'';display:block}
.doctor_area .schedule { margin: 34px -1px 0;}
.doctor_area .schedule .surgery { color: #F00; font-size: 16px}
.doctor_area .btn-group {margin-top: 20px;}
.doctor_area .btn-group .btn-rt {float: right}
.doctor_area .btn-group .btn-doctor{display:inline-block;margin:0 5px;padding:7px;width:120px;height:40px;font-size:14px;font-weight:300;line-height:24px;letter-spacing:-.5px;text-align:center;border:1px solid transparent}
.doctor_area .btn-group .btn-Introduction{color:#333;border-color:#ddd;background-color:#f8f8f8}
.doctor_area .btn-group .btn-reservation{color:#fff;border-color:#384451;background-color:#384451}
.doctor_area .btn-group .btn-reservation span { color: #fff }
.doctor_area .sub_navi{width:100%;margin:20px auto;border-bottom:1px solid #ddd;clear:both}
.doctor_area .sub_navi ul { padding-top: 50px}
.doctor_area .sub_navi li{display:inline-block;margin-left:-3px;width:19%}
.doctor_area .sub_navi li a{display:block;box-sizing:border-box;color:#555;text-align:center;font-size:17px;position:relative;height:55px;line-height:55px}
.doctor_area .sub_navi li a.on {color: #0ba2b3; border-bottom: 1px solid #0ba2b3}
.tab_content ul li{display:block;line-height:2.4;font-weight:300;font-size:16px;color:#555}
.tab_content p { line-height:2.1; color:#555; font-size:16px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position:center left; padding-left:10px}
@media screen and (max-width: 960px) {
	.doctor_area .doctor-list {float: none }
	.doctor_area .doctor-list .thumb { float: none; clear: both; display: block; margin: 0 auto}
	.doctor_area .info {width: 100%;}
}
/*의료진 소개*/






/*외래진료*/
.process_area .ing_area h2 { font-size:24px; color:#333; text-align:left; font-weight:bold; margin-bottom:30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; padding-left:30px}
.process_area .ing_area ul { max-width:1000px; padding-bottom:80px; margin:0 auto}
.process_area .ing_area li { float:left; width:25%; text-align:center}
.process_area .ing_area .circle { border-radius: 50%;width: 200px; height: 200px; display:table; margin:0 auto; }
.process_area .ing_area li:first-child { margin-left:0;}
.process_area .ing_area li span { display: block; color: #fff; font-size: 16px; padding-top: 5px;}
.process_area .ing_area li p { font-size:13px; color:#f5f5f5;  font-weight:500; display:table-cell; vertical-align:middle}
.process_area .ing_area02 ul { max-width:1200px; padding-bottom:80px}
.process_area .ing_area02 li { float:left; width:14.2857142857%; text-align:center}
.process_area .ing_area02 .circle02 { border-radius: 50%;width: 145px; height: 145px; display:table; margin:0 auto; }
.process_area .ing_area .step01 { background-color:#5a93d9}
.process_area .ing_area .step02 { background-color:#099}
.process_area .ing_area .step03 { background-color:#5a93d9}
.process_area .ing_area .step04 { background-color:#099}
.process_area .ing_area .step05 { background-color:#5a93d9}
.process_area .ing_area .step06 { background-color:#099}
.process_area .ing_area .step07 { background-color:#5a93d9}
.process_area .ing_area .list_tit h3 { font-size:20px; padding-top:20px; font-weight:bold;}
.process_area .ing_area .list_tit p { display:block;  padding-left:10px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position: left 12px;}
@media screen and (max-width: 960px) {
	.process_area .ing_area ul { max-width:500px; margin:0 auto}
	.process_area .ing_area li { width:50%; margin-bottom:7%}
	.process_area .ing_area li:nth-child(2n+1) { margin-left:0}
}
@media screen and (max-width: 640px) {
    .process_area .ing_area .circle { width:180px; height:180px}
}
/*외래진료*/



/*비급여안내*/
.non-payment_area .notice { text-align:center; margin-bottom:50px}
.non-payment_area ul {  padding-bottom:30px; margin:0 auto; }
.non-payment_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; }
.non-payment_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.non-payment_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.non-payment_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.non-payment_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts6 ul li { width:16.66666666666667%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0}
.non-payment_area .ts ul li a.on { background-color:#009ce7; color:#fff; box-shadow: 0 5px 5px rgba(65,71,143,0.2);}


@media screen and (max-width: 640px) {
    .non-payment_area .ts ul li { width:50%; margin-top:-1px}	
}
/*비급여안내*/




/*입퇴원*/
.Instructions_area .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;}
.Instructions_area .colum .left { width:33%; font-size:22px; font-weight:600; text-align:left;  float:left;}
.Instructions_area .colum .right {width: 67%; float: right; }
.Instructions_area .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;}
@media screen and (max-width: 960px) {
	.Instructions_area .colum .left { width:100%; float:none; clear:both}
	.Instructions_area .colum .right { width:100%; float:none; clear:both}
	.Instructions_area .colum .right ul li { padding-left:13px}
}
/*입퇴원*/











@media screen and (max-width: 960px) {
		
/*	.content_area .photo_box .img { max-width:100%; text-align:center; display:block; float:none; clear:both}
	.content_area .photo_box .img img { width:100%}
	.content_area .photo_box .txt_wrap { width:100%; display:block; position:relative; clear:both}
	.content_area .photo_box .txt {max-width: 100%; float:none}*/
	
} 



/*드림렌즈	*/
	
	
.tl_dream_box_wrap  {width:100%; padding: 50px 0 ;  clear:both}

.tl_dream_box_wrap .tit { width:25%;  background-color:#fff; border-top:0px solid #ddd; float:left;  box-sizing:border-box;}
.tl_dream_box_wrap .tit h2 { font-size:32px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}
.tl_dream_box_wrap .tit h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block}  
.tl_dream_box_wrap .page { width:75%; margin-top: 30px; float:right; display: flex; flex-flow: wrap; padding-bottom: 50px;}


	
.tl_dream_box_wrap .photo_01 { width:70%;  min-height:500px; float:left;  box-sizing:border-box;}
.tl_dream_box_wrap .photo_02 { width:45%;   min-height:400px; background-image:url(../img/cont_dr_img_01.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover;  float:right;  box-sizing:border-box; position: relative; z-index: 2; margin-top: -250px;}	
.photo_03 { width:100%; height: 500px;  background-image:url(../img/cont_dr_img_05.jpg); background-repeat:no-repeat; background-position: center;  background-attachment:fixed; background-size: cover; box-sizing:border-box;}		
	
.tl_dream_box_wrap .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;}
.tl_dream_box_wrap .owl-dots .owl-dot{background-color:#fff;width:10px;height:10px;border-radius: 50%;display:inline-block;margin-left:10px; border:1px solid #000}
.tl_dream_box_wrap .owl-dots .owl-dot.active{background-color:#000}
.tl_dream_box_wrap .owl-dots .owl-dot span { padding:0}
.tl_dream_box_wrap .owl-nav  {position: absolute; right: 0; bottom:0; display: none}
.tl_dream_box_wrap .owl-nav i { font-size:22px}
.tl_dream_box_wrap .owl-prev{ font-size: 0; width: 64px;height: 64px;  background-color:#fff; display:inline-block}
.tl_dream_box_wrap .owl-next{ font-size: 0; width: 64px;height: 64px;  background-color:#fff; margin-left:-1px; display:inline-block}


	
.tl_dream_box_wrap .page .dr_h_box { width:25%; text-align: center; margin-bottom: 50px; }	
.tl_dream_box_wrap .page .dr_h_box_step { width:20%; text-align: center; margin-bottom: 50px; position: relative; }	
	
.tl_dream_box_wrap .page .dr_h_box h5 {font-size: 20px; padding-bottom: 20px; text-align: center; }		
.tl_dream_box_wrap .page .dr_h_box_step h5 {font-size: 20px; padding-bottom: 20px; text-align: center; }			
.text_boxs_w { background-color: #009ce7; color: #fff; width: 170px;  height: 170px; padding: 25px; font-size: 30px; border-radius: 50%; text-align: center; margin: 50px auto 20px auto;	}
.text_boxs_g { border: 1px solid #009ce7; background-color: #fff; color: #009ce7; width: 170px;  height: 170px; padding: 25px; font-size: 30px; border-radius: 50%; text-align: center; margin: 50px auto 20px auto; position: relative	}	

	
.text_boxs_g .no { background-color: #222; width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; color: #fff; text-align: center; border-radius: 50%; line-height: 50px; font-size: 16px;}	
	

.dr_fit_box { background-color:rgba(255,255,255,0.7); padding: 60px; width: 45%; float: right; margin-top: 30px}	
.dr_fit_box h2 { font-size:32px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px; color: #000;}		
.dr_fit_box h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block}  	
	
	
.tl_dream_box_wrap .page #dbF { width: 100%; padding-top:0px; position:relative; margin-bottom: 100px;}
.tl_dream_box_wrap .page #dbF .dBtnSet{text-align:right}
.tl_dream_box_wrap .page #dbF .dBtnSet .dOpenBtn{margin-right:1px;cursor:pointer}
.tl_dream_box_wrap .page #dbF .dBtnSet .dCloseBtn{cursor:pointer}
.tl_dream_box_wrap .page #dbF dt a{text-decoration:none;color:#555;}
.tl_dream_box_wrap .page #dbF dt a:hover{text-decoration:underline}
.tl_dream_box_wrap .page #dbF dt{position: relative;font-weight: 400; font-size:20px; color:#555; border-bottom: 1px solid #eee;padding:30px 0 30px 70px; cursor:pointer; word-break:keep-all }
.tl_dream_box_wrap .page #dbF dt:after {content: "\e944";display: block;width: 23px;position: absolute;top: 50%;right: 0;margin-top: -15px; transition: all 0.4s;font-family: 'xeicon';}
.tl_dream_box_wrap .page #dbF dt.on:after {transform: rotate(180deg);}
.tl_dream_box_wrap .page #dbF dt:before {content:"\ea14"; display:block; position:absolute; top:24px; left:10px; color:#fff; width: 50px; height: 50px; font-size:24px; font-weight:700; border-radius: 50%; background-color:#009ce7;padding: 10px; text-align: center; line-height: 28px; font-family: 'xeicon';}
.tl_dream_box_wrap .page #dbF dd {display: none; padding:30px 35px; background-color:#f7f7f7; font-size:19px; font-weight:400}	
	
@media all and (max-width: 576px) { 

	.tl_dream_box_wrap .page { width:100%; clear:both; float:none; margin-top: 50px;}
	.tl_dream_box_wrap .tit  { width:100%; clear:both; float:none}
	.tl_dream_box_wrap .photo_01 { width:100%;  min-height:500px;}
	.tl_dream_box_wrap .photo_02 { width:100%;  min-height:300px; }
	.tl_dream_box_wrap .page .dr_h_box { width:50%; margin-bottom: 50px; }	
	.tl_dream_box_wrap .page .dr_h_box_step { width:50%; margin-bottom: 50px; }	
	.dr_fit_box { padding: 40px; width: 100%;}	
}


@media all and (min-width: 577px) and (max-width:1200px) {  

	.tl_dream_box_wrap .page { width:100%; clear:both; float:none;  margin-top: 50px; }
	.tl_dream_box_wrap .tit { width:100%; clear:both; float:none}
	.tl_dream_box_wrap .photo_01 { width:100%;  min-height:500px;}
	.tl_dream_box_wrap .photo_02 { width:100%;  min-height:300px; }
	.tl_dream_box_wrap .page .dr_h_box { width:50%; margin-bottom: 50px; }	
	.tl_dream_box_wrap .page .dr_h_box_step { width:50%; margin-bottom: 50px; }	
	.dr_fit_box { padding: 40px; width: 100%;}	
}



.tl_dream_box_wrap h2 {font-size: 32px;letter-spacing: -1px; text-align: left; line-height: 1.5; margin-bottom: 20px;}
.tl_dream_box_wrap h2::before { content: ''; width: 50px; height: 1px; background-color: #009ce7; margin: 20px 0;display: block;}
.tl_dream_box_wrap .course p { max-width:800px; text-align:center; margin:0 auto; word-break:keep-all}
.tl_dream_box_wrap .dreamlens_course { padding-top:60px}
.tl_dream_box_wrap .dreamlens_course li { width:22.73%;  margin-left:3%; float:left}
.tl_dream_box_wrap .dreamlens_course li:nth-child(4n+1) { margin-left:0}
.tl_dream_box_wrap .dreamlens_course li .photo  { width:100%; height:368px; border-top-left-radius:10px;  border-top-right-radius:10px;  }
.tl_dream_box_wrap .dreamlens_course li .photo01 {background: url(../img/tl_dreamlens_dreamlens_course01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.tl_dream_box_wrap .dreamlens_course li .photo02 {background: url(../img/tl_dreamlens_dreamlens_course02.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.tl_dream_box_wrap .dreamlens_course li .photo03 {background: url(../img/tl_dreamlens_dreamlens_course03.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.tl_dream_box_wrap .dreamlens_course li .photo04 {background: url(../img/tl_dreamlens_dreamlens_course04.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }


.tl_dream_box_wrap .dreamlens_course li .txt { width:100%;  padding:40px 40px 50px 40px; min-height:258px; background-color:#f8f8f8}
.tl_dream_box_wrap .dreamlens_course li p { font-size:18px; color:#767676; font-weight:400; text-align:left; padding:0; word-break:keep-all}

@media screen and (max-width: 576px) {
.tl_dream_box_wrap .dreamlens_course li { width:100%; margin-left:0; margin-bottom:3%; float:none}

}


@media all and (min-width: 577px) and (max-width:768px) {  
.tl_dream_box_wrap .dreamlens_course li { width:48.5%;  margin-left:3%; margin-bottom:3%; float:left}
.tl_dream_box_wrap .dreamlens_course li:nth-child(2n+1) {clear:both;margin-left:0;}

}


@media all and (min-width: 769px) and (max-width:1200px) {  
.tl_dream_box_wrap .dreamlens_course li { width:48.5%;  margin-left:3%; margin-bottom:3%;  float:left}
.tl_dream_box_wrap .dreamlens_course li:nth-child(2n+1) {clear:both;margin-left:0;}
}




/*드림렌즈	*/


/*후발성 백내장*/

.noan_bg {width: 100%; height: 850px; background-image:url(../img/noan_c_img_03.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover; position: relative;}
.noan_bg .cover { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: url(../img/sub_visual_cover.png) center bottom no-repeat;   -webkit-background-size: cover;
    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    min-width: 1200px;    opacity: .3;	z-index: 1;}

.noan_bg_01 {width: 100%; height: 600px; background-image:url(../img/noan_c_img_02.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover; position: relative; background-attachment: fixed;}

.noan_bg .copy_area_wrap {max-width:1400px; margin:auto;}
.noan_bg .copy_area{position: absolute; top:45%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; padding:0 20px; z-index:2}
.noan_bg .copy_area span {font-size:18px; font-weight:400; text-transform:uppercase; color:#fff; opacity:0.8; display:inline-block; position:relative; padding-left:100px; letter-spacing:.05em; margin-bottom: 20px;}
.noan_bg .copy_area span:before {position:absolute; content:""; width:70px; height:1px; background:#fff; opacity:0.8; top:0; left:0; top:50%; transform:translateY(-50%)}
.noan_bg .copy_area h2{font-size:65px;font-weight:400; line-height:1.2; letter-spacing:-6px; text-align:left; text-shadow: 1px 1px #797979;}
.noan_bg .copy_area h3{ max-width:550px; font-size:28px;font-weight:300;text-align:left; margin:25px 0 40px 0;  color:#fff; line-height:1.6; word-break: keep-all;}
.noan_bg .copy_area h5{font-size:18px;font-weight:300;text-align:left;}


.noan_bg_01 .copy_area_wrap {max-width:1400px; margin:auto; position: relative}
.noan_bg_01 .copy_area{ width: 40%; position: absolute; top:150px;margin:0 auto; color:#222; padding:0 20px; z-index:2;right: 0 }
.noan_bg_01 .copy_area span {font-size:18px; font-weight:400; text-transform:uppercase; color:#fff; opacity:0.8; display:inline-block; position:relative; padding-left:100px; letter-spacing:.05em; margin-bottom: 20px;}
.noan_bg_01 .copy_area span:before {position:absolute; content:""; width:70px; height:1px; background:#fff; opacity:0.8; top:0; left:0; top:50%; transform:translateY(-50%)}
.noan_bg_01 .copy_area h2{font-size:46px;font-weight:bold; line-height:1.2; letter-spacing:3px; text-align:left; margin-bottom: 30px;}
.noan_bg_01 .copy_area h3{ max-width:550px; font-size:20px;font-weight:400;text-align:left; margin:25px 0 40px 0;  color:#666; line-height:1.6; word-break: keep-all;}
.noan_bg_01 .copy_area h5{font-size:18px;font-weight:300;text-align:left;}





.eyebom_noan_box_wrap { width: 100%; display: flex; flex-flow: wrap;margin-top: -150px; position: relative; z-index: 2;}
.eyebom_noan_box_wrap .noan_h_box { width:25%; text-align: center; margin-bottom: 50px; position: relative;  }	
.eyebom_noan_box_wrap .noan_h_box .text_boxs_w { border: 0px solid #009ce7; background-color: #009ce7; color: #fff; width: 220px;  height: 220px; padding: 25px; font-size: 30px; border-radius: 50%; text-align: center; margin: 50px auto 20px auto; position: relative	}	
.eyebom_noan_box_wrap .noan_h_box .text_boxs_w h5{font-weight:bold; padding-bottom:0px; line-height:2; color:#fff; font-size:20px; letter-spacing: -1px; text-align: center}
.eyebom_noan_box_wrap .noan_h_box .text_boxs_w p { font-size:14px; letter-spacing: -1px; text-align: center; line-height:1.3; word-break:keep-all}

.tl_noan_box_wrap  {width:100%; padding: 50px 0 ;  clear:both}	
.tl_noan_box_wrap .tit { width:25%;  background-color:#fff; border-top:0px solid #ddd; float:left;  box-sizing:border-box;}
.tl_noan_box_wrap .tit h2 { font-size:32px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}
.tl_noan_box_wrap .tit h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block}  
.tl_noan_box_wrap .page { width:75%; margin-top: 30px; float:right; display: flex; flex-flow: wrap; padding-bottom: 50px;}	


.tl_noan_box_wrap .page .noan_img_01{ padding: 50px 0px; width: 100%; height: 650px; background-image:url(../img/noan_img_01.png); background-repeat:no-repeat; background-position:center center; background-size: contain; }		
.tl_noan_box_wrap .page h5 {font-size: 20px;    letter-spacing: -1px;    text-align: left;    line-height: 1.5;  }	
.tl_noan_box_wrap .page p {margin-bottom: 20px;}	




.tl_noan_box_wrap .page .noan_cont_01{ width:100%; margin-top: 50px; }		
.tl_noan_box_wrap .page .noan_cont_01 ul {margin-top:30px; overflow:hidden; background-color:#fff}
.tl_noan_box_wrap .page .noan_cont_01 ul li{  text-align:center; float:left; display:block; width: 50%}
.tl_noan_box_wrap .page .noan_cont_01 ul li .icon { display:inline-block; padding:40px;border: 1px solid #ddd;    border-radius: 50%;    margin-bottom: 20px;}
.tl_noan_box_wrap .page .noan_cont_01 ul li .icon i { color:#151515; font-size:32px}
.tl_noan_box_wrap .page .noan_cont_01 ul li img {vertical-align:middle; transition:transform 500ms;  width: 100%; background-color: #f5f5f5;}
.tl_noan_box_wrap .page .noan_cont_01 ul li img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.tl_noan_box_wrap .page .noan_cont_01 ul li:hover .icon {transform:rotateY(180deg); transition:transform 500ms}
.tl_noan_box_wrap .page .noan_cont_01 ul li .box { margin-bottom: 41px; padding:10px;display:block; position:relative;}
.tl_noan_box_wrap .page .noan_cont_01 ul li:last-child .box {border-right:0px}		
.tl_noan_box_wrap .page .noan_cont_01 .pi-info { position: relative; max-width: 80%; padding: 30px;background: #fff; margin: -80px auto; margin-bottom:20px; }
.tl_noan_box_wrap .page .noan_cont_01 ul li h5 {font-weight:bold; padding-bottom:15px; line-height:2; color:#222; font-size:22px; letter-spacing: -1px; text-align:center}
.tl_noan_box_wrap .page .noan_cont_01 ul li p {color:#555; font-size:16px; font-weight:300; line-height:1.6}
.tl_noan_box_wrap .page .noan_cont_01 ul li a {line-height:30px; color:#333;  transition: all .2s}	

.tl_noan_box_wrap .page .noan_cont_02{ width:100%; margin-top: 50px; }		
.tl_noan_box_wrap .page .noan_cont_02 ul {margin-top:30px; overflow:hidden; background-color:#fff}
.tl_noan_box_wrap .page .noan_cont_02 ul li{  text-align:center; float:left; display:block; width: 25%}
.tl_noan_box_wrap .page .noan_cont_02 ul li .icon { display:inline-block; padding:40px;border: 1px solid #ddd;    border-radius: 50%;    margin-bottom: 20px;}
.tl_noan_box_wrap .page .noan_cont_02 ul li .icon i { color:#151515; font-size:32px}
.tl_noan_box_wrap .page .noan_cont_02 ul li img {vertical-align:middle; transition:transform 500ms;  width: 100%;}
.tl_noan_box_wrap .page .noan_cont_02 ul li img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.tl_noan_box_wrap .page .noan_cont_02 ul li:hover .icon {transform:rotateY(180deg); transition:transform 500ms}
.tl_noan_box_wrap .page .noan_cont_02 ul li .box { margin-bottom: 41px; padding:10px;display:block; position:relative;}
.tl_noan_box_wrap .page .noan_cont_02 ul li:last-child .box {border-right:0px}		
.tl_noan_box_wrap .page .noan_cont_02 .pi-info { position: relative;  padding: 30px; margin-bottom:20px; min-height: 160px; }
.tl_noan_box_wrap .page .noan_cont_02 ul li h5 {font-weight:bold; padding-bottom:15px; line-height:2; color:#222; font-size:22px; letter-spacing: -1px;}
.tl_noan_box_wrap .page .noan_cont_02 ul li p {color:#555; font-size:16px; font-weight:300; line-height:1.6}
.tl_noan_box_wrap .page .noan_cont_02 ul li a {line-height:30px; color:#333;  transition: all .2s}	

.tl_noan_box_wrap .page .noan_cont_03{ width:100%; margin-top: 50px; }		
.tl_noan_box_wrap .page .noan_cont_03 ul {margin-top:30px; overflow:hidden; background-color:#fff}
.tl_noan_box_wrap .page .noan_cont_03 ul li{  text-align:center; float:left; display:block; width: 33.3333%; float:left }
.tl_noan_box_wrap .page .noan_cont_03 ul li .icon { display:inline-block; padding:40px;border: 1px solid #ddd;    border-radius: 50%;    margin-bottom: 20px;}
.tl_noan_box_wrap .page .noan_cont_03 ul li .icon i { color:#151515; font-size:32px}
.tl_noan_box_wrap .page .noan_cont_03 ul li img {vertical-align:middle; transition:transform 500ms;}
.tl_noan_box_wrap .page .noan_cont_03 ul li img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.tl_noan_box_wrap .page .noan_cont_03 ul li:hover .icon {transform:rotateY(180deg); transition:transform 500ms}
.tl_noan_box_wrap .page .noan_cont_03 ul li .box { margin-bottom: 41px; padding:10px;display:block; position:relative;}
.tl_noan_box_wrap .page .noan_cont_03 ul li:last-child .box {border-right:0px}		
.tl_noan_box_wrap .page .noan_cont_03 .pi-info { position: relative;  padding: 30px;  }
.tl_noan_box_wrap .page .noan_cont_03 ul li h5 {font-weight:bold; line-height:2; color:#222; font-size:22px; letter-spacing: -1px; text-align: center}
.tl_noan_box_wrap .page .noan_cont_03 ul li p {color:#555; font-size:16px; font-weight:300; line-height:1.6}
.tl_noan_box_wrap .page .noan_cont_03 ul li a {line-height:30px; color:#333;  transition: all .2s}	


@media all and (max-width:1200px) {  
  .tl_noan_box_wrap .page .noan_cont_03 ul li{  text-align:center; float:left; display:block; width: 50%; float:left }

}


.tl_noan_box_wrap .noan_photo_01 { width:65%;  min-height:500px; float:left;  box-sizing:border-box;}
.tl_noan_box_wrap .noan_photo_02 { width:46%; padding: 50px;   min-height:400px;  background-color: #fff; float:right;  box-sizing:border-box; position: relative; z-index: 2; margin-top: -400px;}
.tl_noan_box_wrap .noan_photo_02 h2 { font-size:32px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}	
.tl_noan_box_wrap .noan_photo_02 h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block}  
.tl_noan_box_wrap .noan_photo_02 p {font-size: 18px; letter-spacing: -0.02em; line-height: 1.75;  color: #444;	font-weight: 300;}
.tl_noan_box_wrap .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;}
.tl_noan_box_wrap .owl-dots .owl-dot{background-color:#fff;width:10px;height:10px;border-radius: 50%;display:inline-block;margin-left:10px; border:1px solid #000}
.tl_noan_box_wrap .owl-dots .owl-dot.active{background-color:#000}
.tl_noan_box_wrap .owl-dots .owl-dot span { padding:0}
.tl_noan_box_wrap .owl-nav  {position: absolute; right: 0; bottom:0; display: none}
.tl_noan_box_wrap .owl-nav i { font-size:22px}
.tl_noan_box_wrap .owl-prev{ font-size: 0; width: 64px;height: 64px;  background-color:#fff; display:inline-block}
.tl_noan_box_wrap .owl-next{ font-size: 0; width: 64px;height: 64px;  background-color:#fff; margin-left:-1px; display:inline-block}


@media all and (min-width: 577px) and (max-width:1200px) {  
	.noan_bg .copy_area{ top:50%;}
	.noan_bg .copy_area h2{font-size:60px; letter-spacing:-3px;}
    .noan_bg .copy_area h3{  font-size:26px; margin:25px 0 40px 0;}
    .noan_bg .copy_area h5{font-size:18px;font-weight:300;text-align:left;}
    .noan_bg .copy_area span {font-size:16px; padding-left:50px;}
    .noan_bg .copy_area span:before {width:40px; }		
	
	.tl_noan_box_wrap .tit { width:100%; clear:both; float:none}
	.tl_noan_box_wrap .page { width:100%; clear:both; float:none;  margin-top: 50px; }
	.tl_noan_box_wrap .page .noan_img_01{ height: 550px; }		
	.tl_noan_box_wrap .page .noan_cont_01 ul li{width: 100%}
	.eyebom_noan_box_wrap .noan_h_box { width:50%}	
	.tl_noan_box_wrap .page .noan_cont_02 ul li {width:50%}
	.tl_noan_box_wrap .noan_photo_01 {width:100%; min-height: 200px;}
	.tl_noan_box_wrap .noan_photo_02 {width:100%; margin-top: 0; padding: 20px}
	.noan_bg_01 .copy_area {width:100%; background-color: rgba(255,255,255,0.8); padding: 30px;}
}	
	
@media all and (max-width: 576px) { 
	.noan_bg {height: 650px; background-position:top center; background-image:url(../img/m_noan_c_img_03.jpg); background-size:100%}

	.noan_bg .copy_area{ top:70%;}
	.noan_bg .copy_area h2{font-size:40px; letter-spacing:-2px;}
    .noan_bg .copy_area h3{  font-size:22px; margin:25px 0;}
    .noan_bg .copy_area h5{font-size:16px;font-weight:300;text-align:left;}
	.noan_bg .copy_area h5 br{display: none;}
    .noan_bg .copy_area span {font-size:16px; padding-left:50px;}
    .noan_bg .copy_area span:before {width:40px; }	
	.tl_noan_box_wrap .tit  { width:100%; clear:both; float:none}
	.tl_noan_box_wrap .page { width:100%; clear:both; float:none; margin-top: 50px;}
	.tl_noan_box_wrap .page .noan_img_01{ height: 350px; }		
	.tl_noan_box_wrap .page .noan_cont_01 ul li{width: 100%}
	.eyebom_noan_box_wrap .noan_h_box { width:50%; margin-bottom: 10px; }	
	.tl_noan_box_wrap .page .noan_cont_02 ul li {width:100%}
	.tl_noan_box_wrap .page .noan_cont_03 ul li {width:100%}
	.tl_noan_box_wrap .noan_photo_01 {width:100%; min-height: 200px;}
	.tl_noan_box_wrap .noan_photo_02 {width:100%; margin-top: 0; padding: 20px}
	.noan_bg_01 .copy_area {width:100%; background-color: rgba(255,255,255,0.8); padding: 30px;}
	.eyebom_noan_box_wrap .noan_h_box .text_boxs_w { width: 170px; height: 170px; padding: 18px; font-size: 20px;margin: 10px auto;}
	.tl_noan_box_wrap .page .noan_cont_01 .pi-info { padding: 10px;margin: -50px auto;}
	.noan_bg_01 .copy_area h2 { font-size: 36px;  letter-spacing: 0px; text-align: left; margin-top: 30px;}
	.noan_bg_01 .copy_area h3 {font-size: 16px;color: #333;}
	.eyebom_noan_box_wrap {margin-top: -50px;}
}


	
/*후발성 백내장*/	


/*안종합클리닉*/
	
.eyebom_total_c_box_wrap  {width:100%; padding: 50px 0 ;  clear:both}	
.eyebom_total_c_box_wrap .tit { width:25%;  background-color:#fff; border-top:0px solid #ddd; float:left;  box-sizing:border-box;}
.eyebom_total_c_box_wrap .tit h2 { font-size:32px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}
.eyebom_total_c_box_wrap .tit h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px 0; display: block}  
.eyebom_total_c_box_wrap .page { width:75%; margin-top: 30px; float:right; padding-bottom: 50px;}	
.total_img_01{ padding: 50px 0px; width: 100%; height: 400px; background-image:url(../img/total_thumb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover; background-attachment:fixed; }		
.eyebom_total_c_box_wrap .page h5 { font-size:20px; letter-spacing:-1px;text-align: left; line-height: 1.5; margin-bottom: 20px;}
.eyebom_total_c_box_wrap .page p { margin-bottom: 20px;}	
	
	
	
.eyebom_total_c_box_wrap .page .total_cont_01{ width:100%; margin-top: 50px; }		
.eyebom_total_c_box_wrap .page .total_cont_01 ul {margin-top:30px; overflow:hidden; background-color:#fff}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li{  text-align:center; float:left; display:block; width: 50%}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li .icon { display:inline-block; padding:40px;border: 1px solid #ddd;    border-radius: 50%;    margin-bottom: 20px;}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li .icon i { color:#151515; font-size:32px}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li img {vertical-align:middle; transition:transform 500ms;  width: 100%;}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li:hover .icon {transform:rotateY(180deg); transition:transform 500ms}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li .box { margin-bottom: 0px; padding:10px;display:block; position:relative;}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li:last-child .box {border-right:0px}		
.eyebom_total_c_box_wrap .page .total_cont_01 .pi-info { position: relative; max-width: 80%; padding: 30px;background: #fff; margin: -80px auto; margin-bottom:0px; }
.eyebom_total_c_box_wrap .page .total_cont_01 ul li h5 {font-weight:bold; padding-bottom:0px; line-height:2; color:#222; font-size:22px; letter-spacing: -1px; text-align: center}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li p {color:#555; font-size:16px; font-weight:300; line-height:1.6}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li a {line-height:30px; color:#333;  transition: all .2s}	

.eyebom_total_c_box_wrap .artificial { width:100%; clear:both}
.eyebom_total_c_box_wrap .artificial li { float:left; width:23.5%; margin-left:2%;}
.eyebom_total_c_box_wrap .artificial li:nth-child(4n+1) { margin-left:0}
.eyebom_total_c_box_wrap .artificial li h2 { text-align:left; font-weight:500; font-size:20px;  padding-bottom:10px}
.eyebom_total_c_box_wrap .artificial li p { color:#555; font-size:18px}
.eyebom_total_c_box_wrap .artificial li .txt {padding:20px; height:160px}
.eyebom_total_c_box_wrap .artificial li .photo img { width:100%}

.eyebom_total_center_box_wrap {width:100%; padding: 50px 0 ;  clear:both}
.eyebom_total_center_box_wrap .tit { width:100%; box-sizing:border-box; text-align: center}
.eyebom_total_center_box_wrap .tit h2 { font-size:36px; letter-spacing:-1px; line-height: 1.5; margin-bottom: 20px;}
.eyebom_total_center_box_wrap .tit h2::before {content:''; width:50px; height:1px; background-color:#009ce7; margin: 20px auto; display: block}  

.eyebom_total_center_box_wrap .page { width:100%; margin-top: 30px; float:right; padding-bottom: 50px; display: flex; flex-flow: wrap;}	
.eyebom_total_center_box_wrap .page .dr_h_box_step { width:25%; text-align: center; margin-bottom: 50px; position: relative;  }	
.eyebom_total_center_box_wrap .page .dr_h_box_step .text_boxs_v { border: 0px solid #009ce7; background-color: #fff; color: #333; width: 170px;  height: 170px; padding: 25px; font-size: 30px; border-radius: 50%; text-align: center; margin: 50px auto 20px auto; position: relative	}	
.eyebom_total_center_box_wrap .page .dr_h_box_step h5 {font-weight:bold; padding-bottom:0px; line-height:2; color:#222; font-size:22px; letter-spacing: -1px; text-align: center}

	.total_m_photo_list { display: flex; flex-flow: wrap; width: 100%; margin-bottom: 30px;}	
	.total_m_photo_list .pt_01 { width: 50%; padding: 10px;}	
	.total_m_photo_list .pt_01 img { width: 100%;}
	.total_m_photo_list .pt_01 p { text-align: center; padding: 20px 0;}

	.total_an_list_wrap { display: flex; flex-flow: wrap; width: 100%; margin-bottom: 50px;	}
	.total_an_list_box { width:49%; border: 1px solid #ddd; border-top-color: #000; padding: 30px; padding-top: 50px; min-height: 300px; margin: 5px;}


	
@media all and (max-width: 576px) { 
	
	.eyebom_total_c_box_wrap .tit  { width:100%; clear:both; float:none}
	.eyebom_total_c_box_wrap .page { width:100%; clear:both; float:none; margin-top: 50px;}
	.eyebom_total_c_box_wrap .page .total_cont_01 ul li{width: 100%}
    .eyebom_total_center_box_wrap .page .dr_h_box_step { width:50%;}	
	.total_m_photo_list .pt_01 { width: 100%; }		
	.total_an_list_box { width:100%;  margin-bottom: 10px;}
	.eyebom_total_c_box_wrap .artificial li { width:100%; padding-bottom:50px}
}

@media all and (min-width: 577px) and (max-width:768px) {  
.eyebom_total_c_box_wrap .artificial li { width:49%; padding-bottom:50px}
.eyebom_total_c_box_wrap .artificial li:nth-child(2n+1) { margin-left:0}
.eyebom_total_c_box_wrap .page { clear:both; float:none; margin-top: 50px; width:100%}
.eyebom_total_c_box_wrap .page .total_cont_01 ul li { width:50%}
.eyebom_total_c_box_wrap .tit { width:100%}

}


@media all and (min-width: 769px) and (max-width:1200px) {  
	
	.eyebom_total_c_box_wrap .tit { width:100%; clear:both; float:none}
	.eyebom_total_c_box_wrap .page { width:100%; clear:both; float:none;  margin-top: 50px; }
	.eyebom_total_c_box_wrap .page .total_cont_01 ul li{width: 50%}
	.eyebom_total_center_box_wrap .page .dr_h_box_step { width:50%;}
	.eyebom_total_c_box_wrap .artificial li { width:49%; padding-bottom:20px}	
	.eyebom_total_c_box_wrap .artificial li:nth-child(2n+1) { margin-left:0}
	.total_m_photo_list .pt_01 { width: 100%; }	
	.total_an_list_box { width:100%;  margin-bottom: 10px;}
	
}	

/*안종합클리닉*/


	.lens_etc_wrap { display: flex; flex-flow: wrap; width: 100%}
	.lens_etc_box { border: 1px solid #ddd; border-top: 1px solid #009ce7;padding: 30px; margin: 10px; width: 48%}
	.lens_etc_box h5{ font-size: 20px; margin-bottom: 20px;}
	
@media all and (min-width: 577px) and (max-width:1200px) {  
	.lens_etc_box {  width: 100%}
	.lens_etc_box p {font-size: 16px;}
	}
@media all and (max-width: 576px) { 
	.lens_etc_box {  width: 100%}	
	.lens_etc_box p {font-size: 16px;}
	}









/* 260629 추가페이지 작업 - 5세대 스마트 스마일 라식, 스마트 노바 라식, 아마리스 라섹 */
.new_sub .mo-only {display: none;}

@media screen and (max-width:760px) {
	.new_sub .pc-only {display: none;}
	.new_sub .mo-only {display: block;}
}

.new_sub .inner {padding: 0 20px;}

.new_sub .visualSec {width: 100%;height: 850px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.new_sub .visualSec .inner {height: 100%;display: flex;align-items: center;}
.new_sub .visualSec .txtWrap {color: #fff;}
.new_sub .visualSec .txtWrap .subTit {font-size: 28px;;}
.new_sub .visualSec .txtWrap .mainTit {font-size: 65px;font-weight: 800;line-height: 80px;padding-top: 28px;text-align: left;letter-spacing: 0;}
.new_sub .visualSec .txtWrap .mainTit strong {font-weight: 800;color: #009CE7;}
.new_sub .visualSec .txtWrap .desc {font-size: 18px;padding-top: 28px;}

@media screen and (max-width:1700px) {
  .new_sub .visualSec {height:760px;}
  .new_sub .visualSec .txtWrap .subTit {font-size:24px;}
  .new_sub .visualSec .txtWrap .mainTit {font-size:58px;line-height:72px;}
  .new_sub .visualSec .txtWrap .desc {font-size:17px;line-height:28px;}
}

@media screen and (max-width:1440px) {
  .new_sub .visualSec {height:700px;}
  .new_sub .visualSec .txtWrap .mainTit {font-size:52px;line-height:66px;}
}

@media screen and (max-width:1280px) {
  .new_sub .visualSec {height:640px;}
  .new_sub .visualSec .txtWrap .subTit {font-size:22px;}
  .new_sub .visualSec .txtWrap .mainTit {font-size:46px;line-height:58px;padding-top:22px;}
  .new_sub .visualSec .txtWrap .desc {font-size:16px;line-height:26px;padding-top:22px;}
}

@media screen and (max-width:1024px) {
  .new_sub .visualSec {height:560px;}
  .new_sub .visualSec .txtWrap .mainTit {font-size:40px;line-height:52px;}
}

@media screen and (max-width:760px) {
  .new_sub .visualSec {position: relative;height:500px;background-position:center;}
	.new_sub .visualSec .txtWrap {z-index: 1;}
  .new_sub .visualSec .txtWrap .subTit {font-size:18px;}
  .new_sub .visualSec .txtWrap .mainTit {font-size:34px;line-height:44px;padding-top:18px;}
  .new_sub .visualSec .txtWrap .desc {font-size:15px;line-height:24px;padding-top:18px;}
}

@media screen and (max-width:580px) {
  .new_sub .visualSec {height:460px;}
  .new_sub .visualSec .txtWrap .subTit {font-size:16px;}
  .new_sub .visualSec .txtWrap .mainTit {font-size:30px;line-height:40px;}
  .new_sub .visualSec .txtWrap .desc {font-size:14px;line-height:23px;}
}


.new_sub .introSec {padding: 170px 0;}
.new_sub .introSec .inner {display: flex;}
.new_sub .introSec .titWrap {width: 494px;}
.new_sub .introSec .titWrap .line {display: block;width: 50px;height: 1px;background-color: #009CE7;}
.new_sub .introSec .titWrap h4 {font-size: 32px;font-weight: 700;color: #444;margin-top: 20px;}
.new_sub .introSec .contWrap .txtWrap .pointTxt {font-size: 22px;font-weight: 700;color: #009CE7;word-break: keep-all;}
.new_sub .introSec .contWrap .txtWrap .desc {font-size: 18px;line-height: 30px;color: #444;margin-top: 25px;word-break: keep-all;}
.new_sub .introSec .contWrap .txtWrap .desc strong {font-weight: 700;color: #000;}
.new_sub .introSec .featureList {display: flex;gap: 80px;margin-top: 76px;}
.new_sub .introSec .featureList .item {text-align: center;}
.new_sub .introSec .featureList .item .icon {width: 100px;aspect-ratio: 1/1;display: block;margin: 0 auto;}
.new_sub .introSec .featureList .item .icon img {width: 100%;height: auto;}
.new_sub .introSec .featureList .item strong {display: block;font-size: 18px;font-weight: 700;color: #283C82;margin-top: 14px;}
.new_sub .introSec .featureList .item p {font-size: 14px;color: #444;margin-top: 8px;}

@media screen and (max-width:1700px) {
  .new_sub .introSec {padding:140px 0;}
  .new_sub .introSec .titWrap {width:420px;}
  .new_sub .introSec .featureList {gap:55px;}
}

@media screen and (max-width:1440px) {
  .new_sub .introSec {padding:120px 0;}
  .new_sub .introSec .titWrap {width:360px;}
  .new_sub .introSec .featureList {gap:35px;}
}

@media screen and (max-width:1280px) {
  .new_sub .introSec {padding:100px 0;}
  .new_sub .introSec .titWrap {width:300px;}
  .new_sub .introSec .titWrap h4 {font-size:28px;}
  .new_sub .introSec .contWrap {width:calc(100% - 300px);}
  .new_sub .introSec .contWrap .txtWrap .pointTxt {font-size:20px;}
  .new_sub .introSec .contWrap .txtWrap .desc {font-size:16px;line-height:28px;}
  .new_sub .introSec .featureList {gap:20px;margin-top:55px;}
  .new_sub .introSec .featureList .item .icon {width:82px;}
}

@media screen and (max-width:1024px) {
  .new_sub .introSec .inner {display:block;}
  .new_sub .introSec .titWrap {width:100%;}
  .new_sub .introSec .contWrap {width:100%;margin-top:45px;}
  .new_sub .introSec .featureList {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
}

@media screen and (max-width:760px) {
  .new_sub .introSec {padding:75px 0;}
  .new_sub .introSec .titWrap h4 {font-size:25px;}
  .new_sub .introSec .contWrap {margin-top:35px;}
  .new_sub .introSec .contWrap .txtWrap .pointTxt {font-size:18px;line-height:28px;}
  .new_sub .introSec .contWrap .txtWrap .desc {font-size:15px;line-height:26px;margin-top:18px;}
  .new_sub .introSec .featureList {grid-template-columns:repeat(2, 1fr);gap:35px 0px;margin-top:45px;}
}

@media screen and (max-width:580px) {
  .new_sub .introSec {padding:65px 0;}
  .new_sub .introSec .titWrap .line {width:36px;}
  .new_sub .introSec .titWrap h4 {font-size:22px;}
  .new_sub .introSec .featureList .item .icon {width:70px;}
  .new_sub .introSec .featureList .item strong {font-size:16px;}
  .new_sub .introSec .featureList .item p {font-size:13px;line-height:21px;}
}


.new_sub .equipSec {width: 100%;height: 823px;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff;}
.new_sub .equipSec .txtWrap {padding-top: 165px;}
.new_sub .equipSec .txtWrap .logo img {width: 100%;height: auto;}
.new_sub .equipSec .txtWrap .secTit {font-size: 50px;line-height: 70px;font-weight: 300;margin-top: 42px;}
.new_sub .equipSec .txtWrap .secTit strong {font-weight: 800;}
.new_sub .equipSec .txtWrap .desc {font-size: 20px;margin-top: 32px;word-break: keep-all;}

@media screen and (max-width:1700px) {
  .new_sub .equipSec {height:740px;}
  .new_sub .equipSec .txtWrap {padding-top:135px;}
}

@media screen and (max-width:1440px) {
  .new_sub .equipSec {height:680px;}
  .new_sub .equipSec .txtWrap .secTit {font-size:44px;line-height:62px;}
}

@media screen and (max-width:1280px) {
  .new_sub .equipSec {height:620px;}
  .new_sub .equipSec .txtWrap {padding-top:110px;}
  .new_sub .equipSec .txtWrap .secTit {font-size:38px;line-height:54px;margin-top:32px;}
  .new_sub .equipSec .txtWrap .desc {font-size:18px;line-height:30px;}
}

@media screen and (max-width:760px) {
  .new_sub .equipSec {height:auto;aspect-ratio: 720 / 900;background-position:bottom center;}
  .new_sub .equipSec .txtWrap {padding-top:30px;}
  .new_sub .equipSec .txtWrap .secTit {font-size:31px;line-height:44px;margin-top:20px;}
  .new_sub .equipSec .txtWrap .desc {font-size:16px;line-height:28px;margin-top: 15px;}
}

@media screen and (max-width:580px) {
	.new_sub .equipSec {aspect-ratio: 720 / 1175;}
  .new_sub .equipSec .txtWrap .secTit {font-size:27px;line-height:39px;}
  .new_sub .equipSec .txtWrap .desc {font-size:15px;line-height:26px;}
}


.new_sub .detailSec {padding: 170px 0;}
.new_sub .detailSec .secHead {text-align: center;}
.new_sub .detailSec .secHead .secTit {font-size: 42px;line-height: 60px;font-weight: 400;}
.new_sub .detailSec .secHead .secTit strong {font-weight: 7002;}
.new_sub .detailSec .detailList {margin-top: 142px;}
.new_sub .detailSec .detailList .item {display: flex;margin-top: 110px;}
.new_sub .detailSec .detailList .item .titWrap {width: 494px;padding-top: 89px;}
.new_sub .detailSec .detailList .item .titWrap .line {display: block;width: 50px;height: 1px;background-color: #009CE7;}
.new_sub .detailSec .detailList .item .titWrap h4 {font-size: 32px;font-weight: 700;color: #444;margin-top: 20px;}
.new_sub .detailSec .detailList .item .contWrap {border-top: 1px solid #ddd;padding-top: 110px;width: calc(100% - 494px);}
.new_sub .detailSec .detailList .item .contWrap .desc {font-size: 18px;line-height: 30px;color: #444;word-break: keep-all;}
.new_sub .detailSec .detailList .item .contWrap .desc strong {font-weight: 700;color: #009CE7;}
.new_sub .detailSec .detailList .item .contWrap .img {max-width: 668px;margin-top: 54px;}
.new_sub .detailSec .detailList .item .contWrap .img img {width: 100%;height: auto;}
.new_sub .detailSec .detailList .item .contWrap .itemVideo {max-width: 668px;margin-top: 54px;}
.new_sub .detailSec .detailList .item .contWrap .itemVideo video {width: 100%;height: auto;}
.new_sub .detailSec .detailList .item:first-child {margin-top: 0;}
.new_sub .detailSec .detailList .item:first-child .titWrap {padding-top: 0;}
.new_sub .detailSec .detailList .item:first-child .contWrap {padding-top: 0;border-top: 0;}

@media screen and (max-width:1700px) {
  .new_sub .detailSec {padding:140px 0;}
  .new_sub .detailSec .detailList {margin-top:110px;}
  .new_sub .detailSec .detailList .item {margin-top:90px;}
  .new_sub .detailSec .detailList .item .titWrap {width:420px;}
  .new_sub .detailSec .detailList .item .contWrap {width:calc(100% - 420px);}
}

@media screen and (max-width:1440px) {
  .new_sub .detailSec {padding:120px 0;}
  .new_sub .detailSec .detailList .item .titWrap {width:360px;}
  .new_sub .detailSec .detailList .item .contWrap {width:calc(100% - 360px);}
}

@media screen and (max-width:1280px) {
  .new_sub .detailSec {padding:100px 0;}
  .new_sub .detailSec .secHead .secTit {font-size:36px;line-height:52px;}
  .new_sub .detailSec .detailList {margin-top:90px;}
  .new_sub .detailSec .detailList .item {margin-top:80px;}
  .new_sub .detailSec .detailList .item .titWrap {width:300px;padding-top:70px;}
  .new_sub .detailSec .detailList .item .titWrap h4 {font-size:28px;}
  .new_sub .detailSec .detailList .item .contWrap {width:calc(100% - 300px);padding-top:80px;}
  .new_sub .detailSec .detailList .item .contWrap .desc {font-size:16px;line-height:28px;}
}

@media screen and (max-width:1024px) {
  .new_sub .detailSec .detailList .item {display:block;}
  .new_sub .detailSec .detailList .item .titWrap {width:100%;padding-top:0;}
  .new_sub .detailSec .detailList .item .contWrap {width:100%;margin-top:35px;padding-top:45px;}
  .new_sub .detailSec .detailList .item:first-child .contWrap {margin-top:35px;}
}

@media screen and (max-width:760px) {
  .new_sub .detailSec {padding:80px 0;}
  .new_sub .detailSec .secHead .secTit {font-size:28px;line-height:42px;}
  .new_sub .detailSec .detailList {margin-top:65px;}
  .new_sub .detailSec .detailList .item {margin-top:65px;}
  .new_sub .detailSec .detailList .item .titWrap h4 {font-size:25px;}
  .new_sub .detailSec .detailList .item .contWrap .desc {font-size:15px;line-height:26px;}
  .new_sub .detailSec .detailList .item .contWrap .img {margin-top:35px;}
}

@media screen and (max-width:580px) {
  .new_sub .detailSec {padding:70px 0;}
  .new_sub .detailSec .secHead .secTit {font-size:24px;line-height:36px;}
  .new_sub .detailSec .detailList {margin-top:55px;}
  .new_sub .detailSec .detailList .item {margin-top:55px;}
  .new_sub .detailSec .detailList .item .titWrap .line {width:36px;}
  .new_sub .detailSec .detailList .item .titWrap h4 {font-size:22px;}
}


.new_sub .recommendSec {padding: 170px 0;}
.new_sub .recommendSec .secHead {text-align: center;}
.new_sub .recommendSec .secHead .secTit {font-size: 42px;line-height: 60px;font-weight: 400;}
.new_sub .recommendSec .secHead .secTit strong {font-weight: 700;}
.new_sub .recommendSec .recommendList {max-width: 600px;margin: 45px auto 0;}
.new_sub .recommendSec .recommendList li {padding: 15px 0;border-top: 1px solid #ddd;}
.new_sub .recommendSec .recommendList li p {font-size: 26px;color: #444;text-align: center;}
.new_sub .recommendSec .recommendList li:first-child {border-top: 0;}

@media screen and (max-width:1700px) {
  .new_sub .recommendSec {padding:140px 0;}
}

@media screen and (max-width:1280px) {
  .new_sub .recommendSec {padding:100px 0;}
  .new_sub .recommendSec .secHead .secTit {font-size:36px;line-height:52px;}
  .new_sub .recommendSec .recommendList li p {font-size:23px;}
}

@media screen and (max-width:760px) {
  .new_sub .recommendSec {padding:80px 0;}
  .new_sub .recommendSec .secHead .secTit {font-size:28px;line-height:42px;}
  .new_sub .recommendSec .recommendList {margin-top:35px;}
  .new_sub .recommendSec .recommendList li p {font-size:20px;}
}

@media screen and (max-width:580px) {
  .new_sub .recommendSec {padding:70px 0;}
  .new_sub .recommendSec .secHead .secTit {font-size:24px;line-height:36px;}
  .new_sub .recommendSec .recommendList li {padding:13px 0;}
  .new_sub .recommendSec .recommendList li p {font-size:18px;line-height:26px;}
}


#lasik5th .visualSec {background-image: url("../img/lasik5th_visualSec_bg.jpg");}

@media screen and (max-width:760px) {
	#lasik5th .visualSec {background-image: url("../img/lasik5th_visualSec_bg_mo.jpg");}
	#lasik5th .visualSec::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;background: linear-gradient(60deg,rgba(0, 156, 231, 0.3) 0%, rgba(0, 156, 231, 0.1) 100%);}
}


#lasik5th .equipSec {background-image: url("../img/lasik5th_equipSec_bg.jpg");}
#lasik5th .equipSec .txtWrap .logo {width: 200px;float: none;margin-left: 0;height: auto;text-align: justify;}

@media screen and (max-width:760px) {
	#lasik5th .equipSec {background-image: url("../img/lasik5th_equipSec_bg_mo.png");}
}

@media screen and (max-width:580px) {
  #lasik5th .equipSec .txtWrap .logo {width:150px;}
}


#lasik5th .vsSec {padding:170px 0;background:#F5F5F5;}
#lasik5th .vsSec .secHead {text-align:center;}
#lasik5th .vsSec .secTit {font-size:42px;font-weight:700;line-height:60px;}
#lasik5th .vsSec .secTit strong {color:#009CE7;font-weight:700;}
#lasik5th .vsSec .vsList {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:75px;}
#lasik5th .vsSec .vsList .item {position:relative;display:flex;flex-direction:column;background:#fff;text-align:center;border:1px solid #f5f5f5;box-sizing:border-box;}
#lasik5th .vsSec .vsList .item.active {border:4px solid #009CE7;border-top: 0;}
#lasik5th .vsSec .vsList .item .vsHead {height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#8F8F8F;color:#fff;}
#lasik5th .vsSec .vsList .item.active .vsHead {height:90px;background:#009CE7;}
#lasik5th .vsSec .vsList .item .vsHead h4 {font-size:24px;font-weight:500;}
#lasik5th .vsSec .vsList .item .vsHead p {font-size:16px;font-weight:300;}
#lasik5th .vsSec .vsList .item .vsBody {flex:1;}
#lasik5th .vsSec .vsList .item .vsBody dl {display:flex;align-items:center;justify-content:center;flex-direction:column;height:90px;border-bottom:1px solid #eee;}
#lasik5th .vsSec .vsList .item .vsBody dt {font-size:16px;font-weight:300;color:#666;}
#lasik5th .vsSec .vsList .item .vsBody dd {font-size:22px;font-weight:500;color:#666;}
#lasik5th .vsSec .vsList .item.active .vsBody dt,
#lasik5th .vsSec .vsList .item.active .vsBody dd {color:#000;}
#lasik5th .vsSec .vsList .item .vsImg {height:215px;display:flex;align-items:center;justify-content:center;}
#lasik5th .vsSec .vsList .item .vsImg img {height:auto;}
#lasik5th .vsSec .vsList .item1 .vsImg img {width: 117px;}
#lasik5th .vsSec .vsList .item2 .vsImg img {width: 160px;}
#lasik5th .vsSec .vsList .item3 .vsImg img {width: 169px;}
#lasik5th .vsSec .vsList .item4 .vsImg img {width: 151px;}

@media screen and (max-width:1700px) {
  #lasik5th .vsSec {padding:140px 0;}
}

@media screen and (max-width:1440px) {
  #lasik5th .vsSec {padding:120px 0;}
  #lasik5th .vsSec .vsList {gap:14px;}
  #lasik5th .vsSec .vsList .item .vsHead h4 {font-size:21px;}
  #lasik5th .vsSec .vsList .item .vsHead p {font-size:14px;}
  #lasik5th .vsSec .vsList .item .vsBody dd {font-size:19px;}
}

@media screen and (max-width:1280px) {
  #lasik5th .vsSec {padding:100px 0;}
  #lasik5th .vsSec .secTit {font-size:36px;line-height:52px;}
  #lasik5th .vsSec .vsList {margin-top:60px;}
  #lasik5th .vsSec .vsList .item .vsBody dl {height:82px;}
  #lasik5th .vsSec .vsList .item .vsBody dt {font-size:15px;}
  #lasik5th .vsSec .vsList .item .vsBody dd {font-size:17px;}
  #lasik5th .vsSec .vsList .item .vsImg {height:180px;}
}

@media screen and (max-width:1024px) {
  #lasik5th .vsSec .vsList {overflow-x:auto;display:flex;gap:16px;padding-bottom:15px;}
  #lasik5th .vsSec .vsList .item {flex:0 0 300px;}
  #lasik5th .vsSec .vsList .item.active {border-width:3px;border-top:0;}
}

@media screen and (max-width:760px) {
  #lasik5th .vsSec {padding:80px 0;}
  #lasik5th .vsSec .secTit {font-size:28px;line-height:42px;}
  #lasik5th .vsSec .vsList {margin-top:45px;}
  #lasik5th .vsSec .vsList .item {flex-basis:270px;}
  #lasik5th .vsSec .vsList .item .vsHead {height:76px;}
  #lasik5th .vsSec .vsList .item.active .vsHead {height:76px;}
  #lasik5th .vsSec .vsList .item .vsHead h4 {font-size:19px;}
  #lasik5th .vsSec .vsList .item .vsHead p {font-size:13px;}
  #lasik5th .vsSec .vsList .item .vsBody dl {height:74px;}
  #lasik5th .vsSec .vsList .item .vsImg {height:155px;}
}

@media screen and (max-width:580px) {
  #lasik5th .vsSec {padding:70px 0;}
  #lasik5th .vsSec .secTit {font-size:24px;line-height:36px;}
  #lasik5th .vsSec .vsList {margin-top:35px;}
  #lasik5th .vsSec .vsList .item {flex-basis:245px;}
  #lasik5th .vsSec .vsList .item .vsHead h4 {font-size:17px;}
  #lasik5th .vsSec .vsList .item .vsBody dt {font-size:13px;}
  #lasik5th .vsSec .vsList .item .vsBody dd {font-size:15px;}
  #lasik5th .vsSec .vsList .item .vsImg {height:180px;}
  #lasik5th .vsSec .vsList .item1 .vsImg img {width:95px;}
  #lasik5th .vsSec .vsList .item2 .vsImg img {width:125px;}
  #lasik5th .vsSec .vsList .item3 .vsImg img {width:130px;}
  #lasik5th .vsSec .vsList .item4 .vsImg img {width:120px;}
}


#lasikNova .visualSec {background-image: url("../img/lasikNova_visualSec_bg.jpg");}

@media screen and (max-width:760px) {
	#lasikNova .visualSec {background-image: url("../img/lasikNova_visualSec_bg_mo.jpg");}
	#lasikNova .visualSec::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;background: linear-gradient(60deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);}
}


#lasikNova .introSec .inner {flex-wrap: wrap;}
#lasikNova .introSec .secVideo {width: 100%;margin-top: 85px;}
#lasikNova .introSec .secVideo video {width: 100%;height: auto;}
#lasikNova .introSec .featureList {gap: 0;justify-content: space-between;width: 100%;margin-top: 52px;}
#lasikNova .introSec .featureList .subTit {font-size: 18px;font-weight: 500;margin-top: 4px;}

@media screen and (max-width:760px) {
	#lasikNova .introSec .featureList {gap: 35px;grid-template-columns:repeat(1, 1fr);}
}


#lasikNova .equipSec {background-image: url("../img/lasikNova_equipSec_bg.jpg");}
#lasikNova .equipSec .inner {height: 100%;display: flex;align-items: center;}
#lasikNova .equipSec .txtWrap {padding-top: 0;}
#lasikNova .equipSec .txtWrap .logo {width: 122px;float: none;margin-left: 0;height: auto;text-align: justify;}

@media screen and (max-width:760px) {
	#lasikNova .equipSec {background-image: url("../img/lasikNova_equipSec_bg_mo.png");}
	#lasikNova .equipSec .inner {align-items: start;}
	#lasikNova .equipSec .txtWrap {padding-top: 30px;}
	#lasikNova .equipSec .txtWrap .logo {width: 80px;}
}


#lasikNova .vsSec {padding:170px 0;background:#f5f5f5;}
#lasikNova .vsSec .secHead {text-align:center;}
#lasikNova .vsSec .secTit {font-size:42px;font-weight:700;line-height:60px;}
#lasikNova .vsSec .secTit strong {color:#009CE7;font-weight:700;}
#lasikNova .vsSec .vsList {display:grid;grid-template-columns:202px repeat(3, 1fr);gap:20px;margin-top:75px;}
#lasikNova .vsSec .vsList .item {text-align:center;box-sizing:border-box;}
#lasikNova .vsSec .vsList .item.active {border:4px solid #079cdc;border-top: 0;}
#lasikNova .vsSec .vsList .item .vsHead {height:90px;display:flex;align-items:center;justify-content:center;background:#ddd;}
#lasikNova .vsSec .vsList .item1 .vsHead {background:#373737;}
#lasikNova .vsSec .vsList .item.active .vsHead {height:90px;background:#079cdc;}
#lasikNova .vsSec .vsList .item .vsHead h4 {font-size:24px;font-weight:500;line-height:1.3;color:#8F8F8F;letter-spacing:-1px;}
#lasikNova .vsSec .vsList .item1 .vsHead h4 {color:#fff;}
#lasikNova .vsSec .vsList .item.active .vsHead h4 {color:#fff;}
#lasikNova .vsSec .vsList .item .vsBody {background-color: #fff;}
#lasikNova .vsSec .vsList .item .vsBody dl {height:80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;box-sizing:border-box;}
#lasikNova .vsSec .vsList .item .vsBody dl:last-child {border-bottom:0;}
#lasikNova .vsSec .vsList .item .vsBody dl:first-child {height: 110px;}
#lasikNova .vsSec .vsList .item1 .vsBody {background: none;}
#lasikNova .vsSec .vsList .item1 .vsBody dl {background:rgba(0,156,231,0.05);border-bottom: 1px solid #ddd;}
#lasikNova .vsSec .vsList .item .vsBody dt {font-size:22px;font-weight:500;color:#222;}
#lasikNova .vsSec .vsList .item .vsBody dd {font-size:22px;font-weight:500;color:#8F8F8F;}
#lasikNova .vsSec .vsList .item.active .vsBody dd {color:#000;}

@media screen and (max-width:1700px) {
  #lasikNova .vsSec {padding:140px 0;}
  #lasikNova .vsSec .vsList {margin-top:65px;}
}

@media screen and (max-width:1440px) {
  #lasikNova .vsSec {padding:120px 0;}
  #lasikNova .vsSec .secTit {font-size:38px;line-height:54px;}
  #lasikNova .vsSec .vsList {grid-template-columns:190px repeat(3, 1fr);gap:14px;}
  #lasikNova .vsSec .vsList .item .vsHead h4 {font-size:21px;}
  #lasikNova .vsSec .vsList .item .vsBody dt {font-size:19px;}
  #lasikNova .vsSec .vsList .item .vsBody dd {font-size:19px;}
}

@media screen and (max-width:1280px) {
  #lasikNova .vsSec {padding:100px 0;}
  #lasikNova .vsSec .secTit {font-size:36px;line-height:52px;}
  #lasikNova .vsSec .vsList {grid-template-columns:170px repeat(3, 1fr);gap:12px;margin-top:60px;}
  #lasikNova .vsSec .vsList .item .vsHead {height:82px;}
  #lasikNova .vsSec .vsList .item.active .vsHead {height:82px;}
  #lasikNova .vsSec .vsList .item .vsHead h4 {font-size:19px;}
  #lasikNova .vsSec .vsList .item .vsBody dl {height:72px;}
  #lasikNova .vsSec .vsList .item .vsBody dl:first-child {height:96px;}
  #lasikNova .vsSec .vsList .item .vsBody dt {font-size:17px;}
  #lasikNova .vsSec .vsList .item .vsBody dd {font-size:17px;}
}

@media screen and (max-width:1024px) {
  #lasikNova .vsSec .vsList {overflow-x:auto;display:flex;gap:16px;padding-bottom:15px;}
  #lasikNova .vsSec .vsList .item {flex:0 0 300px;}
  #lasikNova .vsSec .vsList .item1 {flex-basis:190px;}
  #lasikNova .vsSec .vsList .item.active {border-width:3px;border-top:0;}
}

@media screen and (max-width:760px) {
  #lasikNova .vsSec {padding:80px 0;}
  #lasikNova .vsSec .secTit {font-size:28px;line-height:42px;}
  #lasikNova .vsSec .vsList {gap:12px;margin-top:45px;}
  #lasikNova .vsSec .vsList .item {flex-basis:260px;}
  #lasikNova .vsSec .vsList .item1 {flex-basis:150px;}
  #lasikNova .vsSec .vsList .item .vsHead {height:76px;}
  #lasikNova .vsSec .vsList .item.active .vsHead {height:76px;}
  #lasikNova .vsSec .vsList .item .vsHead h4 {font-size:18px;}
  #lasikNova .vsSec .vsList .item .vsBody dl {height:68px;}
  #lasikNova .vsSec .vsList .item .vsBody dl:first-child {height:88px;}
  #lasikNova .vsSec .vsList .item .vsBody dt {font-size:15px;line-height:1.35;}
  #lasikNova .vsSec .vsList .item .vsBody dd {font-size:16px;}
}

@media screen and (max-width:580px) {
  #lasikNova .vsSec {padding:70px 0;}
  #lasikNova .vsSec .secTit {font-size:24px;line-height:36px;}
  #lasikNova .vsSec .vsList {margin-top:35px;}
  #lasikNova .vsSec .vsList .item {flex-basis:230px;}
  #lasikNova .vsSec .vsList .item1 {flex-basis:135px;}
  #lasikNova .vsSec .vsList .item .vsHead {height:68px;}
  #lasikNova .vsSec .vsList .item.active .vsHead {height:68px;}
  #lasikNova .vsSec .vsList .item .vsHead h4 {font-size:16px;}
  #lasikNova .vsSec .vsList .item .vsBody dl {height:62px;}
  #lasikNova .vsSec .vsList .item .vsBody dl:first-child {height:82px;}
  #lasikNova .vsSec .vsList .item .vsBody dt {font-size:13px;line-height:1.35;}
  #lasikNova .vsSec .vsList .item .vsBody dd {font-size:15px;}
}


#lasekAmaris .visualSec {background-image: url("../img/lasekAmaris_visualSec_bg.jpg");}

@media screen and (max-width:760px) {
	#lasekAmaris .visualSec {background-image: url("../img/lasekAmaris_visualSec_bg_mo.jpg");}
	#lasekAmaris .visualSec::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;background: linear-gradient(60deg,rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);}
}


#lasekAmaris .equipSec {background-image: url("../img/lasekAmaris_equipSec_bg.jpg");}
#lasekAmaris .equipSec .inner {height: 100%;display: flex;align-items: center;}
#lasekAmaris .equipSec .txtWrap {padding-top: 0;}

@media screen and (max-width:760px) {
	#lasekAmaris .equipSec {background-image: url("../img/lasekAmaris_equipSec_bg_mo.png");}
	#lasekAmaris .equipSec .inner {align-items: start;}
	#lasekAmaris .equipSec .txtWrap {padding-top: 30px;}
}


#lasekAmaris .vsSec {padding:170px 0;background:#f5f5f5;}
#lasekAmaris .vsSec .secHead {text-align:center;}
#lasekAmaris .vsSec .secTit {font-size:42px;font-weight:700;line-height:60px;}
#lasekAmaris .vsSec .secTit strong {color:#009CE7;font-weight:700;}
#lasekAmaris .vsSec .vsList {display:grid;grid-template-columns:1fr 200px 1fr;margin-top:75px;}
#lasekAmaris .vsSec .vsList .item {text-align:center;box-sizing:border-box;}
#lasekAmaris .vsSec .vsList .item.active {border:4px solid #079cdc;border-top: 0;}
#lasekAmaris .vsSec .vsList .item .vsHead {height:90px;display:flex;align-items:center;justify-content:center;background:#ddd;box-sizing:border-box;}
#lasekAmaris .vsSec .vsList .item2 .vsHead {background:#373737;}
#lasekAmaris .vsSec .vsList .item.active .vsHead {height:90px;background:#079cdc;}
#lasekAmaris .vsSec .vsList .item .vsHead h4 {font-size:24px;font-weight:500;color:#8F8F8F;}
#lasekAmaris .vsSec .vsList .item2 .vsHead h4 {color:#fff;}
#lasekAmaris .vsSec .vsList .item.active .vsHead h4 {color:#fff;}
#lasekAmaris .vsSec .vsList .item .vsBody {background-color: #fff;}
#lasekAmaris .vsSec .vsList .item .vsBody dl {height:80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd;box-sizing:border-box;}
#lasekAmaris .vsSec .vsList .item .vsBody dl:nth-child(2) {height:110px;}
#lasekAmaris .vsSec .vsList .item2 .vsBody dl {background:rgba(0,156,231,0.05);}
#lasekAmaris .vsSec .vsList .item .vsBody dt {font-size:22px;font-weight:500;color:#222;}
#lasekAmaris .vsSec .vsList .item .vsBody dd {font-size:22px;font-weight:500;color:#8F8F8F;}
#lasekAmaris .vsSec .vsList .item.active .vsBody dd {color:#000;}

@media screen and (max-width:1700px) {
  #lasekAmaris .vsSec {padding:140px 0;}
  #lasekAmaris .vsSec .vsList {margin-top:65px;}
}

@media screen and (max-width:1440px) {
  #lasekAmaris .vsSec {padding:120px 0;}
  #lasekAmaris .vsSec .secTit {font-size:38px;line-height:54px;}
  #lasekAmaris .vsSec .vsList {grid-template-columns:1fr 180px 1fr;}
  #lasekAmaris .vsSec .vsList .item .vsHead h4 {font-size:21px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dt {font-size:19px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dd {font-size:19px;}
}

@media screen and (max-width:1280px) {
  #lasekAmaris .vsSec {padding:100px 0;}
  #lasekAmaris .vsSec .secTit {font-size:36px;line-height:52px;}
  #lasekAmaris .vsSec .vsList {grid-template-columns:1fr 160px 1fr;margin-top:60px;}
  #lasekAmaris .vsSec .vsList .item .vsHead {height:82px;}
  #lasekAmaris .vsSec .vsList .item.active .vsHead {height:82px;}
  #lasekAmaris .vsSec .vsList .item .vsHead h4 {font-size:19px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dl {height:72px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dl:nth-child(2) {height:96px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dt {font-size:17px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dd {font-size:17px;line-height:1.4;}
}

@media screen and (max-width:1024px) {
  #lasekAmaris .vsSec .vsList {overflow-x:auto;display:flex;padding-bottom:15px;}
  #lasekAmaris .vsSec .vsList .item {flex:0 0 430px;}
  #lasekAmaris .vsSec .vsList .item2 {flex-basis:170px;}
  #lasekAmaris .vsSec .vsList .item.active {border-width:3px;border-top:0;}
}

@media screen and (max-width:760px) {
  #lasekAmaris .vsSec {padding:80px 0;}
  #lasekAmaris .vsSec .secTit {font-size:28px;line-height:42px;}
  #lasekAmaris .vsSec .vsList {margin-top:45px;}
  #lasekAmaris .vsSec .vsList .item {flex-basis:370px;}
  #lasekAmaris .vsSec .vsList .item2 {flex-basis:145px;}
  #lasekAmaris .vsSec .vsList .item .vsHead {height:76px;}
  #lasekAmaris .vsSec .vsList .item.active .vsHead {height:76px;}
  #lasekAmaris .vsSec .vsList .item .vsHead h4 {font-size:18px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dl {height:68px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dl:nth-child(2) {height:88px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dt {font-size:15px;line-height:1.35;}
  #lasekAmaris .vsSec .vsList .item .vsBody dd {font-size:16px;line-height:1.4;}
}

@media screen and (max-width:580px) {
  #lasekAmaris .vsSec {padding:70px 0;}
  #lasekAmaris .vsSec .secTit {font-size:24px;line-height:36px;}
  #lasekAmaris .vsSec .vsList {margin-top:35px;}
  #lasekAmaris .vsSec .vsList .item {flex-basis:330px;}
  #lasekAmaris .vsSec .vsList .item2 {flex-basis:130px;}
  #lasekAmaris .vsSec .vsList .item .vsHead {height:68px;}
  #lasekAmaris .vsSec .vsList .item.active .vsHead {height:68px;}
  #lasekAmaris .vsSec .vsList .item .vsHead h4 {font-size:16px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dl {height:62px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dl:nth-child(2) {height:82px;}
  #lasekAmaris .vsSec .vsList .item .vsBody dt {font-size:13px;line-height:1.35;}
  #lasekAmaris .vsSec .vsList .item .vsBody dd {font-size:15px;line-height:1.4;}
}