*, *:before, *:after {

  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}



body { margin: 0; }

@font-face { font-family:"lato"; src: url(/fonts/Lato-Regular.ttf) format("truetype");}

@font-face { font-family:"nanum"; src: url(/fonts/NanumPen.otf) format("truetype");}



.columnsContainer { position: relative; max-width:1070px; margin:0 auto;}



.leftColumn { max-width:696px; padding:0 10px 0 10px; position:relative; }

   

.nav {

  list-style: none;

  margin-left: 0;

  margin-bottom: 0;

  padding-left: 0;

}



.nav > li,

.nav > li > a {

  display: inline-block;

  *display: inline;

  zoom: 1;

}



.article1 {font-size:16px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; text-align:left;}

.article2 {font-size:24px; font-weight;bold; font-family:Georgia, "Times New Roman", Times, serif color:#333333; text-align:left; text-transform:uppercase; margin-top:250px;}

.article3 {font-size:14px;  font-family:Georgia, "Times New Roman", Times, serif; color:#000000; text-align:left;}

.article4 {font-size:13px;  font-family:Georgia, "Times New Roman", Times, serif; color:#35698f; text-align:left;}

.article5 {font-size:12px; font-style:italic;  font-family:Georgia, "Times New Roman", Times, serif; color:#454545; text-align:left;}





.topfood { font-size:12px; font-weight:bolder; font-family:Georgia, "Times New Roman", Times, serif}
.topfood2 { font-size:12px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; text-align:left;}



hr {display:block; margin-bottom:-10px;  ; color:black;}



.topdate {font-size:11px; font-family:lato; text-align:left; color:#747474}

.kb {font-size:13.34px; font-family:lato; text-align:left; color:#747474; margin-top:-10px;}



.inline-items {

  margin-top: 0;

}



.inline-items li {

  margin-left: 0;  border-left: 1px solid black;

  padding-left: 10px;

  padding-right: 10px;

}



.toptitle {font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; text-align:left;}







.inline-items li:first-child {

  margin-left: 0;

  border: none;

  padding-left: 0;

  padding-right: 10px;

}



.inline-items li:last-child {

  padding-right: 0;

}



/* MEDIA QUERIES */

@media screen and (min-width: 47.5em ) {

  .leftColumn { margin-right: 19.5em; }



	.rightColumn { position: absolute; top: 0; right: 0;  }   

}



@media only screen and (max-width: 1040px){

.rightColumn { position:relative; padding:0 10px 0 10px; }   

.leftColumn { margin-right:0px; max-width:1078px; }



}