@charset "utf-8";

/* SUIT Font Face */
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@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-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    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 */
    --display-large: 60px;
    --display-medium: 44px;
    --display-small: 36px;

    /* Text Size - Heading */
    --heading-xlarge: 40px;
    --heading-large: 32px;
    --heading-medium: 24px;
    --heading-small: 19px;
    --heading-xsmall: 17px;
    --heading-xxsmall: 15px;

    /* Text Size - Body */
    --body-large: 19px;
    --body-medium: 17px;
    --body-small: 15px;
    --body-xsmall: 13px;

    /* Text Size - Body Bold */
    --body-large-bold: 19px;
    --body-medium-bold: 17px;
    --body-small-bold: 15px;
    --body-xsmall-bold: 13px;

    /* Text Size - Label */
    --label-large: 19px;
    --label-medium: 17px;
    --label-small: 15px;
    --label-xsmall: 13px;

    /* Text Size - Navigation */
    --navigation-title-medium: 24px;
    --navigation-title-small: 19px;
    --navigation-depth-medium-bold: 17px;
    --navigation-depth-medium: 17px;
    --navigation-depth-small-bold: 15px;
    --navigation-depth-small: 15px;

    /* Text Size - Underline */
    --underline-large: 19px;
    --underline-medium: 17px;
    --underline-small: 15px;
    --underline-xsmall: 13px;

    /* Font Weight */
    --font-regular: 400;
    --font-bold: 700;

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

*{font-family:'SUIT', sans-serif; box-sizing: border-box; }
html, body {margin:0;padding:0;width:100%; /*min-width: 1600px;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body, h1, h2, h3, h4, h5, h6, fieldset, legend, form {font-size:14px; font-weight:500; line-height:145%; margin: 0px; padding: 0px;}
dl, dt, dd, p {margin: 0px;padding: 0px;line-height: 170%;font-size: 13px;}
ul, li, ol { margin: 0px; padding: 0px; list-style: none; }
address, strong, em { font-style: normal; }
img, fieldset { border: 0px; }
caption { display: none; padding: 0px; margin: 0px; } 
a { cursor: pointer; color: inherit; text-decoration:none; }
button { cursor: pointer; border: none; outline: none; }

table { width:100%; border: 0px;     border-collapse: collapse;table-layout: fixed;}
td { text-align:left; }
th { font-weight:normal; text-align:center; }
textarea {resize:none;}

input:focus, select:focus, textarea:focus, button:focus {outline:none;}

/* 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: 0px 4px;background:#fff;border:1px solid #E1E1E1;vertical-align:middle;color:#777;height: 31px;font-size: 13px;}
.ibox select {border:1px solid #E1E1E1;margin:2px;height: 33px;padding-left: 5px;}
.ibox .i_area{ position:relative; margin:2px; padding:4px 4px; background:transparent; border:1px solid #E1E1E1; color:#999; font-size:12px; }
.ibox .i_tip { font-size:11px; color:#bebebe; margin:2px; }
.ibox label{cursor:pointer;color: #323338;font-size: 17px;}

.ibox select, .ibox input:focus {outline:none;}

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

.txt_kr { font-family: '돋움', Dotum, '굴림', Gulim, tahoma, arial, Sans-serif, Apple Gothic; }
.txt_en { font-family: Tahoma, Geneva, sans-serif, Apple Gothic; }

.ml_0 {margin-left: 0 !important;}
.gap_12{gap: 12px}


select   {background: url(/resource/image/user/ver02/icon/down_arrow.png)#fff center right 15px no-repeat;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size:12px;}
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand {display:none;}
selectt::focus {outline:none;}