@charset "utf-8";

:root{
  --point-color: #2181F0;

  --base-border: 1px solid #ddd;
  --light-border: 1px solid #eee;

  --box-shadow: 8px 8px 20px 6px rgba(0, 0, 0, .04);

  --background: #f7f7f7;

  --thick-font: #1b1b1b;
  --middle-font: #333;
  --light-font: #777;
  --lighter-font: #aaa;
  
  --border-radius: 25px;
  
  --space-7: 7px;
  --space-11: 11px;
  --space-15: 15px;
  --space-20: 20px;
}



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

  /* 나눔고딕 */
@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: #fff;
font-size: 17px;
overflow-x: hidden;
text-decoration: none;
}






main{overflow-x: hidden;}

a{color: #333; text-decoration: none;}

  *{font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif; letter-spacing: .5px;}
h2{color: #1b1b1b; font-weight: 700;}
h1, h3, h4, h5, h6{color: #333; 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{font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif;
color: #333; font-weight: 400; letter-spacing: .5px;}

footer{
font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif; color: #333; font-size: 14px;}

footer *{color: #333; font-weight: 400; font-size: 14px;}

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




input:focus{outline: none;}
input:placeholder{color: #aaa;}




/* tab 해상도 */
@media screen and (min-width:767px) and (max-width:1536px) {
	
	body{
        background: #fff;
        font-size: 16px;
        overflow-x: hidden;
        text-decoration: none;
        }
        
        footer{
        font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', sans-serif; color: #333; font-size: 14px;}
        
        footer *{color: #333; font-weight: 400; font-size: 14px;}
        
        footer > .f_box > address{font-weight: 400; font-size: 14px;}
        
}


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

        body{
        background: #fff;
        font-size: 14px;
        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;}
        
}