body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,div,header,footer
{
    margin:0;
    padding:0;
    -webkit-text-size-adjust:none;
}

body,input,textarea,select,table,button,div
{
    font-size:15px;
    line-height:1.5em;
    font-family:"Apple SD Gothic Neo", "AppleGothic", "Malgun Gothic", "Dotum", "Gulim", "Helvetica", sans-serif;
}

html, body
{
    font-size:10px;
}

body
{
	position:relative;
	color:#333;
	word-wrap:break-word;
	word-break:break-all;
}

ul,ol,li{list-style:none;}
table{border-collapse:collapse;}
img,fieldset{border:0;}
a{color:black;text-decoration:none;cursor:pointer;}

.article_list{overflow:hidden;min-width:314px;clear:both;padding:0 5px;}
.article_list ul li{font-size:0;border-bottom:1px solid #c9d1c5;}
.article_list ul li a{display:block;padding:1px 4px;font-size:15px;color:#333;}
.article_list ul li a:visited {text-decoration:underline;color:#ccc;}
.article_list ul li span
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;     
    -webkit-box-orient: vertical;
    padding: 0;
}
.article_list .title
{
    color: #000;
    float: left;
}
.article_list .author
{
    display: inline;
    color: #333;
    font-size: 10px;
}
.article_list .date
{
    display: inline;
    color: #aaa;
    font-size: 10px;
}
       
.beolzip_intro
{
		margin: 8px;
}

.beolzip_intro h1, h2, h3, h4, h5 h6
{
		padding-bottom: 4px;
		border-bottom: 2px dashed #205AE8;
		width:150px;
}

.beolzip_intro ul, li
{
		padding: 4px;
		list-style: square;
		list-style-position: inside;
}

#main_header
{
    height: 32px;
    background: url('header_bg_42.png');

    line-height: 32px;
    color: #2C6AFF;
    overflow: hidden;
    border-bottom: 1px solid #333;
	  padding-top: 10px
}

#main_header > div > a
{
    float: left; width: 14%;
    display: table-cell;

    padding-top: 2px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: white;
    left: -1px;
    border-left: 1px solid #999999;
}

#main_header > div > span
{
    float: left; width: 13%;
    display: table-cell;

	  padding-top: 2px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ccc;
    left: -1px;
    border-left: 1px solid #999999;
}

.highlight
{
	background-color: #E87739;
	font-weight: bold;
	color : blue;
}

#top_gnb
{
    overflow: hidden;
    border-bottom: 1px solid black;
    background: #B42111;
}
#top_gnb > div > a
{
    float: left; width: 25%;

    height: 35px;
    line-height: 35px;
    text-align: center;
    color: white;
}

#bottom_gnb {
    display: table;
    width: 100%;
    border-bottom: 1px solid black;
}
#bottom_gnb > div {
    display: table-cell;
    position: relative;
}
#bottom_gnb > div > a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
#bottom_gnb > div > a::before {
    display: block;
    position: absolute;
    top: 9px; left: -1px;
    width: 1px; height: 15px;
    border-left: 1px solid black;
    content: '';
}

#section_header { padding: 10px; }
#section_article { padding: 0px; }

#main_footer {
  padding: 4px;
  border-top: 2px solid black;
  text-align: center;
	font-size: 15px;
	color: black;
}

#main_footer > span {
	border: 1px solid #fff;
	color: #333;
	font-weight: bold;
}

#main_footer > a {
	display: inline-block;
	padding: 4px 8px;
	margin: 4px 2px;
	border:1px solid #ccc;
}

#new_pop {
    position: absolute;
    width: fit-content;
    left: 30%;
    margin-left: -20%; /* half of width */
    height: 470px;
    top: 20%;
    margin-top: -150px; /* half of height */
    overflow: hidden;
    display: none;

    /* decoration */
    border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
}

<!--

#main_header > a.left
{
    width: 62px;
    left: 5px; top: 7px;
}
#main_header > label.right
{
    width: 32px;
    right: 5px; top: 7px;
}

#toggle { display: none; }
#toggle + #wrap > #toggle_gnb_wrap { display: none; }
#toggle:checked + #wrap > #toggle_gnb_wrap { display: block; }

#toggle_gnb_wrap {
    background: #363636;
    padding: 15px;
}
#toggle_gnb {
    background: #FFFFFF;
    padding: 5px;
}

#toggle_gnb > ul { overflow: hidden; }
#toggle_gnb > ul > li {
    width: 80px; float: left;
}
-->
