.sub {max-width:1200px; position:relative; width:100%; margin:0 auto; padding-bottom:50px;}
.sub .con {padding-left:310px; width:100%; box-sizing:border-box;}

/*
  greeting
*/

.greeting {width:100%; padding-top:40px; overflow:hidden; padding-bottom:5%;}
.greeting .box {float:left;}
.greeting .box:first-child {width:42%; padding-right:4%;}
.greeting .box:last-child {width:54%;}
.greeting .box:last-child p img {width:100%;}
.greeting .box .title {padding:35px 0; font-size:26px; color:#8cc220; position:relative; font-family:'Nanum Myeongjo';}
.greeting .box .title:after {width:50px; height:5px; background:#8cc220; position:absolute; bottom:0; left:0; display:block; clear:both; content:'';}
.greeting .box .text {font-size:16px; color:#4a4a4a; line-height:28px; padding:20px 0;}
.greeting .box .text span {text-indent:10px;display:inline-block;}
.greeting .box .caption {line-height:30px; text-align:right; padding-top:40px;}
.greeting .box .caption img {margin-left:15px;}

/*
  doctor
*/

.docter {width:100%; overflow:hidden;margin-top:40px;margin-bottom:5%; text-align:right;}
.docter p {width:100%}
.docter p img{width:100%;}
.docter p img.pc {display:block;}
.docter p img.mo {display:none;}

/*
  hospital
*/

.hospital {width:100%; overflow:hidden; padding-top:40px; padding-bottom:5%; }
.hospital .view {overflow:hidden; position:relative; width:100%; background:#000; height:488px;}
.hospital .view ul.list {width:100%; position:relative;}
.hospital .view ul.list:after {clear:both; content:''; display:block;}
.hospital .view ul.list li {width:100%; position:absolute; display:none;}
.hospital .view ul.list li:first-child{display:block;}
.hospital .view ul.list li img {width:100%;}
.hospital .view .btn {position:absolute; width:50px; height:50px; display:block; top:50%; margin-top:-25px; z-index:2;}
.hospital .view .btn.prev {left:10px;}
.hospital .view .btn.next {right:10px;}
.hospital .view2 {width:100%; overflow:hidden; margin-top:20px;}
.hospital .view2 ul {width:100%;}
.hospital .view2 ul:after{clear:both; content:''; display:block;}
.hospital .view2 ul li {float:left; width:12.5%;}
.hospital .view2 ul li a {display:block; width:100%;}
.hospital .view2 ul li a img {width:100%; }

.locate {padding-top:40px;}
.locate h4 {font-size:26px; color:#8cc220; font-weight:normal; position:relative; padding-bottom:20px;}
.locate h4:after {width:50px; height:5px; background:#8cc220; display:block; position:absolute; bottom:0; left:0; content:''; clear:both;}

.locate .box {overflow:hidden;  box-sizing:border-box;}
  .locate  .info {position:relative; width:100%; box-sizing:border-box; height:130px; display:table;}
  .locate  .info .img {position:absolute; top:10px; left:00px; width:109px;}
  .locate  .info .img img{width:100%;}
  .locate  .info .txt {width:100%; box-sizing:border-box; padding-left:109px; overflow:hidden;  font-size:15px; line-height:24px; display:table-cell; vertical-align:middle;}
   .locate .info .txt .inner {float:left; position:relative; overflow:hidden; }
  .locate  .info1 .txt .inner:first-child:after {position:absolute; right:0; top:0; display:block; content:''; clear:both; width:1px; height:100%; background:#ccc;}
  .locate  .info .txt .inner p { padding-left:20px; }
  .locate  .info1 .txt .inner p {padding-right:20px;}
  .locate  .info .txt .inner p:after{clear:both; content:''; display:block;}
  .locate  .info .txt .inner p span{float:left; display:block; padding-right:10px;}
  .locate  .info .txt .inner p b {float:right; display: block; letter-spacing:0;}
  .locate  .info1 {margin:40px 0;}
  .locate  .info2 {width:50%; float:left;}
  .locate  .info2 .txt .tel {font-weight:bold; color:#8cc220; font-size:34px; line-height:40px;}
  .locate  .info2 .txt .tel+p {font-weight:bold;}
  .locate  .info2 .txt .inner .way7 {color:#6d840a; border:3px solid #6d840a; border-radius:28px; box-sizing:border-box; width:28px; height:28px; text-align:center;padding:0; margin-right:2px; } 
  .locate  .info2 .txt .inner .way3 {color:#fa5f2c; border:3px solid #fa5f2c; border-radius:28px; box-sizing:border-box; width:28px; height:28px; text-align:center;padding:0; margin-right:2px;}
  .locate  .info2 .txt .inner .way9 {color:#bf9f1e; border:3px solid #bf9f1e; border-radius:28px; box-sizing:border-box; width:28px; height:28px; text-align:center;padding:0; margin-right:2px;}
  .locate  .info2 .txt .inner .b {display:inline-block; width:35px; height:20px; line-height:20px; text-align:center; background:#1136a2; color:#fff; padding:0;float:none;margin-right:2px;}
  .locate  .info2 .txt .inner .r {display:inline-block; width:35px; height:20px; line-height:20px; text-align:center; background:#ff0000;color:#fff; padding:0;float:none;margin-right:2px;}
   .locate .info2 .txt .inner .g {display:inline-block; width:35px; height:20px; line-height:20px; text-align:center; background:#22ac38; color:#fff;padding:0;float:none;margin-right:2px;}
  .locate  .info2 .txt .inner .s {display:inline-block; width:35px; height:20px; line-height:20px; text-align:center; background:#00a0e9; color:#fff;padding:0; float:none;margin-right:2px;}
  .locate  .info2 .txt4 .inner p strong {color:#494949;}
  .locate  .info2 .txt4 .inner p {font-size:15px; line-height:25px; color:#494949;}
   .locate .info2 .txt .inner .way {margin-top:2px;}
  .locate  #map {height:480px; margin:30px auto 40px; width:100%;}
.locate #map .wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.locate #map .wrap * {padding: 0;margin: 0;}
.locate #map .wrap .info {width: 254px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.locate #map .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.locate #map .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.locate #map .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.locate #map .info .close:hover {cursor: pointer;}
.locate #map .info .body {position: relative;overflow: hidden;}
.locate #map .info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.locate #map .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:1.2em;}
.locate #map .desc .jibun {font-size: 11px;color: #888;margin-top: 2px;}
.locate #map .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;line-height:71px; vertical-align:middle;}
.locate #map .info .img img {vertical-align:middle;}
.locate #map .info .link {color: #5085BB;}

@media (max-width:1200px){
   .sub .con {padding-right:10px;}
}
@media (max-width:1023px){
 
  .locate  .info .img {top:0; left:50%; margin-left:-54.5px;}
  .locate  .info .txt {padding-left:0; padding-top:120px; }
  .locate .info .txt .inner {float:none; display:block; width:260px; margin:0 auto;}
  .locate  .info1 .txt .inner:first-child:after{display:none;}
  .locate  .info2{width:100%; float:none; margin-bottom:40px;}
  .locate .info2 .txtc {text-align:center;}
}

@media (max-width:768px){
  .sub .con {padding-left:20px; padding-right:20px; box-sizing:border-box;}
  .docter p img.pc {display:none;}
  .docter p img.mo {display:block;}

  .greeting .box .title{padding-top:0;}  
  .greeting .box:first-child {width:100%; padding:0;}
  .greeting .box:last-child {width:100%; padding-top:5%;}

  .hospital .view2 ul li {width:25%;}
  .hospital .view .btn {width:35px; height:35px; margin-top:-17.5px;}
  .hospital .view .btn img {width:100%;}
  .locate #map {height:300px;}
  .locate  .info .txt .inner p b{float:left;}
}