@charset "UTF-8";

/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');  */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean'); */
   
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/NanumMyeongjo.eot'); 
  src: url('../../font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
	   url(../../font/NanumMyeongjo.woff2) format('woff2'),
	   url(../../font/NanumMyeongjo.woff) format('woff'),
	   url(../../font/NanumMyeongjo.otf) format('opentype');
}

@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:400;
src: url('../../font/NanumGothic.eot'); 
src: url('../../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NanumGothic.woff2) format('woff2'),
	 url(../../font/NanumGothic.woff) format('woff'),
	 url(../../font/NanumGothic.otf) format('opentype');
}
@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:bold;
src: url('../../font/NanumGothicBold.eot'); 
src: url('../../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NanumGothicBold.woff2) format('woff2'),
	 url(../../font/NanumGothicBold.woff) format('woff'),
	 url(../../font/NanumGothicBold.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src: url('../../font/NotoSansKR-Regular.eot'); 
src: url('../../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NotoSansKR-Regular.woff2) format('woff2'),
	 url(../../font/NotoSansKR-Regular.woff) format('woff'),
	 url(../../font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:bold;
src: url('../../font/NotoSansKR-Bold.eot'); 
src: url('../../font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NotoSansKR-Bold.woff2) format('woff2'),
	 url(../../font/NotoSansKR-Bold.woff) format('woff'),
	 url(../../font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
font-family:'Jockey One';
font-style:normal;
font-weight:normal;
src: url('../../font/JockeyOne.eot'); 
src: url('../../font/JockeyOne.eot?#iefix') format('embedded-opentype'),
	 url(../../font/JockeyOne.woff2) format('woff2'),
	 url(../../font/JockeyOne.woff) format('woff'),
	 url(../../font/JockeyOne.otf) format('opentype');
}

@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:400;
src: url('../../font/Montserrat.eot'); 
src: url('../../font/Montserrat.eot?#iefix') format('embedded-opentype'),
	 url(../../font/Montserrat.woff2) format('woff2'),
	 url(../../font/Montserrat.woff) format('woff'),
	 url(../../font/Montserrat.otf) format('opentype');
}



/* reset with normalize */
* {
	word-break:normal;
	box-sizing:border-box;
	-o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -webkit-text-size-adjust:none;
}

html, body {height:100%;}
body {
	margin:0;padding:0;
	color:#555;font-weight:400;font-size:15px;font-family:'Noto Sans KR', sans-serif;line-height:1.5;letter-spacing:-1px;
	background-color:#fff;
	word-break:keep-all;
	overflow-x:hidden;	
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,button,iframe,th,td,figure,aside {margin:0;padding:0;box-sizing:border-box;}
/* input {-webkit-appearance:none;} */
h1,h2,h3,h4,h5,h6 {font-weight:500;font-family:'Noto Sans KR', sans-serif;}
img,fieldset,iframe,button {border:0 none;}
li {list-style:none;}
button {font-size:15px;font-family:'Nanum Gothic', sans-serif;background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button span {display:none;}
button, a {color:#555;transition:all .3s;}
input {font-family:'Nanum Gothic', sans-serif;  -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;}
a {text-decoration:none;}
table, th, td {border-collapse:collapse;border-spacing:0;}
legend, hr {display:none;}
form {display:inline;}
input[type="text"], input[type="password"], select{-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;  -webkit-border-radius:0;}
caption{visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; text-indent:-5000px; float:left;}

/* skip navigation */
#skipToContent{position:absolute;width:100%;z-index:10000;}
#skipToContent dt{overflow:hidden;height:0;font-size:1px;}
#skipToContent a{display:block;overflow:hidden;position:absolute;top:-40px;left:0;width:100%;height:40px;background:rgba(0,0,0,.75);font-size:13px;color:#fff;text-align:center;line-height:38px;transition:all 0.2s ease;z-index:10000;}
#skipToContent a:focus{top:0;}

/* common display */
.hid{overflow:hidden;display:none;visibility:hidden;position:absolute;width:1px;height:1px;font-size:1px;white-space:nowrap;}
.hide {display:none;}
.hdn{visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; text-indent:-5000px; float:left;}
.skip {position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0}
.clearfix:after {display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}
.block {display: block!important;}
.textCenter {text-align: center;}


/* button */
.standButton {font-weight:400;line-height:35px;}
.btnGray  {color:#fff;background:#555;}
.btnWGray {color:#555;background:#dfdfdf;}
.btnDgray {color:#fff;background:#333;}


/* font style */
.fcBlue {color:#50a3e1;}
.fcGray {color:#999;}
.fcBlack {color:#333;}
.fcUline {text-decoration:underline;}

/* margin style */
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}



/* Mobile Device */
@media all and (max-width:768px) {
/* 
	768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 
	모든 해상도에서 이 코드가 실행됨. 
	미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다. 
*/
	body {
		font-size:13px;
		-webkit-appearance:none;
		-webkit-text-size-adjust:none;
		-webkit-font-smoothing:antialiased;
		-webkit-overflow-scrolling:touch;
	}

}