@bharset "utf-8";





/*오시는 길*/
.contact-map {width: 100%; padding:0; margin:0; overflow: hidden; clear:both;}
.contact-map li { width:50%; float:left;}
.contact-map li a {display: block; line-height:63px; text-align:center;}
.contact-map li a.naver { background-color:#2db400}
.contact-map li a.daum { background-color:#6e99fe}
.contact-map li a img { vertical-align:middle; max-width:100%; width:125px;}
.contact { width:100%; padding:0px 0 0px 10px;  box-sizing:border-box;}
.contact:after { content: " ";visibility: hidden;display: block;height: 0; clear: both;}
.contact ul { padding:0;}
.contact ul li {font-size: 15px; color: #333; margin-top: 5px; line-height:1.6;}
.contact h2 {font-size:20px; padding:0px 0px 10px 0; margin-top:32px; font-weight:bold;}
/*오시는 길*/



/*진료철학*/
.difference { width:100%; height:751px; background-image:url(../img/difference_bg.jpg); background-size:100%; text-align:center; float:left}
.difference ul {padding:8px 0 0 35px; margin:0}
.difference h3 { font-size:18px; color:#fff; padding-top:50px; text-align:left; padding-left:35px}
.difference h2 { font-size:36px; text-align:left; font-weight:100; color:#fff; padding:0 0 0 35px; }
.difference p { font-size:18px; color:#fff; padding:8px 45px 0 35px; word-break:keep-all; line-height:1.6; text-align:left}
.difference .img { text-align:center; margin-top:40px; clear:both}
.difference .title { font-size:20px; color:#fff; text-align:left; padding:20px 0 0 35px}
.difference .title .font_style {color: #fff; font-weight:bold}
.difference .title:after { content: " ";display: block; z-index: 1; width: 28px;height: 1px; margin-top:10px; background-color: #f2f2f2}
.difference ul li { line-height:1.8; font-size:18px; color:#fff; text-align:left}
/*진료철학*/


/*오른쪽 컨텐츠 박스*/
.box_page_warp { width:100%; background-image:url(../img/index_bg.jpg); border-top:1px solid #ddd; padding:23px 0 0 0; background-repeat:no-repeat;clear:both}
.box_page a { display:block; width:100%x; height:316px; text-decoration:none}
/*오른쪽 컨텐츠 박스*/



/*어린이 시력검사*/
.box_page01 { width:95%; height:316px; margin:0 auto; background-color:#937699; background-image:url(../img/kid_eyesight.png); background-repeat:no-repeat; background-size:100%; clear:both}
.box_page01 a h2{ font-size:26px; font-weight:bold; color:#fff; padding:35px 0 0 37px; width:95px; letter-spacing:0; line-height:1.3}
/*어린이 시력검사*/



/*드림렌즈*/
.box_page02 { width:95%; height:316px; margin:10px auto; background-color:#58739e; background-image:url(../img/dream_lens.png); background-repeat:no-repeat; background-size:100%;  clear:both}
.box_page02 a h2 { font-size:26px; font-weight:bold; color:#fff; padding:35px 0 0 37px; width:95px;}
.box_page02 p { font-size:15px; color:#fff; padding:5px 0 0 37px}
/*드림렌즈*/


/*망막 클리닉*/
.box_page03 { width:95%; height:316px;margin:0 auto; background-color:#81abc2; background-image:url(./../../img/retinal.jpg); background-repeat:no-repeat; background-size:100%; margin-bottom:20px;  clear:both}
.box_page03 a h2 { font-size:26px; font-weight:bold; color:#fff; padding:120px 0 0 198px;}
.box_page03 p { font-size:14px; color:#fff; padding:5px 0 0 198px; line-height:1.6}
/*망막 클리닉*/



/*병원안내 롤링*/
.medical_center_roll {position:relative; margin-bottom:20px;}
.medical_center_roll .bx-wrapper .bx-prev { left: 10px; top: 45%; background: url(./../../img/prev_off.png) no-repeat; display:none}
.medical_center_roll .bx-wrapper .bx-prev:hover { background: url(./../../img/prev_on.png) no-repeat;}
.medical_center_roll .bx-wrapper .bx-next {right: 10px; top:45%; background-image: url(./../../img/next_off.png);background-repeat: no-repeat; display:none}
.medical_center_roll .bx-wrapper .bx-next:hover {background-image: url(./../../img/next_on.png);}     
.medical_center_roll .bx-wrapper .bx-pager {position: absolute; bottom: 10px;left: 200px;text-align:center;}
.medical_center_roll .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left: 10%; width: 35px; display:none}
.medical_center_roll .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; text-indent: -9999px;display: block;width: 5px;height: 5px;margin: 0 3px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-size:0;}
.medical_center_roll .bx-wrapper .bx-pager.bx-default-pager a:hover,.medical_center_roll .bx-wrapper .bx-pager.bx-default-pager a.active {background: #1056ab;}
.medical_center_roll .bx-wrapper .bx-pager .bx-pager-item { display:inline-block;}
/*병원안내 롤링*/




/*백내장*/
.eye_clinic { width:100%; border-top:1px solid #ddd; clear:both}
.eye_clinic .cataract_clinic a {  width:100%; height:275px; clear:both; display:block; text-decoration:none; background-image:url(./../../img/cataract_clinic.jpg); background-repeat:no-repeat; background-size:cover; background-position:bottom center; margin-top:-1px; box-sizing:border-box}
.eye_clinic .cataract_clinic h2 { font-size:24px; text-align:left; padding:40px 0 0 30px; color:#000; font-weight:bold}
.eye_clinic .cataract_clinic p { font-size:15px; text-align:left;  color:#000; word-break:keep-all; padding:10px 0 0 30px;}
/*백내장*/



/*콘택트렌즈*/
.eye_clinic .contact_lens a {width:100%; height:275px; clear:both; display:block; text-decoration:none; background-image:url(./../../img/contact_lens.jpg); background-repeat:no-repeat; background-size:cover; background-position:bottom center;  margin-left:-1px; margin-top:-1px; box-sizing:border-box}
.eye_clinic .contact_lens h2 { font-size:24px; text-align:left; padding:40px 0 0 30px; color:#000; font-weight:bold}
.eye_clinic .contact_lens p { font-size:15px; text-align:left;  color:#000; word-break:keep-all; padding:10px 0 0 30px;}
/*콘택트렌즈*/





/*의료진 소개*/
.doctor_profile { width:100%; clear:both}
.doctor_profile .doctor_Introduction {width: 100%; height:332px; border:1px solid #ddd; margin-left:-2px; background-image:url(../img/doctor1.jpg); background-position: 110px top;  background-repeat:no-repeat; clear:both }
.doctor_profile .doctor_Introduction h2 { font-size:28px; color:#11677a; padding:58px 0 0 34px; font-weight:100; line-height:1.2; text-align:left}	
.doctor_profile .doctor_Introduction p { font-size:15px; color:#333; padding:10px 0 0 34px; text-align:left}	

.doctor_profile .medical_subject {width:100%;height:185px;background-color:#2fa1de;padding:27px 0 0 22px; margin-left:-2px; box-sizing:border-box}
.doctor_profile .medical_subject h1 { font-size:18px; color:#FFF}
.doctor_profile .medical_subject ul {margin-top:22px; padding:0}
.doctor_profile .medical_subject ul li a { width:47%; height:40px; line-height:40px; background-color:#76c3ec;color:#FFF;float:left;margin-right:10px;margin-bottom:10px;text-align:center;font-size:13px;display:block; box-sizing:border-box}
.doctor_profile .medical_subject ul li a:hover {background-color:#4fdadb;}
/*의료진 소개*/





/*병원소개*/
.info_hopital { width:100%; height:235px; box-sizing:border-box;  background-image:url(../img/hospital_introduction.png); background-position:left bottom; background-repeat:no-repeat; background-color:#d9deea; clear:both} 
.info_hopital h2 { font-size:24px; color:#000; padding:30px 0 0 165px; font-weight:100}
.info_hopital p { color:#000; padding:10px 0 0 165px; font-size:15px}
.info_hopital ul { padding-left:165px;}
.info_hopital li { text-align:center}
.info_hopital li a { width:45%; height:31px; background-color:#8ea6c3; color:#fff; display:block; text-decoration:none; text-align:center; font-size:16px; line-height:31px; float:left; margin:9px 9px 0 0px}
.info_hopital li a:hover { background-color:#304565; color:#fff}
/*병원소개*/




/*진료시간*/
.call_time { width:100%; height:285px; background-color:#526a8d;  padding:30px 0 0 29px; box-sizing:border-box; clear:both }
.call_time h3 { font-size:23px; color:#fff; font-weight:100;}
.call_time h2 { font-size:36px; font-weight:bold; color:#fff; letter-spacing:0}
.call_time ul { padding:5px 0; margin:0}
.call_time ul li { font-size:15px; color:#fff; line-height:1.8; letter-spacing:-0.2px}
.call_time ul li .font_style {color: #FF0;}
.call_time ul li .font_style2 {color: #fff;}
/*진료시간*/




/*지역사회 사랑*/
.neighbors_love { width:100%; height:285px;  padding:30px 0 0 29px; background-color:#00a38e; box-sizing:border-box; background-image:url(./../../img/neighbors_love.png); background-position:right bottom; background-repeat:no-repeat; }
.neighbors_love h2 { font-size:30px; font-weight:100; color:#fff; line-height:1.5}
.neighbors_love p { font-size:15px; line-height:1.6; color:#fff; padding:15px 130px 0 3px; word-break:keep-all}
/*지역사회 사랑*/


.latest { width:100%; padding-bottom:30px}
.latest .Nb_slt { padding-left:40px}
.latest .Nb_slt_content  a { font-size:16px; padding-left:0; line-height:1.6;}
.latest .Nb_slt .Nb_slt_title { padding-left:0}
.latest .Nb_slt .Nb_slt_content { padding-left:0}
.latest:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
.latest h2 { font-size:24px; padding:30px 20px 0 28px; font-weight:bold; color:#000}
.latest p { font-size:18px; padding:15px 0 0 28px; color:#555555}




/*병원소개*/
.m_cont h1 { font-size:20px; color:#000; font-weight:bold}
.m_cont .txt { clear:both; word-break:keep-all}
.m_cont .content_sub_title .sub_title { width:100%; font-size:18px; padding:0 0 0 25px; font-weight:bold; background-image:url(./../../img/title_icon.png); background-repeat:no-repeat; background-position:left 4px; box-sizing:border-box; clear:both;}
.m_cont .content_sub_title .sub_txt { width:100%; clear:both }
.m_cont .content_sub_title { padding-top:20px;}
.m_cont .content_sub_title .sub_txt strong { clear: both; display: block; margin-bottom:20px}

.m_cont .overCon .point p { font-size:22px; font-weight:bold; padding:0 0 20px 30px; color:#000; background-image:url(./../../img/title_icon.png); background-repeat:no-repeat; background-position:left 4px}
.m_cont .overCon .point h2 { font-size:28px; font-weight:100; color:#f66120; padding:10px 0 20px 0; letter-spacing:-1px; line-height:1.4}
.m_cont .overCon .colum { width:100%; padding-bottom:20px }
.m_cont .overCon .colum .img { padding:20px 0 0 0; text-align:center}
.m_cont .overCon .colum .left { clear:both; padding-bottom:30px;}
.m_cont .hospital .content_sub_title .sub_title { width:100%; font-size:18px; padding:0; font-weight:bold; background-image:none;clear:both;}
/*병원소개*/




/*의료진 소개*/
.m_cont .profile {}
.m_cont .profile h2 { font-size:24px; font-weight:bold; padding:30px 0 0 15px; letter-spacing:0; color:#000; }
.m_cont .profile h3 { font-size:20px; text-align:left; padding:30px 0 0 15px; margin:0; font-weight:100}
.m_cont .profile h3:after { content:""; display:block; height:2px; width:30px; margin:17px 0; background-color:#1d71d8;}
.m_cont .profile ul { padding:0}
.m_cont .profile ul li { padding-left:5px; line-height:2.1}
/*의료진 소개*/



/*장비소개*/
.m_cont .wrap_1120{width:100%; margin:0 auto; padding-bottom:20px}
.m_cont .equipment_warp{width:100%;  }

.m_cont .btn_navi div{overflow:hidden; width:94%; margin:auto; padding:0}
.m_cont .btn_navi div a{display:block; float:left; width:47%; height:53px; margin:8px 8px 0px 0; font-size:15px; line-height:53px; text-align:center; border:1px solid #d7d7d7; cursor:pointer; color:#747474; letter-spacing:-1px; font-weight:bold; box-sizing:border-box}
.m_cont .btn_navi div a:nth-of-type(2){margin-right:0;}
.m_cont .btn_navi div a:last-of-type{margin-right:0;}
.m_cont .btn_navi div a.active{width:47%; color:#fff; background:#4169b1; border:0; border-bottom:2px solid #4953ab;}

.m_cont .equipment{}
.m_cont .equipment .slide li{overflow:hidden;}
.m_cont .equipment .slide li .slide_tit{margin:0 auto 32px; font-size:30px; color:#403f3f; line-height:1.5; font-weight:900; text-align:center; letter-spacing:-1px; padding:35px 0; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}
.m_cont .equipment .slide li .slide_con01{ font-size:16px; color:#000; }
.m_cont .equipment .slide li .slide_con01 p{margin:0; text-align:left; padding-bottom:20px; font-size:16px }
.m_cont .equipment .slide li .slide_con01 p:last-of-type{margin-bottom:0;}
.m_cont .equipment .slide li .slide_con01 .slide_con01_txt{margin:0}
.m_cont .equipment .slide li .slide_con01 .slide_con01_txt div{font-size:1.3em; text-align:center; font-weight:700}
.m_cont .equipment .slide li img{float:left; box-sizing:border-box}
.m_cont .equipment .slide li .box { width:100%; margin:auto}
.m_cont .equipment_warp .bx-controls-direction { display:none}
/*장비소개*/



/*진료안내*/
.m_cont .info{ clear:both}
.m_cont .info .info_address{width:100%; text-align:left;}
.m_cont .info .info_address .material-icons { font-size:30px}
.m_cont .info .info_address h4{margin:10px 0 0; font-size:17px}
.m_cont .info .info_address p{margin:13px 0 0;line-height:30px;font-weight:300;letter-spacing:0}

.m_cont .info .info_time{width:100%; text-align:left;}
.m_cont .info .info_time .material-icons { font-size:30px;}
.m_cont .info .info_time h4{margin:10px 0 0; font-size:17px} 
.m_cont .info .info_time p .first{letter-spacing:36px; font-style:normal}
.m_cont .info .info_time p .second{letter-spacing:3px; font-style:normal}
.m_cont .info .info_time p .sunday{letter-spacing:3px; font-style:normal; color:#F00}

.m_cont .medical_order { padding-bottom:50px}
.m_cont .medical_order h1 { font-weight:bold; padding:0 0 20px 30px; color:#000; margin-top:50px; background-image:url(./../../img/title_icon.png); background-repeat:no-repeat; background-position:left 4px}
.m_cont .medical_order .content_sub_title .sub_title {  width:100%; font-size:18px; padding:0; font-weight:bold; background-image:none;  clear:both;}
.m_cont .medical_order .content_sub_title .txt { width:100%; clear:both;}
.m_cont .medical_order .content_sub_title .order { padding-left:20px;  font-size:17px}
/*진료안내*/



.m_cont #swiper-container .swiper-wrapper .swiper-slide img { width:100%}
.m_cont #swiper-container .swiper-wrapper .swiper-slide .box { width:100%; height:40px; bottom:0; background-color:rgba(0, 0, 0, 0.5); position:absolute; padding:0; margin:0;}
.m_cont #swiper-container .swiper-wrapper .swiper-slide .box p { font-size:15px; padding-top:7px; color:#fff; text-align:center;letter-spacing:-0.5px;}


/*드림렌즈 시술 과정*/
.m_cont .process ul { padding:0; margin:40px 0}
.m_cont .process ul li { width:100%; height:100px; border:1px solid #ddd;  margin-left:-1px; margin-top:-1px; text-align:center; padding:0 0 50px 0; clear:both;}
.m_cont .process ul li .number{ width:50px; height:50px; line-height:50px; color:#fff; font-weight:bold; background-color:#00aeef;} 
.m_cont .process ul li p { padding:5px 50px 0 50px;}
/*드림렌즈 시술 과정*/



/*백내장 인공수정체 종류*/
.m_cont .clear-fix { width:100%; margin-bottom:50px; }
.m_cont .thum { width:60%; margin:0 auto; clear:both}
.m_cont .txt { width:100%;}
/*백내장 인공수정체 종류*/