@charset "utf-8";
@font-face {
	font-family: 'Nanum Gothic';
	font-weight: 400;
	src: local('NanumGothic'), local('나눔고딕'), local('Nanum Gothic');
	src: url('../fonts/NanumGothic-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
					url('../fonts/NanumGothic-Regular.woff2') format('woff2'), /* Super Modern Browsers */
					url('../fonts/NanumGothic-Regular.woff') format('woff'), /* Pretty Modern Browsers */
					url('../fonts/NanumGothic-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'Nanum Gothic';
	font-weight: 700;
	src: local('NanumGothic'), local('나눔고딕'), local('Nanum Gothic');
	src: url('../fonts/NanumGothic-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
					url('../fonts/NanumGothic-Bold.woff2') format('woff2'), /* Super Modern Browsers */
					url('../fonts/NanumGothic-Bold.woff') format('woff'), /* Pretty Modern Browsers */
					url('../fonts/NanumGothic-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

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



/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/**
 * basic 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, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;font:inherit}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display:block}
audio, canvas, video {display:inline-block}
audio:not([controls]) {display:none;height:0}
[hidden] {display: none} /* Address styling not present in IE 8/9. */
input[type=text]::-ms-clear {display:none;} /* ie10 이상에서 input box에 우측 X표시 생성 제거 gov31 2018.09.27 */

body { 
 font-size: 16px;
 font-family:  "Nanum Gothic", "나눔고딕", "맑은고딕", "돋움", Dotum,Arial,Helvetica,sans-serif; 
	-webkit-tap-highlight-color: rgba(255, 204, 0, .5);
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	line-height: 1em;
	letter-spacing: -0.05em;;
	color: #000;
	min-width: 280px;
}

/* link */
a, a:link, a:visited {color:#006a9e ;text-decoration:none}
a:hover, a:focus, a:active {color:#006a9e }

#flexslider-1 a:focus,  #flexslider-1 a:focus .banner-title, #flexslider-1 a:focus .banner-image img, #flexslider-1 .flex-control-nav a:focus, .treemap-wrap a:focus span {outline:thin dotted}
#flexslider-1 a:focus span.banner-title, #flexslider-1 a:focus span.banner-image {overflow:hidden}
/** Typography */
/* p, pre {margin: .875em 0} */
blockquote {margin:1.5em 30px}

/* h */
h1 {}
h2	{font-size: 1.571em;}
h3 {}
h4 {}
h5 {font-size: 1em;font-weight: 700}
h6 {font-size: 1em;font-weight: 700}

img {max-width: 100%;}
#content img {height: auto !important;}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {border-bottom: 1px dotted}
b,  strong {font-weight: 700;font-family: inherit;;}
dfn {font-style: italic} /* Address styling not present in Safari 5 and Chrome. */

/* Address differences between Firefox and other browsers. */
hr {height:0;margin:1.5em 0;padding-bottom:0px;border:1px solid #666;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
mark {background:#ff0;color:#000} /* Address styling not present in IE 8/9. */
/* Improve readability of pre-formatted text in all browsers. */
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}

/* Set consistent quote types. */
q {quotes: "\201C" "\201D" "\2018" "\2019"}
/* Address inconsistent and variable font size in all browsers. */
small {font-size: 80%}

/**
 * Lists
 */
ol ol, ol ul, ul ol, ul ul {margin:0} /* Turn off margins on nested lists. */

/* Correct list images handled incorrectly in IE 7. */
nav ul, nav ol {list-style:none;list-style-image: none}
img {border:0;-ms-interpolation-mode: bicubic;vertical-align: middle;} /* Improve image quality when scaled in IE 7. */
/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {overflow: hidden}

/* Forms */
form {margin:0}
fieldset {border: 0}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
button,
input,
select,
textarea { font-size: 0.8125em;font-family: "나눔고딕", "Nanum Gothic", "맑은고딕", "돋움",Dotum,Arial,Helvetica,sans-serif; font-family:inherit;font-size:100%;vertical-align:baseline;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button.no-btnstyle{padding:0;border:transparent;background:transparent;font-family:inherit;font-size:inherit}

button,
input {line-height:normal} /* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button,
select {text-transform:none}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. 
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none; /* 2 */
	cursor: pointer; /* 3 */
}


.lt-ie9 button,
.lt-ie9 html input[type="button"], 
.lt-ie9 input[type="reset"],
.lt-ie9 input[type="submit"] {
	overflow: visible; /* Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
}

button[disabled], html input[disabled] {cursor:default} /* Re-set default cursor for disabled elements. */

input[type="checkbox"],
input[type="radio"] {width: 20px;height: 20px;border-radius: 3px;border: 1px solid #b5b5b5 !important;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

label>input[type="checkbox"],
label>input[type="radio"] {cursor: pointer}


input[type="search"] {
	-webkit-appearance: textfield; /* Address `appearance` set to `searchfield` in Safari 5 and Chrome. */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

input[type="text"] { -webkit-appearance:none;  /* Remove default shadow */ }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} /* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */

button::-moz-focus-inner,
input::-moz-focus-inner {padding:0;border: 0;} /* Remove inner padding and border in Firefox 4+. */
:focus { -moz-outline-style: 1px solid #fff;}


textarea {
	overflow: auto; /* Remove default vertical scrollbar in IE 8/9. */
	vertical-align: top; /* Improve readability and alignment in all browsers. */
}
/* Drupal-style form labels. */
label {display:inline-block;font-weight:400;font-size: inherit}
label * {vertical-align: middle;}

table{width:100%;margin:15px 0;border-collapse:separate;border-spacing:0;}

ul, ol, li {list-style:none}

* {box-sizing: border-box}
/* .element-invisible {position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px 1px 1px 1px)} */
.element-invisible {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
table .element-invisible {width: 0;height: 0;}
.normal {font-weight: 400 !important}	
.hide {display: none}

/** clearfix from Nicolas Gallagher **/
.cf:before, .cf:after {content: " ";display:table;padding:0}
.cf:after {clear:both}
.clearfix:before, .clearfix:after {content: " ";display:table;padding:0}
.clearfix:after {clear:both}
.clear {clear:both}
.block {display: block}

/* all */
::-webkit-input-placeholder { color:#545454;font-size: 13px;font-family: "Nanum Gothic";}
::-moz-placeholder { color:#545454;font-size: 13px;font-family: "Nanum Gothic";opacity: 1;} /* firefox 19+ */
:-ms-input-placeholder { color:#545454;font-size: 13px;font-family: "Nanum Gothic";} /* ie */
input:-moz-placeholder { color:#545454;font-size: 13px;font-family: "Nanum Gothic";opacity: 1;} 

/* p */
.indent15 {padding-left: 15px;text-indent: -15px;}
.indent20 {padding-left: 20px;text-indent: -20px;}

/* color */
.txt-point {color: #c72868 !important;}
.txt-point-dark {color: #783c54 !important;}
.txt-blue {color: #006a9e !important}

/*** butto custom style ***/
.btn {display: inline-block;margin: 0;padding: 8px 20px 7px;background: #bbbbbb;border: 1px solid transparent;color: #000;font-size: 13px;font-weight: 700;letter-spacing: -0.05em;vertical-align: top;border-radius: 5px;line-height: 1}
a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active {color: #000;}
.btn-light {background: #f9f9f9;border: 1px solid #e3e3e3;color: #783c54 !important;}
.btn-light-gray {background: #f9f9f9;border: 1px solid #e3e3e3;color: #000 !important;}
.btn-light-pink {background: #f9f9f9;border: 1px solid #e3e3e3;color: #c8276a !important;}
.btn-point {background: #f8eff3;border: 1px solid #b5b5b5;color: #783c54 !important;font-weight: 700;}
.btn-point-gray {background: #f9f9f9;border: 1px solid #e3e3e3;color: #783c54 !important;font-weight: 700;}
.btn-pink {background: #c72868;color: #fff !important}
.btn-violet {background: #783c55;color: #fff !important;}
.btn-white {background: #fff;border: 1px solid #000;}
.btn-square {border-radius: 0;}
.btn-white-pink,
.btn-download  {background: #fff;border: 1px solid #c72868;color: #c72868;}
.btn-round {border-radius: 15px;}

/*** btn size ***/
.btn-narrow {padding: 8px 10px 7px;}
.btn-large {padding: 10px 20px}
.btn-small {padding: 4px 5px 4px;}
.btn-big {font-size: 0.875em}

/***   input 2019 ***/
/* select */
input {height: 30px;padding: 0 0 0 10px;border:1px solid #e4e4e4;font-size: inherit;}
select {
	position:relative; 
	display:inline-block; 
	width:auto;
	height:30px; 
	padding:0 0px 0 10px; 
	font-size: 0.8125em;  /* 14/16*/ 
	color:#000; 
	vertical-align:middle; 
	/* -webkit-appearance:none; 
	-moz-appearance:none; 
	-o-appearance:none; 
	-ms-appearance:none; 
	appearance:none; */
	background-color: #fff;
	/* background:#fff url("../images/common/arrow.png") no-repeat right 5px center;  */
	border:1px solid #b5b5b5;
	border-radius: 5px;
	vertical-align: top;
}
select.big {height: 34px;line-height: 34px;}
textarea {width: 100%;height: 100px;padding: 10px;border:1px solid #e4e4e4;}
select:disabled {background-color: #f8f8f8;}

input:disabled, input[readonly], select:disabled, button:disabled {border: 1px solid #ccc !important;background: #ccc !important;color: #747474 !important;}



#skip-link {margin:0}
#skip-link a {position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px 1px 1px 1px);z-index: 100000;}
#skip-link a:active,
#skip-link a:focus  {overflow:auto;clip:auto;width:100%;height:auto;width:100%;padding:10px 0;background-color: #666;text-align:center;color:#fff}
input[name*=search] {ime-mode:active;}

/* margin */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}


@media screen and (max-width: 1023px) {
  html, body {font-size: 60.9%}
  div, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  b, u, i,
  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,img {
    font-size: 1.3rem;
		line-height: 1.5;
  }
	span, em, strong {font-size: inherit;}
	input, select, p, a, label {font-size: 1.3rem;}

	.btn {padding: 8px 10px 9px;font-size: 1.3rem;}
	.btn-big {font-size: 1.4rem}
	.btn-small {padding: 3px 5px;}
	.btn-round {border-radius: 5px}



}