/* Author  : Hyeonmi Jo */
/* Date    : 2017-06-16 */
/* Version : EAP 2.0    */

/*  color value
layout  	b cdcccc	bg f7f7f7	t 333
form 		b ddd		t 444
header 		t 111  		sub t 333
left 		t 333
page title  t 000
search 		th 000  td 000
table		th 000  td 000 	bg f7f7f7
*/

@charset "utf-8";
@import url(font.css);

/* HTML Elements
---------------------------------------------------------*/
* {margin:0; padding:0; font-family: /*"LGSmHaR",*/ "Malgun Gothic", Arial, Dotum, sans-serif; }
body {font:75%/1.5em; font-size:13px; color:#333; background-color: #fff; overflow-x: auto; overflow-y: auto; height: ;}
html, body, #LblockBodyScroll, #LblockLeft {
    scrollbar-arrow-color : #cccccc;
    scrollbar-highlight-color : #cdcccc;
	scrollbar-track-color : #fff;
    scrollbar-darkshadow-color : #cdcccc;	/*#d0dbda*/
    scrollbar-3dlight-color : #cdcccc;
	scrollbar-face-color : #fff;
    scrollbar-shadow-color : #cdcccc;
}
div {
    scrollbar-arrow-color : #cccccc;
    scrollbar-highlight-color : #dedddd;
	scrollbar-track-color : #fbfbfb;    /* f7f7f7 */
    scrollbar-darkshadow-color : #dedddd;
    scrollbar-3dlight-color : #dedddd;
	scrollbar-face-color : #f7f7f7;
    scrollbar-shadow-color : #dedddd;
}
*:focus { outline: none }
.h100 { height:100%; }
.w100 { width: 100%; }
.width100 {width: 98% !important;}
.mw60px { min-width: 60px !important; }
html { height:100%; }
ul { list-style:none; }
a:link, a:visited, a:active {color: #ee0f59;text-decoration: none;}
a:hover {color: #333; text-decoration: none;}
h1 { font-size:1.2em; }
img { border:none; vertical-align:middle; }
img.Lbtn, .cursorPointer { cursor:pointer; }
th, td { font-size:12px;}
th { color: #000; /*font-weight: normal;*/}
td { color: #222;}
button { color: #555}
input, textarea, select {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
select, input.Ltext, input[type=text], input[type="file"], textarea { padding:0 4px; height:22px; border:1px solid #ddd; border-radius:2px; font-size:12px; vertical-align:middle; color:#666; text-align: left;}
input[type=text].disabled, input[disabled] {color:#666; background:#f5f5f5;}
textarea {width:100%; padding:4px 4px; border:1px #ddd solid; border-radius:3px; color: #666;}
select { height:22px; line-height: 18px; border: 1px solid #ddd; padding: 1px 1px 1px 4px; font-size: 12px; color:#666; vertical-align: middle;}
select {
  padding: 0px 20px 0px 4px; /* 여백으로 높이 설정 */ padding:1px 1px 1px 4px\0/IE8;
  background:#fff url(../images/new/form-select.png) no-repeat right 50%; /* 네이티브 화살표 대체 */
  border: 1px solid #ddd; border: 1px solid #ccc\0/IE8;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand { display: none;}
option { padding-right: 0.5em}
.L-radio-panel input, L-radio-panel label, .L-radio-panel input[type="radio"], .L-radio-panel input[type="checkbox"] { vertical-align: middle;}
input[type="radio"], input[type="checkbox"] { margin: 0px 4px 0px 0; min-height:18px !important; vertical-align: middle}
.Llabel {vertical-align: middle; margin-left:-2px; margin-right:10px; line-height:14px;}
input.Limage { vertical-align:middle; }
hr, legend, caption { display: none; }
hr { display: none; visibility: hidden;}
fieldset { border:none; }


/* Global Classes
---------------------------------------------------------*/
.Lclear:after { content:"."; display: block; clear: both; visibility: hidden; height: 0;}
.Lclear { display: block; clear: both;}
* html .Lclear {height: 1%;}
.LclearHr { clear: both !important; }

.txtCol777  { color:#777 !important;}
.txtCol999  { color:#999 !important;}
.txtCol333  { color:#333 !important;}
.txtColPink { color:#ee0f59 !important;}
.txtColRed  { color:#e00 !important;}
.txtColGre, .fgreen  { color:#00a574 !important;}
.txtColBlu, .fblue  { color:#2e7cc8 !important;}
.txtColSky, .fsky  { color:#00abbb !important;}
.txtColOrg, .forange  { color:#ed6431 !important;}
.fpink  { color:#e43c6e !important;}
.fwhite { color:#fff !important;}
.fblack { color:#000 !important;}

.bgColF7 {background-color:#f7f7f7}
.total { background-color: #ffffd8 !important; }
.bggreen { background-color: #00bb83 !important;}
.bgsky { background-color: #00a6b5 !important;}
.bgblue { background-color: #2e7ecc !important;}
.bgpink { background-color: #e3547f !important;}
.bgorange { background-color: #ea6c38 !important;}
.bgwhite, .bgWhite { background-color: #fff !important;}
.bgblack { background-color: #000 !important;}
.nobg { background:none !important; }

.height100 { height: 100% !important; }

.pr20 { padding-right: 20px; }
.padding0, .p0 { padding:0 !important; }
.padding10, .p10 { padding:10px !important; }
.paddingL20, .pl20 { padding-left:20px !important; }
.paddingB1, .pb1 { padding-bottom:1px !important; }
.paddingB5, .pb5 { padding-bottom:5px !important; }
.margin0, .m0 { margin:0 !important; }
.mb0, .marginB0  { margin-bottom:0px !important;}
.mb1, .marginB1  { margin-bottom:1px !important;}
.mb5, .marginB5 { margin-bottom:5px !important; }
.mb10, .marginB10 { margin-bottom:10px !important;}
.mb15, .marginB15 { margin-bottom:15px !important; }
.mb20, .marginB20 { margin-bottom:20px !important;}
.mb30, .marginB30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb-1 { margin-bottom:-1px !important;}
.mb-10, .marginB_10 { margin-bottom:-10px !important;}
.mb-20, .marginB_20 { margin-bottom:-20px !important;}
.mt0, .marginT0  { margin-top:0px !important;}
.mt5, .marginT5 { margin-top:5px !important; }
.mt10, .marginT10 { margin-top:10px !important;}
.mt15, .marginT15 { margin-top:15px !important; }
.mt20, .marginT20 { margin-top:20px !important;}
.mt30, .marginT30 { margin-top:30px !important;}
.mt40, .marginT40 { margin-top:40px !important;}
.mt-1, .marginT_1 { margin-top:-1px !important;}
.mt-10, .marginT_10 { margin-top:-10px !important;}
.mt-20, .marginT_20 { margin-top:-20px !important;}
.mr0 { margin-right:0px !important; }
.mr3 { margin-right:3px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.ml-1, .marginL_1 { margin-left:-1px !important;}
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }

.f11, .fontSize11 { font-size:11px !important;}
.f12, .fontSize12 { font-size:12px !important;}
.f13 { font-size:13px !important;}
.f14 { font-size:14px !important;}
.f15 { font-size:15px !important;}
.f16 { font-size:16px !important;}
.f17 { font-size:17px !important;}
.f18 { font-size:18px !important;}
.bold { font-weight: bold !important;}
.normal { font-weight: normal !important;}

.bdnone, .noborder { border:none !important; }
.totalbdr {border-bottom: 1px solid #aaa !important; }
.bt { border-top: 1px solid #cdcccc !important; }
.bb { border-bottom: 1px solid #cdcccc !important; }
.br { border-right: 1px solid #e1e0e0 ; }
.bl { border-left: 1px solid #e1e0e0; }
.imgMarginLeft { margin-left:-4px;}
.topLine1 { border-top:#cdcccc solid 1px !important;}
.topLine { border-top:#999 solid 2px;}
.noTopLine table { border-top:0px !important;}
.noTrHover tr.Lhover { background:none !important; }
.LNeed {color:#e00; display:inline-block; line-height:12px; vertical-align:top;}

.absolute { position: absolute !important; }
.relative { position:relative; }
.clear { clear:both; }
.inline { display:inline !important; }
.inlineblock { display:inline-block !important; }
.block { display:block; }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.noellipsis { white-space: normal;}
.break-word { word-wrap: break-word; }
.Lhide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.Lnodisplay, .displaynone, .noDisplay { display:none; }
.LtextLeft { text-align:left !important; }
.LtextCenter { text-align:center !important; }
.LtextRight { text-align:right !important;}
.LblockLeft {float:left;}
.LblockRight {float:right;}
.valign_top { vertical-align:top !important; }
.valign_middle { vertical-align:middle !important; }
.valign_bottom { vertical-align:bottom !important; }
.valign_baseline { vertical-align:baseline !important; }

.trans5 {-webkit-transition: all .5s; transition: all .5s;}
.trans1 {-webkit-transition: all 1s; transition: all 1s;}
.trans2 {-webkit-transition: all 1s; transition: all 2s;}
.bradi0 { border-radius: 0px !important;}
.bradi3 { border-radius: 3px !important;}
.bradi4 { border-radius: 4px !important;}
.bradi7 { border-radius: 7px !important;}
.bradi8 { border-radius: 8px !important;}

/* horizontal scroll */
.hscroll {overflow-x:auto !important;;}
.vscroll {overflow-y:auto !important;;}
.noScroll {overflow: hidden !important;;}
.Scroll {overflow: auto !important;;}

/* Chrome, Safari용 스크롤바 */
::-webkit-scrollbar {
	width: 16px;
	height: 16px;
	background: #ddd;
}
div#LblockLeft div#leftMenu ::-webkit-scrollbar,
div#leftMenu ::-webkit-scrollbar {
	width: 16px;
	height: 16px;
	background: #717171;
}


::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 0px;
}
::-webkit-scrollbar-track {
	background: #fbfbfb;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none; /*  inset 1px 1px 15px #eee */
}

div#leftMenu ::-webkit-scrollbar-track {
	background: #717171;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none; /*  inset 1px 1px 15px #eee */
}


::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	/*box-shadow: inset 0px 0px 1px #898888;*/
	/*-webkit-box-shadow: inset 0px 0px 1px #898888;*/
}

div#leftMenu ::-webkit-scrollbar-thumb {
	background: #717171;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	/*box-shadow: inset 0px 0px 1px #898888;*/
	/*-webkit-box-shadow: inset 0px 0px 1px #898888;*/
}


div#leftMenu ::-webkit-scrollbar-thumb {
	background: #717171;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	/*box-shadow: inset 0px 0px 1px #898888;*/
	/*-webkit-box-shadow: inset 0px 0px 1px #898888;*/
}



#LblockBodyScroll::-webkit-scrollbar-track, #LblockLeft::-webkit-scrollbar-track {
	background: #fff;
	box-shadow: inset 1px 1px 15px #fff;
	-webkit-box-shadow: inset 1px 1px 15px #fff;
}
#LblockBodyScroll::-webkit-scrollbar-thumb {
	background: #fff;
	box-shadow: inset 0px 0px 1px #343333;
	-webkit-box-shadow: inset 0px 0px 1px #343333;
}