@charset "utf-8";

.visual {position:relative; height:594px;}
.visual .quick_btn {position:absolute; bottom:80px; z-index:99; width:100%;}
.visual .quick_btn>ul>li {float:left; margin:0 10px; width:220px; /* 6개 링크일때 width:180px; */ text-align:center; background:rgba(255,255,255,0.8); box-shadow:1px 1px 3px #666;}
.visual .quick_btn>ul>li:first-child {margin-left:0px;}
.visual .quick_btn>ul>li:last-child {margin-right:0px;}

.visual .quick_btn>ul>li a {display:block; padding:145px 0 30px; font-size:16px; font-weight:600; color:#323232;}
.visual .quick_btn>ul>li.ico01 a {background:url('/clinic/images/main/visu_ico01.png') no-repeat center 40px;}
.visual .quick_btn>ul>li.ico02 a {background:url('/clinic/images/main/visu_ico02.png') no-repeat center 35px;}
.visual .quick_btn>ul>li.ico03 a {background:url('/clinic/images/main/visu_ico03.png') no-repeat center 30px;}
.visual .quick_btn>ul>li.ico04 a {background:url('/clinic/images/main/visu_ico04.png') no-repeat center 30px;}
.visual .quick_btn>ul>li.ico05 a {background:url('/clinic/images/main/visu_ico05.png') no-repeat center 40px;}
.visual .quick_btn>ul>li.ico06 a {background:url('/clinic/images/main/visu_ico06.png') no-repeat center 45px;}

.visual .quick_btn>ul>li a:hover {color:#fff;}
.visual .quick_btn>ul>li.ico01 a:hover {background:url('/clinic/images/main/visu_ico01_ov.png') no-repeat center 40px rgba(40,120,216,1);}
.visual .quick_btn>ul>li.ico02 a:hover {background:url('/clinic/images/main/visu_ico02_ov.png') no-repeat center 35px rgba(40,120,216,1);}
.visual .quick_btn>ul>li.ico03 a:hover {background:url('/clinic/images/main/visu_ico03_ov.png') no-repeat center 30px rgba(40,120,216,1);}
.visual .quick_btn>ul>li.ico04 a:hover {background:url('/clinic/images/main/visu_ico04_ov.png') no-repeat center 30px rgba(40,120,216,1);}
.visual .quick_btn>ul>li.ico05 a:hover {background:url('/clinic/images/main/visu_ico05_ov.png') no-repeat center 40px rgba(40,120,216,1);}
.visual .quick_btn>ul>li.ico06 a:hover {background:url('/clinic/images/main/visu_ico06_ov.png') no-repeat center 45px rgba(40,120,216,1);}

.visual .visu {position:relative; display:block; z-index:10;}
.visual .visu div {position:absolute; width:100%; height:594px;}
.visual .visu div.img01 {background:url('/clinic/images/main/visu01.jpg') no-repeat center top;}
.visual .visu div.img02 {background:url('/clinic/images/main/visu02.jpg') no-repeat center top;}
.visual .visu div.img03 {background:url('/clinic/images/main/visu03.jpg') no-repeat center top;}
.visual .visu div.img04 {background:url('/clinic/images/main/visu04.jpg') no-repeat center top;}

.visual .control {position:absolute; bottom:0; width:100%; z-index:11; text-align:center;}
.visual .control div {background:url('/clinic/images/main/visu_control_bg.png') no-repeat center top; width:633px; height:215px; margin:0 auto;}
.visual .control div ul {padding-top:170px;}
.visual .control div ul li {display:inline-block;}
.visual .control div ul li.pause, .visual .control div ul li.play {margin-left:17px;}
.visual .control div ul li img {vertical-align:middle;}

.service {position:relative; overflow:hidden; padding:20px 0; background:url('/clinic/images/main/service_bg.gif') repeat left top; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.service p.tit {padding-top:8px; float:left; font-size:18px; font-weight:600; color:#000;}
.service div.list {float:right; width:86%;}
.service div.list p {float:left; margin-left:10px;}
.service div.list div {float:left; width:94%; height:44px; overflow:hidden;}
.service div.list p.arrow {float:left; margin-left:10px;}
.service div.list p.arrow:first-child {margin-left:0;}
/*.service div.list p:first-child {margin-left:0;}*/
.service div.list p.ico01 a {background:url('/clinic/images/main/quick_ico01.png') no-repeat 10px center;}
.service div.list p.ico01 a:hover {background:#f2a633 url('/clinic/images/main/quick_ico01_ov.png') no-repeat 10px center;}
.service div.list p.ico02 a {background:url('/clinic/images/main/quick_ico02.png') no-repeat 10px center;}
.service div.list p.ico02 a:hover {background:#f2a633 url('/clinic/images/main/quick_ico02_ov.png') no-repeat 10px center;}
.service div.list p.ico03 a {background:url('/clinic/images/main/quick_ico03.png') no-repeat 10px center;}
.service div.list p.ico03 a:hover {background:#f2a633 url('/clinic/images/main/quick_ico03_ov.png') no-repeat 10px center;}
.service div.list p.ico04 a {background:url('/clinic/images/main/quick_ico04.png') no-repeat 10px center;}
.service div.list p.ico04 a:hover {background:#f2a633 url('/clinic/images/main/quick_ico04_ov.png') no-repeat 10px center;}
.service div.list p.ico05 a {background:url('/clinic/images/main/quick_ico05.png') no-repeat 10px center;}
.service div.list p.ico05 a:hover {background:#f2a633 url('/clinic/images/main/quick_ico05_ov.png') no-repeat 10px center;}
.service div.list p.ico06 a {background:url('/clinic/images/main/quick_ico06.png') no-repeat 10px center;}
.service div.list p.ico06 a:hover {background:#f2a633 url('/clinic/images/main/quick_ico06_ov.png') no-repeat 10px center;}
.service div.list p>a {display:block; padding:10px 10px 10px 46px; font-size:14px;}
.service div.list p>a:hover {border:1px solid #ce8210; color:#fff; font-weight:600; padding:9px 10px 9px 44px}
.service div.list p.arrow>a {display:block; padding:10px 0; background:none; border:none;}

.section01 {padding:20px 0; background:#f7f7f7; overflow:hidden;}
.section01 div.box02,.box03 {margin-left:20px;}
.section01 div.box01 {margin-left:0;}
.section01 .box01 {padding:18px 30px; background:#fff url('/clinic/images/main/hospital_bg.gif') no-repeat right bottom; border:1px solid #ddd; float:left; width:256px; min-height:284px;}
.section01 .box01 p.tit {padding-bottom:35px; font-size:18px; font-weight:600; color:#000;}
.section01 .box01 ul li {margin-top:12px;}
.section01 .box01 ul li:first-child {margin-top:0;}
.section01 .box01 ul li a:hover {font-weight:600; color:#1178c0;}

.section01 .box02 {position:relative; overflow:hidden; padding:18px 30px; background:#fff; border:1px solid #ddd; float:left; width:387px; min-height:284px;}
.section01 .box02 h3{position:absolute; top:30px; left:-1px; font-size:16px; text-align:center;}
.section01 .box02 div.news h3{left:30px}
.section01 .box02 div.news2 h3{left:27%}
.section01 .box02 div.health h3{/*left:55%*/ left:71%; }
.section01 .box02 h3 a{display:block; padding:0px 0px; font-weight:normal;}
.section01 .box02 h3.select{border-bottom:3px solid #2667b4;}
.section01 .box02 h3.select a{padding:0px 0px 5px; font-weight:600; font-size:16px; color:#2667b4; background:#fff}

.section01 .box02 .btn_more{position:absolute; right:30px; top:36px;}
.section01 .box02 div.con{display:none; padding-top:48px}
.section01 .box02 div.con ul{padding:4% 0 0;}
.section01 .box02 div.con ul li {position:relative; display:block; padding:8px 0 4px 0; border-bottom:1px dotted #ddd;}
.section01 .box02 div.con ul li:last-child {border-bottom:none;}
.section01 .box02 div.con ul li a {display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:68%;}
.section01 .box02 div.con ul li a:hover {font-weight:600;}
.section01 .box02 div.con ul li span.date {float:right;}

.section01 .box03 {position:relative; background:#fff; border:1px solid #ddd; float:left; width:383px; height:317px;}
.section01 .box03 .popup .control {position:absolute; right:15px; bottom:15px; z-index:10;}
.section01 .box03 .popup .control p {float:left; margin-right:5px; font-size:16px; color:#333333;}
.section01 .box03 .popup .control p strong {color:#000;}
.section01 .box03 .popup .control ul {float:left; margin-top:3px;}
.section01 .box03 .popup .control ul>li {float:left; margin-left:4px;}
.section01 .box03 .popup ul.pop>li {position:absolute; left:0px; top:0px; z-index:9;}
.section01 .box03 .popup ul.pop>li img {width:100%; height:317px;}

.section02 {padding:20px 0; background:#fff; overflow:hidden;}
.section02 div.box02,.box03, .box03_reserv {margin-left:20px;}
.section02 div.box01 {margin-left:0;}

.section02 .box01 {position:relative; overflow:hidden; padding:55px 30px 0; background:#fff; border:1px solid #ddd; float:left; width:256px;}
.section02 .box01 h3{position:absolute; top:0px; left:-1px; font-size:16px; width:50%; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.section02 .box01 div.clinic2 h3{left:50%; border-right:none;}
.section02 .box01 h3 a{display:block; padding:18px 0px; font-weight:normal; background:#f9f9f9;}
.section02 .box01 h3.select{border-top:3px solid #f2a633; border-bottom:1px solid #fff;}
.section02 .box01 h3.select a{padding:15px 0px 18px; font-weight:600; font-size:16px; color:#d38612; background:#fff;}

.section02 .box01 div.con{display:none; padding:20px 0;}
.section02 .box01 div.con div {padding:25px 0; border-bottom:1px dotted #ddd;}
.section02 .box01 div.con div:last-child {margin-bottom:0px; border-bottom:none;}
.section02 .box01 div.con div p {font-size:16px; font-weight:600;}
.section02 .box01 div.con div p.tel {margin-top:10px; padding-left:30px; font-size:32px; font-weight:normal; color:#e39727; background:url('/clinic/images/main/tel_call_ico.gif') no-repeat left center;}
.section02 .box01 div.con div p.time {margin-top:10px; padding-left:90px; font-size:20px; font-weight:normal; color:#3e3e3e; background:url('/clinic/images/main/tel_clock_ico.gif') no-repeat left center;}
.section02 .box01 div.con div p.time span {display:block;}

.section02 .box02 {padding:32px 0 0; background:#fff; border:1px solid #ddd; float:left; width:447px;}
.section02 .box02 div {padding:25px 26px; border-top:1px dotted #ddd;}
.section02 .box02 div:first-child {padding-top:0; border-top:none;}
.section02 .box02 p.tit {padding-bottom:27px; font-size:18px; font-weight:600; color:#000;}
.section02 .box02 input[type=text] {padding:10px; border:1px solid #ddd; font-size:15px; margin-right:3px;}
.section02 .box02 input.year {width:89px;}
.section02 .box02 input.month {width:60px;}
.section02 .box02 input.day {width:60px;}
.section02 .box02 input.kg {width:75px; margin-right:17px; margin-left:4px;}
.section02 .box02 input.cm {width:75px; margin-left:4px;}
.section02 .box02 input[type=submit] {padding:10px 16px; background:#fff; border:1px solid #aa6800; font-size:15px; font-weight:600; color:#aa6800; vertical-align:middle;}
.section02 .box02 div.checkup {padding:0px; background:url('/clinic/images/main/cehckup_bg.gif') repeat left top; text-align:center; border-top:1px solid #ddd;}
.section02 .box02 div.checkup a {display:block; padding:27px 0; font-size:18px;}
.section02 .box02 div.checkup a strong {display:inline; color:#a85b0d;}
.section02 .box02 div.checkup a span {padding:4px 25px 4px 0; background:url('/clinic/images/main/mouse_ico.gif') no-repeat right center;}

.section02 .box03 {position:relative; padding:32px 0 0; background:#fff; border:1px solid #ddd; float:left; width:385px;}
.section02 .box03 p.tit {padding:0 0 27px 30px; font-size:18px; font-weight:600; color:#000;}
.section02 .box03 .btn_more{position:absolute; right:30px; top:36px;}
.section02 .box03 .reservation {padding:0 30px; border-top:1px solid #ddd; background:#fcfcfc; min-height:289px;}
.section02 .box03 .con ul {padding:28px 0 8px;}
.section02 .box03 .con ul li div.tit{position:relative; padding:15px 3px; border-top:1px dotted #ccc; font-size:15px; font-weight:normal;}
.section02 .box03 .con ul li:first-child div.tit{padding-top:0px; border-top:0px}
.section02 .box03 .con ul li:first-child div.tit p span {top:0px;}
.section02 .box03 .con ul li div.tit p{width:100%;}
.section02 .box03 .con ul li div.tit p a{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:60%;}
.section02 .box03 .con ul li div.tit p span {position:absolute; top:13px; right:0px; width:80px; text-align:center;}
.section02 .box03 .con ul li div.tit p span.new {padding:1px 0; font-size:12px; font-weight:600; color:#aa6800; background:#fff; border:1px solid #aa6800;}
.section02 .box03 .con ul li div.tit p span.end {padding:1px 0; font-size:12px; font-weight:600; color:#6d6c6c; background:#fff; border:1px solid #8f8f8f;}
.section02 .box03 .con ul li div.txt {padding:2px 4px 11px; display:none; font-size:14px; height:40.5px;}
.section02 .box03 .con ul li.select div.tit a{font-size:18px; font-weight:bold; color:#c17a0b;}
.section02 .box03 .con ul li.select div.txt{display:block;}
.section02 .box03 .con ul li.select div.txt p {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; width:90%;}

.section02 .box03_reserv {position:relative; overflow:hidden; padding:32px 0 0; background:#fff; border:1px solid #ddd; float:left; width:385px;}
.section02 .box03_reserv h3{position:absolute; top:0px; left:-1px; font-size:16px; width:50%; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.section02 .box03_reserv .btn_more{position:absolute; right:30px; top:90px;}
.section02 .box03_reserv div.edu2 h3{left:50%; border-right:none;}
.section02 .box03_reserv h3 a{display:block; padding:12px 0px; font-weight:normal; background:#f9f9f9;}
.section02 .box03_reserv h3.select{border-top:3px solid #f2a633; border-bottom:1px solid #fff; }
.section02 .box03_reserv h3.select a{ font-weight:600; font-size:16px; color:#d38612; background:#fff;}

.section02 .box03_reserv div.con{display:none; padding:80px 30px 0; border-top:1px solid #ddd; background:#fff; min-height:260px;}
.section02 .box03_reserv .con ul {padding:10px 0;}
.section02 .box03_reserv .con ul li div.tit{position:relative; padding:13px 3px; border-top:1px dotted #ccc; font-size:15px; font-weight:normal;}
.section02 .box03_reserv .con ul li:first-child div.tit{padding-top:0px; border-top:0px}
.section02 .box03_reserv .con ul li:first-child div.tit p span {top:0px;}
.section02 .box03_reserv .con ul li div.tit p{width:100%;}
.section02 .box03_reserv .con ul li div.tit p a{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:60%;}
.section02 .box03_reserv .con ul li div.tit p span {position:absolute; top:13px; right:0px; width:80px; text-align:center;}
.section02 .box03_reserv .con ul li div.tit p span.new {padding:1px 0; font-size:12px; font-weight:600; color:#aa6800; background:#fff; border:1px solid #aa6800;}
.section02 .box03_reserv .con ul li div.tit p span.end {padding:1px 0; font-size:12px; font-weight:600; color:#6d6c6c; background:#fff; border:1px solid #8f8f8f;}
.section02 .box03_reserv .con ul li div.txt {padding:2px 4px 11px; display:none; font-size:14px; height:40px;}
.section02 .box03_reserv .con ul li.select div.tit a{font-size:18px; font-weight:bold; color:#c17a0b;}
.section02 .box03_reserv .con ul li.select div.txt{display:block; font-size:14px; }
.section02 .box03_reserv .con ul li.select div.txt p {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; width:90%;}


.roll_banner {overflow:hidden; padding:30px 0; background:#f8f8f8; border-top:1px solid #d4d4d4;}
.roll_banner:after {display:block; overflow:hidden; clear:both; content:'';}
.roll_banner .control {float:left; margin-top:0px;}
.roll_banner .control p {float:left; margin-right:25px; font-size:20px; color:#333;}
.roll_banner .control p strong {color:#000;}
.roll_banner .control ul {float:left;}
.roll_banner .control ul li {float:left; margin-top:5px; margin-right:5px;}
.roll_banner .roll {float:right; position:relative; top:0px; right:0px; overflow:hidden; white-space:nowrap; width:83%; margin:4px 0 0;}
.roll_banner .roll ul li {position:relative; display:inline; top:0px; margin:18px 0 0; padding:0 10px; background:url('/clinic/images/inc/bt_bar.gif') no-repeat left center;}

@media all and (max-width:1200px){
	.visual .quick_btn {bottom:0px;}
	.visual .quick_btn>ul>li {margin:0 1% 2%; width:14.6%; text-align:center; background:rgba(255,255,255,0.8); box-shadow:1px 1px 3px #666;}
	.visual .quick_btn>ul>li:first-child {margin-left:1%;}
	.visual .quick_btn>ul>li a {padding:125px 0 30px;}
	.visual .quick_btn>ul>li.ico01 a {background:url('/clinic/images/main/visu_ico01.png') no-repeat center 30px;}
	.visual .quick_btn>ul>li.ico02 a {background:url('/clinic/images/main/visu_ico02.png') no-repeat center 25px;}
	.visual .quick_btn>ul>li.ico03 a {background:url('/clinic/images/main/visu_ico03.png') no-repeat center 20px;}
	.visual .quick_btn>ul>li.ico04 a {background:url('/clinic/images/main/visu_ico04.png') no-repeat center 20px;}
	.visual .quick_btn>ul>li.ico05 a {background:url('/clinic/images/main/visu_ico05.png') no-repeat center 30px;}
	.visual .quick_btn>ul>li.ico06 a {background:url('/clinic/images/main/visu_ico06.png') no-repeat center 35px;}
	.visual .quick_btn>ul>li.ico01 a:hover {background:url('/clinic/images/main/visu_ico01_ov.png') no-repeat center 30px rgba(40,120,216,1);}
	.visual .quick_btn>ul>li.ico02 a:hover {background:url('/clinic/images/main/visu_ico02_ov.png') no-repeat center 25px rgba(40,120,216,1);}
	.visual .quick_btn>ul>li.ico03 a:hover {background:url('/clinic/images/main/visu_ico03_ov.png') no-repeat center 20px rgba(40,120,216,1);}
	.visual .quick_btn>ul>li.ico04 a:hover {background:url('/clinic/images/main/visu_ico04_ov.png') no-repeat center 20px rgba(40,120,216,1);}
	.visual .quick_btn>ul>li.ico05 a:hover {background:url('/clinic/images/main/visu_ico05_ov.png') no-repeat center 30px rgba(40,120,216,1);}
	.visual .quick_btn>ul>li.ico06 a:hover {background:url('/clinic/images/main/visu_ico06_ov.png') no-repeat center 35px rgba(40,120,216,1);}
}

@media all and (max-width:1210px){
	.visual .control {display:none;}
	.visual .quick_btn>ul {padding:2% 3%;}
	.visual .quick_btn>ul>li {width:31.3%;}
	.visual .quick_btn>ul>li a {padding:105px 0 30px;}
	.visual .quick_btn>ul>li.ico01 a {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico02 a {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico03 a {background-size:45px auto;}
	.visual .quick_btn>ul>li.ico04 a {background-size:45px auto;}
	.visual .quick_btn>ul>li.ico05 a {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico06 a {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico01 a:hover {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico02 a:hover {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico03 a:hover {background-size:45px auto;}
	.visual .quick_btn>ul>li.ico04 a:hover {background-size:45px auto;}
	.visual .quick_btn>ul>li.ico05 a:hover {background-size:55px auto;}
	.visual .quick_btn>ul>li.ico06 a:hover {background-size:55px auto;}

	.service {padding:20px;}
	.service p.tit {padding-top:8px; width:100%;}
	.service div {width:100%;}
	.service div.list {margin-top:10px; width:100%; position:relative; z-index:1;}
	.service div.list div {float:left; width:96%; height:44px; overflow:hidden; margin:0 2%;}
	.service div.list p {width:20%; margin:0 0 0%;}
	.service div.list p:first-child {margin-left:0%;}

	.service div.list p.arrow {position:absolute; top:10%; right:0px; z-index:-1; float:left; margin:0 0 20px 0; width:auto;}
	.service div.list p.arrow:first-child {margin-left:0; left:0px;}

	.section01 {padding:20px; background:#f7f7f7; overflow:hidden;}
	.section01 div.box02 {margin-left:0;}
	.section01 div.box03 {margin-left:2.3%;}
	.section01 .box01 {padding:32px 3%; width:94%;}
	.section01 .box01 p.tit {padding-bottom:20px;}

	.section01 .box02 {margin-top:2%; padding:20px 3% 0; width:49%; height:297px;}
	.section01 .box02 h3{top:36px; font-size:15px;}
	.section01 .box02 h3.select a{font-size:15px;}

	.section01 .box02 .btn_more{top:38px;}
	.section01 .box02 div.news h3{left:20px}
	.section01 .box02 div.news2 h3{left:110px}
	.section01 .box02 div.health h3{/*left:215px*/ left:295px;}
	.section01 .box02 div.con {padding-top:4%;}

	/*.section01 .box03 {margin-top:2%; width:99.5%; height:317px;}*/
	.section01 .box03 {margin-top:2%; width:42%;}
	.section01 .box03 .popup .control {position:absolute; right:0; bottom:0; z-index:10; padding:10px 0; background:rgba(255,255,255,0.7); width:100%;}
	.section01 .box03 .popup .control p {text-indent:15px;}
	.section01 .box03 .popup ul.pop>li {position:absolute; top:0px; z-index:9; width:100%;}

	.section02 {padding:20px; background:#fff; overflow:hidden;}
	.section02 .box01 {width:45%;}
	.section02 .box02 {width:47%;}
	.section02 .box03, .section02 .box03_reserv {margin-left:0; margin-top:2%; width:100%;}
}

@media screen and (max-width:1096px){
	.visual {height:100%;}
	.visual .visu {display:none;}
	.visual .control {display:none;}
	.visual .quick_btn {position:relative; bottom:0px; z-index:99; padding-top:10px; width:100%; background:#e5ecff;}

	.section01 .box02 {margin-top:2%; padding:20px 3% 0; width:94%; height:297px;}
	.section01 .box02 div.con {padding-top:50px;}

	.section01 div.box03 {margin-top:2%; margin-left:0; width:100%;}
	.section01 div.box03 .popup ul.pop>li {left:0;}

	.section02 .box02, box03 {margin-left:0 !important;}
	.section02 .box01 {width:94%; padding:55px 3% 0;}
	.section02 .box02 {margin-left:0; margin-top:2%; width:100%;}
	.section02 .box02 input[type=text] {margin-bottom:1%; padding:10px 0; text-indent:10px;}
	.section02 .box02 input.year {width:100%;}
	.section02 .box02 input.month {width:100%;}
	.section02 .box02 input.day {width:100%;}
	.section02 .box02 input.kg {width:100%; margin-right:0; margin-left:0;}
	.section02 .box02 input.cm {width:100%; margin-left:0;}
	.section02 .box02 input[type=submit] {display:block; width:100%; padding:10px 16px; background:#fff; border:1px solid #aa6800; font-size:15px; font-weight:600; color:#aa6800; vertical-align:middle;}
	.section02 .box03, .section02 .box03_reserv {margin-left:0; margin-top:2%; width:100%;}

	.roll_banner .control p {margin-left:25px;}
	.roll_banner .roll {position:relative; top:0px; right:0px; overflow:hidden; white-space:nowrap; width:90%; margin:18px 5% 0 0;}
	.roll_banner .roll ul li {position:relative; display:inline; top:0px; margin:18px 0 0; padding:0 10px; background:url('/clinic/images/inc/bt_bar.gif') no-repeat left center;}
}

@media screen and (max-width:980px){
	.service div.list div {width:92%; margin:0 4%;}
	.service div.list p {width:33.3%; margin:0 0 0%;}
}

@media screen and (max-width:767px){
	.section01 .box03 {width:100%; height:317px;}
}

@media screen and (max-width:720px){
	.visual .quick_btn>ul>li {margin:0 1% 2%; width:48%; text-align:center; background:rgba(255,255,255,0.8); box-shadow:1px 1px 3px #666;}
}

@media screen and (max-width:640px){
	.section01 .box01 {padding: 32px 5%; width: 90%;}
	.section01 .box02 div.news2 h3 a{ display:inline-block; overflow:hidden; white-space:nowrap; width:80%; text-overflow:ellipsis; }
	.section01 .box02 div.news2 h3{ left:90px; }
	.section01 .box02 div.health h3{ left:245px; }

	.service div.list div {width:92%; margin:0 4%;}
	.service div.list p {width:50%; margin:0 0 0%;}
}

@media screen and (max-width:400px){
	.service div.list div {width:88%; margin:0 6%;}
	.service div.list p {width:100%; margin:0 0 0%;}
	.section01 .box02 h3.select { border-bottom:0; }
	.section01 .box02 div.news h3 { left:5px}	
	.section01 .box02 div.news2 h3{ left:45px; }
	.section01 .box02 div.news2 h3 a{ width:50%;}
	.section01 .box02 div.health h3{ left:185px; }
	.section02 .box03 p.tit, .section02 .box03_reserv p.tit { font-size:16px; letter-spacing:-0.5px;}
}