@charset "utf-8";

/*google-font*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* SUIT Font Face */
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

:root {
    /* Color */
    --accent: #ED4239;
    --accent-surface: #FBEFF0;
    --main: #5C2092;
    --main-hover: #4f0c8b;
    --main-hover-light: #E8D6F3;
    --main-surface: #F3ECF8;
    --success: #256EF4;

    /* Gray */
    --gray-0: #FFFFFF;
    --gray-5: #F4F5F6;
    --gray-10: #E6E8EA;
    --gray-20: #CDD1D5;
    --gray-30: #B1B8BE;
    --gray-40: #8A949E;
    --gray-50: #6D7882;
    --gray-60: #58616A;
    --gray-70: #464C53;
    --gray-80: #33363D;
    --gray-90: #1E2124;
    --gray-95: #131416;

    /* Text Size */
    --display-small: 36px;
    --heading-medium: 24px;
    --heading-small: 19px;
    --heading-xsmall: 17px;
    --body-large: 19px;
    --body-medium: 17px;
    --body-small: 15px;
    --body-xsmall: 13px;
    --label-small: 15px;
    --label-xsmall: 13px;

    /* Radius */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --radius-full: 999px;
}

*{font-family:'SUIT', 'NotoSansKR', sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body {font-family: 'SUIT', sans-serif;font-weight:normal;-webkit-text-size-adjust: none;
-moz-text-size-adjust: none,-webkit-text-size-adjust: none;-ms-text-size-adjust: none;font-size-adjust: none;}
html { overflow-x:hidden; }
body, h1, h2, h3, h4, h5, h6, fieldset, legend, form {font-size:13px;line-height:150%; margin: 0px; padding: 0px; }
dl, dt, dd, p { margin: 0px; padding: 0px; color:#323338; }
ul, li, ol { margin: 0px; padding: 0px; list-style: none; }
address, strong, em { font-style: normal; }
img, fieldset { border: 0px;vertical-align:top; }
caption { display: none; padding: 0px; margin: 0px; } 
a { cursor: pointer; color: inherit; text-decoration:none; }
button, input[type="button"], input[type="submit"] { cursor: pointer; border: none; outline: none; }

table { width:100%; border: 0px; }
td { text-align:left; }
th { font-weight:normal; text-align:center; }

/* input */
.ibox { position:relative; margin:-4px 0; }
.ibox .i_label{ top:6px; left:10px }
.ibox .i_dsc{ margin:2px 0 }
.ibox .i_check,
.ibox .i_radio{ width:13px; height:13px; margin:2px; padding:0; vertical-align:middle }
.ibox .i_text{ position:relative; margin:2px; padding:4px 4px; background:transparent; border:1px solid #dedede; vertical-align:middle; color:#858585; font-size:12px; }
.ibox select { border:1px solid #a69c81; margin:2px; height:25px; }
.ibox .i_area{ position:relative; margin:2px; padding:4px 4px; background:transparent; border:1px solid #dedede; color:#858585; font-size:12px; }
.ibox .i_tip { font-size:11px; color:#bebebe; margin:2px; }
.ibox label{ margin:0 5px 0 5px; cursor:pointer; color:#858585; font-size:11px; }

.txt_l { text-align: left!important; }
.txt_r { text-align: right!important; }
.txt_c { text-align: center!important; }

.gap_10{gap: 10px;}