@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*font-family: 'Nanum Barun Gothic', sans-serif;*/

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,
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;
	border: 0;
	font-size: 11px; letter-spacing: -.5px;
	font: inherit;
	vertical-align: baseline;
	/*font-family: 'Nanum Gothic', sans-serif;*/
	font-family: 'Nanum Barun Gothic', sans-serif;
	text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}
body {
	line-height: 1;}
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;}
.hidden{display: none;}

a{color: inherit;}
input[type=date]{font-family: "Malgun Gothic";}
input[type=text]::-webkit-input-placeholder{color: #000;}

.red{ color: #fa1f1f; }
/*
@font-face {
    font-family: 'NanumSquare';
    src: url('../font/nanumsquarer.eot');
    src: url('../font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumsquarer.woff2') format('woff2'),
         url('../font/nanumsquarer.woff') format('woff'),
         url('../font/nanumsquarer.ttf') format('truetype'),
         url('../font/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;}*/

table, th, td{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
th, td{ vertical-align: middle; }

.nav:after{content:'';clear: both;display: block;}
.nav li{
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
input[type=text],
input[type=password],
input[type=date],
select,
textarea{
	padding: 3px;
	border: 1px solid #e1e8ed; height: 31px;
	resize: none;
	outline: none; vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
select{ padding: 1px 5px 5px 3px; height: 31px; font-family: "Malgun Gothic"; }
input[type=radio],
input[type=checkbox]{ vertical-align: middle; margin: 3px; }

.btn-box{ padding: 21px 0 23px; }
.btn-box.center{ text-align: center; }
.btn-box.right{ text-align: right; }
.btn-box.left{ text-align: left; }
.btn-box a, .btn-box input[type=submit], .btn-box button{display: inline-block; vertical-align: middle;}

.btn{display: inline-block; padding: 10px 25px 10px; font-size: 14px; border: 1px solid #b8b8b8; color: #333361; outline: none; vertical-align: top;
	font-weight: bold; opacity: 1;
	transition: all .1s ease-in;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.btn:hover{ opacity: 1; }
.btn-black{background: #4c4c4c; color: #FFF; border: 1px solid #4c4c4c;}
.btn-purple{background: #7e59fb; color: #FFF; border: 1px solid #7e59fb;}
.btn-red{background: #fa2828; color: #FFF; border: 1px solid #cc0202; padding: 10px 25px 14px;}
.btn-gray{background: #919294; color: #FFF; border: 1px solid #6e7074;}
.btn-blue{background: #489cdd; color: #FFF; border: 1px solid #3c8dbc;}

.btn-list{background: #fff; padding: 10px 25px 14px;}

input[type=submit].btn{padding: 8px 15px;}

.btn img{vertical-align: middle;}
.btn-excel{ background: url(/asset/images/admin/excel.gif) 20px 50% no-repeat; padding-left: 45px; }

a.download{ text-decoration: underline; }

/* paging */
.paging_comm{padding: 20px 0; text-align: center; font-size: 13px;}
.paging_comm a{transition: all .1s ease-in;}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.paging_comm .link_page{ display: inline-block; text-align: center; vertical-align: top; background: #FFF; width: 28px; height: 28px; border: 1px solid #bfbfbf; color: #bfbfbf; padding: 5px 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.paging_comm a:hover,
.paging_comm em.link_page{background: #5a5a5a; color: #FFF; border: 1px solid #5a5a5a;}
.paging_comm .btn_prev,
.paging_comm .btn_next{display: inline-block; text-align: center; background: #FFF; border: 1px solid #bfbfbf; padding: 5px 6px; height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; color: #bfbfbf;}
