riix · December 10, 2015 00:29 · riix · Dec 26, 2012
diff --git a/base.css b/base.css
 @charset "utf-8";
 /* =============================================================================
 * Filename: base.css
 * Author: riix, EPASS C&I
 * Update: 2013-01-01
 ============================================================================= */

 /* =============================================================================
 Category : HTML5 Display Definitions
 ============================================================================= */
 header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; margin: 0px; padding: 0px; }
 audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
 audio:not([controls]) { display: none; }
 [hidden] { display: none; }

 /* =============================================================================
 Category : Normalize
 ============================================================================= */
 * { background-position: center center; background-repeat: no-repeat; }
 *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
 html { height: 100.1%; } /* force scroll bar */
 html, body { margin: 0; padding: 0; }
 body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {-webkit-text-size-adjust: 100%; }
 em, address { font-style: normal; }
 form { margin: 0; padding: 0; }
 table { border-collapse : collapse; }
 img { border: 0; -ms-interpolation-mode: bicubic; }
 .spacer { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MTA0NUI5QjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MTA0NUJBQjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMDQ1QjdCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMDQ1QjhCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CZ0UdAAAAEElEQVR42mL4//8/A0CAAQAI/AL+26JNFgAAAABJRU5ErkJggg=='); }
 .noimage { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQjA1RDc4QjM5MTExRTJCN0U0RDM3RjFERURCMjkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQjA1RDc5QjM5MTExRTJCN0U0RDM3RjFERURCMjkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVCMDVENzZCMzkxMTFFMkI3RTREMzdGMURFREIyOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVCMDVENzdCMzkxMTFFMkI3RTREMzdGMURFREIyOTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uE1obAAAAKklEQVR42mL8//8/AzZw9uxZrOJMDCSCUQ3EABZc4W1sbDwaSvTTABBgAPnECIaRwiyRAAAAAElFTkSuQmCC'); }

 a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }
 ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 svg:not(:root) { overflow: hidden; }
 .reset, .reset li { margin: 0; padding: 0; list-style: none; } /* reset */

 /* =============================================================================
 Category : Accessibility
 ============================================================================= */
 /* Skip to Content */
 #skipToContent { position: relative; }
 #skipToContent a { display: block; height:1px; width:1px; margin-bottom: -1px; overflow: hidden; text-align: center; color:#000; white-space: nowrap; }
 #skipToContent a:focus,
 #skipToContent a:active { height: auto; width: 100%; padding: 5px; margin-bottom: 10px; }

 /* Browse Happy */
 .browsehappy { display: none; position: absolute; z-index: 1000; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 10px; background: #FFFFE0; color: #000; border-bottom: solid 1px #808000; text-align: center; }
 /*
 html.ie6 .browsehappy, html.ie7 .browsehappy { display: block; }
 */

 /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
 caption,
 .reader,
 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; }
 caption { *display: none; }

 /* Hiding */
 .semantic, .blind { position: absolute; left: -1000%; top: 0; width: 1px; height: 1px; font-size:0 ; line-height: 0; overflow: hidden; }
 .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 .invisible:active,
 .invisible:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

 /* Image Replacement */
 .ir { position: relative; display: inline-block; overflow: hidden; text-decoration: none; background-repeat: no-repeat; background-position: center center; }
 .ir span { position: absolute; z-index: -1; visibility: hidden; }

 /* Page Break */
 .page-break { page-break-before: always; }

 /* Preloader */
 div.preloader { position: absolute; z-index: 1100; top: 50%; left: 50%; }
 div.preloader span { display: block; width: 100px; border: solid 1px #ccc; text-align: center; }
 div.preloaderbg { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: #000; }

 /* =============================================================================
 Category : Typhography
 ============================================================================= */
 body, input, textarea, select, option, button, th, td {
 	font-family: Verdana, 'Apple SD Gothic Neo', 'Malgun Gothic', 'nanumgothic', Sans-Serif, '돋움', '돋움체', '굴림', '굴림체';
 }
 body { font-size: 13px; }

 input, textarea, select, option { color: #666; }
 .placeholder { color: #aaa; }

 abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
 b, strong { font-weight: bold; }
 blockquote { margin: 1em 40px; }
 dfn { font-style: italic; }
 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 ins { background: #ff9; color: #000; text-decoration: none; }
 mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

 pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

 blockquote, q { quotes: none; }
 blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

 small { font-size: 11px; }

 /* Position subscript and superscript content without affecting line-height */
 sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
 sup { top: -0.5em; }
 sub { bottom: -0.25em; }

 del { text-decoration: line-through; }

 textarea.textarea { font-size: 12px; }
 small { font-size: 11px; }
 i, .ico { font-style: normal; font-weight: normal; }
 .strike { text-decoration: line-through; }

 .keep-all,
 .nowrap { word-wrap: break-word; word-break: keep-all; white-space: nowrap;  }
 .epllipsis { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -o-text-overow: ellipsis; word-wrap: break-word; word-break: keep-all; white-space: nowrap; } /* width 제한 필요 */

 .pre, .break-all {
 	white-space: pre-wrap;      /* CSS 2.1 */
 	white-space: pre-line;      /* CSS 3.0 */
 	white-space: -o-pre-wrap;   /* Opera 7 */
 	white-space: -moz-pre-wrap; /* Mozilla */
 	word-wrap: break-word;      /* IE 5+ */
 }

 .gothic { font-family: '나눔고딕', '맑은 고딕', nanumGothic, malgunGothic, appleGothic, dotum, gulim, '돋움', '돋움체', '굴림', '굴림체'; }
 .amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal; }

 /* =============================================================================
 Category : Anchor
 ============================================================================= */
 a:link { text-decoration: none; color: #666; }
 a:visited { text-decoration: none; color: #666; }
 a:hover { text-decoration: underline; color: #666; }
 a:active { text-decoration: none; color: #666; }

 /* a:hover, a:active { outline: 0; } */

 a.outline:focus, input.outline:focus, button.outline:focus, textarea.outline:focus { outline: 3px solid #D7F07F; }

 a.scale { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } /* CSS Transform Hover Anchor */

 /*
 a[href^="http://"], a.external { padding-right: 20px; background: url('../img/common/ico_external.gif') no-repeat center right; }
 a[href^="mailto:"] { padding-right: 20px; background: url('../img/common/ico_email.gif') no-repeat center right; }
 a[href$=".pdf"] { padding-right: 20px; background: url('../img/common/ico_pdf.gif') no-repeat center right; }
 */

 /* =============================================================================
 Category : Form
 ============================================================================= */
 table { border-collapse: collapse; border-spacing: 0; }
 .zebra tbody tr:nth-child(odd) { background-color: #ccc; } /* zebra-stripe */
 legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
 textarea { overflow: auto; vertical-align: top; resize: vertical; }

 select.select { padding: 0; border: solid 1px #D4DAE8; }
 select.select, select.select option { height: 18px; font-size: 12px; }

 label input { vertical-align: middle; cursor: pointer; }
 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
 button, input { line-height: normal; }
 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
 button[disabled], input[disabled] { cursor: default; }
 button::-moz-focus-inner, a::-moz-focus-inner { margin: 0; padding: 0; } /* firefox focus padding reset */

 /* input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }  */

 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
 input:valid, textarea:valid {  }
 input:invalid, textarea:invalid { background-color: #f0dddd; }

 input.txt, input.text { padding: 0 5px; width: 120px; height: 18px; line-height: 18px; font-size: 12px; border: solid 1px #D4DAE8; }
 input.short { width: 80px; }
 input.long { width: 90%; }

 /*
 html.firefox label input[type="radio"] { margin-top: -2px; }
 html.firefox label input[type="checkbox"] { margin-top: 1px; }
 */

 /* glow effect */
 input[type='text'], input[type='password'], textarea {
 	-webkit-transition: all 0.30s ease-in-out;
 	-moz-transition: all 0.30s ease-in-out;
 	-ms-transition: all 0.30s ease-in-out;
 	-o-transition: all 0.30s ease-in-out;
 	outline: none;
 }
 input[type='text']:focus, input[type='password']:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); }

 /* =============================================================================
 Category : Float
 ============================================================================= */
 .clear { clear: both; }
 .clearfix { display: inline-block; *zoom: 1; }
 .clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; font-size: 0; }
 /* start commented backslash hack \*/
 * html .clearfix { height: 1%; }
 .clearfix { display: block; }
 /* close commented backslash hack */

 /* =============================================================================
 Category : Display
 ============================================================================= */
 .show { display: block; }
 .hide { display: none; }
 .block { display: block; }
 .fleft { float: left; }
 .fright { float: right; }
 .relative { position: relative; z-index: 2; }
 .absolute { position: absolute; z-index: 3; }
 .center { text-align: center !important; }
 .left { text-align: left !important; }
 .right { text-align: right !important; }
 .vtop { vertical-align: top; }
 .vmiddle { vertical-align: middle; }

 /* =============================================================================
 Category : Print
 ============================================================================= */
 @media print {
 	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
 	a, a:visited { text-decoration: underline; }
 	a[href]:after { content: " (" attr(href) ")"; }
 	abbr[title]:after { content: " (" attr(title) ")"; }
 	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Do not show links for images, or javascript/internal links */
 	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 	thead { display: table-header-group; } /* h5bp.com/t */
 	tr, img { page-break-inside: avoid; }
 	img { max-width: 100% !important; }
 	@page { margin: 0.5cm; }
 	p, h2, h3 { orphans: 3; widows: 3; }
 	h2, h3 { page-break-after: avoid; }
 }

 /* =============================================================================
 Category : Carousel
 ============================================================================= */
 div.carousel-pager { position: relative; }
 div.carousel-pager div.core { position: absolute; z-index: 2; left: 0px; top: 0px; }
 div.carousel-pager a { position: relative; display: inline-block; text-align: center; overflow: hidden; text-decoration: none; }
 div.carousel-pager a span { position: absolute; z-index: -1; visibility: hidden; }
 ul.carousel { z-index: 1; margin: 0px; padding: 0px; list-style: none; }
 ul.carousel li { float: left; margin: 0px; padding: 0px; }

 /* html
 <div class="carousel-pager">
 	<div class="core">
 		<a href="#" class="prev"><span>이전</span></a>
 		<a href="#" class="next"><span>다음</span></a>
 	</div>
 </div>
 <div class="carousel-wrapper">
 	<ul class="carousel">
 		<li></li>
 		<li></li>
 		<li></li>
 	</ul>
 </div>
 */

 /* =============================================================================
 Category : Button
 ============================================================================= */
 .button-a { position: relative; display: inline-block; margin: 2px; vertical-align: top; }
 .button-a * { display: inline-block; padding: 0 8px; font-size: 12px; height: 24px; line-height: 22px; margin: 0; font-weight: bold !important; color: #fff; text-decoration: none !important; border: 1px solid; cursor: pointer; overflow: visible; border-radius: 3px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color: #666; text-shadow: 0 -1px 0 #333; zoom: 1; }
 .button-a a { height: 22px; }
 .button-a a,
 .button-a button,
 .button-a input { border-color: #ccc; color: #333; background: #eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd)); background: #eee -moz-linear-gradient(top,#fff,#ddd); background-color: #eee; text-shadow: 1px 1px 0 #fff; filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd); }
 .button-a a.submit,
 .button-a input[type=submit],
 .button-a button[type=submit] { border-color: #666; background: #333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)); background: #333 -moz-linear-gradient(top,#777,#000); background-color: #333; color: #ffc; filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333); text-shadow: 1px 1px 0 #000; }

 /* =============================================================================
 Category : List
 ============================================================================= */
 ul.tab { margin: 0; padding: 0; list-style: none; *zoom: 1; }
 ul.tab li { float: left; }
 ul.tab:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; font-size: 0; }

 dl.table { margin: 0; padding: 0; }
 dl.table dt { clear: left; float: left; margin: 0; padding: 0; }
 dl.table dt img { vertical-align: middle; }
 dl.table dd { margin: 0 0px 0 100px; padding: 0; height: 20px; }

 /* =============================================================================
 Category : Cheat Sheet
 ============================================================================= */
 /* Cross Browser Minimum Height */
 .min-height {
 	min-height: 500px;
 	height: auto !important; /* except ie6 will respect the !important flag */
 	height: 500px;
 }

 /* Opacity */
 .opacity {
 	opacity: 0.7;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	filter: alpha(opacity=70);
 }

 /* Round */
 .round {
 	-webkit-border-radius: 25px;
 	-moz-border-radius: 25px;
 	border-radius: 25px;
 }

 /* Fixed footer for IE 6 */
 .fixed_footer { position:fixed; left:0px; bottom:0px; height:30px; width:100%; background:#999; }
 * html .fixed_footer {
 	position: absolute;
 	top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
 }

 /* Vertical Center */
 .test {
 	min-height: 10em;
 	display: table-cell;
 	vertical-align: middle;
 }

 /* Photo Background */
 .pagebg {
 	width: 100% !important;
 	height: 100% !important;
 	position: fixed !important;
 	background-size: cover !important;
 	background-position: center center !important;
 }

 /* =============================================================================
 Category :
 ============================================================================= */
	@charset "utf-8";
	/* =============================================================================
	* Filename: base.css
	* Author: riix, EPASS C&I
	* Update: 2013-01-01
	============================================================================= */

	/* =============================================================================
	Category : HTML5 Display Definitions
	============================================================================= */
	header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; margin: 0px; padding: 0px; }
	audio, canvas, video { display: inline-block; display: inline; zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }

	/* =============================================================================
	Category : Normalize
	============================================================================= */
	* { background-position: center center; background-repeat: no-repeat; }
	, :after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
	html { height: 100.1%; } /* force scroll bar */
	html, body { margin: 0; padding: 0; }
	body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {-webkit-text-size-adjust: 100%; }
	em, address { font-style: normal; }
	form { margin: 0; padding: 0; }
	table { border-collapse : collapse; }
	img { border: 0; -ms-interpolation-mode: bicubic; }
	.spacer { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MTA0NUI5QjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MTA0NUJBQjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMDQ1QjdCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMDQ1QjhCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CZ0UdAAAAEElEQVR42mL4//8/A0CAAQAI/AL+26JNFgAAAABJRU5ErkJggg=='); }
	.noimage { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQjA1RDc4QjM5MTExRTJCN0U0RDM3RjFERURCMjkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQjA1RDc5QjM5MTExRTJCN0U0RDM3RjFERURCMjkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVCMDVENzZCMzkxMTFFMkI3RTREMzdGMURFREIyOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVCMDVENzdCMzkxMTFFMkI3RTREMzdGMURFREIyOTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uE1obAAAAKklEQVR42mL8//8/AzZw9uxZrOJMDCSCUQ3EABZc4W1sbDwaSvTTABBgAPnECIaRwiyRAAAAAElFTkSuQmCC'); }

	a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }
	::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
	::selection { background: #fe57a1; color: #fff; text-shadow: none; }
	svg:not(:root) { overflow: hidden; }
	.reset, .reset li { margin: 0; padding: 0; list-style: none; } /* reset */

	/* =============================================================================
	Category : Accessibility
	============================================================================= */
	/* Skip to Content */
	#skipToContent { position: relative; }
	#skipToContent a { display: block; height:1px; width:1px; margin-bottom: -1px; overflow: hidden; text-align: center; color:#000; white-space: nowrap; }
	#skipToContent a:focus,
	#skipToContent a:active { height: auto; width: 100%; padding: 5px; margin-bottom: 10px; }

	/* Browse Happy */
	.browsehappy { display: none; position: absolute; z-index: 1000; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 10px; background: #FFFFE0; color: #000; border-bottom: solid 1px #808000; text-align: center; }
	/*
	html.ie6 .browsehappy, html.ie7 .browsehappy { display: block; }
	*/

	/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
	caption,
	.reader,
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; }
	caption { *display: none; }

	/* Hiding */
	.semantic, .blind { position: absolute; left: -1000%; top: 0; width: 1px; height: 1px; font-size:0 ; line-height: 0; overflow: hidden; }
	.invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.invisible:active,
	.invisible:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

	/* Image Replacement */
	.ir { position: relative; display: inline-block; overflow: hidden; text-decoration: none; background-repeat: no-repeat; background-position: center center; }
	.ir span { position: absolute; z-index: -1; visibility: hidden; }

	/* Page Break */
	.page-break { page-break-before: always; }

	/* Preloader */
	div.preloader { position: absolute; z-index: 1100; top: 50%; left: 50%; }
	div.preloader span { display: block; width: 100px; border: solid 1px #ccc; text-align: center; }
	div.preloaderbg { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: #000; }

	/* =============================================================================
	Category : Typhography
	============================================================================= */
	body, input, textarea, select, option, button, th, td {
	font-family: Verdana, 'Apple SD Gothic Neo', 'Malgun Gothic', 'nanumgothic', Sans-Serif, '돋움', '돋움체', '굴림', '굴림체';
	}
	body { font-size: 13px; }

	input, textarea, select, option { color: #666; }
	.placeholder { color: #aaa; }

	abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

	small { font-size: 11px; }

	/* Position subscript and superscript content without affecting line-height */
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	del { text-decoration: line-through; }

	textarea.textarea { font-size: 12px; }
	small { font-size: 11px; }
	i, .ico { font-style: normal; font-weight: normal; }
	.strike { text-decoration: line-through; }

	.keep-all,
	.nowrap { word-wrap: break-word; word-break: keep-all; white-space: nowrap; }
	.epllipsis { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -o-text-overow: ellipsis; word-wrap: break-word; word-break: keep-all; white-space: nowrap; } /* width 제한 필요 */

	.pre, .break-all {
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word; /* IE 5+ */
	}

	.gothic { font-family: '나눔고딕', '맑은 고딕', nanumGothic, malgunGothic, appleGothic, dotum, gulim, '돋움', '돋움체', '굴림', '굴림체'; }
	.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal; }

	/* =============================================================================
	Category : Anchor
	============================================================================= */
	a:link { text-decoration: none; color: #666; }
	a:visited { text-decoration: none; color: #666; }
	a:hover { text-decoration: underline; color: #666; }
	a:active { text-decoration: none; color: #666; }

	/* a:hover, a:active { outline: 0; } */

	a.outline:focus, input.outline:focus, button.outline:focus, textarea.outline:focus { outline: 3px solid #D7F07F; }

	a.scale { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } /* CSS Transform Hover Anchor */

	/*
	a[href^="http://"], a.external { padding-right: 20px; background: url('../img/common/ico_external.gif') no-repeat center right; }
	a[href^="mailto:"] { padding-right: 20px; background: url('../img/common/ico_email.gif') no-repeat center right; }
	a[href$=".pdf"] { padding-right: 20px; background: url('../img/common/ico_pdf.gif') no-repeat center right; }
	*/

	/* =============================================================================
	Category : Form
	============================================================================= */
	table { border-collapse: collapse; border-spacing: 0; }
	.zebra tbody tr:nth-child(odd) { background-color: #ccc; } /* zebra-stripe */
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }

	select.select { padding: 0; border: solid 1px #D4DAE8; }
	select.select, select.select option { height: 18px; font-size: 12px; }

	label input { vertical-align: middle; cursor: pointer; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	button::-moz-focus-inner, a::-moz-focus-inner { margin: 0; padding: 0; } /* firefox focus padding reset */

	/* input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; } */

	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 13px; height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	input:valid, textarea:valid { }
	input:invalid, textarea:invalid { background-color: #f0dddd; }

	input.txt, input.text { padding: 0 5px; width: 120px; height: 18px; line-height: 18px; font-size: 12px; border: solid 1px #D4DAE8; }
	input.short { width: 80px; }
	input.long { width: 90%; }

	/*
	html.firefox label input[type="radio"] { margin-top: -2px; }
	html.firefox label input[type="checkbox"] { margin-top: 1px; }
	*/

	/* glow effect */
	input[type='text'], input[type='password'], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	}
	input[type='text']:focus, input[type='password']:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); }

	/* =============================================================================
	Category : Float
	============================================================================= */
	.clear { clear: both; }
	.clearfix { display: inline-block; *zoom: 1; }
	.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; font-size: 0; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

	/* =============================================================================
	Category : Display
	============================================================================= */
	.show { display: block; }
	.hide { display: none; }
	.block { display: block; }
	.fleft { float: left; }
	.fright { float: right; }
	.relative { position: relative; z-index: 2; }
	.absolute { position: absolute; z-index: 3; }
	.center { text-align: center !important; }
	.left { text-align: left !important; }
	.right { text-align: right !important; }
	.vtop { vertical-align: top; }
	.vmiddle { vertical-align: middle; }

	/* =============================================================================
	Category : Print
	============================================================================= */
	@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Do not show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	}

	/* =============================================================================
	Category : Carousel
	============================================================================= */
	div.carousel-pager { position: relative; }
	div.carousel-pager div.core { position: absolute; z-index: 2; left: 0px; top: 0px; }
	div.carousel-pager a { position: relative; display: inline-block; text-align: center; overflow: hidden; text-decoration: none; }
	div.carousel-pager a span { position: absolute; z-index: -1; visibility: hidden; }
	ul.carousel { z-index: 1; margin: 0px; padding: 0px; list-style: none; }
	ul.carousel li { float: left; margin: 0px; padding: 0px; }

	/* html
	<div class="carousel-pager">
	<div class="core">
	<a href="#" class="prev"><span>이전</span></a>
	<a href="#" class="next"><span>다음</span></a>
	</div>
	</div>
	<div class="carousel-wrapper">
	<ul class="carousel">
	<li></li>
	<li></li>
	<li></li>
	</ul>
	</div>
	*/

	/* =============================================================================
	Category : Button
	============================================================================= */
	.button-a { position: relative; display: inline-block; margin: 2px; vertical-align: top; }
	.button-a * { display: inline-block; padding: 0 8px; font-size: 12px; height: 24px; line-height: 22px; margin: 0; font-weight: bold !important; color: #fff; text-decoration: none !important; border: 1px solid; cursor: pointer; overflow: visible; border-radius: 3px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color: #666; text-shadow: 0 -1px 0 #333; zoom: 1; }
	.button-a a { height: 22px; }
	.button-a a,
	.button-a button,
	.button-a input { border-color: #ccc; color: #333; background: #eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd)); background: #eee -moz-linear-gradient(top,#fff,#ddd); background-color: #eee; text-shadow: 1px 1px 0 #fff; filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd); }
	.button-a a.submit,
	.button-a input[type=submit],
	.button-a button[type=submit] { border-color: #666; background: #333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)); background: #333 -moz-linear-gradient(top,#777,#000); background-color: #333; color: #ffc; filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333); text-shadow: 1px 1px 0 #000; }

	/* =============================================================================
	Category : List
	============================================================================= */
	ul.tab { margin: 0; padding: 0; list-style: none; *zoom: 1; }
	ul.tab li { float: left; }
	ul.tab:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; font-size: 0; }

	dl.table { margin: 0; padding: 0; }
	dl.table dt { clear: left; float: left; margin: 0; padding: 0; }
	dl.table dt img { vertical-align: middle; }
	dl.table dd { margin: 0 0px 0 100px; padding: 0; height: 20px; }

	/* =============================================================================
	Category : Cheat Sheet
	============================================================================= */
	/* Cross Browser Minimum Height */
	.min-height {
	min-height: 500px;
	height: auto !important; /* except ie6 will respect the !important flag */
	height: 500px;
	}

	/* Opacity */
	.opacity {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	}

	/* Round */
	.round {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	}

	/* Fixed footer for IE 6 */
	.fixed_footer { position:fixed; left:0px; bottom:0px; height:30px; width:100%; background:#999; }
	* html .fixed_footer {
	position: absolute;
	top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
	}

	/* Vertical Center */
	.test {
	min-height: 10em;
	display: table-cell;
	vertical-align: middle;
	}

	/* Photo Background */
	.pagebg {
	width: 100% !important;
	height: 100% !important;
	position: fixed !important;
	background-size: cover !important;
	background-position: center center !important;
	}

	/* =============================================================================
	Category :
	============================================================================= */