/************************************************************************
********************************* 메인 *********************************/
#main { width:100%; float:left; position:relative; display:inline-block; } 

#main > div { float:left; width:100%; } 

#main div.section { width:100%; display:inline-block; float:left; overflow: hidden; } 
#main div.section h2,#main div.section h5 { text-align: center; } 
#main div.section h2 { margin-bottom: 20px; } 

#main #float_banner { margin: -60px auto -40px;} 
#main #float_banner .inner { background: url(images/float_banner.png) center no-repeat; height: 710px; position: relative; z-index: 10; } 
#main #float_banner ul { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } 
#main #float_banner li { flex: 1 0 50%; height: calc(710px / 3); } 
#main #float_banner li:last-of-type { width: 100%;} 
#main #float_banner li a { display: block; width: 100%; height: 100%; text-indent: -333333px; } 



#main #clinic { background-color: #e2f3f8; padding: 50px 0px; margin-top: 100px; } 
#main #clinic ul.inner { height: 176px; } 
#main #clinic ul.inner li { float: left; width: 176px; height: 100%; border-radius: 50%; margin-left:25px; margin-top: 30px; } 
#main #clinic ul.inner li.cli1 { background: url(images/clinic.jpg)-8px top no-repeat; margin-left: 10px; } 
#main #clinic ul.inner li.cli2 { background: url(images/clinic.jpg)-210px top; } 
#main #clinic ul.inner li.cli3 { background: url(images/clinic.jpg)-415px top; } 
#main #clinic ul.inner li.cli4 { background: url(images/clinic.jpg)-605px -200px; margin-left: 10px; } 
#main #clinic ul.inner li.cli5 { background: url(images/clinic.jpg)-815px -200px; } 
#main #clinic ul.inner li.cli6 { background: url(images/clinic.jpg)-1015px -200px; } 
#main #clinic ul.inner li a { display: block; width: 100%; height: 100%; text-indent: -33333px; border-radius: 50%; } 



#main #introduce { color: #fff; } 
#main #introduce .facility { background: url(images/banner_bg1.jpg)center no-repeat; height: 330px; } 
#main #introduce .doctor { background: url(images/banner_bg2.jpg)center no-repeat; height: 330px; } 
#main #introduce .half > div { width: 320px; height: 100%; padding: 65px 0px; } 
#main #introduce .half > div h5 { margin-bottom: 40px; font-weight: 200; } 
#main #introduce .half > div a.more { width: 90px; height: 30px; background-color: #fff; color:#1191ce; display:inline-block; border-radius:15px; font-weight: 600; } 


#main #csCenter { padding: 50px 0px 60px; } 
#main #csCenter .inner > div { float: left; margin-bottom:20px; } 
#main #csCenter .inner > .btn a { display: block; float: left; } 

#main #csCenter .btn { width: 290px; height: 300px; margin-left:20px; } 
#main #csCenter .btn.first { margin-left: 0; } 
#main #csCenter .output_area { width: 290px; height: 300px; border: 1px solid #d5d5d5; padding: 40px 20px; }