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

*{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; word-break:keep-all }

body{font-size:16px;font-weight:300;font-style: normal;text-decoration: none;color: #222; line-height: 1;}
li{list-style: none;}

* {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;}

table{border-spacing: 0;border-collapse: collapse;}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}

/*공통클래스*/
.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:1281px){
    html, body{font-size: 16px;}/*body와 확인 할 것*/
}

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

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

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

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

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

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