/* BASIC css start */
/*

#aside {border-top:1px #d2d2d2 solid;border-bottom:3px #474747 solid;height:33px;}
#aside ul {padding:10px 0 5px 0;}
#aside ul li {width:249px;height:17px;line-height:17px;text-align:center;}
#aside ul li a, #aside ul li a:hover {color:#474747;font-size:11px;}

#content {}


#content ul.after_div.board-header li {
    width: 207px;
    border-left: 1px solid #d2d2d2;
    text-align: center;
}

#content ul.after_div.board-header li:last-child{
     border-right: 1px solid #d2d2d2;
}

#content ul.after_div.board-header li a {
    display: block; 
    width: 100%; 
    height: 100%; 
    vertical-align: middle;
}
#content ul.after_div.board-header li a img {
    margin: 10.5px 0;
}

*/



div, ul, ol, li, dl, dt, dd, p,a, span, h1, h2, h3, h4, h5, h6, h7{
   font-family : nanum barun gothic;
}

    .clearfix::after,
    .clearfix:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: -99999px;
        top: -99999px;
    }

    @import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
    div,
    ul,
    ol,
    li,
    dl,
    dt,
    dd,
    p,
    a,
    span,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7 {
        font-family: nanum barun gothic;
    }


.qna-title {
    margin: 0px 0px 50px;
}

.qna-title p {
    font-size: 25px;
    color: black;
    padding: 30px 8%;
    width: 80%;
    margin-right: 2%;
    background: #222;
    color: white;
    /* line-height: 1.5; */
    font-size: 23px;
}

.qna-title span{
   display:block;
}

    .shoping-tip {
        padding-top: 50px;
    }

    .qna-board dd,
    .qna-board dt,
    .shoping-tip dd,
    .shoping-tip dt {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        font-weight: normal;
        color: black;
        overflow: hidden;
    }

    .qna-board dt,
    .shoping-tip dt {
        font-size: 25px;
    }

    .qna-board dd a,
    .shoping-tip dd a {
        font-size: 15px;
    }

    .qna-board a,
    .shoping-tip a {
        display: block;
        color: black;
    }


    .qna-board dd a::before {
        content: 'กค';
        padding: 12px;
    }

    .shoping-tip dd a::before {
        content: '';
        background: url(https://okkanetdh.jpg3.kr/gab/okkane_2018/images/board-icon.png) 0px -2px no-repeat;
        width: 35px;
        height: 35px;
        display: block;
        float: left;
    }

    .shoping-tip dd:nth-child(2) a::before {
        background-position: 0px -2px;
    }

    .shoping-tip dd:nth-child(3) a::before {
        background-position: -33px -2px;
    }

    .shoping-tip dd:nth-child(4) a::before {
        background-position: -67px -3px;
    }

    .shoping-tip dd:nth-child(5) a::before {
        background-position: -103px -2px;
    }

    .shoping-tip dd:nth-child(6) a::before {
        background-position: -140px -2px;
    }


    .shoping-tip dd:nth-child(2):hover a::before {
        background-position: -0px -36px;
    }


    .shoping-tip dd:nth-child(3):hover a::before {
        background-position: -33px -36px;
    }

    .shoping-tip dd:nth-child(4):hover a::before {
        background-position: -67px -37px;
    }

    .shoping-tip dd:nth-child(5):hover a::before {
        background-position: -103px -36px;
    }

    .shoping-tip dd:nth-child(6):hover a::before {
        background-position: -140px -36px;
    }






    .qna-board dd:hover a,
    .shoping-tip dd:hover a span{
        color: #f74f4f;
    }

    .shoping-li {
        padding: 8px;
        display: block;
        float: left;
        height: 100%;
        vertical-align: middle;
        margin-left:8px;
    }

.aside-wrap{
    width: 210px;
       height: 794px;
}

.board-content-wraper.active{
    position: fixed;
    top: 80px;
}




/* BASIC css end */