/*---CSS RESET---*/

*{margin: 0;padding: 0;font-family: 'SUIT Variable', sans-serif; letter-spacing: -.5px;;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: 'Noto Sans KR', sans-serif;font-size:16px;font-weight:300;font-style: normal;text-decoration: none;color: #222; background-color: #f5f5f5;}
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;}
h3, p{word-break: keep-all;}

/*공통클래스*/
.k_eng{font-family: 'Roboto', sans-serif;}/*영문 폰트 변경*/
.clearfix::after{content: "";clear: both;display: block;}

.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;}/*background-image - 반응형*/
/*공통클래스*/

/*텍스트사이즈*/

@media screen and (min-width:1481px){
    html, body{font-size: 16px;}/*body와 확인 할 것*/
}

@media screen and (min-width:721px) and (max-width:1480px){
    html, body{font-size: 14px;}/*body와 확인 할 것*/
}

@media screen and (max-width:720px){
    html, body{font-size: 12px;}/*body와 확인 할 것*/
}
/*텍스트사이즈*/

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

    br.br_m{display: none;}/*br 모바일에서만 줄내림*/
}

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

    br.br_d{display: none;}/*br 데스크탑에서만 줄내림*/
}