.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; padding-top:40px;}

.sub-slogun {width:100%; overflow:hidden; background:#f4f4f4;}
.sub-slogun > div {float:left; }
.sub-slogun .txt {width:55%; background:url('/img/sub/tri.png') no-repeat left top;  text-align:center; padding:50px 0 0;}
.sub-slogun .txt h2 {position:relative; color:#7cb706; font-size:30px; padding-bottom:20px;}
.sub-slogun .txt h2:after {width:40px; height:2px; background:#82ba12; position:absolute; bottom:0px; left:50%; margin-left:-20px; display:block; content:''; clear:both;}
.sub-slogun .txt p {padding-top:20px; font-size:16px; color:#272726;}
.sub-slogun .img {width:45%;  }
.obs1 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric01.png') no-repeat center center;background-size:cover;}
.obs2 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric02.png') no-repeat center center; background-size:cover;}
.obs3 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric03.png') no-repeat center center; background-size:cover;}
.obs4 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric04.png') no-repeat center center; background-size:cover;}
.obs5 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric05.png') no-repeat center center; background-size:cover;}
.obs6 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric06.png') no-repeat center center; background-size:cover;}
.obs7 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric07.png') no-repeat center center; background-size:cover;}
.obs8 .sub-slogun .img {background:url('/img/sub/obstetric/obstetric08.png') no-repeat center center; background-size:cover;}

.sub-slogun .img img {visibility:hidden;}


.content {width:100%; min-height:600px;}
.content .box {padding-top:35px; width:100%;}
.box .sub-title {color:#7cb706; font-size:25px; font-weight:500; position:relative;padding-left:20px; padding-bottom:35px;}
.box .sub-title:before {width:13px; height:31px; background:url('/img/sub/sub-title.png') no-repeat 0 0 ; position:absolute; top:0; left:0; display:block; content:''; clear:both;}
.box .list-box {width:100%; overflow:hidden;height:120px; margin-bottom:20px;}
.box .list-box .list-num {width:25%; height:100%; float:left; box-sizing:border-box; padding:20px; background:#8cc220 url('/img/sub/list-line.png') no-repeat right top;}
.box .list-box .list-num p:first-child {font-size:22px; font-family:'Nanum Myeongjo'; position:relative; padding-bottom:10px;}
.box .list-box .list-num p:first-child:after {width:15px; height:2px; background:#fff; position:absolute; bottom:5px; left:0; display:block; content:''; clear:both;}
.box .list-box .list-num p {color:#fff; font-size:16px; font-weight:600;}

.box .list-box .list-txt {float:right; width:70%; display:table; height:100%;}
.box .list-box .list-txt p{color:#464646; font-size:15px; display:table-cell; vertical-align:middle;}
.box .how {width:101%; overflow:hidden;}
.box .how li {width:32.3333%; margin-right:1%; float:left;}
.box .how li img {width:100%;}
.box .text {padding:20px 0;}
.box .text p:first-child {font-size:20px; font-weight:bold; padding-bottom:20px;}
.box .text p {font-size:15px; color:#464646;}

.box .week {width:100%; }
.box .week thead tr th {background:#83bb13; color:#fff; font-size:20px; height:50px;}
.box .week thead tr th:first-child {border-top-left-radius:5px; border-right:1px solid #ccc;}
.box .week thead tr th:last-child {border-top-right-radius:5px;}
.box .week tbody tr {border-bottom:1px solid #ccc;}
.box .week tbody tr td{height:40px; background:#f4f4f4; color:#464646; font-size:15px; padding-top:10px; padding-bottom:10px; line-height:18px;}
.box .week tbody tr td:first-child {text-align:center;border-right:1px solid #ccc;}
.box .week tbody tr td:last-child {padding-left:20px; padding-right:20px;}
.box .week tbody tr:last-child {border-bottom:0;}
.box .week tbody tr:first-child td:first-child {vertical-align:top; padding-top:20px;}


.con-box {width:100%;}
.con-box .img {width:101%; overflow:hidden; margin-left:-1%;}
.con-box .img li {width:49%; margin-left:1%; float:left;box-sizing:border-box; border:1px solid #d7d7d7;}
.con-box .img li img {width:100%; height:auto;}
 .con-box .img2 {width:101%; margin-left:-1%; overflow:hidden;}
 .con-box .img2 li {width:32.3333%; float:left; margin-left:1%;}
 .con-box .img2 li > p:first-child{ box-sizing:border-box; border:1px solid #d7d7d7;}
 .con-box .img2 li p img {width:100%; height:auto;}
 .txt {color:#464646; font-size:15px; line-height:20px; }
 .con-box .img2 li strong {display:block; color:#464646; font-size:20px; padding-top:20px; padding-bottom:10px;}
.con-box .txt strong {display:block; font-size:20px; padding-top:20px; padding-bottom:10px;}
.obs4 .img li {border:0;}
.obs4 .img li > p:first-child {box-sizing:border-box; border:1px solid #d7d7d7;}

.img-wrap {width:100%; overflow:hidden;}
.img-wrap .img {float:left; width:38%; box-sizing:border-box; border:1px solid #d7d7d7;}
.img-wrap .img img {width:100%; height:auto;}
.img-wrap .txt {float:left; width:62%; box-sizing:border-box; padding-left:2%;}
.img-wrap2 {width:100%; overflow:hidden;}
.img-wrap2 .img {float:right; width:38%; box-sizing:border-box; border:1px solid #d7d7d7;}
.img-wrap2 .img img {width:100%;}
.img-wrap2 .txt {float:left; width:62%; padding-right:2%; box-sizing:border-box;}
.img-wrap2 .txt .green {padding:10px 0; color:#8cc220;}
.chkbox ul li { font-size:15px; line-height:20px; color:#464646;  margin-bottom:10px;}
.chkbox ul li span {display:inline-block; padding-left:10px;}

.obs5 .img-wrap .img {width:45%;}
.obs5 .img-wrap .txt {width:55%;}
@media (max-width:1200px){
   .sub .con {padding-right:10px;}
   .box .list-box {height:140px;}
}
@media (max-width:1023px){
 
}

@media (max-width:768px){
  .sub .con {padding:0 20px;}
  .sub-slogun > div {float:none;}
  .sub-slogun .txt {width:100%; padding-top:40px; padding-bottom:40px;}
  .sub-slogun .txt h2 {font-size:25px;}
  .sub-slogun .txt p {font-size:14px;}
  .sub-slogun .img {width:100%;}
  .sub-slogun .img img {width:100%;}

  .box .list-box{height:auto;}
  .box .list-box .list-num {width:100%; float:none;}
  .box .list-box .list-txt {width:100%; float:none; padding-left:0; padding-top:20px;}
  
  .box .how{width:100%;}
  .box .how li {float:none; width:100%; margin-right:0; margin-bottom:20px;}

  .box .week thead tr th {font-size:16px;}
  .box .week tbody tr td {font-size:14px; }

  .chkbox ul li {position:relative;}
  .chkbox ul li img {position:absolute; display:block;}
  .chkbox ul li span {display:block; padding-left:35px; box-sizing:border-box;}
  
  .img-wrap .img {width:100%; float:none;}
  .img-wrap .txt {width:100%; float:none;padding:10px 0;}
  .obs5 .img-wrap .txt {width:100%; float:none;}
  .obs5 .img-wrap .img {width:100%; float:none;}
  .obs5 .img-wrap2 .txt {width:100%; float:none;  padding:10px 0;}
  .obs5 .img-wrap2 .img {width:100%; float:none; }
  .con-box .img {width:100%; margin-left:0; }
  .con-box .img li {width:100%; float:none; margin-left:0;  margin-bottom:2%;}
  .con-box .img2 {width:100%; margin-left:0; }
  .con-box .img2 li {width:100%; float:none; margin-left:0; margin-bottom:2%;}

}