/* --------------------------------------------------------
Reset
----------------------------------------------------------*/
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, 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-size: 100%; box-sizing: border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: separate; border-spacing: 0;}
a {color:inherit; text-decoration: none;}
img {vertical-align: top;}
input:focus, textarea:focus {outline: none;}
input[type=text], button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;}
button {background-color: transparent; cursor: pointer; outline: none; font-family: 'Pretendard'; padding: 0;}
input[type=text]::ms-clear {display: none;}
input[type=password] {border: none;}
select::-ms-expand {display: none;}
legend, caption {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0);}
body, select, input, textarea {font-family: 'Pretendard', sans-serif;}
body {letter-spacing: -0.5px; color: var(--default);}
.blind {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0);}

/* --------------------------------------------------------
style
----------------------------------------------------------*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
  src: url('/gcb2024/resources/assets/fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
  src: url('/gcb2024/resources/assets/fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
  src: url('/gcb2024/resources/assets/fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
  src: url('/gcb2024/resources/assets/fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
  src: url('/gcb2024/resources/assets/fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('/gcb2024/resources/assets/fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('/gcb2024/resources/assets/fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: url('/gcb2024/resources/assets/fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url('/gcb2024/resources/assets/fonts/Pretendard-Thin.woff') format('woff');
}

/* --------------------------------------------------------
common
----------------------------------------------------------*/
:root {
  --default: #000;
  --main_theme_color: #6c20d4;
  --main_lighter_color: #dfbdf8;
  --coral_color: #ff6a50;
  --font_color: #a0a0a0;
  --list_border_color: #ededed;
  --gray_color: #555;
  --light_gray_color: #555;
  --red_color: #ef4242;
  --border_color: #b2b2b2;
}

.theme_color {color: var(--main_theme_color);}
.font_style02 {}
.font_style03 {}
.font_style04 {}

.fl_d {display: flex; flex-direction: column;}
.fl_center {display: flex; flex-direction: column; justify-content: center;}

.p27 {padding: 0 27px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.p010 {padding: 0 10px !important;}
.p015 {padding: 0 15px !important;}
.p020 {padding: 0 20px !important;}
.p025 {padding: 0 25px !important;}
.p030 {padding: 0 30px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 30px !important;}