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

body{font-family: var(--font-type01); font-size: var(--title-16); color: var(--black-color03); line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; text-wrap: pretty; letter-spacing: -0.03em;}
h1, h2, h3, h4, h5, h6{letter-spacing: -0.03em;}
ul, ol { list-style: none; }
img { max-width: 100%; max-height: 100%; display: inline-block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
:where(input, button, textarea, select):focus{outline: none;}
em, address{font-style: normal;}
video{max-width: 100%; max-height: 100%;}

/* custom */
    :root{
        --trans-color:transparent;
        --point-white:#fff;
        --point-color01:#3C8F8B;
		--point-color02:#EFF8F7;
        --point-color03:#8ABFBD;
        --point-color04:#65B9B6;
        --point-color05:#4DA39E;
		--point-color06:#23B8F1;
		--point-color07:#FFB453;
        --border-color01:#ddd;
        --border-color02:#ccc;
        --border-color03:#D9D9D9;
		--border-color04:#eee;
        --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;
        --gray-bg01:#F5F5F5;
		--gray-bg02:#F8F9FA;
		--gray-bg03:#E0E0E0;
		--gray-bg04:#fafafa;
        --font-type01:'Pretendard', '맑은 고딕', dotum, sans-serif;
        --filter-white:brightness(0) invert(1);
        --filter-black:brightness(0);
        --polygon-plus:polygon(0 calc(50% - 1px), calc(50% - 1px) calc(50% - 1px), calc(50% - 1px) 0, calc(50% + 1px) 0, calc(50% + 1px) calc(50% - 1px), 100% calc(50% - 1px), 100% calc(50% + 1px), calc(50% + 1px) calc(50% + 1px), calc(50% + 1px) 100%, calc(50% - 1px) 100%, calc(50% - 1px) calc(50% + 1px), 0 calc(50% + 1px));
        --radio-10:10px;
		--title-40:40px;
		--title-30:30px;
		--title-22:22px;
        --title-20:20px;
        --title-19:19px;
        --title-18:18px;
        --title-17:17px;
        --title-16:16px;
        --title-15:15px;
        --title-14:14px;
    }

    @media screen and (max-width:1023px){
        :root{
			--title-40:36px;
			--title-30:26px;
			--title-22:21px;
            --title-20:19px;
            --title-19:18px;
            --title-18:17px;
            --title-17:16px;
            --title-16:15px;
            --title-15:14px;
            --title-14:13px;
        }
    }
    @media screen and (max-width:860px){
        :root{
			--title-40:34px;
			--title-30:24px;
			--title-22:20px;
            --title-20:18px;
            --title-19:17px;
            --title-18:16px;
            --title-17:15px;
            --title-16:14px;
            --title-15:13px;
            --title-14:12px;
        }
    }
    @media screen and (max-width:640px){
        :root{
            --radio-10:5px;
			--title-40:30px;
			--title-30:23px;
			--title-22:19px;
            --title-20:17px;
            --title-19:16px;
            --title-18:15px;
            --title-17:14px;
            --title-16:13px;
            --title-15:12px;
        }
    }
    @media screen and (max-width:479px){
        :root{
			--title-40:27px;
			--title-30:22px;
			--title-22:18px;
            --title-20:16px;
            --title-19:15px;
            --title-18:14px;
            --title-17:13px;
        }
    }