@CHARSET "utf-8";


.fleft{float:left}
.fright{float:right}
.fclear:after{clear:both; content:""; display:block}
.posrel{position:relative}
.none{display:none !important}
.hide{position:absolute; left:-99999px; top:-99999px; width:0; height:0; font-size:0; line-height:0; visibility:hidden; margin:0; padding:0; overflow:hidden;}
.over{cursor:pointer}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}

.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}

.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}

.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}

.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}

.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis}

.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}

ul,ol{list-style:none;list-style-image:none;}
a,a:hover,a:visited,a:focus{text-decoration:none}

.icon{background:url(../images/iconset.png) no-repeat; text-indent:-999em}
.icon.unifiedSearch{display:block; width:18px; height:18px; background-position:0 -750px}
.icon.logout{display:block; width:19px; height:20px; background-position:0 -400px}
.icon.mypage{display:block; width:22px; height:22px; background-position:0 -450px}
.icon.user_profile{display:block; width:35px; height:35px; background-position:0 -600px}
.icon.btn_plus{display:inline-block; width:25px; height:25px; background-position:0 -850px}
.icon.btn_save{display:inline-block; width:25px; height:25px; background-position:0 -900px}
.icon.btn_list{display:inline-block; width:18px; height:25px; background-position:0 -1093px}
.icon.btn_list2{display:inline-block; width:18px; height:25px; background-position:-50px -1093px}
.icon.btn_del{display:inline-block; width:12px; height:25px; background-position:0 -945px}
.icon.btn_pencil{display:inline-block; width:15px; height:25px; background-position:0 -995px}
.icon.btn_print{display:inline-block; width:16px; height:15px; background-position:0 -1050px}
.icon.trash{display:inline-block; width:13px; height:15px; background-position:0 -1250px}
.icon.plus{display:inline-block; width:15px; height:15px; background-position:0 -1200px}
.icon.btn_excel{display:inline-block; width:25px; height:25px; background-position:0 -1300px}
.icon.btn_pdf{display:inline-block; width:25px; height:25px; background-position: 0 -1350px;}
.icon.btn_print{display:inline-block; width:27px; height:25px; background-position:0 -1400px;}
.icon.btn_phone{display:inline-block; width:27px; height:25px; background-position:0 -1450px}

.comment_icon{display:inline-block;background:url(../images/comment_iconset.png) no-repeat; text-indent:-999em}
.comment_icon.comment{width:25px;height:25px;background-position: 0 0;}
.comment_icon.people{width:30px;height:30px;background-position: 0 -100px;}
.comment_icon.admin{width:30px;height:30px;background-position: 0 -200px;}
.comment_icon.arrow{width:5px;height:4px;background-position: 0 -300px;}
.comment_icon.arrow.up{background-position: 0 -400px;}
.comment_icon.arrow2{width:10px;height:10px;background-position:0 -500px;}

button{cursor:pointer}

button.tab_title{display:block; position:relative; width:100%; height:56px; line-height:56px; text-indent:30px; color:#fff; font-weight:bold; font-size:18px; background:#ccc; border:0; border-radius:3px; margin-top:10px}
button.tab_title.no_hover{cursor:default !important}
button.tab_title.first{margin-top:30px}
button.tab_title.selected{border-radius:3px 3px 0 0}
button.tab_title span.icon_arrow{display:block; position:absolute; width:25px; height:25px; top:16px; right:30px; background:url(../images/iconset.png) -50px -1150px no-repeat}
button.tab_title.selected span.icon_arrow{display:block; position:absolute; width:25px; height:25px; background:url(../images/iconset.png) 0 -1150px no-repeat}
button.tab_title.red.selected{background:#EC665B}
button.tab_title.blue.selected{background:#639EE0}
button.tab_title.dblue.selected{background:#2C3749}
button.tab_title.green.selected{background:#64A94C}
button.tab_title.gray.selected{background:#535353}
button.tab_title.wgray.selected{background:#999999}
button.tab_title.yellow.selected{background:#FAB30E}
button.tab_title.white.selected{background:#fff; color:#000; border-bottom:2px solid #DDDDDD}

.auto-complete-wrap{position:relative;}
button.btn-auto-complete{z-index:1; background:url(/resources/images/icon/icon_arrow_down.png) center center no-repeat; border:0; border-left:1px solid #ccc; position:absolute; width:36px; height:36px; text-indent:-999em; top:50%; right:0px; margin-top:-18px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
button.btn-auto-complete:hover{background-color:#e6e6e6}

.required{color:red !important; vertical-align:middle}

.black_overlay{position:absolute; top:0; left:0; width:100%; min-height:100%; background-color:#000; z-index:1000; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80)}

li.hover:hover *{color:#639EE0}

table th, table td {/* position: relative; */}

.relative-wrap{position:relative;}

input[disabled=disabled], select[disabled=disabled]{background:#eee !important}