@charset "utf-8";
/* ----------
css
---------- */


/************************************************************************
 * 파일명	: reset.css
 * 설명		: reset CSS
************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900');


/* font */
@font-face {
 font-family: 'Nanum Gothic';
 font-style: normal;
 font-weight: 400;
 src: url(fonts/NanumGothic-Regular.eot);
 src: url(fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
 url(fonts/NanumGothic-Regular.woff) format('woff'),
 url(fonts/NanumGothic-Regular.ttf) format('truetype');}

@font-face {
 font-family: 'Nanum Gothic';
 font-style: normal;
 font-weight: 700;
 src: url(fonts/NanumGothic-Bold.eot);
 src: url(fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
 url(fonts/NanumGothic-Bold.woff) format('woff'),
 url(fonts/NanumGothic-Bold.ttf) format('truetype');}

@font-face {
 font-family: 'Nanum Gothic';
 font-style: normal;
 font-weight: 900;
 src: url(fonts/NanumGothic-ExtraBold.eot);
 src: url(fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
 url(fonts/NanumGothic-ExtraBold.woff) format('woff'),
 url(fonts/NanumGothic-ExtraBold.ttf) format('truetype');
 }


@font-face {
 font-family: 'Nanum Square';
 src: url('fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
 src: url('fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
 url('fonts/NanumSquareL.ttf') format('truetype'), /* Safari, Android, iOS */
 url('fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
  font-style: normal;
 font-weight: 300;}

@font-face {
 font-family: 'Nanum Square';
 src: url('fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
 src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
 url('fonts/NanumSquareR.ttf') format('truetype'), /* Safari, Android, iOS */
 url('fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
  font-style: normal;
 font-weight: 400;}

@font-face {
 font-family: 'Nanum Square';
 src: url('fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
 src: url('fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
 url('fonts/NanumSquareB.ttf') format('truetype'), /* Safari, Android, iOS */
 url('fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
  font-style: normal;
 font-weight: 700;}

@font-face {
 font-family: 'Nanum Square';
 src: url('fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
 src: url('fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
 url('fonts/NanumSquareEB.ttf') format('truetype'), /* Safari, Android, iOS */
 url('fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
  font-style: normal;
 font-weight: 900;}


@font-face {
font-family: 'NotoKr';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-DemiLight'), url(fonts/NotoSans-DemiLight.eot);
src: url(fonts/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
url(fonts/NotoSans-DemiLight.woff2) format('woff2'),
url(fonts/NotoSans-DemiLight.woff) format('woff');;
}
@font-face {
font-family: 'NotoKr';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(fonts/NotoSans-Regular.eot);
src: url(fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(fonts/NotoSans-Regular.woff2) format('woff2'),
url(fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKr';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(fonts/NotoSans-Medium.eot);
src: url(fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(fonts/NotoSans-Medium.woff2) format('woff2'),
url(fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKr';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(fonts/NotoSans-Bold.eot);
src: url(fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(fonts/NotoSans-Bold.woff2) format('woff2'),
url(fonts/NotoSans-Bold.woff) format('woff');
}



html { background:#fff;  color:#434343; font-size:17px; line-height:1;font-family:  'NotoKr', 'Nanum-regular','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; -webkit-text-size-adjust:none; word-spacing:0; letter-spacing:0; margin:0px; font-weight:100;}
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;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display: none; height: 0;}
audio, canvas, img, video {vertical-align:middle;}
body {line-height:1.3;}
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;}
img, fieldset {border:0;}
input, select, textarea {vertical-align:middle;}
body, table, th, td, input,
textarea, button, select { font-size:17px;font-family:  'NotoKr', 'Nanum-regular','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; -webkit-text-size-adjust:none; color:#434343; line-height:1.4em; font-weight:100;}
button, select {text-transform:none;  outline:0;}
button, input {line-height:inherit;}
textarea {resize:vertical; overflow:auto;}
address, caption, cite,  code,dfn, em, var {font-style:normal;	font-weight:normal;}
label {cursor:pointer;}

/* For Screen Reader */
legend {display:none; visibility:hidden;}

/* For Screen Reader */
caption {display:none; visibility:hidden;}
hr {display:block;	height:1px;	border:0;	border-top:1px solid #ccc;	margin:1em 0;	padding:0;}
a {color:#434343;	text-decoration:none; outline:0;}
a:active, a:hover, a:focus {text-decoration:none;}
a:hover {color:#333;}

strong {font-weight:700;}


/****************************** button setting ******************************/
.btn {margin:1px; font-size:1em; min-width: 140px;   padding:7px 20px; color: #fff !important;  background-color:#222;   border: none;  border-radius: 0px;  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);  transition: all 0.3s ease 0s;  display:inline-block;  text-align:Center;  vertical-align:top;}
.btn:hover { background-color: #666;  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);  color: #fff;  transform: translateY(-2px);}
.btn i {padding-left:5px; font-size:1em; display:inline-block; margin-top:-2px;}
.btn.round {border-radius:25px;}

.btn.btn-down {color: #fff;  background-color:#e0a419;  }
.btn.btn-down:hover { background-color: #584008;  color: #fff;  }

.btn.btn-go {color: #fff;  background-color:#7d9a2f;  }
.btn.btn-go:hover { background-color: #69740c;  color: #fff;  }

.btn.btn-purple {color: #fff;  background-color:#92197c;  }
.btn.btn-purple:hover { background-color: #92197c;  color: #fff;  }

.btn.btn-navy {color: #fff;  background-color:#1A3378;  }
.btn.btn-navy:hover { background-color: #1A3378;  color: #fff;  }

.btn.btn-danger {color: #fff;  background-color:#c71010;  }
.btn.btn-danger:hover { background-color: #c71010;  color: #fff;  }

.btn.btn-info {color: #fff;  background-color:#2077ec;  }
.btn.btn-info:hover { background-color: #2077ec;  color: #fff;  }

.btn.btn-white {color: #fff;  background-color:#fff; border:1px solid #c3c3c3; color: #222 !important; padding:6px 19px; }
.btn.btn-white:hover { background-color: #fff;  color: #222;  }

.btn.btn_small {height:30px !important; line-height:30px !important; padding:0 15px; min-width:100px;  font-size:0.8em;} 
.btn.btn_big2 {height:30px !important; line-height:30px !important; padding:7px 35px; min-width:100px; } 



@media all and (max-width:768px){
	html { background:#fff;  color:#434343; font-size:14px; line-height:1;font-family:  'NotoKr', 'Nanum-regular','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; -webkit-text-size-adjust:none; word-spacing:0; letter-spacing:0; margin:0px;}

	body, table, th, td, input,
	textarea, button, select { font-size:14px;font-family:  'NotoKr', 'Nanum-regular','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; -webkit-text-size-adjust:none; color:#434343;}
}

img {max-width:100%; height:auto;}