@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*=================================================================================
 * Style Import
 =================================================================================*/
@import url("layout.css");
@import url("board.css");
@import url("content.css");
@import url("common.css");
@import url("login.css");

@import url("https://fontawesome.io/assets/font-awesome/css/font-awesome.css");


/*=================================================================================
 * Default Tag Style
 =================================================================================*/


html, body {margin:0; padding:0;}
body {height:100%;background:#fff; font-size:0.875rem; color:#333; line-height:1.5em; font-family:Nanum,"돋움", Dotum, AppleGothic, sans-serif;}
div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:0.875rem;}
ol, ul {list-style:none;}
fieldset {border:none;}
legend {display:none;}

img {border:0;vertical-align:middle;}

table, th, td {border-collapse:collapse;}

input, select, textarea, input.button, input.check, input.radio {margin:0; padding:0; vertical-align:middle; font-size:0.875rem;font-family:'Nanum',"돋움", Dotum, AppleGothic, sans-serif;line-height:1.5em;}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
		padding: .2em .5em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #ccc; 
        border-radius: 0px; /* iOS 둥근모서리 제거 */
        background: url(../image/common/selectArrow.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ 
		}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}
input {height:25px; margin-top:-2px;}
input {border:1px solid #ccc; padding-left:10px;}
textarea.text {border:1px solid #ccc; padding:15px;}
input.image {}
input.check {vertical-align:middle; margin-top:-2px;}
input.radio {vertical-align:middle; margin-top:-2px;}
input.file {height:23px;}
input.button {height:23px; padding:0 10px 0 10px; margin-left:2px; cursor:pointer;}
input.btn-normal {cursor:pointer;}
textarea{border:1px solid #ccc; padding-left:10px;}

a:link,  a:visited {color:#333; text-decoration:none;}
a:hover,  a:active {color:#333; text-decoration:none;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ▼ CALENDAR											*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* the div that holds the date picker calendar */
.dpDiv {
}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #505050;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	font-size: 10px;
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #FFFFFF;
	line-height: 100%;
	width:16px;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTDEnd {
	border: 1px solid #FFFFFF;
	line-height: 100%;
	width:16px;
	color: #FF66CC;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	line-height: 100%;
	width:16px;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTDEnd {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	line-height: 100%;
	width:16px;
	color: #FF66CC;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #DDDDDD;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	color: black;
	line-height: 100%;
	width:16px;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	font-size:10px;
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* a table cell that holds the names of days of the weekEnd (Sun, Sat.) */
.dpDayTDEnd {
	background-color: #FFCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #0000FF;
}
.dpCloseButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ▼ CALENDAR	End							*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */