:root{
        --point-color: #FD475A;

        --box-shadow: 0px 4px 4px #f8f8f8;
        --basic-border: 1px solid #eee;
        --base-border: 1px solid #eee;
        --thick-border: 1px solid #ddd;

        --back-fa: #fafafa;
        --background: #fafafa;

        --dark-font: #252525;
        --middle-font: #525252;
        --light-font: #999;
        --lighter-font: #aaa;

		--space-7: 7px;
 		--space-11: 11px;
 		--space-15: 15px;
        --spacing20: 20px;
        --spacing25: 25px;
        --spacing30: 30px;
}

/* 기본 폰트 및 크기 설정 */

  /* 나눔고딕 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100..900&display=swap');

/* 노토산스 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/* 프리텐다드 */
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
        @font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
        @font-face {
font-family: 'Pretendardk';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
        }






body{
/* background: #F8F9FD; */
background: #F8F9FB;
font-size: 15px;
/* overflow-x: hidden; */
text-decoration: none;
}






/* main{overflow-x: hidden;} */

a{color: var(--middle-font); text-decoration: none;}

  *{font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif; letter-spacing: .5px;}
h2{color: var(--middle-font); font-weight: 700;}
h1, h3, h4, h5, h6{color: var(--middle-font); font-weight: 700;}

i{font-size: 16px;}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input{font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif;
color: var(--middle-font); font-weight: 400; letter-spacing: .5px;}

footer{
font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif; color: var(--middle-font); font-size: 14px;}

footer *{color: var(--middle-font); font-weight: 400; font-size: 14px;}

footer > .f_box > address{font-weight: 400; font-size: 14px;}


.t_btn:hover{outline: 1px solid #aaa;}
textarea:hover{outline: 1px solid #aaa;}
.t_btn:focus{outline: 1px solid #FD475A;}
textarea:focus{outline: 1px solid #FD475A;}
button:hover{outline: none !important;}
button:focus{outline: none !important;}
input:focus{outline: none}
select:hover{outline: none !important;}
select:focus{outline: none !important;}
input[readonly]:hover {outline: none;}
input[readonly]:focus {outline: none;}
.t_btn:has(input[type="radio"]):hover {outline: none;}
.t_btn:has(input[type="radio"]):focus {outline: none;}




/* tablet 해상도 */
@media screen and (max-width: 1750px){

	body{font-size: 14px;}

}




/* mob + tab 해상도 */
@media screen and (max-width:767px) {

        body{
        background: #F8F9FD;
        font-size: 12px;
        overflow-x: hidden;
        text-decoration: none;
        }
        
        footer{
        font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif; color: #333; font-size: 12px;}
        
        footer *{color: #333; font-weight: 400; font-size: 12px;}
        
        footer > .f_box > address{font-weight: 400; font-size: 12px;}
        
        }