@charset utf-8;
/* 웹폰트 CSS */
/*@font-face{font-family:'NanumGo'; src:url(/youth/webfont/NanumGothic.eot)}
@font-face{font-family:'NanumGo'; src:url(/youth/webfont/NanumGothic.woff)}*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400&family=IBM+Plex+Sans+KR:wght@300;400;500&display=swap');
.gaegu-light {
  font-family: "Gaegu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.gaegu-regular {
  font-family: "Gaegu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-kr-light {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-sans-kr-regular {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-kr-medium {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.fontSC1 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal; 
}
.fontSC2 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal; 
}
.fontSC3 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal; 
}
.fontSC4 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 400;
  font-style: normal; 
}
.fontSC5 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 500;
  font-style: normal; 
}
.fontSC6 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 500;
  font-style: normal;  
}
.fontSC7 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 500;
  font-style: normal; 
}
.fontSC8 {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 500;
  font-style: normal; 
}
/*
@font-face{font-family:'NanumS'; font-weight:400;
			src:url("/youth/webfont/NanumSquareR.eot");
			src:url("/youth/webfont/NanumSquareR.eot?#iefix") format('embedded-opentype'),url("/youth/webfont/NanumSquareR.woff") format('woff');
}
*/
/*****************************************************************
S-CoreDream
*****************************************************************/
/*
@font-face{font-family:'S-Core4';}

.fontSC1 {
	font-family: 'S-Core1';
}
.fontSC2 {
	font-family: 'S-Core2';
}
.fontSC3 {
	font-family: 'S-Core3';
}
.fontSC4 {
	font-family: 'S-Core4';
}
.fontSC5 {
	font-family: 'S-Core5';
}
.fontSC6 {
	font-family: 'S-Core6';
}
.fontSC7 {
	font-family: 'S-Core7';
}
.fontSC8 {
	font-family: 'S-Core8';
}
@font-face {
	font-family: 'S-Core1';
	src: url('/youth/webfont/S-Core1.woff') format('woff');
	font-weight: 100!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core2';
	src: font('/youth/webfont/S-Core2.woff') format('woff');
	font-weight: 200!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core3';
	src: url('/youth/webfont/S-Core3.woff') format('woff');
	font-weight: 300!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core4';
	src: url('/youth/webfont/S-Core4.woff') format('woff');
	font-weight: 400!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core5';
	src: url('/youth/webfont/S-Core5.woff') format('woff');
	font-weight: 500!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core6';
	src: url('/youth/webfont/S-Core6.woff') format('woff');
	font-weight: 600!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core7';
	src: font('/youth/webfont/S-Core7.woff') format('woff');
	font-weight: 700!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core8';
	src: font('/youth/webfont/S-Core8.woff') format('woff');
	font-weight: 800!important;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core9';
	src: font('/youth/webfont/S-Core9.woff') format('woff');
	font-weight: 900!important;
	font-style: normal;
}
*/
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('/youth/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/youth/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/youth/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/youth/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('/youth/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/youth/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
@font-face{
			font-family:Gmarket Sans;
			src:url("/youth/fonts/GmarketSansLight.otf");
			src:url("/youth/fonts/GmarketSansLight.otf?#iefix") format('embedded-opentype'),url("/youth/fonts/GmarketSansLight.otf") format('otf');
			
		  }
		  */
/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
background:transparent;
font-family: "IBM Plex Sans KR", sans-serif;
font-weight: 300;
font-style: normal;
}
body{
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal;
  
  /*
font-family: "Noto Sans KR", serif;
font-optical-sizing: auto;
font-style: normal;
*/
/*font-family:'Nanum Gothic', sans-serif;*/
/*font-family: 'S-Core3';*/
font-size:16px;
text-shadow: none;
overflow-x:hidden;
overflow-y:auto;
font-weight: 300;
/* color:#797979; */
color:#333;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
nav ul, li{
list-style:none;
}
a{
margin:0;
padding:0;
font-size:100%;
text-decoration:none;
background:transparent;
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal;

/*font-family: "Noto Sans KR", serif;*/
/* font-family: 'S-Core3'; */
/*font-family:'Nanum Gothic', sans-serif;*/
}
a:hover {
	text-decoration:none;
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 400;
  font-style: normal;

}
img{	 /*가변적으로 이미지가 변동된다.*/
/*width:100%;
max-width:100%;*/
/*vertical-align:top; *//* 태그의 간격을 없애기 위해 설정함 */
}
a.ft_nato { 
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 300;
  font-style: normal;

/*font-family: "Noto Sans KR", serif;*/
/*font-family:'Nanum Gothic', sans-serif;*/
}
.input-custom::placeholder {
    font-size: 14px; /* 원하는 글꼴 크기 */
    color: light;      /* 원하는 색상 */
}
/*
table{
border-collapse:collapse;
border-spacing:0;
}
input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:middle;
appearance:none;
border:1px solid #c9c9c9;
color:#a3a3a3;
border-radius:2px;
font-family:NanumGothic,나눔고딕,'NanumS','맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
}
input[type="radio"] {
	border:0;
}
input::-moz-input-placeholder{
color:#a3a3a3;
}
input::-webkit-input-placeholder {
color:#a3a3a3;
}
*/