@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {
 margin:0;
 padding:0;
}
body {
 font-family: 'Noto Sans KR', sans-serif;
 color:#585858;
 font-size:0.9em;
 line-height: 1.6em;
}
#header{height:40px; width:100%;}
#content{
 width:98%;
 margin:0 auto;
}

#content img {
  width:100%;
}
.t_blue{
    color:#3399ff;
}
.t_green{
    color:#a2d66f;
}


/*sub6*/
#content > div#sub6_title {
  width:100%;
  background-color: #465bb8;
  height: 40px;
  margin-bottom: 1%;
}
#content > div#sub6_title p {
  color:#fff;
  font-size: 1.2em;
  text-align: center;
  padding-top: 5px;
}
#content > div.bg {
  background-color: #ececec;
  margin-bottom: 1%;
  width:100%;
  padding-top:3%;
  overflow-y: hidden;
  padding-bottom: 5%;
}
#content > div.bg2 {
  background-color: #ececec;
  margin-bottom: 1%;
  width:100%;
  padding-top:3%;
  overflow-y: hidden;
  padding-bottom: 5%;
}
#content > div.bg2 div.pic2 {
  width:94%;
  height:auto;
  margin: 0 auto;
}
#content > div.bg2 div.pic2 > img {
  margin-bottom: 5%;
}
#content > div.bg2 div.pic2 > p {
  margin-bottom: 5%;
}
#content > div.bg2 div.pic2 {
  width:94%;
  height:auto;
  margin: 0 auto;
}
#content > div.bg div.pic2 {
  width:94%;
  height:auto;
  margin: 0 auto;
}
#content > div.bg2 div.pic2 > h3 {
  margin-bottom: 1%;
}
#content > div.bg div.pic2 > h3 {
  margin-bottom: 1%;
}
#content > div.bg div.pic2 > h5 {
  width:100%;
  height: 30px;
  background-color: #465bb8;
  color:#fff;
  text-align: center;
  font-size: 1.1em;
  font-weight: 400;
}
#content > div.bg div.pic2 > div.os img {
  width:155px;
  height: auto;
  float: left;
  margin-top: 3%;
}
#content > div.bg div.pic2 > div.os {
  width:100%;
  background-color: #fff;
  /*height: 200px;*/
  overflow-y: hidden;
  height:auto;
  margin-bottom: 4%;
}
#content > div.bg div.pic2 > div.os > p {
  font-size: 0.9em;
  padding-top: 2%;
  padding-right: 1%;
}

#content > div.bg div.pic2 > div.os2 img {
  width:155px;
  height: auto;
  float: left;
  /*margin-top: 19%;*/
}
#content > div.bg div.pic2 > div.os2 {
  width:100%;
  background-color: #fff;
  /*height: 300px;*/
  overflow-y: hidden;
  height:auto;
  margin-bottom: 4%;
}
#content > div.bg div.pic2 > div.os2 > p {
  font-size: 0.9em;
  padding-top: 2%;
  padding-right: 1%;
}

#content > div.bg div.pic2 > div.os3 img {
  width:155px;
  height: auto;
  float: left;
  margin-top: 3%;
}
#content > div.bg div.pic2 > div.os3 {
  width:100%;
  background-color: #fff;
  /*height: 300px;*/
  overflow-y: hidden;
  height:auto;
  margin-bottom: 4%;
}
#content > div.bg div.pic2 > div.os3 > p {
  font-size: 0.9em;
  padding-top: 2%;
  padding-right: 1%;
}
/*sub7*/
#content > #dosu {
  width:100%;
  background-color: #1d2d50;
}
#content > #dosu p {
  color:#fff;
  font-size: 1.2em;
  text-align: center;
  padding-top: 5px;
  height: 30px;
  padding-bottom: 5px;
}
#content > div.bg div.pic > h3 {
  font-size:1.2em;
  color:#333;
  font-weight: 500;
  margin-bottom: 0.5%;
  padding-bottom: 1%;
}
#content > div.bg div.pic {
  width:94%;
  height:auto;
  margin: 0 auto;
}
#content > div.bg div.pic > p {
  margin-bottom: 8%;
}
#content > div.bg div.pic > h4 {
  font-size:1em;
  color:#333;
  padding-bottom:2%;
  font-size: 1em;
  font-weight: 400;
  color:#333;
}
#content > div.bg {
  background-color: #ececec;
  margin-bottom: 3%;
  width:100%;
  padding-top:3%;
  overflow-y: hidden;
  padding-bottom: 5%;
}
#content > div.bg img.check {
  width:20px;
  height: auto;
  margin-right: 1%;
  float: left;
}
/*sub8*/
#content > div#sub8_title {
  width:100%;
  background-color: #465bb8;
  height: 40px;
  margin-bottom: 1%;
}
#content > div#sub8_title p {
  color:#fff;
  font-size: 1.2em;
  text-align: center;
  padding-top: 5px;
}
/*mbc*/
#content > div#mbc {
  width:100%;
  background-color: #1d2d50;
  margin-bottom: 2%;
}
#content > div#mbc p {
  color:#fff;
  font-size: 0.9em;
  text-align: center;
  padding-top: 5px;
  height: 30px;
}
#content > div#mbc div.video {
  width:100%;
  padding-left:5%;
  padding-top:3%;
  box-sizing:border-box;
  height: 200px;
  background-color: #ececec;
}

/*sbs1*/
#content > div#sbs1 {
  width:100%;
  background-color: #1d2d50;
  margin-bottom: 2%;
}
#content > div#sbs1 p {
  color:#fff;
  font-size: 0.9em;
  text-align: center;
  padding-top: 5px;
  height: 30px;
}
#content > div#sbs1 div.video {
  width:100%;
  height: 200px;
  background-color: #ececec;
  padding-left:5%;
  padding-top:3%;
  box-sizing:border-box;
}

/*sbs2*/
#content > div#sbs2 {
  width:100%;
  background-color: #1d2d50;
  margin-bottom: 2%;
}
#content > div#sbs2 p {
  color:#fff;
  font-size: 0.9em;
  text-align: center;
  padding-top: 5px;
  height: 30px;
}
#content > div#sbs2 div.video {
  width:100%;
  height: 200px;
  background-color: #ececec;
  padding-left:5%;
  padding-top:3%;
  box-sizing:border-box;
}

/*kbs*/
#content > div#kbs {
  width:100%;
  background-color: #1d2d50;
  margin-bottom: 2%;
}
#content > div#kbs p {
  color:#fff;
  font-size: 0.9em;
  text-align: center;
  padding-top: 5px;
  height: 30px;
}
#content > div#kbs div.video {
  width:100%;
  height: 200px;
  background-color: #ececec;
  padding-left:5%;
  padding-top:3%;
  box-sizing:border-box;
}

/*mbn*/
#content > div#mbn {
  width:100%;
  background-color: #1d2d50;
  margin-bottom: 2%;
}
#content > div#mbn p {
  color:#fff;
  font-size: 0.9em;
  text-align: center;
  padding-top: 5px;
  height: 30px;
}
#content > div#mbn div.video {
  width:100%;
  height: 200px;
  background-color: #ececec;
  padding-left:5%;
  padding-top:3%;
  box-sizing:border-box;
}

/*footer*/
#footer{background-color:#636363; width:98%; margin:0 auto; padding-top:13px; padding-left:13px; box-sizing: border-box; padding-right:13px; padding-bottom:13px;}
.footer_title{font-size:1em; color:#ccc;}
.footer_conts{font-size:0.6em; color:#ccc; margin-top:13px;}