﻿.wrap {
    width: 1150px;
    height: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: '나눔고딕';
}

body, ul, ul li, p {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    border: 0;
}

img {
    border: 0;
}

ul li {
    list-style: none;
}

.float-left {
    float: left
}

.header {
    width: 100%;
    height: 110px;
}

.header ul li {
    float: left;
	height: 110px;
}

.header .h-title {
    width: 988px;
    height: 100%;
    background-image: url('../images/header_1px.png');
    position: relative;
}

.header .h-title .webzine-logo {
    margin-top: 20px;
    margin-left: 10px;
}

.header .h-title .homepage-logo {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

/**/

.contents .contents-title {
    width: 960px;
    height: 30px;
    border-bottom: 1px solid #c6c6c6;
    margin: 10px;
}
.contents-wrap {
    width: 100%;
    height: 589px;
    border-bottom: 1px solid #c9c9c9;
}

.contents-wrap > div {
    float: left;
}

/*menu*/
.menu {
    width: 158px;
    height: 590px;
    background-image: url('../images/menu_1px.png');
    position: relative;
}

.menu ul li > a > div {
    width: 154px;
    height: 52px;
    cursor: pointer;
}

.menu ul li > a > div:hover, .menu ul li > a > div.active {
    background-position-y: -56px;
}

.menu .news {
    background-image: url('../images/news_button.png');
}

.menu .tech {
    background-image: url('../images/technology_button.png');
}

.menu .enjoy {
    background-image: url('../images/enjoy_button.png');
}

.menu .special {
    background-image: url('../images/special_button.png');
}

.menu .life {
    background-image: url('../images/company_button.png');
}

.menu .info-img {
    position: absolute;
    left: 5px;
    bottom: 5px;
}

/*contents*/
.contents {
    width: 992px;
    height: 590px;
    overflow-y: auto;
}

.table-wrap {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

#introduce img{
    margin-right: 3%;
    float: left;
}

.btn {
    cursor: pointer;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.optimize {
    font-size: 10px;
    color: #757575;
    position: absolute;
    bottom: 80px;
    padding: 10px;
}

.month-img {
    background:url('../images/aug_08.png');
    width:160px;
    height:110px;
}

p{
	text-align: justify;
}

DIV.short-contents p, DIV.short-contents span, DIV.short-contents a{
    line-height: 12.5pt;
}

.lineTable td{
    border: 1px solid gray !important;
}



