
/*레이아웃*/
#container_wrap{ width:100%; height:auto; background:#fff;}
#container {width:1000px; margin:0 auto 50px auto;height:auto !important;font-size:1em;zoom:1; position:relative; background:#fff;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#svisual{ position:relative; width:100%; height:auto; margin:0 auto; background:url(../img/sub/svisual.jpg) no-repeat top center;}
#svisual .stxt{ position:relative; left:50%; margin-left:-231px;margin-bottom: 0; padding:25px 0;}
#scont_wrap{ position:relative; padding-top:27px; margin:0px 0 0 216px; min-height:400px; top:0; left:0; width:width:calc(100% - 200px); display:block;}
#left{ position:absolute; top:40px; left:0; width:125px;}


/*서브-내용부분*/
#sub_title{ position:relative;}
.container_title { font-size:2.7em; color:#404040; line-height:45px; letter-spacing:-3px;}


/*테이블*/
#table{ border-top:1px solid #5f77b2;}
#table tr td{ font-size:1.2em; color:#555; text-align:center; line-height:18px; padding:7px 0 7px 0px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#table tr.title td{  font-size:1.3em;font-weight:bold; text-align:center; padding:10px 8px; background:#f5f5f5;}
#table td.br{ border-right:none;}

/*인사말 및 오시는 길*/
.greet{ background:url(../img/sub/greet01.jpg) no-repeat right 55%;background-size: 45%;}
.greet .info2{font-size:2em; line-height:1.4em; color:#333; margin-bottom:20px;}
.greet .info2 .point{color:#33548a; font-weight:bold;}
.greet .info2 .point2{color:#2ba7e0; font-weight:bold;}
.greet div{font-size:16px; line-height:2em; color:#333; margin-top:40px;}
.map{z-index:0;}
.map_table{width:100%; border-collapse:separate; border-spacing:0px; margin-top:33px;}
.map_table th{width:20%; color:#333; text-align:left; padding:10px 0 10px 0; border-bottom:1px dashed #d4d4d4; vertical-align:top; font-size:16px;}
.map_table td{border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 10px; font-size:15px; color:#666;} 

/*진료시간*/
.greet04{ background:url(../img/sub/greet04.jpg) no-repeat 50%/cover;}

/*진료분야*/
.field{ background:url(../img/sub/field.jpg) no-repeat 50%/cover; margin-bottom:30px;}

/*검사*/
.info{ background:url(../img/sub/info.jpg) no-repeat 50%/cover; margin-bottom:30px;}

/*혈액투석*/
.blood{ background:url(../img/sub/blood.jpg) no-repeat 50%/cover; margin-bottom:30px;}

/*건강칼럼*/
.health01{background:url(../img/sub/health01.jpg) no-repeat 50%/cover; margin-bottom:30px;}
.health02{background:url(../img/sub/health02.jpg) no-repeat 50%/cover; margin-bottom:30px;}
.health03{background:url(../img/sub/health03.jpg) no-repeat 50%/cover; margin-bottom:30px;}
.health04{background:url(../img/sub/health04.jpg) no-repeat 50%/cover; margin-bottom:30px;}
.health05{background:url(../img/sub/health05.jpg) no-repeat 50%/cover; margin-bottom:30px;}
.health06{background:url(../img/sub/health06.jpg) no-repeat 50%/cover; margin-bottom:30px;}



/*내용공동*/
.cont{ font-size:1.2em;}
.cont h1{ font-size:16px; background:#40509e; border-radius:20px; padding:10px 0; color:#fff; width:100%; text-align:center;}
.cont p{ background:url(../img/icon/arrow.jpg) no-repeat 4px 4px; padding-left:15px; text-align:left;}
.cont span.time{ background:url(../img/icon/time.png) no-repeat left center; padding: 20px 0 20px 43px;}
.cont_img{ width:100%; color:#fff; font-weight:bold; font-size:4em; text-align:center; vertical-align:middle; padding: 100px;}
.cont h2{ font-size:16px;text-align:center;}
.cont_img span{font-size: 40px; font-weight: normal;}
.cont div{ text-align:center;    margin-bottom: 30px; display:inline-block;}
.cont .line{  padding:15px 0; }
.cont h3{ background:url(../img/icon/arrow4.gif) no-repeat left center; padding:23px; font-weight:bold; font-size:18px; display:inline-block; width:100%;}
.cont .col-sm-12 img{ width:100%;}
.cont .col-sm-6 img{ width:99%;}
.cont .heightimg{ display:block;}
.cont .heightimg .col-sm-6 img{width: auto;}

@media screen and (max-width:768px){
#container {width:100%;}
.location_box .text li{text-indent:23px; padding:0 10px }
/*인사말 및 오시는 길*/
.greet{ background:url(../img/sub/greet01.jpg) no-repeat; padding-top:186px; background-size:100%;}
.greet .info2{font-size:1.4em; line-height:1.4em; color:#333; margin-bottom:20px;}
.greet .info2 .point2{float:left;}
.greet div{font-size:1.1em; line-height:2em; color:#333; margin-top: 50px; width:100%;}
.map_table th{width:26%; font-size:1.1em;}
.map_table td{font-size:1.1em;} 

/*내용공동*/
.cont_img{ width:100%; color:#fff; font-weight:bold; font-size:2em; text-align:center; vertical-align:middle; padding: 53px;}
.col-sm-12 img{ width:100%;}

}
@media screen and (max-width:1000px){
#container {width:100%;}
}







