/* 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, 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%;
	font:inherit;
	vertical-align:baseline;
	box-sizing:border-box;
font-weight: 400;

} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
fieldset,img{
	border:0 none;
}
img{
	max-width:100%;
	border:0;
	vertical-align:top;
	 
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
dl,ul,ol,menu,li{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
input,select,textarea,button{
	font-size:100%;
	vertical-align:middle;
	box-sizing:border-box;
	max-width:100%;
}
audio,canvas,progress,video{
	display:inline-block;
	box-sizing:border-box;
}
button{
	border:0 none;
	background-color:transparent;
	cursor:pointer;
}
 html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:16px;
	color:#333;
	line-height:1.8;
	font-weight:300;
	letter-spacing:-0.03em;
	font-family:'Noto Sans KR',  'NanumGothic', sans-serif;
}
a{
	color:#111;
	text-decoration:none;
	outline:0;
}
a:active, a:hover{
	text-decoration:none;
}
address,caption,cite,code,dfn,em,var{
	font-style:normal;font-weight:normal;
}
body{
	-webkit-text-size-adjust:none;
}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{
	-webkit-appearance:none;border-radius:0;
}
input:checked[type='checkbox']{
	background-color:#666;
	-webkit-appearance:checkbox;
}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{
	-webkit-appearance:button;
	border-radius:0;
}
input[type='submit'],input[type='text'],input[type='password'],input[type='tel'],input[type='number'],textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
input[type='search']::-webkit-search-cancel-button{
	-webkit-appearance:none;
}
input:focus,select:focus,textarea:focus,button:focus{
	outline:none;
}
legend,hr,caption{
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999em;
	overflow:hidden;
}
*,::after,::before{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
*{word-break:keep-all;}

/* common class */ 
.hidden{
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999em;
	overflow:hidden;
}
.clear:after{
	clear:both;
	content:'';
	display:block;
}
.noBorder{
	border:0 !important;
}
.noBg{
	background:none !important;
}
.selector{
	position:absolute;
	width:0;
	height:0 !important;
	font-size:0;
	line-height:0!important;
	overflow:hidden;
	visibility:hidden;
}
.text-shadow(@text-shadow){
	-webkit-text-shadow:@text-shadow;
	text-shadow:@text-shadow;
}
.max-width{
	max-width:100%;
	width:100%;
}
.img{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.container{
	clear:both;
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
} 
@media (max-width:991px){	 
	.container{
	padding:0 25px;}}

@media (min-width:992px){	 
	.container{
	padding:0 30px;}}

@media (min-width:1230px){	 
	.container{
	padding:0 15px;
	max-width:1200px;}}

.row{
	position:relative;
	margin-right:-15px;
	margin-left:-15px;
}
.text-center{
	text-align:center !important;
}
.text-right{
	text-align:right !important;
}
.fs-sm, p.sm-1{
	font-size:15px;
}
.fw-normal{font-weight:400 !important;}
.fw-bold{font-weight:500 !important;}

.fs-sm-up{
	vertical-align:top;
}
.fc-g{
	color:#6eb414;
}
.fc-bl{
	color: #0f64ad;
}
.fade{
  opacity:0;
}
.text-animated{animation-duration:0.3s;animation-delay:0.3s;}
.zoom{
	animation:zoom 1.5s ease-in-out alternate;
	-webkit-animation:zoom 1.5s ease-in-out alternate;
}
 @keyframes zoom{
  0%{
    transform:scale(1.28);
 }
  100%{
    transform:scale(1.0);
 }
}
 .t-only,
 .m-only{
	display:none;
}
@media (max-width:991px){	 
	.pc-only2{
		display:none;
	}
	.t-only{
		display:block;
	}
}
@media (max-width:767px){	 
	.pc-only{
		display:none;
	}
	.m-only{
		display:block;
	}
	.fs-md{
		font-size:16px;
	}
	.fs-sm, p.sm-1{
		font-size:13px !important;
	}


}

/* font */ 
@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face{
  font-family:'NanumGothic';
  src:url('/fonts/NanumGothicLight.eot');
  src:local('NanumGothic Light'), local('NanumGothicLight'),
    url('/common/fonts/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/NanumGothicLight.woff2') format('woff2'),
    url('/common/fonts/NanumGothicLight.woff') format('woff'),
    url('/common/fonts/NanumGothicLight.ttf') format('truetype'),
    url('/common/fonts/NanumGothicLight.svg#NanumGothicLight') format('svg');
  font-weight:300;
  font-style:normal;
}
@font-face{
  font-family:'NanumGothic';
  src:url('/fonts/NanumGothic.eot');
  src:local('NanumGothic'),
    url('/common/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/NanumGothic.woff2') format('woff2'),
    url('/common/fonts/NanumGothic.woff') format('woff'),
    url('/common/fonts/NanumGothic.ttf') format('truetype'),
    url('/common/fonts/NanumGothic.svg#NanumGothic') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'NanumGothic';
  src:url('/fonts/NanumGothicBold.eot');
  src:local('NanumGothicBold'),
    url('/common/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/NanumGothicBold.woff2') format('woff2'),
    url('/common/fonts/NanumGothicBold.woff') format('woff'),
    url('/common/fonts/NanumGothicBold.ttf') format('truetype'),
    url('/common/fonts/NanumGothicBold.svg#NanumGothicBold') format('svg');
  font-weight:bold;
  font-style:normal;
}
@font-face{
  font-family:'NanumGothicExtraBold';
  src:url('/fonts/NanumGothicExtraBold.eot');
  src:local('NanumGothicExtraBold'),
    url('/common/fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/NanumGothicExtraBold.woff2') format('woff2'),
    url('/common/fonts/NanumGothicExtraBold.woff') format('woff'),
    url('/common/fonts/NanumGothicExtraBold.ttf') format('truetype'),
    url('/common/fonts/NanumGothicExtraBold.svg#NanumGothicExtraBold') format('svg');
  font-weight:800;
  font-style:normal;
}
@font-face{
	font-family:'Noto Sans KR';
	src:	url('/common/fonts/NotoSansKR-Regular.woff2') format('woff2'),
			url('/common/fonts/NotoSansKR-Regular.woff') format('woff'),
			url('/common/fonts/NotoSansKR-Regular.otf') format('opentype');
	font-style:normal;
	font-weight:400;
}
 
 @font-face{
  font-family:'Noto Sans KR';
	src:	url('/common/fonts/NotoSansKR-Light.woff2') format('woff2'), 
			url('/common/fonts/NotoSansKR-Light.woff') format('woff'), 
			url('/common/fonts/NotoSansKR-Light.otf') format('opentype');
	font-weight:300;
	font-style:normal;
} 
 @font-face{
  font-family:'Noto Sans KR';
   src:	 url('/common/fonts/NotoSansKR-Regular.woff2') format('woff2'), 
			 url('/common/fonts/NotoSansKR-Regular.woff') format('woff'), 
			 url('/common/fonts/NotoSansKR-Regular.otf') format('opentype');
	font-weight:400;
	font-style:normal;
}
 @font-face{
  font-family:'Noto Sans KR';
	src:	url('/common/fonts/NotoSansKR-Medium.woff2') format('woff2'), 
			url('/common/fonts/NotoSansKR-Medium.woff') format('woff'), 
			url('/common/fonts/NotoSansKR-Medium.otf') format('opentype');
	font-weight:500;
	font-style:normal;
}
 @font-face{
  font-family:'Noto Sans KR';
   src:url('/common/fonts/NotoSansKR-Bold.woff2') format('woff2'),
      url('/common/fonts/NotoSansKR-Bold.woff') format('woff'),
      url('/common/fonts/NotoSansKR-Bold.otf') format('opentype');
	font-weight:700;
	font-style:normal;
}

  

 

 /* padding, margin */
.p-1{padding:1rem !important;}
.p-2{padding:2rem !important;}

.pt-05{padding-top:0.5rem !important;}
.pt-1{padding-top:1rem !important;}
.pt-2{padding-top:2rem !important;}
.pt-5{padding-top:5rem !important;}

.pb-05{padding-bottom:0.5rem !important;}
.pb-1{padding-bottom:1rem !important;}
.pb-2{padding-bottom:2rem !important;}

.pl-05{padding-left:0.5rem !important;}
.pl-1{padding-left:1rem !important;}
.pl-2{padding-left:2rem !important;}

.pr-05{padding-right:0.5rem !important;}
.pr-1{padding-right:1rem !important;}
.pr-2{padding-right:2rem !important;}
 
.ml-05{margin-left:0.5rem !important;}
.ml-1{margin-left:1rem !important;}
.ml-2{margin-left:2rem !important;}

.mt-05{margin-top:0.5rem !important;}
.mt-1{margin-top:1rem !important;}
.mt-15{margin-top:1.5rem !important;}
.mt-2{margin-top:2rem !important;}
.mt-3{margin-top:3rem !important;}
.mt-4{margin-top:4rem !important;}

.mr-1{margin-right:1rem !important;}
.mb-3{margin-bottom:3rem !important;}
.mb-4{margin-bottom:4rem !important;}

@media all and (max-width:768px){
	.pt-05{padding-top:0.375rem !important;}
	.pt-1{padding-top:0.625rem !important;}
	.pt-2{padding-top:1.5rem !important;}
	.pt-5{padding-top:2.5rem !important;}

	.pb-05{padding-bottom:0.375rem !important;}
	.pb-1{padding-bottom:0.625rem !important;}
	.pb-2{padding-bottom:1.5rem !important;}

	.mt-05{margin-top:0.375rem !important;}
	.mt-1{margin-top:0.625rem !important;}
	.mt-15{margin-top:1rem !important;}
	.mt-2{margin-top:1rem !important;}
	.mt-3{margin-top:2rem !important;}
	.mt-4{margin-top:2rem !important;}

	.pl-1{padding-left:0.5rem !important;}
	.pr-1{padding-right:0.5rem !important;}

	.mr-1{margin-right:0.5rem !important;}
	.mb-3{margin-bottom:1.5rem !important;}
	.mb-4{margin-bottom:2rem !important;}
}