/*---CSS RESET---*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --fontFamily: Pretendard, 'Noto Sans KR', sans-serif, "맑은 고딕", dotum;
    --filterColor: invert(32%) sepia(52%) saturate(646%) hue-rotate(186deg) brightness(94%) contrast(95%);
    --filterColor2: invert(72%) sepia(33%) saturate(6572%) hue-rotate(198deg) brightness(86%) contrast(77%);
    --filterWhite: invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(103%) contrast(103%);
    --filterBlack: invert(0%) sepia(9%) saturate(7465%) hue-rotate(64deg) brightness(93%) contrast(107%);
    --filterGray: invert(70%) sepia(0%) saturate(5460%) hue-rotate(155deg) brightness(70%) contrast(81%);
    --filterGreen: invert(62%) sepia(27%) saturate(6740%) hue-rotate(105deg) brightness(102%) contrast(101%);
    --filterViolet: invert(41%) sepia(24%) saturate(1360%) hue-rotate(239deg) brightness(91%) contrast(86%);
	--filterRed: invert(15%) sepia(88%) saturate(7493%) hue-rotate(360deg) brightness(113%) contrast(114%);
    --colorMain: #000;
    --colorSub: #0C243A;
    --colorSub2: #bed4f4; 
    --colorSub3: #eaf9f0;
    --colorPoint: #c30d23;
    --colorPoint2: #3a8afd;
	--widthMax: 1320px;
}

/*색상필터*/
.fil_color {filter: var(--filterColor)}
.fil_color2 {filter: var(--filterColor2)}
.fil_white {filter: var(--filterWhite)}
.fil_black {filter: var(--filterBlack)}
.fil_gray {filter: var(--filterGray)}
.fil_green {filter: var(--filterGreen)}
.fil_violet {filter: var(--filterViolet)}
.fil_red {filter: var(--filterRed)}


*{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;}

body{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 - 반응형*/

/*공통클래스*/
.en {font-family: Raleway, 'Noto Sans KR', sans-serif, "맑은 고딕", dotum; letter-spacing: -0.5px !important}

/*텍스트사이즈*/
.centerline {text-decoration:line-through;}

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

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

@media screen and (max-width:768px){
    html, body{font-size: 10px;}/*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 데스크탑에서만 줄내림*/
}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}