@CHARSET "UTF-8";
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

@font-face{
font-family:'CoreGothic1';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic1.eot');
src:url('/resources/css/font/CoreGothic1.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic1.woff') format('woff'),
url('/resources/css/font/CoreGothic1.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic2';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic2.eot');
src:url('/resources/css/font/CoreGothic2.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic2.woff') format('woff'),
url('/resources/css/font/CoreGothic2.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic3';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic3.eot');
src:url('/resources/css/font/CoreGothic3.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic3.woff') format('woff'),
url('/resources/css/font/CoreGothic3.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic4';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic4.eot');
src:url('/resources/css/font/CoreGothic4.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic4.woff') format('woff'),
url('/resources/css/font/CoreGothic4.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic5';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic5.eot');
src:url('/resources/css/font/CoreGothic5.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic5.woff') format('woff'),
url('/resources/css/font/CoreGothic5.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic6';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic6.eot');
src:url('/resources/css/font/CoreGothic6.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic6.woff') format('woff'),
url('/resources/css/font/CoreGothic6.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic7';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic7.eot');
src:url('/resources/css/font/CoreGothic7.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic7.woff') format('woff'),
url('/resources/css/font/CoreGothic7.ttf') format('truetype');
}

@font-face{
font-family:'CoreGothic9';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic9.eot');
src:url('/resources/css/font/CoreGothic9.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic9.woff') format('woff'),
url('/resources/css/font/CoreGothic9.ttf') format('truetype');
}


@font-face {
font-family:'Exo2.0-SemiBold';
src: url('/resources/css/font/Exo20-SemiBold.eot') 
	 url('/resources/css/font/Exo20-SemiBold.woff') format('woff'),
	 url('/resources/css/font/font/Exo20-SemiBold.ttf') format('truetype'),
	 url('/resources/css/font/Exo20-SemiBold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
font-family: 'Exo2.0-Black';
src: url('/resources/css/font/Exo20-Black.eot'), 
	url('/resources/css/font/Exo20-Black.ttf') format('truetype'), 
	url('/resources/css/font/Exo20-Black.woff') format('woff'),
	url('/resources/css/font/Exo20-Black.otf') format('opentype');  
	font-weight: normal;
	font-style: normal;
}		

@font-face {
font-family:'Exo2.0-Bold';
src: url('/resources/css/font/Exo20-Bold.eot'),
	 url('/resources/css/font/Exo20-Bold.ttf') format('truetype'),
	 url('/resources/css/font/Exo20-Bold.woff') format('woff'),
	 url('/resources/css/font/Exo20-Bold.otf') format('opentype');  
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
font-family: 'Exo2.0-Regular';
src: url('/resources/css/font/Exo20-Regular.eot'),
	url('/resources/css/font/Exo20-Regular.ttf') format('truetype'),
	url('/resources/css/font/Exo20-Regular.woff') format('woff'),
	url('/resources/css/font/Exo20-Regular.otf') format('opentype'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {
font-family: 'Exo2.0-SemiBoldItalic';
src: url('/resources/css/font/Exo20-SemiBoldItalic.eot'),
   url('/resources/css/font/Exo20-SemiBoldItalic.ttf') format('truetype'), 
   url('/resources/css/font/Exo20-SemiBoldItalic.woff') format('woff'),
   url('/resources/css/font/Exo20-SemiBoldItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'RobotoCondensed-Regular';
	src: url('/resources/css/font/RobotoCondensed-Regular.eot'),
	url('/resources/css/font/RobotoCondensed-Regular.ttf') format("truetype"),
	url('/resources/css/font/RobotoCondensed-Regular.woff') format("woff"),
	url('/resources/css/font/RobotoCondensed-Regular.otf') format('opentype');
  	font-weight: normal;
  	font-style: normal;

}

@font-face {
font-family: 'RobotoCondensed-Light';
src: url('/resources/css/font/RobotoCondensed-Light.eot'),
	url('/resources/css/font/RobotoCondensed-Light.ttf') format('truetype'),
	url('/resources/css/font/RobotoCondensed-Light.woff') format('woff'),
	url('/resources/css/font/RobotoCondensed-Light.otf') format('opentype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
font-family: 'RobotoCondensed-Bold';
src: url('/resources/css/font/RobotoCondensed-Bold.eot'),
	url('/resources/css/font//RobotoCondensed-Bold.ttf') format('truetype'), 
	url('/resources/css/font/RobotoCondensed-Bold.woff') format('woff'), 
	url('/resources/css/font/RobotoCondensed-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('/resources/css/font/Roboto-Regular.eot'),
    url('/resources/css/font/Roboto-Regular.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Regular.woff') format('woff'),
    url('/resources/css/font/Roboto-Regular.otf') format('opentype'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('/resources/css/font//Roboto-Medium.eot'),
    url('/resources/css/font/Roboto-Medium.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Medium.otf') format('opentype'),
    url('/resources/css/font/Roboto-Medium.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('/resources/css/font//Roboto-Light.eot'),
    url('/resources/css/font/Roboto-Light.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Light.otf') format('opentype'),
    url('/resources/css/font/Roboto-Light.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url('/resources/css/font//Roboto-Thin.eot'),
    url('/resources/css/font/Roboto-Thin.ttf') format('ruetype'),
    url('/resources/css/font/Roboto-Thin.otf') format('opentype'),
    url('/resources/css/font/Roboto-Thin.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Thin.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 300;
  src: url('/resources/fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Light.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Regular.woff') format('woff');
}
/* @font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/Welcome-Regular.ttf') format('truetype');
  unicode-range: U+0041-005A, U+0061-007A;
} */
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
  	   url('/resources/fonts/SpoqaHanSansNeo-Medium.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
  	   url('/resources/fonts/font/SpoqaHanSansNeo-Bold.woff') format('woff');
}
/* @font-face {
  font-display: swap;
  font-family: 'SpoqaHanSansNeo';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/Welcome-Bold.ttf') format('truetype');
  unicode-range: U+0041-005A, U+0061-007A;
} */

/* Welcome체 */
@font-face {
  font-display: swap;
  font-family: 'Welcome';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/Welcome-Regular.ttf') format('truetype');
/*   unicode-range: U+0041-005A, U+0061-007A; */
}
@font-face {
  font-display: swap;
  font-family: 'Welcome';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/Welcome-Bold.ttf') format('truetype');
/*   unicode-range: U+0041-005A, U+0061-007A; */
}

/* RixGo B */
@font-face {
  font-display: swap;
  font-family: 'RixGoB';
  font-style: normal;
  font-weight: normal;
  src: url('/resources/fonts/RixGoB.ttf') format('truetype');
}

/* reset css 써주세요~*/
* { margin:0; padding:0; }
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 { font-family:'CoreGothic2'; /* font-size:13px; color:#5d5d5d; */ letter-spacing:-1.5px; margin:0; padding:0; }

ul, li { list-style:none;}
img { border:0; }
a { text-decoration:none;
   -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 탭할 때 하이라이트 표시 없애기 */
   -webkit-touch-callout : none; /* 오래 누를 때 팝업금지 */
   -webkit-user-select : none; /* 문자 선택금지 */
 }
button, [type=button] {-webkit-appearance: none; border: 0; background: none; font-family: 'SpoqaHanSansNeo', sans-serif, NanumGothic, Arial, Helvetica, "굴림체";}
input, textarea {-webkit-border-radius: 0; border: 0; font-family: 'spoqaHanSansNeo', sans-serif, NanumGothic, Arial, Helvetica, "굴림체";}
input:focus {outline: none;}

input::-webkit-input-placeholder {color: inherit;color: var(--color-gray); font-family: inherit; font-size: inherit;}
input::-moz-placeholder {color: inherit;color: var(--color-gray); font-family: inherit; font-size: inherit;}
input:-moz-placeholder {color: inherit;color: var(--color-gray); font-family: inherit; font-size: inherit;}
input::placeholder {color: inherit;color: var(--color-gray); font-family: inherit; font-size: inherit;}

:root { /* 주석은 375 기준 */
	--border-radius-content: 27px; /* 10px */
	
	--font-size-content: 35px; /* 13px */
	--font-size-contenttitle: 40px; /* 15px */
	
	
	--point-red:#ea2127;
	
	--color-font-gray: #bebebf;
	--color-red: #ea2127;
	--color-lightgray: #acacad;
	--color-gray: #6f717b;
	--color-darkgray: #26272b;
	--color-black: #131415;
}


/* float을 해제할 부모요소에 .clearfix 혹은 .cf */
/* .clearfix {zoom:1; ie 6,7} */
/* .clearfix::before, .clearfix::after {content:" "; display:table;} */
/* .clearfix::after {clear:both;} */
.cf::after, .clearfix::after {content: ''; display:table; clear:both;}

.pc_only {display: none;}
.sr_only {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);} /* 스크린리더에만 읽히고, 화면에서는 제외 */
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.padding_N {padding: 0 !important;}
.text_left {text-align: left;}
.img_wrap {overflow: hidden;}
.img_wrap img {width: 100%;}