@media (max-width: 768px) {
    #sc2Index {
        display: none;
    }

    #gnb {
        min-width: 100%;
    }

    #gnb .hdn {
        width: 100%;
    }

    #gnb .hdn .mobileMenu {
        float: right;
        width: 100px;
        text-align: right;
        margin: 15px 20px 0 0;
    }

    #gnb .hdn .mobileMenu .login img {
        margin-top: 8px;
    }

    .gaBox2 {
        display: none;
    }

    #B_BN .dg {
        display: none;
    }

    #gnb .hdn .logo {
        margin: 15px 0;
    }

    #gnb .hdn .gb {
        display: none;
    }

    #gnb .lnb .box {
        width: 100%;
    }

    #gnb .lnb .box .draft {
        display: none;
    }

    #gnb .snb {
        border-bottom: 1px solid #000;
    }

    #gnb .snb .inner {
        width: 100%;
        display: none;
    }

    #gnb .snb .inner.main {
        display: none;
    }

    div#lform {
        width: 100%;
    }

    #lform .caption {
        margin: 0 15px;
    }

    #input_form {
        margin: 0 auto;
    }

    #b_box {
        display: none;
    }

    #MenuContainer {
        display: none;
        width: 100%;
    }

    #LoginBox {
        display: none;
    }

    #frontpage {
        width: 100%;
    }

    #SC2Index {
        display: none;
    }

    .mobileMenu {
        display: block;
        width: 100%;
    }

    #frontpage .news,
    #frontpage .sideLinks,
    #frontpage .gsky {
        display: none;
    }

    #container .side {
        width: 100%;
    }

    #Menu {
        width: 100%;
        border: 0;
        margin: 0;
    }

    #Menu .caption {
        font-size: 11px;
        color: #fff;
        background-color: #1b66a5;
        padding: 5px 10px 4px 10px;
        border-bottom: 1px solid #f1f1f1;
    }

    #Menu .caption > img,
    #Menu .caption .alert {
        display: none;
    }

    #Menu ul {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #5792c3;
    }

    #Menu li {
        background-color: #fff;
        border-bottom: 1px solid #f7f7f7;
        padding: 0;
        margin: 0;
    }

    #Menu li > img,
    #Menu li > span {
        display: none;
    }

    #Menu li a {
        display: block;
        padding: 10px;
        margin: 0;
        font-size: 15px;
    }

    #Menu li a:hover {
        text-decoration: none;
        background-color: #dedede;
    }

    #sidemenu {
        display: none;
    }

    #atlwdg-trigger {
        display: none;
    }

    #container {
        width: 100%;
        margin: 0;
    }

    .boardTopImage {
        display: none;
    }

    #BoardList {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;

    }

    #BoardTitle .title {
        font-size: 18px;
        margin-left: 10px;
    }

    #BoardWrite {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #BoardTitle,
    .board_title {
        background-position: 0 30px;
        padding: 0 0 8px 12px;
    }

    #BoardTitle {
        width: 100%;
        padding-left: 0;
    }

    .board_title a {
        font-size: 18px;
    }

    .board_title .subnav {
        display: none;
    }

    #BoardWriteData {
        width: 100%;
    }

    #BoardWriteData th {
        display: none;
    }

    #BoardWriteData td {
        padding: 10px;
    }

    #BoardWriteData td label {
        margin-right: 5px;
    }

    #BoardWriteData input.title {
        width: 95%;
        border: 1px solid #ccc;
        padding: 2px;
    }

    #BoardWriteData select[name="title_color"] {
        display: none;
    }

    #BoardWritePocket {
        display: none;
    }

    .addBoard {
        display: none;
    }

    #BoardWrite input.writeSubmit {
        margin: 0 auto;
    }

    #BoardWrite .fileUpload {
        padding: 10px;
    }

    #BoardWrite .fileUpload .cw .item {
        width: 100%;
    }

    #BoardWrite .fileUpload .cw .item > input {
        width: 230px;
        margin: 0;
    }

    #BoardWrite textarea {
        width: 100%;
        height: 200px;
    }

    #BoardList #Articles .no,
    #BoardList #Articles .board,
    #BoardList #Articles .nick,
    #BoardList #Articles .categoryInfo,
    #BoardList #Articles .hit,
    #BoardList #Articles .datetime {
        display: none;
    }

    #BoardList #Articles .nick {
        display: block;
        position: absolute;
        left: 10px;
        bottom: 7px;
        padding-bottom: 0;
    }

    #BoardList #Articles .nick span {
        color: #666;
    }

    #BoardList #Articles td.nick div.fixer {
        width: auto;
        padding-right: 5px;
    }

    #BoardList #Articles td.nick div.fixer img {
        display: none;
    }

    #BoardList #Articles .hit {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 7px;
        padding-bottom: 0;
        color: #aaa;
        padding-top: 0;
        font-size: 11px;
        text-align: right;
    }

    #BoardList #Articles .datetime {
        display: none;
        position: absolute;
        right: 60px;
        bottom: 7px;
        padding-bottom: 0;
        color: #aaa;
        padding-top: 0;
        font-size: 11px;
        text-align: right;
    }

    #Articles td.nick div.fixer a {
        display: none;
    }

    #Articles td.nick div.fixer .m {
        display: block;
    }

    #BoardList #Articles .datetime:before {

    }

    #BoardList #Articles .hit:before {
        content: '조회 ';
    }

    #BoardList #Articles thead {
        display: none;
    }

    #BoardList #Articles tbody {
        position: relative;
    }

    #BoardList #Articles tbody tr {
        position: relative;
        display: block;
        border-bottom: 1px solid #dedede;
    }

    #BoardList #Articles tbody td {
        border-bottom: 0;
        padding-bottom: 23px;
    }

    #BoardList #Articles .title * {
        font-size: 14px;
        padding: 0;
    }

    #BoardList #Articles .title .fixer {
        max-width: 100%;
        white-space: normal;
        padding: 5px 5px 3px 5px;
    }

    #BoardList #Articles .title .fixer a {
        faont-family: '나눔고딕', NanumGothic, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, "Apple SD Gothic Neo", sans-serif;
    }

    #BoardList #Articles .title .fixer a:hover {
        text-decoration: none;
    }

    #BoardList #Articles .hit {
        float: right;
    }

    #BoardTabTop {
        display: none;
    }

    #BoardViewHeader {
        width: 100%;
    }

    #BoardContent {
        width: 100%;
        min-height: 150px;
    }

    #BoardContent img,
    #BoardComment .content img {
        max-width: 100%;
    }

    #BoardContent > p {
        margin: 0 5px;
    }

    #BoardContent * {
        font-size: 14px;
    }

    .gaBoxList {
        display: block;
    }

    #gaBox {
        padding: 15px 0;
    }

    #BoardView {
        width: 100%;
        padding: 0;
    }

    #BoardWriteOption {
        display: none;
    }

    #PrevArticle,
    #NextArticle,
    #LinkButton,
    #Footstep,
    #BoardRecommend,
    #BoardComment,
    #BoardCommentWrite {
        width: 100%;
    }

    #PrevArticle,
    #NextArticle {
        padding: 0;
        border-left: 0;
        border-right: 0;
    }

    #BoardComment table.item {
        width: 100%;
        border-right: 0;
        border-left: 0;
    }

    #BoardComment table.item table.inner {
        width: 100%;
        margin: 10px 0 5px 0;
    }

    #BoardComment table.item table.inner .nick {
        margin-left: 10px;
    }

    #BoardComment table.item table.inner .delete {
        margin-right: 10px;
    }

    #BoardComment table.item table.inner2 {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #BoardComment table.item td.content {
        padding: 0 10px;
    }

    #BoardComment table.item td.content div {
        width: 100%;
        padding: 3px 0;
        margin: 0;
    }

    #BoardComment .scorearea {
        display: none;
    }

    #BoardCommentWrite div.form {
        border-left: 0;
        border-right: 0;
        padding: 10px;
    }

    #BoardCommentWrite textarea {
        width: 100%;
        margin: 5px 0;
    }

    #BoardComment .sense {
        display: none;
    }

    #BoardViewHeader .attaches {
        display: none;
    }

    #PagingContainer {
        width: 100%;
        text-align: center;
    }

    #Paging {
        float: none;
        padding: 10px 0;
    }

    #Paging a, #Paging span {
        font-size: 18px;
        margin-right: 2px;
    }

    #BoardButton {
        padding: 10px 0 20px 0;
    }

    #TwitterRT {
        display: none;
    }

    #BoardRecommend .btnRecommend {
        float: left;
        margin: 0 0 0 10px;
    }

    #BoardRecommend .btnPolice {
        float: right;
        margin: 0 10px 0 0;
    }

    #Footstep {
        border-left: 0;
        border-right: 0;
        padding: 10px 0;
    }

    #Footstep .caption {
        margin-left: 10px;
    }

    #FootMenu {
        width: 100%;
        padding-bottom: 30px;
    }

    #FootMenu > div {
        width: 100%;
    }

    #FootMenu .box1 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #FootMenu .links {
        display: none;
    }

    #FootMenu .pcMenu {
        display: none;
    }

    #FootMenu .mobileMenu {
        float: right;
        width: 100px;
        text-align: right;
        margin: 5px 15px 0 0;
    }

    .issueList {
        display: none;
    }

    #MemoAlert {
        position: absolute;
        padding: 0;
        left: 50%;
        margin: -50px 0 0 -150px;
        top: 50%;
    }

    #MemoAlert .container {
        position: static;
        padding: 0;
    }

    #XPToto {
        width: 100%;
    }

    #XPToto #TabData li {
        padding: 8px 15px;
    }

    #ToToListFilter {
        width: 100%;
    }

    #ToToListFilter .ctn {
        margin: 10px 0 0 30px;
    }

    #ToToListFilter .filter_item {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #XPToto .item {
        margin: 10px 0;
    }

    #XPToto .logo {
        width: 30px;
    }

    #XPToto .item .rgt .btn {
        padding: 0 0 0 10px;
    }

    #PrevArticle > div,
    #NextArticle > div {
        margin: 15px 10px;
    }

    #PrevArticle > div a,
    #NextArticle > div a {
        font-size: 13px;
    }

    #BoardContent > .bbox {
        margin: 0 10px;
    }

    #heroesContainer .side {
        display: none;
    }

    .heroesDraftLink {
        display: none;
    }

    #heroesContainer .mainHeroes {
        padding: 0;
        width: 100%;
        float: none;
    }

    body.heroes #FootMenu {
        width: 100%;
    }

    body.heroes #FootMenu > div {
        width: 100%;
    }

    body.heroes #container {
        width: 100%;
    }

    #heroesContainer {
        width: 100%;
        float: none;
    }

    #PageInfo {
        padding: 6px 0;
    }

    #Articles td {
        height: auto;
        padding: 5px 3px;
    }

    body.heroes {
        background: none;
    }

    #Menu.mobileOnly {
        display: block;
    }

    #BoardList .mobileOnly,
    #BoardView .mobileOnly {
        display: block;
        position: relative;
    }

    #BoardList #BoardButton,
    #BoardView #BoardButton {
        display: block;
    }

    #BoardList .mobileOnly #BoardButton,
    #BoardView .mobileOnly #BoardButton {
        position: absolute;
        display: block;
        top: -31px;
        padding: 0;
        right: 5px;
    }

    #BoardList .mobileOnly .modeTab,
    #BoardView .mobileOnly .modeTab {
        float: left;
        margin-left: 5px;
    }

    #BoardWrite .smartCover {
        overflow: hidden;
    }

    #BoardList.best th {
        display: none !important;
    }

    .noMobile {
        display: none;
    }
}

@media (max-width: 424px) {

}