BODY, TD, input, DIV, form, TEXTAREA, center, option, pre, blockquote {font-size:13px;color:#333;}
TD {line-height:140%}
P {line-height:140%}
SELECT {font-size:9pt;color:#333;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#content td, #content div {
	font-family: Arial, sans-serif;
}

A:link    {color:666666;text-decoration:none;}
A:visited {color:666666;text-decoration:none;}
A:active  {color:666666;text-decoration:none;}
A:hover  {color:444444;text-decoration:none;}

.span_box{
	display:inline-block;
	width:87px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	border-style:groove;
	border-width:thin;
	height: 22px;
}

/* ÄÚ¸àÆ® form Å×µÎ¸® */
.line1 {
background-color: #e1e1e1;
padding: 0px;
}

/* ÄÚ¸àÆ® ¼¼·Î¶óÀÎ */
.line2 {
background-color: #EFEFEF;
padding: 0px;
}

/* ÄÚ¸àÆ®, ÀÌ¸§,ºñ¹Ð¹øÈ£ ¹è°æ td »ö */
.list0 {
background-color: #fafafa;
height: 28px;
}
.list1 {
background-color: #FDFDFD;
height: 28px;
}

/* ¹øÈ£ */
.number {
font-size: 11px;
}

.s_input {border:solid 1;border-color:888888;background-color:f3f3f3;height:19px}
.input {border:solid 1;border-color:888888;background-color:ffffff;height:19px}
.w_textarea {border:solid 1;border-color:888888;background-color:efefef;width:100%;}
.s_normal {font-size:9pt}
.list_header1 {font-family:Tahoma;font-size:8pt;background-color:#5587B6}
.list_header2 {font-family:Tahoma;font-size:8pt;background-color:#BBBBBB}
.list_name {color:#333;font-size:9pt;text-decoration:none}
.list_han {color:#13485D;font-size:9pt;text-decoration:none;}
.list_eng {color:#13485D;font-size:8pt;text-decoration:none;}
.liston_subject {color:#000;font-size:13.5px;text-decoration:none;font-family: Arial,sans-serif;}
.listoff_subject {color:#333;font-size:13px;text-decoration:none;font-family: Arial,sans-serif;}
.list_comment {font-family:tahoma;font-size:8pt;color:#639933;}
.small {font-family:tahoma;font-size:8pt;color:#444444;}
/*
.line1 {background-color:#dadada}
.line2 {background-color:#EAEAEA}
*/
.co_textarea {border:solid 1;border-color:#BABABA;background-color:#eaeaea;width:100%;}
.text1 {line-height:17px;}

.buttondiv {
border: solid 0px;
background-color: transparent;
width: 64px;
font-weight: bold;
padding-left: 2px;
cursor: pointer;
}

.video-container_memo {position: relative;padding-bottom: 56.25%;padding-top: 0px;height: 0;overflow: hidden;margin: 5px 0 0;}
.video-container_memo iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.viewon_subject {
	color: #333;
	text-decoration: none;
	letter-spacing: -0.4px;
	font-weight: 600;
	font-size: 14px;
	font-size: 0.98em;
	font-family: Arial,sans-serif,"¸¼Àº °íµñ",AppleGothic;
}

.viewoff_subject {
	color:#333;
	text-decoration:none;
	letter-spacing: -0.4px;
	font-size: 14px;
	font-size: 0.98em;
	font-family: Arial,sans-serif,"¸¼Àº °íµñ",AppleGothic;
}

.viewlock_subject {
	/*color: #777;*/
	text-decoration:none;
	font-size: 13px;
}

.memo_view {
	border: 1px solid #dddddd;
	padding: 16px 18px 18px 16px;
	border-radius: 2px;
	word-break: break-word;
	word-wrap: break-word;
	/*text-align: justify;*/
	line-height: 1.8;
	letter-spacing: -0.025em;
	font-size: 1.036em;
	font-size: 15px;
	word-spacing: 2px;
	font-family: Arial,sans-serif,"¸¼Àº °íµñ",AppleGothic,EzraSILW,EzraSILRegular;
}

.comment_view {
	border: 1px solid #dddddd;
	padding: 6px 12px !important;
	border-radius: 2px;
	word-break: break-word;
	word-wrap: break-word;
	line-height: 1.8;
	letter-spacing: -0.025em;
	font-size: 1.036em;
	font-size: 15px;
	word-spacing: 2px;
	font-family: Arial,sans-serif,"¸¼Àº °íµñ",AppleGothic,EzraSILW,EzraSILRegular;
	/*
	border-left: 2px solid #EDDFF6;
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.075), 3px 1px 1px #c7cbde;
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.075), 3px 1px 1px #c7cbde;
	*/
}

.last_comment {
	border: 1px solid #99a4b5;
	padding: 6px 12px !important;
	border-radius: 2px;
	line-height: 1.8;
	letter-spacing: -0.025em;
	font-size: 1.036em;
	font-size: 14px;
	word-spacing: 1px;
	outline: 0;
	font-family: Arial,sans-serif,"¸¼Àº °íµñ",AppleGothic,EzraSILW,EzraSILRegular;
}

.textarea {
	width: 96%;
	background-color: #fff;
	padding: 6px 12px !important;
	border: 1px solid #66afe9;
	border-radius: 2px;
	line-height: 1.8;
	letter-spacing: -0.025em;
	font-size: 14px;
	box-sizing: border-box;
	word-spacing: 2px;
	font-family: Arial,sans-serif,"¸¼Àº °íµñ",AppleGothic,EzraSILW,EzraSILRegular;
}

.textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


/* style add */
.input2 {
	border: 1px solid #66afe9;
	height: 19px;
	padding: 3px 3px 3px 0;
	border-radius: 2px;
	box-sizing: border-box;
	height: 30px;
    width: 110px;
    text-align: center;
}

.input2:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.psm_data6 {
	width: 80%;
    padding: 3px 3px 3px 7px;
    border: 1px solid #66afe9;
    height: 30px;
    border-radius: 2px;
	box-sizing: border-box;
}

.psm_data6:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


/*  select box with a "custom-select" DIV element  start ---  */
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: sans-serif;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
  background-color: #3f78c0;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
  background: -moz-linear-gradient(top, #3e9ee5, #206bcb);
  border-color: #2a73a6 #165899 #07428f;
  -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
  -moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
  box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 5px 15px;
  border: 1px solid transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.2);
  background-color: rgb(72 114 177 / 80%);
}
/* --  // select box with a "custom-select" DIV element --- end  */

#magic_tools > button {
	margin-bottom: 2px;
}

.mark {
	background-color: #2489da;
	background-color: #3a72b3;
	background-color: #3b8ccb;
	color: #fbfbfb;
	padding: 7px 9px;
	border-radius: 3px;
}

.td_label{
	padding: 14px 8px 10px 0px;
	vertical-align: top;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #888;
	font-size: 12px;
	/*text-align: center;
	padding-top: 32px;*/
	font-family: sans-serif;
}

::-webkit-input-placeholder::after {
	display: block;
}

:-ms-input-placeholder { /* IE 10+ */
	color: #888;
	font-size: 12px;
	/*text-align: center;
	padding-top: 32px;*/
	font-family: sans-serif;
}

input:-ms-input-placeholder { /* IE 11+ */
	color: #888;
	font-family: sans-serif;
}

.form-control:-ms-input-placeholder { /* IE 11+ */
	color: #888 !important;
	font-family: sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
	color: #888;
	font-size: 12px;
	/*text-align: center;
	padding-top: 32px;*/
	font-family: sans-serif;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #888;
	font-size: 12px;
	/*text-align: center;
	padding-top: 32px;*/
	font-family: sans-serif;
}

::-moz-placeholder::before {
	content: "FIRST\000ASECOND\000ATHIRD";
}

:-ms-input-placeholder::before {
	content: "FIRST\000ASECOND\000ATHIRD";
}

.reload {
	float: right;
	margin: 2px 2px 0;
	color: #999 !important;
	font-size: 13px;
	font-weight: normal;
}

.bt_line {border-bottom:1px solid #e1e1e1;padding-right: 9px;}

.ellipsis {
	position: relative;
	display: -webkit-box;
	text-overflow: ellipsis;
	line-height: 1.5;
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hit {
	width: 10px;
}

#div_alert {
	float: right;
	margin-right: 8px;
	padding: 2px 2px;
	border-bottom: 1px solid #4ea5ea;
	width: calc(100% - 343px);
	height: 22px;
	color: #E91E63;
	display: none;
	font-size: 13px;
}

#magic_tools > button {
	margin-bottom: 2px;
	padding: 6px 4px;
}

.div_img_print {
    color: #ffffff;
    position: relative;
    margin: 10px 5px 0px;
    float: left;
}

.div_img_no {
	color:#aaa;
	text-align: center;
}

.inner_img {
	padding: 5px 0;
	max-width: 100%;
}