/*밝은 권안과 진료철학*/
.top_contnent { width:100%; height:793px; background-image:url(../img/top_content_bg.jpg); background-position:center 115px; background-repeat:no-repeat; padding-top:115px;clear:both}
.top_contnent .difference { width:381px; height:741px; background-color:#fff;  background-image:url(../img/difference_bg.jpg); background-repeat:no-repeat; float:left}
.top_contnent .difference ul {padding:8px 0 0 35px; margin:0}
.top_contnent .difference h3 { font-size:18px; color:#fff; padding-top:40px; text-align:left; padding-left:42px}
.top_contnent .difference h2 { font-size:34px; font-weight:100; color:#fff; letter-spacing:-2px; padding-left:38px }
.top_contnent .difference p { font-size:17px; color:#fff; padding:8px 45px 0 42px; text-align:left;}
.top_contnent .difference .img { text-align:center; margin-top:20px; clear:both}
.top_contnent .difference .title { font-size:20px; color:#fff; text-align:left; padding:352px 0 0 35px}
.top_contnent .difference .title .font_style {color: #fff; font-weight:bold}
.top_contnent .difference .title:after { content: " ";display: block; z-index: 1; width: 28px;height: 1px; margin-top:10px; background-color: #f2f2f2}
.top_contnent .difference ul li { line-height:1.8; font-size:17px; text-align:left; color:#fff;}
/*밝은 권안과 진료철학*/


/*그래픽 롤링*/
.top_contnent .visual { width:502px; height:741px; margin-left:17px; float:left}
/*그래픽 롤링*/


/*오른쪽 컨텐츠 박스*/
.top_contnent .box_page_warp { width:297px; float:left}
.top_contnent .box_page a { display:block; width:297px; height:247px; text-decoration:none}
/*오른쪽 컨텐츠 박스*/



/*어린이 시력검사*/
.top_contnent .box_page01 { width:297px; height:247px; background-color:#8671b2; background-image:url(./../img/kid_eyesight.jpg); background-repeat:no-repeat; background-position:25px left bottom; clear:both}
.top_contnent .box_page01 a h2{ font-size:24px; font-weight:bold; color:#fff; padding:20px 0 0 22px; width:96px; letter-spacing:0; line-height:1.3}
/*어린이 시력검사*/



/*드림렌즈*/
.top_contnent .box_page02 { width:297px; height:247px; background-color:#58739e; background-image:url(../img/dream_lens.png); background-repeat:no-repeat; background-position:left bottom;  clear:both}
.top_contnent .box_page02 a h2 { font-size:24px; font-weight:bold; color:#fff; padding:20px 0 0 22px; }
.top_contnent .box_page02 p { font-size:15px; color:#fff; padding:5px 0 0 23px}
/*드림렌즈*/


/*망막 클리닉*/
.top_contnent .box_page03 { width:297px; height:247px; background-color:#81abc2; background-image:url(../img/retinal.jpg); background-repeat:no-repeat; background-position:left bottom;  clear:both}
.top_contnent .box_page03 a h2 { font-size:24px; font-weight:bold; color:#fff; padding:70px 0 0 141px;}
.top_contnent .box_page03 p { font-size:14px; color:#fff; padding:5px 0 0 145px}
/*망막 클리닉*/




.middle_content { width:100%;  clear:both}
.middle_content .major_clinic { padding-bottom:50px; clear:both}
.middle_content .major_clinic h2 { font-size:36px; text-align:center; font-weight:bold; padding-top:60px; color:#000}
.middle_content .major_clinic p { font-size:18px; color:#666; text-align:center; padding-top:15px; margin-bottom:80px}
.middle_content .major_clinic #conLf { width:914px; float:left}
.middle_content .major_clinic #conLf .medical_center_roll { width: 914px; height: 355px; display: block; clear: both; }
.middle_content .major_clinic #conLf .eye_clinic { width:914px; }
.middle_content .major_clinic #conLf .eye_clinic .cataract_clinic a {  width:457px; height:275px; float:left; display:block; text-decoration:none; background-image:url(../img/cataract_clinic.jpg); background-repeat:no-repeat; border:1px solid #ddd; margin-top:-1px; box-sizing:border-box}
.middle_content .major_clinic #conLf .eye_clinic .cataract_clinic h2 { font-size:24px; text-align:left; padding:30px 0 0 40px; color:#000; font-weight:bold}
.middle_content .major_clinic #conLf .eye_clinic .cataract_clinic p { font-size:15px; text-align:left;  color:#000; word-break:keep-all; padding:10px 0 0 40px; letter-spacing:-1px}

.middle_content .major_clinic #conLf .eye_clinic .contact_lens a { width:457px; height:275px; float:left; display:block; text-decoration:none; background-image:url(../img/contact_lens.jpg); background-repeat:no-repeat; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; box-sizing:border-box}
.middle_content .major_clinic #conLf .eye_clinic .contact_lens h2 { font-size:24px; text-align:left; padding:30px 0 0 40px; color:#000; font-weight:bold; letter-spacing:-1px}
.middle_content .major_clinic #conLf .eye_clinic .contact_lens p { font-size:15px; text-align:left;  color:#000; word-break:keep-all; padding:10px 0 0 40px;}




.middle_content .major_clinic #conRf {width: 286px;height: auto;float: right;}
.middle_content .major_clinic #conRf .doctor_Introduction {width: 284px;height:442px; border:1px solid #ddd; margin-left:-2px; background-image:url(../img/doctor1.jpg); background-repeat:no-repeat; clear: both; }
.middle_content .major_clinic #conRf .doctor_Introduction h2 { font-size:28px; color:#11677a; padding:58px 0 0 34px; font-weight:100; line-height:1.2; text-align:left; letter-spacing:-1px}	
.middle_content .major_clinic #conRf .doctor_Introduction p { font-size:15px; color:#333; padding:10px 0 0 36px; text-align:left}	

.middle_content .major_clinic #conRf .medical_subject {width:286px;height:185px;background-color:#2fa1de;padding:27px 0 0 22px; margin-left:-2px; box-sizing:border-box}
.middle_content .major_clinic #conRf .medical_subject h1 { font-size:18px; color:#FFF}
.middle_content .major_clinic #conRf .medical_subject ul {margin-top:22px; padding:0}
.middle_content .major_clinic #conRf .medical_subject ul li a { width:115px; height:30px; background-color:#76c3ec;color:#FFF;float:left;margin-right:10px;margin-bottom:10px;text-align:center;line-height:30px;font-size:13px;display:block;}
.middle_content .major_clinic #conRf .medical_subject ul li a:hover {background-color:#4fdadb;}



.middle_content .customer_center { width:100%; height:285px; padding-top:20px; clear:both}
.middle_content .customer_center .info_hopital { width:527px; height:285px; box-sizing:border-box;  background-image:url(../img/hospital_introduction.jpg); background-position:left bottom; background-repeat:no-repeat; background-color:#d9deea; float:left} 
.middle_content .customer_center .info_hopital h2 { font-size:24px; color:#000; padding:30px 0 0 265px; font-weight:100}
.middle_content .customer_center .info_hopital p { color:#000; padding:0 0 0 265px; font-size:15px}
.middle_content .customer_center .info_hopital ul { padding-left:263px;}
.middle_content .customer_center .info_hopital li { text-align:center}
.middle_content .customer_center .info_hopital li a { width:116px; height:31px; background-color:#8ea6c3; color:#fff; display:block; text-decoration:none; text-align:center; font-size:13px; line-height:28px; float:left; margin:9px 9px 0 0px}
.middle_content .customer_center .info_hopital li a:hover { background-color:#304565; color:#fff}
.middle_content .customer_center .call_time { width:386px; height:285px; background-color:#526a8d;  padding:30px 0 0 29px; box-sizing:border-box; float:left}
.middle_content .customer_center .call_time h3 { font-size:23px; color:#fff; font-weight:100;}
.middle_content .customer_center .call_time h2 { font-size:36px; font-weight:bold; color:#fff; letter-spacing:0}
.middle_content .customer_center .call_time ul { padding:5px 0; margin:0}
.middle_content .customer_center .call_time ul li { font-size:14px; color:#fff; line-height:1.8; letter-spacing:-0.5px}
.middle_content .customer_center .call_time ul li .font_style {color: #FF0;}
.middle_content .customer_center .call_time ul li .font_style2 {color: #f43900; font-weight: 600}
.middle_content .customer_center .neighbors_love { width:287px; 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; float:right}
.middle_content .customer_center .neighbors_love h2 { font-size:30px; font-weight:100; color:#fff; line-height:1.5; letter-spacing:-1px}
.middle_content .customer_center .neighbors_love p { font-size:14px; color:#fff; padding:15px 100px 0 3px; word-break:keep-all}

.bottom_content { width:100%;  clear:both}
.bottom_content .notice:after { content: " "; visibility: hidden; display: block;height: 0;clear: both; padding-bottom:50px} 
.bottom_content .notice .icon { text-align:center}
.bottom_content .notice .icon .material-icons {font-size:48px; color:#333; padding:50px 0 20px 0 }
.bottom_content .notice h2{ font-size:36px; width:280px; text-align:center; color:#000; font-weight:bold; float:left}
.bottom_content .notice .line_before { width:460px; height:1px; background-color:#ddd; margin-top:27px;  float:left}
.bottom_content .notice .line_next { width:460px; height:1px; background-color:#ddd; margin-top:27px;  float:left}
.bottom_content .notice p { font-size:18px; color:#555555; padding-top:70px; text-align:center;}
.bottom_content .latest { width:1200px; margin: 0 auto; clear:both; }
.clearFix { width:1200px;  box-sizing:border-box; margin:19px auto}



/*병원안내 롤링*/
.medical_center_roll .bx-wrapper .bx-prev { left: 10px; top: 45%; background: url(../img/prev_off.png) no-repeat;}
.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;}
.medical_center_roll .bx-wrapper .bx-next:hover {background-image: url(../img/next_on.png);}     
.medical_center_roll .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 8px;left: 400px; width: 100%;}
.medical_center_roll .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left: 810px; width: 35px;}
/*병원안내 롤링*/



/*병원소개*/
.about_hospital h1 { font-size:24px; color:#000; font-weight:bold}
.about_hospital .txt { width:1150px;  word-break:keep-all}
.about_hospital .content_sub_title .sub_title { width:360px; background-image:none; padding-left:0; border-right:1px solid #ddd; letter-spacing:-1px}
.about_hospital .content_sub_title .sub_txt { width:790px; word-break:keep-all }
about_hospital .content_sub_title { padding-top:20px;  padding-bottom:20px}
/*병원소개*/



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



/* 장비소개 */
.img_box { width:500px; height:400px; border:3px solid #ddd; text-align:center; float:left}
.txt_box { width:620px;  float:right; font-size:16px; word-break:keep-all; letter-spacing:0}
.txt_box h2 { font-size:25px; font-weight:bold; color:#000; padding-bottom:20px;}

.wrap_1120{width:100%; max-width:1200px; margin:0 auto;}
.equipment_warp{width:100%; }
.equipment_warp .bx-wrapper .bx-controls-direction a {position: absolute;top: 5%;margin-top: -16px;outline: 0;width: 41px;height: 81px;text-indent: -9999px;z-index: 9999;}
.btn_navi div{overflow:hidden; margin:20px 0 48px;}
.btn_navi div a{display:block; float:left; width:190px; 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;}
.btn_navi div a:nth-of-type(6){margin-right:0;}
.btn_navi div a:last-of-type{margin-right:0;}
.btn_navi div a.active{width:192px; color:#fff; background:#4169b1; border:0; border-bottom:2px solid #4169b1;}

.equipment{}
.equipment .slide li{overflow:hidden;}
.equipment .slide li .slide_tit{width:580px; margin:0 auto 52px; font-size:30px; color:#403f3f; font-weight:900; text-align:center; letter-spacing:-1px; padding:25px 0; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; line-height:1.8}
.equipment .slide li .slide_con01{ width:600px; color:#000; float:left;}
.equipment .slide li .slide_con01 p{margin:0; text-align:left; color:#615e5d; word-break:keep-all }
.equipment .slide li .slide_con01 p:last-of-type{margin-bottom:0;}
.equipment .slide li .slide_con01 .slide_con01_txt{margin:0 ;}
.equipment .slide li .slide_con01 .slide_con01_txt div{font-size:1.3em; text-align:center; font-weight:700; display:none}
.equipment .slide li img{float:right; width:500px; height:380px; margin:0; box-sizing:border-box}
.equipment .slide li .box { width:1100px; margin:auto}
/* 장비소개 */




/*진료안내*/
.info{margin:0 auto; width:1200px;height:400px;}
.info .info_address{width:600px; height:300px; float:left; border-right:1px solid #ddd; text-align:left; box-sizing:border-box}
.info .info_address .material-icons { font-size:34px}
.info .info_address h4{margin:20px 0 0;}
.info .info_address p{margin:13px 0 0;line-height:30px;font-weight:300;letter-spacing:0}

.info .info_time{width:600px; text-align:left; float:left;  padding-left:130px; box-sizing:border-box}
.info .info_time .material-icons { font-size:34px;}
.info .info_time h4{margin:20px 0 0;}
.info .info_time p{margin:13px 0 0;letter-spacing:0; }
.info .info_time p .first{letter-spacing:36px; font-style:normal}
.info .info_time p .second{letter-spacing:3px; font-style:normal}
.info .info_time p .sunday{letter-spacing:3px; font-style:normal; color:#F00}

.medical_order h1 { font-size:24px; color:#000; padding:0 0 50px 30px; margin-top:50px;  font-weight:bold; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left 18px;}
.medical_order .txt { width:1150px;  word-break:keep-all}
.medical_order { border-top:1px solid #ddd; padding-bottom:50px}
.medical_order .content_sub_title .sub_title { width:450px; height:80px; background-image:none; padding-left:20px; padding-top:0px; border-right:1px solid #ddd; letter-spacing:-1px}
.medical_order .content_sub_title .sub_txt { width:690px; word-break:keep-all }
.medical_order .content_sub_title .order { padding-left:20px; padding-right:270px; float:right; font-size:17px}
/*진료안내*/




/*둘러보기*/
#tab_roll {position:relative;width:1200px;padding:20px 0px 10px 0px;border:1px #ccc;overflow:hidden;margin:auto;box-sizing:border-box}
#tab_roll ul, #tab_roll01 li{list-style:none;margin:0;padding:0}
#tab_roll img{border:none;vertical-align:top;}
#tab_roll #mask{position:relative;width:100%;height:650px;overflow:hidden}
#tab_roll .imgSet{position: relative;width: 100%;height: 400px;}
#tab_roll .imgSet li{position:absolute;width:100%;}
#tab_roll .imgSet li .box{ width:100%; height:60px; background:rgba(0, 0, 0, 0.5); padding:0; margin:0; position:absolute; bottom:0px}
#tab_roll .imgSet li p{ color:#fff; text-align:center; padding-top:11px }
#tab_roll .menuSet{width: 100%; padding:1px}
#tab_roll .menuSet li img{width: 80px;height: 55px}
#tab_roll .menuSet li{float: left;border: 1px solid #888;cursor: pointer; margin:10px 10px 0 4px}
#tab_roll .menuSet li.select{border:1px solid #ff3300;outline:1px solid #ff6600;opacity:0.8}
#tab_roll .dir{position: absolute;top: 260px;cursor: pointer}
#tab_roll .prev{left:20px}
#tab_roll .next{right:20px}
/*둘러보기*/




/*오시는 길*/
.contact_address {width:1200px;height:auto;line-height:1.7;}
.contact_address ul {width:1200px;clear: both;padding:0 0 20px 0;border-bottom:1px solid #ddd;}
.contact_address ul li {font-weight: normal;color: #333;margin-top: 5px;margin-bottom: 5px;}
.contact_traffic { width:1200px; padding-top:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic .bus {width:710px;float:left; padding:0;}
.contact_traffic .subway {width:440px;float:right; padding:0;}
.contact_traffic ul li {font-size: 15px;font-weight: normal;color: #555; line-height:33px;}
.contact_traffic h3 { font-size:20px; font-weight:300; letter-spacing:-1px; color:#000; padding-bottom:10px; text-align:left}/* 푸터팝업*/

.map_info{width:263px;height:224px;background:#000;position:absolute;left:0;top:0px;padding:20px 38px;box-sizing:border-box;font-size:16px;color:#f8969a;letter-spacing:0;}
.map_info span{display:block;font-size:20px;color:#e3b62a;letter-spacing:-.25px; word-break:keep-all}
.map_info p { font-size:15px; padding-top:20px; color:#f2f2f2; line-height:1.4; word-break:keep-all}
.map_btn{position:absolute;left:38px;bottom:40px;}
.map_btn a{display:inline-block;width:100px;height:41px;line-height:41px;box-sizing:border-box;border:1px solid #f2f2f2;text-align:center; color:#FFF; letter-spacing:-0.5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:hover{color:#c2131a;background:#fff;border-color:#fff; text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:first-child{margin-right:5px;}
/*오시는 길*/









/*탭*/
.tab_navi { width:100%; margin:0 auto;}
.tab_navi ul { text-align:center; padding-bottom:50px;}
.tab_navi li{display:inline-block; margin-left:-5px; width:15%; border-left:1px solid #ddd;}
.tab_navi li a{text-align:center;color:#333; height:50px;line-height:50px;font-size:16px;display:block;background-color:#f2f2f2;text-decoration:none;}
.tab_navi li a:hover{color:#fff;background-color:#00aeef}
.tab_navi li a.on{color:#fff;background-color:#00aeef;font-weight:600}
.tab_navi li:first-child { border-left:0px}
/*탭*/






/*기본 컨텐츠*/
.content_sub_title { width:1200px;  margin:0 auto; padding-top:60px}
.content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;}
.content_sub_title .sub_title{float:left; display: block; line-height:1.5; width:300px; color:#000; font-size:22px; letter-spacing:0; font-weight:bold;  padding:0 0 20px 30px; color:#000; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left 10px; box-sizing:border-box}
.content_sub_title .sub_txt {float:right; width:900px; line-height:2.1; word-break:keep-all}
.content_sub_title .sub_txt .h2 { font-size:20px; }
.content_sub_title .img { float:left; text-align:right; width:450px }



.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 15px}
.overCon .point h2 { font-size:28px; font-weight:100; color:#f66120; padding:10px 0 20px 0; letter-spacing:-1px; line-height:1.7}
.overCon .colum { width:1200px;  margin:auto; padding-bottom:50px }
.overCon .colum .left { width:600px; float:left; border-right:1px solid #ddd; padding-right:50px; box-sizing:border-box}
.overCon .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.overCon .colum .right { width:600px;  float:left; padding-left:50px; box-sizing:border-box}
.overCon .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.overCon .colum .img { padding:200px 0 0 0; text-align:center}


.content.subContent .txtCon .process ul { padding:0; margin:0}
.content.subContent .txtCon .process ul li { width:400px; height:180px; border:1px solid #ddd; float:left; margin-left:-1px; margin-top:-1px; text-align:center; padding:0 0 50px 0; box-sizing:border-box}
.content.subContent .txtCon .process ul li .number{ width:50px; height:50px; line-height:50px; color:#fff; font-weight:bold; background-color:#00aeef;} 
.content.subContent .txtCon .process ul li p { padding:5px 50px 0 50px;  word-break:keep-all}
.content.subContent .txtCon .sub_txt strong { clear: both; display: block; margin-bottom:20px}


.content.subContent .txtCon .content_sub_title .clear-fix { width:900px; float:right; margin-bottom:50px; }
.content.subContent .txtCon .content_sub_title .thum { width:200px; float:left}
.content.subContent .txtCon .content_sub_title .txt { width:650px; float:right}
/*기본 컨텐츠*/



/*하단*/
.bg_fix{width:100%; min-width:1400px; height:380px;background-image:url(../img/fix_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;position:relative; z-index:10}
#bg_fix_change {position:relative; width:100%; height:548px; display:none}
.bg_fix .sub_text {font-size: 18px;color: #fff;line-height: 1.5em;text-align:center;}
.bg_fix h2 { font-size:42px; text-align:center; color:#FFF; letter-spacing:-1px; font-weight:100; padding-top:120px}
.bg_fix h3 { font-size:24px; text-align:center; color:#FFF;  font-weight:100; padding-top:30px}
/*하단*/