@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* GLOBAL */
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
li{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.clearfix:before,
.clearfix:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}

/* CONTAINER */
#subContainer {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#subContent {
    max-width: 1024px;
    margin: 30px auto 0;
    box-sizing: border-box;
    padding: 0 10px;
}
#subContent.no-margin-top {
    margin-top: 0 !important;
}

#subContent.mt01 {
    margin-top: 2px;
}

/* ************************************** *
 * TABLET PC VER
 * ************************************** */

@media (min-width: 768px) and (max-width: 1023px) {

    #subContent {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #subContent.mt01 {
        margin-top: -22px;
    }
}

/* ************************************** *
 * MOBILE VER
 * ************************************** */

@media (min-width: 0) and (max-width: 767px) {

    #subContent {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #subContent.mt01 {
        margin-top: -5px;
    }
}