@charset "UTF-8";

@font-face {
	font-family: 'MalgunGothic';
	src: url('./abc-common/webfont/malgun.eot');
	src: url('./abc-common/webfont/malgun.eot?#iefix') format('embedded-opentype'),
	     url('./abc-common/webfont/malgun.woff') format('woff'),
	     url('./abc-common/webfont/malgun.ttf') format('truetype'),
	     url('./abc-common/webfont/malgun.svg#MalgunGothic') format('svg');
	font-weight: normal;font-style: normal;}
* {margin:0;padding:0;-webkit-text-size-adjust:none;}
body {color:#333;}

/* Html5 신규 요소 */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}

/* Html 일반 요소 */
html, body, h1, h2, h3, h4, h5, h6, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, 
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
font-size:100%;	border:0; outline:0; font-size:12px;font-family:MalgunGothic, 돋움,dotum,굴림,Gulim,Helvetica,AppleGothic,Tahoma,Verdana;}

@media screen and (-webkit-min-device-pixel-ratio:0), print {
html, body, h1, h2, h3, h4, h5, h6, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, 
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
font-size:100%;	border:0; outline:0; font-size:12px;font-family:Malgun Gothic, 돋움,dotum,굴림,Gulim,Helvetica,AppleGothic,Tahoma,Verdana;}
}



@-moz-document url-prefix() { 
html, body, h1, h2, h3, h4, h5, h6, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, 
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
font-size:100%;	border:0; outline:0; font-size:12px;font-family:MalgunGothic, 돋움,dotum,굴림,Gulim,Helvetica,AppleGothic,Tahoma,Verdana;}
}


tbody{display:table-row-group; vertical-align:middle;border-color:inherit;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
ul, ol, li, dl {list-style:none;}

/*체크박스, 라디오버튼*/
label {display:inline-block; padding-left:3px; }
.rdoBtn label {position:relative; padding-left:17px; margin-right:30px;}
.rdoBtn input {position:absolute; left:0; top:3px;}
.rdoBtn button {margin-left:-15px;}

.checkBox label {position:relative; padding-left:17px; margin-right:30px;}
.checkBox input {position:absolute; left:0; top:3px;}
.checkBox.k label {position:relative; padding-left:17px; margin:0;}

/* em:강조,  i:이탤릭,  address:주소(이탤릭+강조)... */
em, i, address, cite, code, dfn, em, strong, var {font-weight:normal; font-style:normal; text-align:left;}

blockquote, q {quotes:none;}
img {border:0; vertical-align:top;}  /* 이미지에 공간을 없애기 위해 vertical-align:top 사용 */
hr	{display:none;}
a{color:inherit;}
a, a:link {text-decoration:none;color:inherit;cursor:pointer;}
a:visited { color:inherit; }
a:hover, a:active {text-decoration:none;color:inherit;}

table	{display:table;padding:0px;font-size:inherit;line-height:inherit;border:0px; border-spacing:0px; border-collapse:collapse;}
th, td	{padding:0px; font-weight:normal; font-style:normal; text-align:left;}
caption {display:none;}
form	 {display:block;}
fieldset {border:0;}
legend   {display:none;}
label	 {cursor:pointer;}
textarea {resize:none; white-space:pre; overflow-x:hidden; overflow-y:auto;}
input, textarea, select, button {font-family:inherit;font-size:inherit;vertical-align:middle; outline:none;}
input, textarea {-webkit-border-radius:1px;-webkit-apprearance:none;}
input[type="submit"], input[type="button"] {cursor:pointer;}

/*공통 켄도아닌 버튼*/
.nomalbtn {border: 1px solid #bababa; border-radius: 2px; color: #323232; font-size: 12px;background:#ffffff; overflow: visible; padding: 4px; width: auto; cursor:pointer;}


.txtAlignL	{text-align:left;}
.txtAlignR	{text-align:right;}
.txtAlignC	{text-align:center;}
.txtStrike	{text-decoration:line-through;}
.txtIndent	{text-indent:-9999px;}
.required,.ftStrong,.ftBold,.b{font-weight:bold;}
.ftNormal	{font-weight:normal;}
.tblTItle	{display:block; text-indent:10px; font-weight:bold; background:url(../images/login_bg.png) no-repeat 0 6px;}

.floatL	 	{float:left;}
.floatR	 	{float:right;}
.floatN	 	{float:none;}
.cb		 	{clear:both; height:0px; font-size:1px; line-height:100%; overflow:hidden;}
.ovH 		{overflow: hidden;} /*201201 추가*/

.dispBlock	{display:block;}
.dispNone 	{display:none;}
.disInline	{display:inline-block}
.disinline  {display:inline}

.marginC{margin:auto;}
.mC{margin:0 auto;}
.marginC-top10 {margin-top:10px;}
.marginC-right10 {margin-right:10px;}
.marginC-right10_span > span {margin-right:10px;}
.marginC-bottom10 {margin-bottom:10px;}
.marginC-left10 {margin-left:10px;}

.verti_Top ,.vT{vertical-align: top;}
.verti_M ,.vM{vertical-align:middle;}
.u {text-decoration:underline;}

.clear{*zoom:1;}
.clear:after{content:"";display:block;clear:both;}

img { vertical-align: top;}
img.vM { vertical-align:middle;}
img.vM2 { vertical-align:middle;margin-bottom:3px;}
img.vT  {vertical-align:top;}
img.block { display:block;}

.disN{display:none !important}
.bgN{background:none !important}
.test{border:1px solid red}

.hr{ height:1px; background:#e7e7e7; font-size:1px; line-height:1px;}

.space { font-size:1px;line-height:1px;} 
.space0 { font-size:0;line-height:0;} 
.space5 { width:5px;height:5px;font-size:1px;line-height:1px;} 
.space10 { width:10px;height:10px;font-size:1px;line-height:1px;} 
.space15 { width:15px;height:15px;font-size:1px;line-height:1px;} 
.space20 { width:15px;height:15px;font-size:1px;line-height:1px;}

.alignL {text-align:left !important;}
.alignR {text-align:right !important;}
.alignC {text-align:center !important;}

.h16{height:16px;line-height:16px}
.h14{height:14px;line-height:14px}
.h22{height:22px;line-height:22px}
.h24{height:24px;line-height:24px}
.h26{height:26px;line-height:26px}
.h28{height:28px;line-height:28px}
.h30{height:30px;line-height:30px}

.w100p{width:100% !important}
.w99p{width:99% !important}
.w98p{width:98% !important}
.w90p{width:90% !important}
.w80p{width:80% !important}
.w70p{width:70% !important}
.w60p{width:60% !important}
.w50p{width:50% !important}
.w40p{width:40% !important}
.w30p{width:30% !important}
.w20p{width:20% !important}
.w10p{width:10% !important}

.w130{width:130px !important}
.w100{width:100px !important}
.w90{width:90px !important}
.w80{width:80px !important}
.w70{width:70px !important}
.w60{width:60px !important}
.w50{width:50px !important}
.w40{width:40px !important}
.w30{width:30px !important}
.w20{width:20px !important}
.w10{width:10px !important}
.w196{width:196px !important}
.wAuto{width:auto !important}

.m1 { margin:1px;}
.m2 { margin:2px;}
.m3 { margin:3px;}
.m4 { margin:4px;}
.m5 { margin:5px;}
.m6 { margin:6px;}
.m7 { margin:7px;}
.m8 { margin:8px;}
.m9 { margin:9px;}
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m25 { margin:25px;}
.m30 { margin:30px;}
.m40 { margin:40px;}
.m50 { margin:50px;}

.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px}
.mT20 {margin-top:20px}
.mT30 {margin-top:30px}
.mT40 {margin-top:40px}
.mT50 {margin-top:50px}
.mT100 {margin-top:100px}
.mT_10{margin-top:-10px;}
.mT25 {margin-top:25px !important;} /*250710 추가*/

.mR0{margin-right:0 !important;}
.mR3{margin-right:3px !important;}
.mR5{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px}
.mR20{margin-right:20px}
.mR30{margin-right:30px}
.mR40{margin-right:40px}
.mR50{margin-right:50px}

.mB0{margin-left:0 !important;}
.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px}
.mB20{margin-bottom:20px}
.mB30{margin-bottomp:30px}
.mB40{margin-bottom:40px}
.mB50{margin-bottom:50px}

.mL0{margin-left:0 !important;}
.mL3{margin-left:3px !important;}
.mL5{margin-left:5px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px}
.mL20{margin-left:20px}
.mL30{margin-left:30px}
.mL40{margin-left:40px}
.mL50{margin-left:50px}

.p1 { padding:1px;}
.p2 { padding:2px;}
.p3 { padding:3px;}
.p4 { padding:4px;}
.p5 { padding:5px;}
.p6 { padding:6px;}
.p7 { padding:7px;}
.p8 { padding:8px;}
.p9 { padding:9px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}
.p40 { padding:40px;}
.p50 { padding:50px;}

.pT0{padding-top:0}
.pT3{padding-top:3px}
.pT5{padding-top:5px}
.pT15 {padding-top:15px}
.pT20 {padding-top:20px}
.pT10 {padding-top:10px}
.pT30 {padding-top:30px}
.pT40 {padding-top:40px}
.pT50 {padding-top:50px}

.pR0{padding-right:0}
.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.pR25{padding-right:25px}
.pR30{padding-right:30px}
.pR40{padding-right:40px}
.pR50{padding-right:50px}

.pB0{padding-bottom:0}
.pB5{padding-bottom:5px}
.pB15{padding-bottom:15px}
.pB20{padding-bottom:20px}
.pB10{padding-bottom:10px}
/* .pB30{padding-bottomp:30px} */
.pB30{padding-bottom:30px} /*200511 수정*/
.pB40{padding-bottom:40px}
.pB50{padding-bottom:50px}

.pL0{padding-left:0}
.pL2{padding-left:2px}
.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}
.pL25{padding-left:25px}
.pL30{padding-left:30px}
.pL40{padding-left:40px}
.pL50{padding-left:50px}

.txtIn10{text-indent:-10px;} /*200513 추가*/

/*table */
.tbl	{width: 100%; border: 1px solid #BAC0C6;}
.tbl th	{padding:20px; text-align:center; font-weight:bold; color:#333; border-right:1px solid #d8d9e0;
				background: #e6e7ed; /* Old browsers */ 
				background: -moz-linear-gradient(bottom,  rgba(230,231,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(230,231,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(bottom,  rgba(230,231,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(bottom,  rgba(230,231,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(bottom,  rgba(230,231,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
				background: linear-gradient(bottom,  rgba(230,231,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7ed',GradientType=0 ); /* IE6-9 */
				}
.tbl td {padding:10px; text-align:left; color:#666}
.tbl th, .tbl td {border-top:1px dotted #BAC0C6; border-right:1px solid #BAC0C6;}
.tbl tr:nth-child(2n) { background-color:#fcfcfc; }
.tbl tr:nth-child(2n-1) { background-color:#fff; }

/*200511 추가*/
.tbl2	{width: 100%; border: 1px solid #BAC0C6;}
.tbl2 th	{border-right:1px solid #d8d9e0; background-color: #f8f8f8;}
.tbl2 th, .tbl2 td {text-align:center; font-size: 14px; padding:10px 0 12px; color:#666; border-top:1px solid #BAC0C6; border-right:1px solid #BAC0C6;}
.tbl2 sup	{color:#666; font-size: 14px;}

.k-textbox > input{padding:0px 0 0px 0}

.k-button {padding:4px 7px; line-height:15px;} /* 취소버튼 사이즈 수정*/
/*tab 상단라인1px 삭제*/
.k-loading{border-top:none !important;}
/*tab 좌측라인1px 삭제 */
.k-tabstrip .k-tabstrip-items{padding:10px 0 0 3px;background:#f1f2f7} /* 탭 header bg컬러 */

/*켄도 달력 텍스트 중간정렬*/
.k-calendar td,.k-calendar th {text-align:center;}

/*켄도 필드 입력에러메세지*/
html .k-error-colored  {border-color:#9f9f9f; background:#ffffbe url(../images/sub_alertMessege_img.png) no-repeat 5px 4px; padding-left:23px; padding-right:5px;}
	/*laypop 켄도수정*/
	.k-window-title {color:#ffffff; font-size:14px;}

/*텍스트 설정*/
.F_11_blue{color:#235a70; font-size:11px;}
.F_11_black{color:#000; font-size:11px; font-weight:100;}
.F_11_black_b{color:#000; font-size:11px; font-weight:bold;}
.F_12_black{color:#000; font-size:12px;}
.F_12_black_n {color:#000; font-weight:100; font-size:12px;}
.F_12_black_b{color:#000; font-size:12px; font-weight:bold;}
.F_14_black_b{color:#000; font-size:14px; font-weight:bold;} /*201201 추가*/
.F_16_black_b {color:#000; font-size:16px; font-weight:bold;}
.F_12_gray{color:#999; font-size:12px; font-weight:100;}
.F_12_gray_b{color:#999; font-size:12px; font-weight:bold;}
.F_11_gray{color:#999; font-size:11px; font-weight:100; letter-spacing:-1px;}
.F_11_gray_L{color:#b3b3b3; font-size:11px; font-weight:100; margin:0 5px;}/*구분선 ㅁ|ㅁ*/
.F_11_gray_b{color:#999; font-size:11px; font-weight:bold;}
.f_12_red_b{color:#f00; font-size:12px; font-weight:bold;}
.f_12_red{color:#f00; font-size:12px; font-weight:100;}
.f_11_red{color:#f00; font-size:11px; font-weight:100;}
.F_16_red_b {color:#f00; font-size:16px; font-weight:bold;}
.F_12_grayblack{color:#5a5a5a; font-size:12px;} /*200511 추가*/
.F_13_grayblack{color:#5a5a5a; font-size:13px;} /*200511 추가*/

.F_13{font-size: 13px !important;} /*201201 추가*/
.F_20{font-size: 20px !important;} /*201201 추가*/
.F_19{font-size: 19px !important;} /*201201 추가*/
.F_blue{color: #1e78ce !important;} /*201201 추가*/
.F_gray{color: #818181 !important;} /*201201 추가*/

.F_spacing05{letter-spacing: -0.5px !important;} /*201201 추가*/

.F_link a{text-decoration: underline;} /*201201 추가*/

.kendoCalendarSunday{color: #FF0000 !important;}
.kendoCalendarSaturday{color: #0100FF !important;}
.kendoCalendarHoliday{color: #FF0000 !important;}
.k-other-month > a > div{color: #9f9e9e !important;}

.k-selectable td > div.ellipsis{ overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.k-selectable {table-layout:fixed;width:100%; }

.ellipsis{min-width: 10px; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden; -moz-binding: url('ellipsis.xml#ellipsis'); word-wrap: normal; word-break: break-all;}

.list-dot li{padding-left: 12px; background: url(../images/btn_ico_common2.png) no-repeat 0 -444px} /*201201 추가*/

.fz0{font-size: 0 !important;}
.ovH{overflow: hidden !important;}
.ovV{overflow: visible !important;}


.tag-link {
    text-decoration: none; 
    font-weight: normal; 
}


.tag-link:hover {
    text-decoration: underline; 
    font-weight: bold; 
}


/*
.abc-topNoti-message-list {}
.abc-topNoti-message-list .-item {line-height: 25px;}
.abc-topNoti-message-list .-item button {float: right;}*/