@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0;font-family:var(--font-type01);word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;letter-spacing:-0.03em;line-height:1.3;}
ul, ol, dl{list-style:none;}
fieldset{border:none;}
legend{display:none;}
img{border:none;max-width:100%;}
em{font-style:normal;}

body {background:var(--point-white); color:var(--black-color01); font-style:normal; font-size:max(13px, var(--title-15)); font-family:var(--font-type01); line-height: 1.3; letter-spacing:0; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;}

/* 링크 */
a{color:#222;text-decoration:none; }
a:link{ color:#222; text-decoration:none;}
a:visted{ color:#222; text-decoration:none;}
a:active{ color:#222; text-decoration:none;}
a:hover{ text-decoration:none;}

/* 인용구 */
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}
blockquote, q{quotes: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;}

/* custom */
:root{
    --trans-color:transparent;
    --point-white:#fff;
    --point-color01:#0073DD;
	--point-color02:#FF8800;
    --point-color03:#00AFB5;
    --point-color04:#27D08D;
    --point-color05:#FF951C;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
    --border-color04:#d9d9d9;
    --black-color00:#000;
    --black-color01:#111;
    --black-color02:#222;
    --black-color03:#333;
    --black-color04:#444;
    --black-color05:#555;
    --black-color06:#666;
    --black-color07:#777;
    --black-color08:#888;
    --black-color09:#999;
    --black-color10:#aaa;
	--black-color11:#bbb;
    --black-color12:#3A3938;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F8F8;
    --gray-bg03:#FAFAFA;
	--gray-bg04:#F4F6F9;
    --font-type01:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type02:'Inter', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
	--polygon-path01:polygon(calc(50% - 1px) 0, calc(50% - 1px) calc(50% - 1px), 0 calc(50% - 1px), 0 calc(50% + 1px), calc(50% - 1px) calc(50% + 1px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 1px) calc(50% + 1px), 100% calc(50% + 1px), 100% calc(50% - 1px), calc(50% + 1px) calc(50% - 1px), calc(50% + 1px) 0);
    --radius-130: 130px;
    --radius-80:80px;
    --radius-50:50px;
    --radius-40:40px;
    --radius-30:30px;
    --radius-20:20px;
    --radius-16:16px;
    --radius-15:15px;
    --radius-14:14px;
    --radius-10:10px;
    --radius-06:6px;
    --radius-04:4px;
    --title-20:20px;
    --title-19:19px;
    --title-18:18px;
    --title-17:17px;
    --title-16:16px;
    --title-15:15px;
    --title-14:14px;
}

@media (max-width:1023px){
    :root{
        --title-20:19px;
        --title-19:18px;
        --title-18:17px;
        --title-17:16px;
        --title-16:15px;
        --title-15:14px;
        --title-14:13px;
    }
}
@media (max-width:860px){
    :root{
        --radius-80:70px;
        --radius-50:40px;
        --radius-40:30px;
        --radius-30:20px;
        --radius-20:15px;
        --radius-16:12px;
        --radius-15:11px;
        --radius-14:10px;
        --radius-10:7px;
        --title-20:18px;
        --title-19:17px;
        --title-18:16px;
        --title-17:15px;
        --title-16:14px;
        --title-15:13px;
        --title-14:12px;
    }
}
@media (max-width:640px){
    :root{
        --shadow-01: 5px 5px 10px rgba(0, 0, 0, 0.15);
        --shadow-02: 5px 5px 5px rgba(0, 0, 0, 0.15);
        --shadow-03: 10px 4px 15px rgba(0, 17, 48, 0.15);
        --shadow-04: 10px 4px 15px rgba(88, 181, 48, 0.15);
        --shadow-05: 10px 4px 15px rgba(235, 97, 29, 0.15);
        --shadow-06: 4px 4px 9px rgba(0, 0, 0, 0.15);
        --radius-130: 100px;
        --radius-80:40px;
        --radius-50:25px;
        --radius-40:20px;
        --radius-30:15px;
        --radius-20:10px;
        --radius-16:8px;
        --radius-15:7.5px;
        --radius-14:7px;
        --radius-10:5px;
        --radius-06:3px;
        --radius-04:2px;
		--title-90:9vw;
        --title-20:17px;
        --title-19:16px;
        --title-18:15px;
        --title-17:14px;
        --title-16:13px;
        --title-15:12px;
    }
}
@media (max-width:479px){
    :root{
        --title-20:16px;
        --title-19:15px;
        --title-18:14px;
        --title-17:13px;
    }
}