/*---CSS RESET---*/
@import url('../moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'yg-jalnan';
    src: url('../gh/projectnoonnu/noonfonts_four-1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{font-family: 'NanumSquare', sans-serif;font-size:16px;font-weight:300;font-style: normal;text-decoration: none;color: #222;}
li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}

.clearfix::after{content: "";clear: both;display: block;}

.font{font-family: 'yg-jalnan';}
.k_w100{display: block;width: 100%;height: 100%;}
.center_pos{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bg{background-repeat: no-repeat;background-size: cover;background-position: center center;}

@media screen and (min-width:1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width:769px) and (max-width:1480px){
    html, body{font-size: 14px;}
}

@media screen and (max-width:768px){
    html, body{font-size: 12px;}
}

@media screen and (min-width:769px){

    br.br_m{display: none;}
}

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

    br.br_d{display: none;}
}