@charset "utf-8";
/* common */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
i {font-style:normal;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
li{list-style:none;}
img {border:0 none;}
.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}
/* form reset */
input, select, textarea, button {border-radius:0; box-shadow:none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}
html, body { width:100%; background-color:#fff; font-weight:400;  font-family:'Pretendard', 'Roboto', 'Malgun Gothic', sans-serif; font-size:15px; color:var(--color-gray-800,#393939); }
body,th,td,input,select,textarea,button,
a { font-weight:400; font-size:100%; font-family:'Pretendard', 'Roboto', sans-serif; color:var(--color-gray-800,#393939); text-decoration:none; }
* { box-sizing:border-box; }
body { min-width:320px; letter-spacing:0;}

/* Pretendard */
@font-face {font-family: 'Pretendard'; font-weight: 900; font-display: block; src: local('Pretendard Black'), url('/html/css/fonts/pretendard/Pretendard-Black.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Black.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-display: block; src: local('Pretendard ExtraBold'), url('/html/css/fonts/pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-display: block; src: local('Pretendard Bold'), url('/html/css/fonts/pretendard/Pretendard-Bold.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 600; font-display: block; src: local('Pretendard SemiBold'), url('/html/css/fonts/pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-display: block; src: local('Pretendard Medium'), url('/html/css/fonts/pretendard/Pretendard-Medium.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-display: block; src: local('Pretendard Regular'), url('/html/css/fonts/pretendard/Pretendard-Regular.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-display: block; src: local('Pretendard Light'), url('/html/css/fonts/pretendard/Pretendard-Light.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Light.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 200; font-display: block; src: local('Pretendard ExtraLight'), url('/html/css/fonts/pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 100; font-display: block; src: local('Pretendard Thin'), url('/html/css/fonts/pretendard/Pretendard-Thin.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Thin.woff') format('woff');}


/*variable*/
:root {
    --color-primary:#3C0D8E;
    --color-secondary:#252525; 
    --color-gray-100: #F8F8F8;
    --color-gray-200: #F0F0F0;
    --color-gray-300: #E3E3E3;
    --color-gray-400: #D9D9D9;
    --color-gray-500: #ABABAB;
    --color-gray-600: #888888;
    --color-gray-700: #767676;
    --color-gray-800: #454545;
    --color-gray-900: #393939;
    --color-gray-950: #181818;
    --color-red:#F44336;
    --color-oilve-green:#34C759; 
    --color-error:#F44336;

    
    /* --color-gray-50:#F8F8F8;
    --color-gray-100:#F0F0F0;
    --color-gray-200:#E3E3E3;
    --color-gray-300:#D9D9D9;
    --color-gray-400:#ABABAB;
    --color-gray-500:#888888;
    --color-gray-600:#767676;
    --color-gray-700:#454545;
    --color-gray-800:#393939;
    --color-gray-900:#181818; */


    --color-light-gray:#ccc;
    --color-gray:#aaa;
    --color-dark-gray:#333;
    --color-blue:#011fd4;
    --color-sky-blue:#0098e0;
    --color-light-primary:#e3edf9;
    --color-light-gray2:#f5f5f7;
    --color-border:#eee;
    --color-border2:#ddd;
    --color-white:#fff;
    --color-black:#000;
}

/* color */
.txt-primary {color:var(--color-primary,#F44336) !important;}
.txt-black {color:var(--color-gray-800,#393939) !important;}