@charset "utf-8";

@import url(/css/nanumgothic.css); /* Nanum Gothic */
@import url(/css/nanumbarungothic.css); /* Nanum Barun Gothic */
@import url(/css/nanumsquare.css); /* NanumSquare 300, 400, 700, 800 */
@import url(/css/nanumbrushscript.css); /* Nanum Brush Script */
@import url(/css/nanummyeongjo.css); /* Nanum Myeongjo */
@import url(/css/nanumpenscript.css); /* Nanum Pen Script */


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@font-face { font-family: 'SourceSansPro';
src: url('/fonts/SourceSansPro-Regular.otf');}

@font-face {
  font-family: 'Italianno';
  font-style: normal;
  font-weight: 400;
  src: local('Italianno'), local('Italianno-Regular'), url('/fonts/RzzA8gdr3WCK_nxdg53KGqCWcynf_cDxXwCLxiixG1c.ttf') format('truetype');
}



* { margin : 0; padding : 0; } /* 모든 요소들 margin과 padding 기본세팅 */
HTML {height:100%;width:100%;}
BODY {height:100%;width:100%;vertical-align:top;font-size:14px;font-family:'Noto Sans KR', Dotum,"돋움",sans-serif;font-weight: 300;color:#000000;overflow-y:scroll}
BODY, FORM, DIV {outline-style:none;color:#000000;}
BODY, BUTTON, DD, DL, DT, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, LEGEND, LI, OL, P, TABLE, TD, TH, UL {margin:0;padding:0;color:#000000;}
INPUT, OPTGROUP, SELECT, TEXTAREA {padding:0px;margin:0px;outline-width:0px;font-size:14px;font-family:'Noto Sans KR', Dotum,"돋움",sans-serif;font-weight: 300;color:#000000;vertical-align:middle;}
TEXTAREA {padding:5px;line-height:16px;resize: none;}

INPUT[TYPE="CHECKBOX"] {
	width: 18px;
	height: 18px;
	margin: 1px 0 0 0px;
	vertical-align: top;
	cursor: pointer;
	background-color: initial;
	border: initial;
}

LABEL {cursor:pointer;margin:0px;padding:0px;}

TABLE {table-layout:fixed;empty-cells:show;border-spacing:0px;border-collapse:collapse;} /*table-layout:fixed;*/
th {font-weight:normal;}

ul, li {margin:0px;padding:0px;list-style:none;}
img {border:0;vertical-align:middle;}

A:link { text-decoration:none;color:#676767;}
A:hover { text-decoration:none;color:#676767;}
A:active { text-decoration:none;color:#676767;}
A:visited { text-decoration:none;color:#676767;}

A.text:link {text-decoration:none;color:#676767;}
A.text:hover {text-decoration:underline;color:#222;}
A.text:active { text-decoration:none;color:#676767;}
A.text:visited { text-decoration:none;color:#676767;}


input::placeholder {
	color: #c1c1c1;
}
textarea::placeholder {
	color: #c1c1c1;
}

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset;
}

.table {display:table;}
.row {display:table-row;}
.cell {display:table-cell;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.ellipsis {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
}

.ellipsis-multi {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.2em;
	height: 2.4em;
}


.required_on {display:inline-block;vertical-align:top;color:red;font-weight:bold;margin-right:3px;vertical-align:middle;}
.required_off {display:inline-block;vertical-align:top;color:red;font-weight:bold;margin-right:3px;vertical-align:middle;visibility:hidden;}



.t_text, .m_text, .n_text, .ymd_text, .ym_text {
	height:26px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #e0e0e0;
	box-sizing:border-box;
}

.t_text:hover, .m_text:hover, .n_text:hover, .ymd_text:hover, .ym_text:hover {
	height:26px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #e0e0e0;
	box-sizing:border-box;
	/*box-shadow:1px 1px 3px 1px #dddddd;*/
}

.t_text:focus, .m_text:focus, .n_text:focus, .ymd_text:focus, .ym_text:focus {
	height:26px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #e0e0e0;
	box-sizing:border-box;
	/*box-shadow:1px 1px 3px 1px #dddddd;*/
	background:#fff7e1;
}

.t_text:disabled, .m_text:disabled, .n_text:disabled, .ymd_text:disabled, .ym_text:disabled {background:#f0f0f0;color:#999999;}

.t_text {text-align:left;}
.m_text {text-align:right;}
.n_text {text-align:center;}
.ymd_text {text-align:center;}
.ym_text {text-align:center;}
/*********************************************************************************************/





/* Table속성 설정(sticky 사용시 border가 고정되지 않기에 collapse를 separate로 설정한다.) */
.selecttable th {
	font-family:'Noto Sans KR',sans-serif;
	font-weight:400;
	font-size:13px;
	border:1px solid #c9c9c9;
	border-collapse:collapse;
	color:#000000;
	text-align:center;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.selecttable td {
	font-family:'Noto Sans KR',sans-serif;
	font-weight:300;
	font-size:13px;
	border:1px solid #dddddd;
	border-collapse:collapse;
	cursor:default;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:3px;
}


.txtbtn      {background:linear-gradient(to bottom, #ffffff 0%, #f1eff0 100%);border-radius:3px;border:1px solid #d4d4d4;color:#555;cursor:pointer;}
.txtbtn_over {background:linear-gradient(to bottom, #ffffff 0%, #f1eff0 100%);border-radius:3px;border:1px solid #bbb;color:#555;cursor:pointer;}
.txtbtn_down {background:linear-gradient(to top, #ffffff 0%, #f1eff0 100%);border-radius:3px;border:1px solid #bbb;color:#555;cursor:pointer;}