@charset "utf-8";

#container { margin-top:40px; margin-bottom:50px; }
.con_box_wrap { border:1px solid #cccccc; }
.con_top { height:302px; background:#f9f9f9; border-bottom:1px solid #cccccc; }
.visual { float:left; width:736px; border-right:1px solid #cccccc; }
.visual img { display:block; }
.quick { float:left; padding:28px 1% 0px; width:calc(412px - 2%); height:274px; background:#f9f9f9; }
.quick li { float:left; width:25%; text-align:center; background-position: center top; background-repeat: no-repeat; background-size: 53px;}
.quick li.quick01 { margin-bottom:30px;  background-image:url('/open_content/clinic/images/main/right_icon01.png?1')}
.quick li.quick02 { margin-bottom:30px; background-image:url('/open_content/clinic/images/main/right_icon02.png?1')}
.quick li.quick03 { margin-bottom:30px; background-image:url('/open_content/clinic/images/main/right_icon03.png?1')}
.quick li.quick07 { margin-bottom:30px; background-image:url('/open_content/clinic/images/main/right_icon07.png?1')}
.quick li.quick04 { background-image:url('/open_content/clinic/images/main/right_icon04.png?1')}
.quick li.quick05 { background-image:url('/open_content/clinic/images/main/right_icon05.png?1')}
.quick li.quick06 { background-image:url('/open_content/clinic/images/main/right_icon06.png?1')}
.quick li.quick08 { background-image:url('/open_content/clinic/images/main/right_icon08.png')}
.quick li.quick01:hover { background-image:url('/open_content/clinic/images/main/right_icon01_ov.png?1')}
.quick li.quick02:hover { background-image:url('/open_content/clinic/images/main/right_icon02_ov.png?1')}
.quick li.quick03:hover { background-image:url('/open_content/clinic/images/main/right_icon03_ov.png?1')}
.quick li.quick07:hover { background-image:url('/open_content/clinic/images/main/right_icon07_ov.png?1')}
.quick li.quick04:hover { background-image:url('/open_content/clinic/images/main/right_icon04_ov.png?1')}
.quick li.quick05:hover { background-image:url('/open_content/clinic/images/main/right_icon05_ov.png?1')}
.quick li.quick06:hover { background-image:url('/open_content/clinic/images/main/right_icon06_ov.png?1')}
.quick li.quick08:hover { background-image:url('/open_content/clinic/images/main/right_icon08_ov.png')}
.quick li a { padding-top:70px; display:block; color:#484848; }
.quick li a:hover { color:#177f8f; font-weight:600; }
.quick li a span { display:block; }
.con_btm { overflow:hidden; }
.con_btm h3 { color:#333333; font-size:20px; }
.con_btm .news { position:relative; float:left; padding:28px 25px; width:317px; height:211px; background:#ffffff; border-right:1px solid #cccccc; }
.con_btm .news ul { margin-top:20px; }
.con_btm .news ul li { padding:6px 0 6px 12px; background:url('/open_content/clinic/images/main/ic_bu.jpg') no-repeat 3px center; border-top:1px dotted #dbdbdb; }
.con_btm .news ul li:first-child { border-top:0; }
.con_btm .news ul li a { overflow:hidden; display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; color:#484848; }
.con_btm .news p.more_btn a { position:absolute; z-index:1; top:34px; right:25px; padding-right:15px; color:#333333; background:url('/open_content/clinic/images/main/more_btn.jpg') no-repeat right; font-size:13px; }
.con_btm .often { overflow:hidden; float:left; padding:28px 25px; width:318px; height:211px; background:#f9f9f9; border-right:1px solid #cccccc; }
.con_btm .often .list { overflow:hidden; }
.con_btm .often ol { margin-top:25px; }
.con_btm .often ol.first { float:left; width:55%; }
.con_btm .often ol.second { float:left; width:45%; }
.con_btm .often ol li { margin-bottom:5px; }
.con_btm .often ol li a { overflow:hidden; display:block; width:95%; text-overflow:ellipsis; white-space:nowrap; color:#484848; letter-spacing:-0.7px; }
.con_btm .often ol li a:hover { font-weight:600; }
.con_btm .often ol li a span { display:inline-block; margin-right:5px; width:16px; height:16px; border:1px solid #668990; background:#719ba3; color:#ffffff; text-align:center; line-height:16px; }
.con_btm .often ol li a:hover span { background:#1394ae; border:1px solid #177f8f; }
.con_btm .often .btn { overflow:hidden; margin-top:20px; }
.con_btm .often .btn p { width:152px; height:32px; font-size:16px; text-align:center; }
.con_btm .often .btn p a { display:block; padding-left:30px; color:#ffffff; font-weight:600; line-height:32px; }
.con_btm .often .btn p.work { float:left; background:#1394ae; border:1px solid #0b7b91; }
.con_btm .often .btn p.location { float:right; background:#177f8f; border:1px solid #126e7c; }
.con_btm .often .btn p.work a { background:url('/open_content/clinic/images/main/ic_work.png') no-repeat 30px center; }
.con_btm .often .btn p.location a { background:url('/open_content/clinic/images/main/ic_location.png') no-repeat 30px center; }
.con_btm .popupzone { position:relative; float:left; width:412px; }
.con_btm .popupzone img { display:block; vertical-align:top; }
.con_btm .pop_control { position:absolute; z-index:1; top:17px; right:20px; }
.con_btm .pop_control li { float:left; margin-right:8px; }

/*****************************************************************************************************************************************************************************************/

@media all and (min-width:1150px) {

}

@media all and (max-width:1149px) {
	.visual { width:65%; }
	.visual img { width:100%; height:302px; }
	.quick { width:33%; }
	.con_btm .news { width:25%; }
	.con_btm .often { width:28%; }
	.con_btm .popupzone { width:36%; }
	.con_btm .popupzone>img { width:100%; height:267px; }
	.con_btm .often .btn p { width:48%; }
	.con_btm .often .btn p a { background:none !important; padding-left:0; }
	#ban #rolling_banner { width:94%; }


}

@media all and (max-width:950px) {
	.con_btm .often { width:27%; }
}

@media all and (max-width:900px) {
	.con_btm .often { width:25%; }
	#ban #rolling_banner { width:92%; }
}

@media all and (min-width:769px) {
}

@media all and (max-width:768px) {
	#container { margin-top:0px; padding:10px; }
	.con_box_wrap { border:0px; }
	.con_top { height:auto; }
	.visual { width:auto; border-right:0px; }
	.visual img { display:block; width:100%; height:auto; }
	.quick { overflow:hidden; float:none; width:100%; height:auto; }
	.quick li { width:16%; }
	.con_btm .news, .con_btm .often { width:100%; height:auto; box-sizing:border-box; border-right:0; border-bottom:1px solid #dddddd; }
	.con_btm .popupzone { width:100%; height:auto; }
	.con_btm .popupzone img { width:100%; height:auto; }

}

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

}


@media all and (max-width:480px) {
	.quick { padding-bottom:28px; }
	.quick li { width:33%; }
}