/*******************************************************************************************/
/*  작 성 자 : 한명찬
/*  작 성 일 : 2016.
/*  수 정 일 : 2016.
/*  버     전 : 0.0.1
/*  설     명 : 메인 컨텐츠 설정
/*  위     치 : /css//main/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 메인 컨텐츠 설정 시작
/*******************************************************************************************/
div.main-articles
{
    clear: both;
    position: relative;

    max-width: 1200px;
    /*height: 1350px;*/

    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    z-index: 1000;

    background: #fff;
}

div.main-articles h3
{
    display: none;
}

div.main-articles h3.title
{
    display: block;
}

div.main-articles div.notice-container,
div.main-articles div.recent-container,
div.main-articles div.free-container,
div.main-articles div.best-container,
div.main-articles div.mystery-container,
div.main-articles div.horror-container
{
    /*min-height: 190px;*/
}

.im-plus
{
    position: absolute;
    top: 0;
    right: 0;
}

.im-plus:before {
    content: '\e072';
    color: #333333;
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    font-weight: normal;
}

/*******************************************************************************************/
/* 메인 컨텐츠 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 메인 슬라이드 설정 시작
/*******************************************************************************************/


/*******************************************************************************************/
/* 메인 슬라이드 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 메인 베스트 설정 시작
/*******************************************************************************************/
div.main-articles div.best-container
{
    position: relative;
    width: 98%;
    /*height: 50px;*/
    margin: 0 auto 10px auto;
    padding: 0 0 0 0;
    border-top: 3px solid #baa482;
    border-bottom: 1px solid #ccc;
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

div.main-articles div.best-container div.best-zone
{
    width: 100%;
    /*height: 50px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.main-articles div.best-container div.best-zone a
{
    text-decoration: none;
    cursor: pointer;
}

div.main-articles div.best-container div.best-zone div.subject
{
    /*height: 125px;*/
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    cursor: pointer;
    text-align: left;
	background-color: #fff;
    border-bottom: 1px solid #ccc;
}

div.main-articles div.best-container div.best-zone div.subject span.subject
{
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;

    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: 10px;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

div.main-articles div.best-container div.best-zone div.subject span.summary
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;

    font-size: 15px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

/* 내용 */
div.main-articles div.best-container div.best-zone div.content
{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
}

/*******************************************************************************************/
/* 메인 베스트 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 메인 최신글 설정 시작
/*******************************************************************************************/
div.main-articles div.recent-container
{
    position: relative;
    width: 98%;
    /*height: 50px;*/
    margin: 0 auto 10px auto;
    padding: 0 0 0 0;
    border-top: 3px solid #baa482;
    border-bottom: 1px solid #ccc;
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

div.main-articles div.recent-container div.recent-zone
{
    width: 100%;
    /*height: 50px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.main-articles div.recent-container div.recent-zone a
{
    text-decoration: none;
    cursor: pointer;
}

div.main-articles div.recent-container div.recent-zone div.subject
{
    /*height: 125px;*/
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    cursor: pointer;
    text-align: left;
	background-color: #fff;
    border-bottom: 1px solid #ccc;
}

div.main-articles div.recent-container div.recent-zone div.subject span.subject
{
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;

    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: 10px;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

div.main-articles div.recent-container div.recent-zone div.subject span.summary
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;

    font-size: 15px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

/* 내용 */
div.main-articles div.recent-container div.recent-zone div.content
{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
}

/*******************************************************************************************/
/* 메인 최신글 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 메인 자유게시판 설정 시작
/*******************************************************************************************/
div.main-articles div.free-container
{
    position: relative;
    width: 98%;
    /*height: 50px;*/
    margin: 0 auto 10px auto;
    padding: 0 0 0 0;
    border-top: 3px solid #baa482;
    border-bottom: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

div.main-articles div.free-container div.free-zone
{
    width: 100%;
    /*height: 50px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.main-articles div.free-container div.free-zone a
{
    text-decoration: none;
    cursor: pointer;
}

div.main-articles div.free-container div.free-zone div.subject
{
    /*height: 125px;*/
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

div.main-articles div.free-container div.free-zone div.subject span.subject
{
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;

    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: 10px;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

div.main-articles div.free-container div.free-zone div.subject span.summary
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;

    font-size: 15px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

/* 내용 */
div.main-articles div.free-container div.free-zone div.content
{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
}

/*******************************************************************************************/
/* 메인 자유게시판 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 메인 공지사항 설정 시작
/*******************************************************************************************/
div.main-articles div.notice-container
{
    position: relative;
    width: 98%;
    /*height: 50px;*/
    margin: 0 auto 10px auto;
    padding: 0 0 0 0;
    border-top: 3px solid #baa482;
    border-bottom: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

div.main-articles div.notice-container div.notice-zone
{
    width: 100%;
    /*height: 50px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.main-articles div.notice-container div.notice-zone a
{
    text-decoration: none;
    cursor: pointer;
}
div.main-articles div.notice-container div.notice-zone div.subject
{
    /*height: 125px;*/
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    cursor: pointer;
    text-align: left;
    /*border-bottom: 1px solid #ccc;*/
}

div.main-articles div.notice-container div.notice-zone div.subject span.subject
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: 10px;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

div.main-articles div.notice-container div.notice-zone div.subject span.summary
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;

    font-size: 15px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

/* 내용 */
div.main-articles div.notice-container div.notice-zone div.content
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


/*******************************************************************************************/
/* 메인 공지사항 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 메인 미스테리 설정 시작
/*******************************************************************************************/
div.main-articles div.mystery-container
{
    position: relative;
    width: 98%;
    /*height: 50px;*/
    margin: 0 auto 10px auto;
    padding: 0 0 0 0;
    border-top: 3px solid #baa482;
    border-bottom: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

div.main-articles div.mystery-container div.mystery-zone
{
    width: 100%;
    /*height: 50px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.main-articles div.mystery-container div.mystery-zone a
{
    text-decoration: none;
    cursor: pointer;
}
div.main-articles div.mystery-container div.mystery-zone div.subject
{
    /*height: 125px;*/
    position: relative;
    margin: 0 0 0 0;
    padding: 3px 0 3px 0;
    
    cursor: pointer;
    text-align: center;
	background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

div.main-articles div.mystery-container div.mystery-zone div.subject span.subject
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    font-size: 20px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

div.main-articles div.mystery-container div.mystery-zone div.subject span.summary
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;

    font-size: 15px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

/* 내용 */
div.main-articles div.mystery-container div.mystery-zone div.content
{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
}


/*******************************************************************************************/
/* 메인 미스테리 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 메인 호러게시물 설정 시작
/*******************************************************************************************/
div.main-articles div.horror-container
{
    position: relative;
    width: 98%;
    /*height: 50px;*/
    margin: 0 auto 10px auto;
    padding: 0 0 0 0;
    border-top: 3px solid #baa482;
    border-bottom: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

div.main-articles div.horror-container div.horror-zone
{
    width: 100%;
    /*height: 50px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.main-articles div.horror-container div.horror-zone a
{
    text-decoration: none;
    cursor: pointer;
}
div.main-articles div.horror-container div.horror-zone div.subject
{
    /*height: 125px;*/
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    cursor: pointer;
    text-align: left;
	background-color: #fff;
    border-bottom: 1px solid #ccc;
}

div.main-articles div.horror-container div.horror-zone div.subject span.subject
{
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;

    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: 10px;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

div.main-articles div.horror-container div.horror-zone div.subject span.summary
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;

    font-size: 15px;
    font-weight: 400;
    color: #333;
    /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
}

/* 내용 */
div.main-articles div.horror-container div.horror-zone div.content
{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
}


/*******************************************************************************************/
/* 메인 호러게시물 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 메인 호러게시물 설정 시작
/*******************************************************************************************/

/* 게시물목록 */
div.main-articles div div div.content table.main,
div.main-articles div div div div.content table.main
{
    clear: both;
    width: 98%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
}

div.main-articles div div div.content table.main tbody,
div.main-articles div div div div.content table.main tbody
{
    /*clear: both;*/
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div.main-articles div div div.content table.main tbody tr,
div.main-articles div div div div.content table.main tbody tr
{
    /*float: left;
    display: block;*/
    clear: both;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div.main-articles div div div.content table.main tbody tr td,
div.main-articles div div div div.content table.main tbody tr td
{
    /*float: left;
    display: block;*/
    /*width: 100%;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-weight: 300;
    border: none;
}

/* 제목 */
div.main-articles div div div.content table.main tbody tr td.subject,
div.main-articles div div div div.content table.main tbody tr td.subject
{
    width: 80%;
    min-width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.main-articles div div div.content table.main tbody tr td.subject a,
div.main-articles div div div div.content table.main tbody tr td.subject a
{
    float: left;
    display: block;
    max-width: 70%;
    min-width: 1px;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle;
    margin: 0 3px 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.main tbody tr td.subject a:hover
{
    color: #300000;
}

div.main-articles div div div.content table.main tbody tr td.subject a span.title,
div.main-articles div div div div.content table.main tbody tr td.subject a span.title
{
    display: inline-block;
    width: 100%;
    min-width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.main-articles div div div.content table.main tbody tr td.subject a span.title xmp,
div.main-articles div div div div.content table.main tbody tr td.subject a span.title xmp
{
    display: block;
    width: 100%;
    min-width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
}

/* 새글표시 */
div.main-articles div div div.content table.main tbody tr td.subject span.new,
div.main-articles div div div div.content table.main tbody tr td.subject span.new
{
    float: left;
    display: block;
    position: relative;
    
    width: 16px;
    height: 30px !important;
    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

div.main-articles div div div.content table.main tbody tr td.subject span.new img,
div.main-articles div div div div.content table.main tbody tr td.subject span.new img
{
    position: absolute;
    top: 9px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 14px;
    height: 14px;
    /*vertical-align: text-bottom;*/
    /*vertical-align: middle;*/
}

/* 첨부파일 */
div.main-articles div div div.content table.main tbody tr td.subject span.file,
div.main-articles div div div div.content table.main tbody tr td.subject span.file
{
    float: left;
    display: block;
    position: relative;
    
    min-width: 16px;
    height: 30px !important;
    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
}

div.main-articles div div div.content table.main tbody tr td.subject span.file img,
div.main-articles div div div div.content table.main tbody tr td.subject span.file img
{
    position: absolute;
    top: 7px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*vertical-align: middle;*/
}

div.main-articles div div div.content table.main tbody tr td.subject span.file img,
div.main-articles div div div div.content table.main tbody tr td.subject span.file img
{
    position: absolute;
    top: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-width: 16px;
    height: 16px;
    line-height: 35px;
}

div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-picture-o:before,
div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-file:before,
div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-paper-clip:before,
div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-youtube:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-picture-o:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-file:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-paper-clip:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-youtube:before
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #333;
    text-align: left;
}

div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-picture-o:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-picture-o:before
{
    font-weight: bold;
    color: #999;
}

div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-youtube:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-youtube:before
{
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    color: #999;
}

div.main-articles div div div.content table.main tbody tr td.subject span.file i.im-paper-clip:before,
div.main-articles div div div div.content table.main tbody tr td.subject span.file i.im-paper-clip:before
{
    font-weight: bold;
    color: #138F15;
}

/* 댓글수 */
div.main-articles div div div.content table.main tbody tr td.subject span.comment_count,
div.main-articles div div div div.content table.main tbody tr td.subject span.comment_count
{
    float: left;
    display: block;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    color: #B93737;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle;
    font-size: 13px;
    border: none; 
}

/* 작성일 */
div.main-articles div div div.content table.main tbody tr td.reg-date,
div.main-articles div div div div.content table.main tbody tr td.reg-date
{
    width: 20%;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle;
    color: #AFB0B4;
    text-align: right;
    font-size: 13px;
}

div.main-articles div div div.content table.main tbody tr td.reg-date span,
div.main-articles div div div div.content table.main tbody tr td.reg-date span
{
    /*padding-right: 5px;*/
}

/* 작성일 */
div.main-articles div div div.content table.main tbody tr td.none,
div.main-articles div div div div.content table.main tbody tr td.none
{
    text-align: center;
}

div.main-articles div div div.content table.main tbody tr td.none strong,
div.main-articles div div div div.content table.main tbody tr td.none strong 
{
    font-weight: 400;
}


/*******************************************************************************************/
/* 메인 게시물 설정 종료
/*******************************************************************************************/

@media only screen and ( max-width: 640px ) {
    
    div#MainWrapper div#ContentsWrapper div.wide,    
    div#MainWrapper div#ContentsWrapper div#MainContents div.wide
    {
        width: 100% !important;
        max-width: 1200px !important;
    }

    div.main-articles
    {
        clear: both;
        position: relative;
        top: 0;
        left: 0;

        max-width: 1200px;
        width: 100%;
        min-width: 1px;
        height: 100%;
        /*height: 1350px;*/

        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
        z-index: 1000;

        /*background: #fff;*/
    }

    div.main-articles div.board-wrap
    {
        /*float: left;*/
        max-width: 1200px;
        width: 100%;
    }
    
    div.main-articles div.board-wrap div.top-wrap
    {
        clear: both;
        max-width: 1200px;
        width: 100%;
        /*height: 295px;*/
        /*height: 342px;*/
        margin: -62px 0 0 0;
        padding: 0 0 0 0;
        background: #E6E6E6;
    }

    div.main-articles div.board-wrap div.middle-wrap
    {
        clear: both;
        max-width: 1200px;
        width: 100%;
        /*height: 600px;*/
        padding: 0 0 0 0;
        background: #E6E6E6;
    }
    
    div.main-articles div.board-wrap div.bottom-wrap
    {
        clear: both;
        max-width: 1200px;
        width: 100%;
        /*height: 150px;*/
        padding: 0 0 0 0;
        background: #E6E6E6;
    }
          
    div.main-articles div.board-wrap div.top-wrap div.container-1200
    {
        clear: both;
        position: relative;
        width: 100%;
        /*max-width: 1200px;*/
        margin: 0 auto 0 auto;
        padding: 67px 0 0 0;
        background: #E6E6E6;
    }

    div.main-articles div.board-wrap div.middle-wrap div.container-1200
    {
        clear: both;
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 0 auto;
        padding: 10px 0 0 0;
        background: #E6E6E6;
    }
    
    div.main-articles div.board-wrap div.bottom-wrap div.container-1200
    {
        clear: both;
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 0 auto;
        padding: 10px 0 10px 0;
        background: #E6E6E6;
    }

    /* 메인 이벤트 설정 */
    div.main-articles div.best-container
    {
        clear: both;
        /*max-width: 370px;*/
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 10px auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 최신글 설정 */
    div.main-articles div.recent-container
    {
        clear: both;
        /*max-width: 370px;*/
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 0 auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }

    /* 메인 공지사항 설정 */
    div.main-articles div.notice-container
    {
        clear: both;
        width: 92%;
        height: 50px;
        /*height: 50px;*/
        margin: 0 auto 10px auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ddd;*/
        /*border: 1px solid #ccc;*/
    }

    /* 메인 자유게시판 설정 */
    div.main-articles div.free-container
    {
        clear: both;
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 10px auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    div.main-articles div.free-container div.free-zone div.subject div.free-icon
    {
        display: none;
    }
    
    div.main-articles div.free-container div.free-zone div.subject
    {
        /*height: 125px;*/
        position: relative;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    
        cursor: pointer;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    div.main-articles div.free-container div.free-zone div.subject span.subject
    {
        display: block;
        margin: 0 0 15px 0;
        padding: 0 0 0 0;

        font-size: 18px;
        font-weight: 500;
        color: #333;
        letter-spacing: 10px;
        /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
    }

    /* 메인 도시전설 설정 */
    div.main-articles div.city-container
    {
        clear: both;
        /*max-width: 370px;*/
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 10px auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 실화괴담 설정 */
    div.main-articles div.real-container
    {
        clear: both;
        /*max-width: 370px;*/
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 10px auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 2CH 설정 */
    div.main-articles div.ch-container
    {
        clear: both;
        /*max-width: 370px;*/
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 0 auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 미스테리 설정 */
    div.main-articles div.mystery-container
    {
        clear: both;
        /*max-width: 370px;*/
        width: 92%;
        /*height: 200px;*/
        /*height: 50px;*/
        margin: 0 auto 10px auto;
        padding: 10px 3% 10px 3%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }


    .free_hidden
    {
        display: none !important;
    }

    
    div.main-articles div.best-container div.best-zone div.subject span.subject,
    div.main-articles div.recent-container div.recent-zone div.subject span.subject,
    div.main-articles div.horror-container div.horror-zone div.subject span.subject,
    div.main-articles div.notice-container div.notice-zone div.subject span.subject,
    div.main-articles div.free-container div.free-zone div.subject span.subject,
    div.main-articles div.mystery-container div.mystery-zone div.subject span.subject
    {
        padding: 0 0 0 2px;
    }
    
    div.main-articles div.best-container div.best-zone div.subject span.subject,
    div.main-articles div.recent-container div.recent-zone div.subject span.subject,
    div.main-articles div.horror-container div.horror-zone div.subject span.subject,
    div.main-articles div.free-container div.free-zone div.subject span.subject,
    div.main-articles div.mystery-container div.mystery-zone div.subject span.subject
    {
        padding: 0 0 0 2px;
        margin: 0 0 12px 0;
    }
}

@media only screen and ( min-width: 641px ) and ( max-width: 1200px ) {
    
    div#MainWrapper div#ContentsWrapper div.wide,    
    div#MainWrapper div#ContentsWrapper div#MainContents div.wide
    {
        width: 100% !important;
        max-width: 1200px !important;
    }

    div.main-articles
    {
        clear: both;
        position: relative;
        top: 0;
        left: 0;

        max-width: 1200px;
        width: 100%;
        min-width: 1px;
        height: 100%;
        /*height: 1350px;*/

        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
        z-index: 1000;

        background: #fff;
    }

    div.main-articles div.board-wrap
    {
        /*float: left;*/
        max-width: 1200px;
        width: 100%;
    }
    
    div.main-articles div.board-wrap div.top-wrap
    {
        float: left;
        max-width: 1200px;
        width: 100%;
        /*height: 295px;*/
        /*height: 342px;*/
        margin: -62px 0 0 0;
        padding: 15px 0 0 0;
        background: #E6E6E6;
    }

    div.main-articles div.board-wrap div.middle-wrap
    {
        float: left;
        max-width: 1200px;
        width: 100%;
        /*height: 600px;*/
        padding: 10px 0 0 0;
        background: #E6E6E6;
    }
    
    div.main-articles div.board-wrap div.bottom-wrap
    {
        float: left;
        max-width: 1200px;
        width: 100%;
        /*height: 150px;*/
        padding: 10px 0 15px 0;
        background: #E6E6E6;
    }
          
    div.main-articles div.board-wrap div.top-wrap div.container-1200
    {
        float: left;
        position: relative;
        width: 100%;
        /*max-width: 1200px;*/
        margin: 62px auto 0 auto;
    }

    div.main-articles div.board-wrap div.middle-wrap div.container-1200
    {
        float: left;
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 0 auto;
    }
    
    div.main-articles div.board-wrap div.bottom-wrap div.container-1200
    {
        float: left;
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 0 auto;
    }

    /* 메인 이벤트 설정 */
    div.main-articles div.best-container
    {
        float: left;
        /*max-width: 370px;*/
        width: 45%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 2% 0 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 최신글 설정 */
    div.main-articles div.recent-container
    {        
        float: left;
        /*max-width: 370px;*/
        width: 45%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 0 0 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }

    /* 메인 공지사항 설정 */
    div.main-articles div.notice-container
    {
        float: left;
        width: 94%;
        height: 50px;
        /*height: 50px;*/
        margin: 0 0 10px 1%;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }

    /* 메인 자유게시판 설정 */
    div.main-articles div.free-container
    {
        float: left;
        width: 96%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 0 10px 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    div.main-articles div.free-container div.free-zone div.subject div.free-icon
    {
        display: none;
    }
    
    div.main-articles div.free-container div.free-zone div.subject
    {
        /*height: 125px;*/
        position: relative;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    
        cursor: pointer;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    div.main-articles div.free-container div.free-zone div.subject span.subject
    {
        display: block;
        margin: 0 0 15px 0;
        padding: 0 0 0 0;

        font-size: 18px;
        font-weight: 500;
        color: #333;
        letter-spacing: 10px;
        /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
    }

    /* 메인 도시전설 설정 */
    div.main-articles div.city-container
    {
        float: left;
        /*max-width: 370px;*/
        width: 45%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 2% 10px 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 실화괴담 설정 */
    div.main-articles div.real-container
    {
        float: left;
        /*max-width: 370px;*/
        width: 45%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 0 0 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 2CH 설정 */
    div.main-articles div.ch-container
    {
        float: left;
        /*max-width: 370px;*/
        width: 45%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 0 0 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 미스테리 설정 */
    div.main-articles div.mystery-container
    {
        float: left;
        /*max-width: 370px;*/
        width: 45%;
        height: 200px;
        /*height: 50px;*/
        margin: 0 2% 10px 0;
        padding: 2% 2% 2% 2%;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }


    .free_hidden
    {
        display: none !important;
    }
}

@media only screen and ( min-width: 1201px ) {
    
    div#MainWrapper div#ContentsWrapper div.wide,    
    div#MainWrapper div#ContentsWrapper div#MainContents div.wide
    {
        width: 100% !important;
        max-width: 100% !important;
    }

    div.main-articles
    {
        clear: both;
        position: relative;
        top: 0;
        left: 0;

        max-width: 100%;
        width: 100%;
        min-width: 1px;
        height: 100%;
        /*height: 1350px;*/

        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
        z-index: 1000;

        background: #fff;
    }

    div.main-articles div.board-wrap
    {
        /*float: left;*/
        max-width: 100%;
        width: 100%;
    }
    
    div.main-articles div.board-wrap div.top-wrap
    {
        clear: both; 
        max-width: 100%;
        width: 100%;
        /*height: 295px;*/
        height: 342px;
        margin: -62px 0 0 0;
        padding: 15px 0 0 0;
        background: #E6E6E6;
    }

    div.main-articles div.board-wrap div.middle-wrap
    {
        clear: both; 
        max-width: 100%;
        width: 100%;
        height: 600px;
        padding: 0 0 0 0;
        background: #F9F7F6;
    }
    
    div.main-articles div.board-wrap div.bottom-wrap
    {
        clear: both; 
        max-width: 100%;
        width: 100%;
        height: 150px;
        padding: 0 0 0 0;
        background: #fff;
    }
          
    div.main-articles div.board-wrap div.top-wrap div.container-1200
    {
        position: relative;
        width: 1200px;
        max-width: 1200px;
        margin: 62px auto 0 auto;
    }

    div.main-articles div.board-wrap div.middle-wrap div.container-1200
    {
        position: relative;
        width: 1200px;
        max-width: 1200px;
        margin: 0 auto 0 auto;
    }
    
    div.main-articles div.board-wrap div.bottom-wrap div.container-1200
    {
        position: relative;
        width: 1200px;
        max-width: 1200px;
        margin: 0 auto 0 auto;
    }

    /* 메인 이벤트 설정 */
    div.main-articles div.best-container
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 370px;
        height: 200px;
        /*height: 50px;*/
        margin: 0 0 10px 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 최신글 설정 */
    div.main-articles div.recent-container
    {
        position: absolute;
        top: 0;
        left: 438px;
        width: 370px;
        height: 200px;
        /*height: 50px;*/
        margin: 0 0 0 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }

    /* 메인 공지사항 설정 */
    div.main-articles div.notice-container
    {
        /*float: left;*/
        position: absolute;
        top: 30px;
        left: 0;
        width: 415px;
        height: 50px;
        /*height: 50px;*/
        margin: 0 0 0 0;
        padding: 20px 20px 20px 20px;
        border: 1px solid #ddd;
        /*border: 1px solid #ccc;*/
    }

    /* 메인 자유게시판 설정 */
    div.main-articles div.free-container
    {
        /*float: left;*/
        position: absolute;
        top: 0;
        right: 0;
        width: 250px;
        height: 550px;
        /*height: 50px;*/
        margin: 0 0 0 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #F1EDE8;
        /*border: 1px solid #ccc;*/
    }
    
    div.main-articles div.free-container div.free-zone div.subject span.subject
    {
        display: block;
        margin: 0 0 20px 0;
        padding: 0 0 0 0;

        font-size: 18px;
        font-weight: 500;
        color: #333;
        letter-spacing: 10px;
        /*background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;*/
    }
    div.main-articles div.free-container div.free-zone div.subject i.im-plus
    {
        display: none;
    }
    /* 메인 도시전설 설정 */
    div.main-articles div.city-container
    {
        position: absolute;
        top: 30px;
        left: 0;
        width: 370px;
        height: 210px;
        margin: 0 0 0 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 실화괴담 설정 */
    div.main-articles div.real-container
    {
        position: absolute;
        top: 30px;
        left: 438px;
        width: 370px;
        height: 210px;
        margin: 0 0 0 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 2CH 설정 */
    div.main-articles div.ch-container
    {
        position: absolute;
        top: 308px;
        left: 438px;
        width: 370px;
        height: 210px;
        margin: 0 0 0 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }
    
    /* 메인 미스테리 설정 */
    div.main-articles div.mystery-container
    {
        position: absolute;
        top: 308px;
        left: 0;
        width: 370px;
        height: 210px;
        margin: 0 0 0 0;
        padding: 25px 25px 25px 25px;
        border: none;
        background: #fff;
        /*border: 1px solid #ccc;*/
    }

}


/*******************************************************************************************/
/* 구글 애드센스 설정 시작
/*******************************************************************************************/


/* 구글 광고 영역 */
div.google-ad
{
    /*position: relative;*/
    clear: both;
    display: block;
    width: 98%;
    margin: 10px auto 10px auto;
    padding: 20px 0 20px 0;
    /*height: initial !important;*/
}

/*div.google-ad center
{
    position: relative;
    display: block;
    margin: 10px 0 10px 0;
    padding: 20px 0 20px 0;
}*/

/*div.google-ad-bottom center .adsbygoogle
{
    top: 20px;
}*/

/*.adsbygoogle { width: 320px; height: 100px; }*/

@media only screen and (min-width: 1201px) 
{ 
    /*.adsbygoogle 
    { 
        width: 728px;
        height: 90px; 
    }*/ 

    /* 구글 광고 상단 영역 */
    div.google-ad-top
    {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 300px;
        height: 250px; 
        margin: 0 0 0 0;
        padding: 0 0 0 0;
                /*height: initial !important;*/
    }

    .adsbygoogle-top 
    { 
        width: 300px !important; 
        height: 250px !important; 
    }
    
    /* 구글 광고 상단 영역 */
    div.google-ad-bottom
    {
        position: absolute;
        top: 30px;
        right: 0;
        display: block;
        width: 728px;
        height: 90px; 
        margin: 0 0 0 0;
        padding: 0 0 0 0;
                /*height: initial !important;*/
    }
    
    .adsbygoogle-bottom 
    { 
        width: 728px !important; 
        height: 90px !important; 
    }
    
}

@media only screen and (max-width: 1200px) 
{ 
    /*.adsbygoogle 
    { 
        width: 468px; 
        height: 60px; 
    }*/ 
    
    /* 구글 광고 상단 영역 */
    div.google-ad-top
    {
        /*position: absolute;
        top: 0;
        right: 0;*/
        display: block;
        width: 468px;
        height: 60px; 
        margin: 0 auto 0 auto;
        padding: 0 0 15px 0;
                /*height: initial !important;*/
    }

    .adsbygoogle-top 
    { 
        width: 468px !important; 
        height: 60px !important; 
    }
    
    /* 구글 광고 상단 영역 */
    div.google-ad-bottom
    {
        display: block;
        width: 468px;
        height: 60px; 
        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
    }
    
    .adsbygoogle-bottom 
    { 
        width: 468px !important; 
        height: 60px !important; 
    }
    
}
@media only screen and (max-width: 640px) 
{
    /*.adsbygoogle 
    { 
        width: 320px; 
        height: 50px; 
    }*/ 
    
    /* 구글 광고 상단 영역 */
    div.google-ad-top
    {
        /*position: absolute;
        top: 0;
        right: 0;*/
        display: block;
        width: 320px;
        height: 50px; 
        margin: 0 auto 0 auto;
        padding: 0 0 10px 0;
                /*height: initial !important;*/
    }

    .adsbygoogle-top 
    { 
        width: 320px !important; 
        height: 50px !important; 
    }
    
    /* 구글 광고 상단 영역 */
    div.google-ad-bottom
    {
        display: block;
        width: 300px;
        height: 250px; 
        margin: 0 0 0 0;
        padding: 0 0 0 0;
                /*height: initial !important;*/
    }
    
    .adsbygoogle-bottom 
    { 
        width: 300px !important; 
        height: 250px !important; 
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
}
/*******************************************************************************************/
/* 구글 애드센스 설정 종료
/*******************************************************************************************/