@charset "utf-8"; 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

*{ margin:0; padding:0; font-family:'Nanum Gothic', '나눔고딕', '나눔고딕코딩', 'Nanum Gothic Coding', Dotum, '돋움', Gulim, '굴림'; font-size:15px; color:#777; box-sizing:border-box; }
html { height:100%; width:100%; -webkit-text-size-adjust:none; }
body { height:100%; width:100%; }
body, div, span, legend, form, ol, ul, li, table, caption, tr, th, td 							{ word-break:break-all; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption 		{ display:block; }

.clear 		{ PADDING-BOTTOM: 0px !important; LINE-HEIGHT: 0 !important; MARGIN: 0px; = PADDING-LEFT: 0px !important; WIDTH: 100%; PADDING-RIGHT: 0px = !important; DISPLAY: block; FLOAT: none; HEIGHT: 0px; CLEAR: both; = FONT-SIZE: 0px !important; OVERFLOW: hidden; PADDING-TOP: 0px !important }

a 							{ color:#777777; text-decoration:none; cursor:pointer; }
a:hover, a:focus, a:active 	{ color:#398ff0; outline:none; }
A img						{ border:0; }

img 	{ border:0; }
li		{ list-style:none; }

*:focus,
*:active,
*:hover	{ outline:0px !important; }

::-webkit-input-placeholder { color:#999 !important; } 

input					{  }
input:focus				{  }
input[type=text],
input[type=email],
input[type=number],
input[type=search],
input[type=password]	{ -webkit-appearance:none; height:30px; border:1px solid #d2d2d2; background:#f9f9f9; color:#333; padding:3px 9px 3px 10px; }
textarea				{ -webkit-appearance:none; border:1px solid #d2d2d2; background:#f9f9f9; color:#333; padding:10px 10px; resize:none; }
input[type=button],
input[type=submit],
button					{ -webkit-appearance:none; height:30px; background:#1e75d6; border:0; border-radius:3px; text-align:center; padding:0 30px; color:#fff; font-size:13px; font-weight:bold; cursor:pointer; }
select					{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc; text-align:center; padding:0 3px; }
input[type=button]:active,
input[type=submit]:active,
button:active,
input[type=button]:hover,
input[type=submit]:hover,
button:hover			{ background:#155295; color:#fff !important; }


input[type=radio],
input[type=checkbox]		{ -webkit-appearance:none; position:relative; width:17px; height:17px; vertical-align:middle; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)); border:1px solid rgba(0,0,0,.2); margin-bottom:1px; /*background-color:rgba(0,0,0,.1); border-radius:3px; border:1px solid rgba(0,0,0,.3); box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);*/ }
input[type=radio]			{ border-radius:100%; }
input[type=checkbox]		{ border-radius:3px; border-bottom:1px solid rgba(0,0,0,.4); }
input[type=radio]:checked::after,
input[type=checkbox]:checked::after	{ position:absolute; top:20%; left:20%; width:60%; height:60%; content:""; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#64affb), to(#4196ee)); }
input[type=radio]:checked::after	{ border-radius:100%; }
input[type=checkbox]:checked::after	{ border-radius:2px; }

/*
input[type=checkbox]:checked{ background:url(../img/icon_checked.svg), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)); background-repeat:no-repeat; background-position:center center; background-size:18px 18px; }
input[type=checkbox],
input[type=radio]			{ -webkit-appearance:none; width:20px; height:20px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:20px 20px; opacity:.75; }
input[type=checkbox]		{ background-image:url(../img/icon_checkbox_default.svg); }
input[type=checkbox]:checked{ background-image:url(../img/icon_checkbox_checked.svg); }
*/
input[readonly]			{ background:#fff; }
label					{ position:relative; }

.ui-datepicker-month,
.ui-datepicker-year		{ background:none !important; border:none !important; height:inherit !important; padding:inherit !important; }
.ui-datepicker-month	{ width:50px !important; text-align:center !important; }
.ui-datepicker-year		{ width:70px !important; text-align:center !important; }