/***************************************************
               폰트 * SpoqaHanSansNeo
***************************************************/
@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-weight: 900;
	font-display: swap;
	src: local('SpoqaHanSansNeo-Bold'), url('../font/SpoqaHanSansNeo-Bold.woff') format('woff'), url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2') ;
}

@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-weight: 700;
	font-display: swap;
	src: local('SpoqaHanSansNeo-Medium'), url('../font/SpoqaHanSansNeo-Medium.woff') format('woff'), url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2') ;
}

@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-weight: 500;
	font-display: swap;
	src: local('SpoqaHanSansNeo-Regular'), url('../font/SpoqaHanSansNeo-Regular.woff') format('woff'), url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2') ;
}

@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-weight: 300;
	font-display: swap;
	src: local('SpoqaHanSansNeo-Light'), url('../font/SpoqaHanSansNeo-Light.woff') format('woff'), url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2') ;
}

@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-weight: 100;
	font-display: swap;
	src: local('SpoqaHanSansNeo-Thin'), url('../font/SpoqaHanSansNeo-Thin.woff') format('woff'), url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2') ;
}

/***************************************************
               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, strong, 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-family: "SpoqaHanSansNeo", sans-serif, '맑은 고딕' ;	font-size: 100%; font: inherit;	vertical-align: baseline;}
button, input {font-family: "SpoqaHanSansNeo", sans-serif, '맑은 고딕';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}

html {overflow-x: hidden !important; width: 100%; height: 100%; position: relative; -webkit-font-smoothing: antialiased; }
body {background: #fff; color: #555;   border: 0; margin: 0;  padding: 0;}
body,p {font-family: "SpoqaHanSansNeo", sans-serif; text-rendering: optimizeLegibility; font-size: 15px; }
p {white-space: normal;} 
h1, h2, h3, h4, h5, h6 {color: #222; font-weight: 700; font-family: "SpoqaHanSansNeo", sans-serif, '맑은 고딕';}
h1 {font-size: 32px; line-height: 48px;}
h2 {font-size: 25px; line-height: 40px; letter-spacing: -1px;}
h3 {font-size: 26px; margin-bottom: 34px; letter-spacing: -0.5px;}
h4 {font-size: 22px; line-height: 28px; letter-spacing: -0.2px;}
h5 {font-size: 18px; line-height: 24px;}
.alert .icon { margin-right: 15px;}
/****************** */

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cf { clear:both; height:1px; }
.pr { position:relative; }
.pa { position:absolute; }
.al { text-align:left !important; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.aj { text-align:justify !important; }
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }

.clear{*zoom:1;}
.clear:after{clear:both; display:block; content:"";}

/*font-weight*/
.thin {font-weight: lighter; }
.normal {font-weight: normal;} 
.bold {font-weight: bold;}
.bolder {font-weight: bolder;}

/* Ul, Ol */
ul, ol {list-style: none;}

.no-padding {padding: 0;}
.gap-60 {clear: both; height: 60px;}
.gap-40 {clear: both; height: 40px;}
.gap-30 {clear: both; height: 30px;}
.gap-20 {clear: both; height: 20px;}


/* 링크 */
a {color: inherit; transition: 0.2s ease; text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #000;}
a.read-more {color: #ffb600; font-weight: 700; text-transform: uppercase;}
a.read-more:hover {color: #222;}
a:focus {outline: 0;}
a[href^=tel] {color: inherit; text-decoration: none;}

/* Title */
.title {font-size: 32px; line-height: 36px; margin-bottom: 20px;}

br.br-pc {display: block;}
br.br-mo {display: none;}

:root {
/*색상 지정*/
--gray000 : #FFFFFF;
--gray100 : #F4F4F4;
--gray200 : #E9E9E9;
--gray300 : #BFBFBF;
--gray400 : #818181;
--gray500 : #4B4B4B;
--gray600 : #2D2D2D;
--gray700 : #262021;
--gray800 : #211C1D;
--gray900 : #110D0F;

--blue100 : #C7E3F9;
--blue200 : #92C5F3;
--blue300 : #5898DC;
--blue400 : #2E6CB9;
--blue500 : #00388B;
--blue600 : #002B77;
--blue700 : #002064;
--blue800 : #001650;
--blue900 : #000F42;

--bluegray100: #F3F6FA;
--bluegray200: #E8EDF5;
--bluegray300: #D0D6E1;
--bluegray400: #B5BFD2;
--bluegray500: #828EA9;
--bluegray600: #616D8B;
--bluegray700: #424C6D;
--bluegray800: #2C355B;
--bluegray900: #1A234B;

--system100: #F0FAF2;
--system200: #2FB779;
--system300: #08362F;

--danger100: #FCF3F1;
--danger200: #DF153D;
--danger300: #6B0415;

/*폰트 사이즈 지정*/
--font-lg : 18px;
--font-md : 16px;
--font-rg : 14px;
--font-sm : 12px;	
}