@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*
	모든 화면에 기초가 되는 스타일입니다
*/

/* Global CSS */
html{}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{text-align:left;}
body,input,textarea,select,button,table{font-size:12px;color:#2e2e2e;line-height:100%;}
//body{position:relative;color:#000;background-color:#fff;margin:0px;font-family:Gulim, Helvetica, Arial;font-family:'Nanum Gothic',serif;}
body{position:relative;color:#000;background-color:#fff;margin:0px;font-family:Gulim, Helvetica, Arial;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:inherit;}
table{border-collapse:collapse}
a:active,a:focus{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;outline:none;}

/* 기본태그관련 */
/*textarea,input{font-family:'Nanum Gothic',serif;}*/
textarea{padding:5px 0px;}
select{height:32px;vertical-align:bottom;border:1px solid #ccc;padding:0px 5px;}
input{vertical-align:bottom;}
input[type="button"]{margin-left:5px;padding:0px 15px;height:30px;border:1px solid #aaa;}
input[type="button"]:hover{cursor:pointer;}
input[type="checkbox"]{width:20px;height:20px;margin-right:5px;}
input[type="radio"]{width:20px;height:20px;margin-right:5px;}
input[type="text"],input[type="datetime-local"]{text-indent:5px;height:30px;line-height:25px;border:1px solid #ccc;font-size:11px;color:#333;}
input[type="password"]{text-indent:5px;height:20px;border:1px solid #e0e0e0;font-size:11px;color:#333;}
input[textLeft]{text-align:left;}
input[textRight]{text-align:right;}
input[textCenter]{text-align:center;}
[imeEng]{img-mode:disabled;} /* 영문자만 표기*/
[imeKor]{img_mode:active;} /* 한글로 표기 */
[hidden]{display:none;}
label[for]{cursor:pointer;}
input[type='checkbox']{display:none;}
input[type='checkbox'][original]{display:inline-block;vertical-align:middle;}
input[type='checkbox']+label{margin-right:10px;}
input[type='checkbox']+label[none]{margin-right:0px;}
input[type='checkbox'][disabled]+label{color:#666;}
input[type='checkbox']+label:before{content:"";margin-right:5px;width:22px;height:21px;display:inline-block;vertical-align:middle;background:url(/images/bg_checkbox.png);}
input[type='checkbox']:checked+label:before{background-position:22px 0px;}
input[type='checkbox'][disabled]+label:before{background-position:0px 0px;}
input[type='checkbox'][disabled]:checked+label:before{background-position:44px 0px;}

input[type='radio']{display:none;}
input[type='radio']+label{margin-right:10px;}
input[type='radio']+label[none]{margin-right:0px;}
input[type='radio'][disabled]+label{color:#666;}
input[type='radio']+label:before{content:"";margin-right:5px;width:22px;height:21px;display:inline-block;vertical-align:middle;background:url(/images/bg_radio.png);}
input[type='radio']:checked+label:before{background-position:22px 0px;}
input[type='radio'][disabled]+label:before{background-position:0px 0px;}
input[type='radio'][disabled]:checked+label:before{background-position:44px 0px;}

.dvTip{color:#fe5500;}
.dvTip:before{content:"※ ";}
.spTip{color:#fe5500;}
.spTip:before{content:"※ ";}
.emAlert{background-color:#fff;box-shadow:0px 0px 3px #f00;font-size:25px;font-weight:800;color:#f00;vertical-align:middle;margin-right:5px;display:inline-block;border-radius:25px;border:3px solid #f00;height:30px;line-height:30px;width:30px;text-align:center;}

/* frmSchdata 관련s */
form[name='frmSchdata']{margin-bottom:10px;background-color:#fae9d2;overflow:hidden;} /*fae9d2*/
form[name='frmSchdata'] .dvSchDataInline{margin:10px;position:relative;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list{margin-top:5px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list:first-child{margin-top:0px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list select{margin-right:5px;margin-bottom:5px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline{background-color:#fe5500;display:inline-block;padding:5px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline select{border:0px;height:30px;margin-bottom:0px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline input{padding:0px 10px;text-align:right;width:200px;height:30px;margin-left:-5px;border:0px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline .dvSearchBtn{display:inline-block;width:80px;height:30px;line-height:30px;text-align:center;color:#fff;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline .dvSearchBtn:hover{cursor:pointer;background-color:#f05000;}
/*.dv_tableList{user-select:none;}*/
.dv_dayCheck_outline{}
.dv_dayCheck_inline{}
.dv_dayCheck_inline .sp_dayCheck_head{display:inline-block;height:35px;line-height:35px;background-color:#bbb;color:#fff;width:100px;text-indent:10px;}
.dv_dayCheck_inline .sp_dayCheck_btnList{margin-left:5px;}
.spDayBtn{display:inline-block;text-align:center;margin-right:2px;min-width:30px;padding:7px 5px 7px 5px;vertical-align:middle;border-radius:3px;font-size:11px;color:#333;}
.spDayBtn:hover{box-shadow:0px 0px 1px #666;}
/* frmSchdata 관련s */

/* 알람s */
#dv_alarm{position:fixed;bottom:10px;left:10px;z-index:10;}
#dv_alarm .dv_alarm{display:inline-block;border:2px solid #333;background-color:#fff;overflow:hidden;vertical-align:bottom;margin-right:5px;width:150px;max-width:150px;}
#dv_alarm .dv_alarm .dv_alarmHead{position:relative;text-align:center;background-color:#333;color:#fff;padding:5px 0px;font-size:11px;}
#dv_alarm .dv_alarm .dv_alarmHead div{margin-bottom:5px;}
#dv_alarm .dv_alarm .dv_alarmHead:hover{cursor:pointer;background-color:#444;}
#dv_alarm .dv_alarm .dv_alarmInline[type='date'],#dv_alarm .dv_alarm .dv_alarmInline[type='name']{background-color:#333;color:#fff;font-size:11px;text-align:center;padding-bottom:5px;}
#dv_alarm .dv_alarm .dv_alarmInline[type='memo']{line-height:1.8;text-align:left;margin:10px 5px;font-size:11px;}
#dv_alarm .dv_alarm .dv_alarmBtnOutline{text-align:center;margin-bottom:10px;}
/* 알람e */

/* 테이블s */
table{text-align:center;}
table .trHead{height:30px;line-height:30px;background-color:#fff;color:#333;}
table .trHead td{border-left:1px solid #fff;border-bottom:1px solid #aaa;border-top:1px solid #aaa;padding:0px 5px;min-width:30px;}
table .trHead td:first-child{border-left:0px;}
table .trMain{height:30px;line-height:30px;}
table .trMain td{border-bottom:1px solid #aaa;border-right:1px solid #aaa;padding:0px 5px;}
table .trMain td:last-child{border-right:0px;}
table .trMain[onclick]{cursor:pointer;}
table .trMain td[fieldName]{background-color:#fffdeb;}
table .trMain:nth-child(odd){background-color:#f8f8f8;}
table .trMain:hover{background-color:#e4e4e4;}
table .trBlank{height:30px;border-bottom:1px solid #aaa;}
[textLeft]{text-align:left;}
[textCenter]{text-align:center;}
[textRight]{text-align:right;}
[textIndent5]{text-indent:5px;}
[textIndent10]{text-indent:10px;}
/* 테이블e */

/* 버튼s */
.spBtn{background-color:#4891db;color:#fff;display:inline-block;padding:0px 5px;height:30px;line-height:30px;margin-top:5px;font-size:11px;min-width:50px;text-align:center;border-radius:3px;vertical-align:bottom:}
.spBtn:hover{cursor:pointer;box-shadow:0px 0px 3px #666;background-color:#fff;color:#4891db;box-shadow:0px 0px 6px #4891db;font-weight:800;}
.spBtn[type='mini']{height:20px;line-height:20px;min-width:10px;padding:0px 5px;text-indent:0px;}
.spBtn[color='fe5500']{background-color:#fe5500;}
.spBtn[color='fe5500']:hover{color:#fe5500;background-color:#fff;box-shadow:0px 0px 6px #fe5500;}
.spBtn[color='666']{background-color:#666;}
.spBtn[color='666']:hover{color:#666;background-color:#fff;box-shadow:0px 0px 6px #666;}
.spBtn[color='e7b015']{background-color:#e7b015;}
.spBtn[color='e7b015']:hover{color:#e7b015;background-color:#fff;box-shadow:0px 0px 6px #e7b015;}
.spBtn[color='ebd085']{background-color:#ebd085;}
.spBtn[color='ebd085']:hover{color:#ebd085;background-color:#fff;box-shadow:0px 0px 6px #ebd085;}
icon{display:inline-block;width:15px;height:15px;margin-right:2px;margin-top:-2px;vertical-align:middle;filter:invert(100%);}
icon[type='create']{background:url(/images/icon/icon_create.png);background-size:100% 100%;}
icon[type='add']{background:url(/images/icon/icon_add.png);background-size:100% 100%;}
icon[type='search']{background:url(/images/icon/icon_search.png);background-size:100% 100%;}
icon[type='excel']{background:url(/images/icon/icon_excel.png);background-size:100% 100%;}
icon[type='setup']{background:url(/images/icon/icon_setup.png);background-size:100% 100%;}
icon[size='mini']{width:10px;height:10px;}
.spBtn:hover icon{filter:invert(50%);}
[height32]{height:32px;line-height:32px;}
[width100]{width:100px;}
/* 버튼e */

/* 상태버튼s */
.dvStats{display:inline-block;width:30px;height:20px;line-height:20px;text-align:center;font-size:11px;color:#aaa;}
.dvStats:hover{color:#888;cursor:pointer;}
.dvStatsBar{position:absolute;width:30px;height:22px;margin-top:-1px;line-height:22px;background-color:#aaa;text-align:center;color:#fff;transition:0.2s;font-size:11px;}
.dvStatsBar.yes{margin-left:0px;background-color:#4891db;border-radius:2px;}
.dvStatsBar.yes:after{content:"정상";}
.dvStatsBar.yes[bgcolor="fe5500"]{background-color:#fe5500;}
.dvStatsBar.no{margin-left:30px;}
.dvStatsBar.no:after{content:"정지";}
.dvStatsBar.end{margin-left:60px;}
.dvStatsBar.end:after{content:"종료";}
.dvStatsBar[statsType='pushWork'].stay{margin-left:0px;background-color:#4891db;border-radius:2px;}
.dvStatsBar[statsType='pushWork'].stay:after{content:"대기";}
.dvStatsBar[statsType='pushWork'].stay[bgcolor="fe5500"]{background-color:#fe5500;}
.dvStatsBar[statsType='pushWork'].complete{margin-left:30px;}
.dvStatsBar[statsType='pushWork'].complete:after{content:"완료";}
/* 상태버튼e */

@media screen and (max-width: 900px){
.dv_dayCheck_inline .sp_dayCheck_btnList{display:block;margin:5px 0px;margin-left:0px;}
}
@media screen and (max-width: 600px){
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline input{width:100px;}
form[name='frmSchdata'] .dvSchDataInline .dvSchdata_list .dvSearchOutline .dvSearchBtn{50px;}
}