@charset "utf-8";
/*///////////////////////////////////
///    Common Module
//////////////////////////////////*/
/*--------------------------------------------------
기본컬러 정의 
1. 기본 컬러는 bootstrap에서 커스터마이징해서 정의
2. 색상값
default(검정) : #000000
primary(파랑) : #005B9E, rgb(0, 91, 158)
success(녹색) : #10b045
info(하늘색) : #5db2ff
warning(노랑) : #ff8f32
danger(붉은색) : #d23737

3. theme
LightBlue: #5681DD
Green: #006400
LigntGreen: #26A026
Red: #A51F2A
LightRed: #D3414D
Olive: #696901
LightOlive: #9E9E0F
Chocolate: #592F1A
LightChocolate: #895338
Purple: #760076
LightPurple: #9847A1
Black: #333333
White(Blue)
White(Black)
--------------------------------------------------*/

/*--------------------------------------------------
1. Horizontal align
.text-left
.text-center
.text-right
.text-justify
--------------------------------------------------*/
.text-left{
	text-align:left !important
}
.text-center{
	text-align:center !important
}
.text-right{
	text-align:right !important
}
.centered{
  margin-left:auto;
  margin-right:auto
}
/*--------------------------------------------------
2. Vertical align
--------------------------------------------------*/
.valign-top{vertical-align: top !important}
.valign-middle{vertical-align: middle !important}
.valign-bottom{vertical-align: bottom !important}
/*--------------------------------------------------
3. Float
.pull-left
.pull-right
--------------------------------------------------*/

/*--------------------------------------------------
4. Showing and hiding content
.show
.hide, .hidden
--------------------------------------------------*/
.display-block{
  display:block !important
}
.display-inline-block{
  display:inline-block !important
}
/*--------------------------------------------------
5. letter spacing
--------------------------------------------------*/
.text-spacing-condensed {
  letter-spacing:-1px;
}
/*--------------------------------------------------
6. Font_size(using form setting)
--------------------------------------------------*/
.font-9px{font-size: 9px !important;}
.font-10px{font-size: 10px !important;}
.font-11px{font-size: 11px !important;}
.font-12px{font-size: 12px !important;}
.font-13px{font-size: 13px !important;}
.font-14px{font-size: 14px !important;}
.font-15px{font-size: 15px !important;}
.font-16px{font-size: 16px !important;}
.font-17px{font-size: 17px !important;}
.font-18px{font-size: 18px !important;}
.font-19px{font-size: 19px !important;}
.font-20px{font-size: 20px !important;}

/*--------------------------------------------------
7. Line-height
--------------------------------------------------*/
.lh-15{line-height:1.5}
.lh-16{line-height:1.6}
.lh-17{line-height:1.7}
.lh-18{line-height:1.8}
.lh-19{line-height:1.9}
.lh-20{line-height:2.0}

/*--------------------------------------------------
8. Text Appearance
--------------------------------------------------*/
.text-bold{font-weight: bold !important;}
.text-uline{text-decoration: underline !important;}
.text-uline-no{text-decoration:none !important}
.text-line-through{text-decoration:line-through !important}
.text-italic {font-style:italic !important}
.text-disabled{cursor:not-allowed}

.grid-text-uline-through{text-decoration: underline line-through}

/*--------------------------------------------------
9. Text ellipsis
--------------------------------------------------*/
.ellipsis,
.table-ellipsis td{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
td.ellipsis,
.table-ellipsis td{word-wrap:normal !important}
td.ellipsis br,
.table-ellipsis td br{display:none}

/*--------------------------------------------------
10. Background color
.bg-primary : #005B9E
.bg-success : #dff0d8
.bg-info : #d9edf7
.bg-warning : #fcf8e3
.bg-danger {background-color: #f2dede !important;}
--------------------------------------------------*/
.bg-white {background-color:#fff !important}
.bg-gray {background-color:#ebebeb !important}
.bg-muted {background-color:#eee !important}

/*--------------------------------------------------
11. Padding
pa, pt, pr, pb, pl
--------------------------------------------------*/
.pa-0{padding: 0 !important;}
.pa-1{padding: 1px !important;}
.pa-2{padding: 2px !important;}
.pa-3{padding: 3px !important;}
.pa-4{padding: 4px !important;}
.pa-5{padding: 5px !important;}
.pa-10{padding: 10px !important;}
.pa-15{padding: 15px !important;}
.pa-20{padding: 20px !important;}
.pa-25{padding: 25px !important;}
.pa-30{padding: 30px !important;}
.pa-35{padding: 35px !important;}
.pa-40{padding: 40px !important;}
.pa-50{padding: 50px !important;}
.pa-55{padding: 55px !important;}
.pa-60{padding: 60px !important;}
.pa-65{padding: 65px !important;}
.pa-70{padding: 70px !important;}
.pa-75{padding: 75px !important;}
.pa-80{padding: 80px !important;}
.pa-85{padding: 85px !important;}
.pa-90{padding: 90px !important;}
.pa-95{padding: 95px !important;}
.pa-100{padding: 100px !important;}

.pt-0{padding-top: 0 !important;}
.pt-1{padding-top: 1px !important;}
.pt-2{padding-top: 2px !important;}
.pt-3{padding-top: 3px !important;}
.pt-4{padding-top: 4px !important;}
.pt-5{padding-top: 5px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}
.pt-75{padding-top: 75px !important;}
.pt-80{padding-top: 80px !important;}
.pt-85{padding-top: 85px !important;}
.pt-90{padding-top: 90px !important;}
.pt-95{padding-top: 95px !important;}
.pt-100{padding-top: 100px !important;}

.pr-0{padding-right: 0 !important;}
.pr-1{padding-right: 1px !important;}
.pr-2{padding-right: 2px !important;}
.pr-3{padding-right: 3px !important;}
.pr-4{padding-right: 4px !important;}
.pr-5{padding-right: 5px !important;}
.pr-10{padding-right: 10px !important;}
.pr-15{padding-right: 15px !important;}
.pr-20{padding-right: 20px !important;}
.pr-25{padding-right: 25px !important;}
.pr-30{padding-right: 30px !important;}
.pr-35{padding-right: 35px !important;}
.pr-40{padding-right: 40px !important;}
.pr-50{padding-right: 50px !important;}
.pr-55{padding-right: 55px !important;}
.pr-60{padding-right: 60px !important;}
.pr-65{padding-right: 65px !important;}
.pr-70{padding-right: 70px !important;}
.pr-75{padding-right: 75px !important;}
.pr-80{padding-right: 80px !important;}
.pr-85{padding-right: 85px !important;}
.pr-90{padding-right: 90px !important;}
.pr-95{padding-right: 95px !important;}
.pr-100{padding-right: 100px !important;}

.pb-0{padding-bottom: 0 !important;}
.pb-1{padding-bottom: 1px !important;}
.pb-2{padding-bottom: 2px !important;}
.pb-3{padding-bottom: 3px !important;}
.pb-4{padding-bottom: 4px !important;}
.pb-5{padding-bottom: 5px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-75{padding-bottom: 75px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-85{padding-bottom: 85px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-95{padding-bottom: 95px !important;}
.pb-100{padding-bottom: 100px !important;}

.pl-0{padding-left: 0 !important;}
.pl-1{padding-left: 1px !important;}
.pl-2{padding-left: 2px !important;}
.pl-3{padding-left: 3px !important;}
.pl-4{padding-left: 4px !important;}
.pl-5{padding-left: 5px !important;}
.pl-10{padding-left: 10px !important;}
.pl-15{padding-left: 15px !important;}
.pl-20{padding-left: 20px !important;}
.pl-25{padding-left: 25px !important;}
.pl-30{padding-left: 30px !important;}
.pl-35{padding-left: 35px !important;}
.pl-40{padding-left: 40px !important;}
.pl-50{padding-left: 50px !important;}
.pl-55{padding-left: 55px !important;}
.pl-60{padding-left: 60px !important;}
.pl-65{padding-left: 65px !important;}
.pl-70{padding-left: 70px !important;}
.pl-75{padding-left: 75px !important;}
.pl-80{padding-left: 80px !important;}
.pl-85{padding-left: 85px !important;}
.pl-90{padding-left: 90px !important;}
.pl-95{padding-left: 95px !important;}
.pl-100{padding-left: 100px !important;}

/*--------------------------------------------------
12. Margin
ma, mt, mr, mb, ml
--------------------------------------------------*/
.ma-0{margin: 0 !important;}
.ma-1{margin: 1px !important;}
.ma-2{margin: 2px !important;}
.ma-3{margin: 3px !important;}
.ma-4{margin: 4px !important;}
.ma-5{margin: 5px !important;}
.ma-10{margin: 10px !important;}
.ma-15{margin: 15px !important;}
.ma-20{margin: 20px !important;}
.ma-25{margin: 25px !important;}
.ma-30{margin: 30px !important;}
.ma-35{margin: 35px !important;}
.ma-40{margin: 40px !important;}
.ma-50{margin: 50px !important;}
.ma-55{margin: 55px !important;}
.ma-60{margin: 60px !important;}
.ma-65{margin: 65px !important;}
.ma-70{margin: 70px !important;}
.ma-75{margin: 75px !important;}
.ma-80{margin: 80px !important;}
.ma-85{margin: 85px !important;}
.ma-90{margin: 90px !important;}
.ma-95{margin: 95px !important;}
.ma-100{margin: 100px !important;}

.mt-0{margin-top: 0 !important;}
.mt-1{margin-top: 1px !important;}
.mt-2{margin-top: 2px !important;}
.mt-3{margin-top: 3px !important;}
.mt-4{margin-top: 4px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}
.mt-55{margin-top: 55px !important;}
.mt-60{margin-top: 60px !important;}
.mt-65{margin-top: 65px !important;}
.mt-70{margin-top: 70px !important;}
.mt-75{margin-top: 75px !important;}
.mt-80{margin-top: 80px !important;}
.mt-85{margin-top: 85px !important;}
.mt-90{margin-top: 90px !important;}
.mt-95{margin-top: 95px !important;}
.mt-100{margin-top: 100px !important;}

.mr-0{margin-right: 0 !important;}
.mr-1{margin-right: 1px !important;}
.mr-2{margin-right: 2px !important;}
.mr-3{margin-right: 3px !important;}
.mr-4{margin-right: 4px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}
.mr-25{margin-right: 25px !important;}
.mr-30{margin-right: 30px !important;}
.mr-35{margin-right: 35px !important;}
.mr-40{margin-right: 40px !important;}
.mr-50{margin-right: 50px !important;}
.mr-55{margin-right: 55px !important;}
.mr-60{margin-right: 60px !important;}
.mr-65{margin-right: 65px !important;}
.mr-70{margin-right: 70px !important;}
.mr-75{margin-right: 75px !important;}
.mr-80{margin-right: 80px !important;}
.mr-85{margin-right: 85px !important;}
.mr-90{margin-right: 90px !important;}
.mr-95{margin-right: 95px !important;}
.mr-100{margin-right: 100px !important;}

.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: 1px !important;}
.mb-2{margin-bottom: 2px !important;}
.mb-3{margin-bottom: 3px !important;}
.mb-4{margin-bottom: 4px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-75{margin-bottom: 75px !important;}
.mb-80{margin-bottom: 80px !important;}
.mb-85{margin-bottom: 85px !important;}
.mb-90{margin-bottom: 90px !important;}
.mb-95{margin-bottom: 95px !important;}
.mb-100{margin-bottom: 100px !important;}

.ml-0{margin-left: 0 !important;}
.ml-1{margin-left: 1px !important;}
.ml-2{margin-left: 2px !important;}
.ml-3{margin-left: 3px !important;}
.ml-4{margin-left: 4px !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}
.ml-30{margin-left: 30px !important;}
.ml-35{margin-left: 35px !important;}
.ml-40{margin-left: 40px !important;}
.ml-50{margin-left: 50px !important;}
.ml-55{margin-left: 55px !important;}
.ml-60{margin-left: 60px !important;}
.ml-65{margin-left: 65px !important;}
.ml-70{margin-left: 70px !important;}
.ml-75{margin-left: 75px !important;}
.ml-80{margin-left: 80px !important;}
.ml-85{margin-left: 85px !important;}
.ml-90{margin-left: 90px !important;}
.ml-95{margin-left: 95px !important;}
.ml-100{margin-left: 100px !important;}

/*--------------------------------------------------
13. Height
--------------------------------------------------*/
.h-5{height: 5px;}
.h-10{height: 10px;}
.h-15{height: 15px;}
.h-20{height: 20px;}
.h-25{height: 25px;}
.h-30{height: 30px;}
.h-35{height: 35px;}
.h-40{height: 40px;}
.h-45{height: 45px;}
.h-50{height: 50px;}
.h-100{height: 100px;}
.h-120{height: 120px;}
.h-200{height: 200px;}
.h-300{height: 300px;}
.h-400{height: 400px;}
.height-auto {height: auto !important}

.mh-80{min-height:80px}
.mh-90{min-height:90px}
.mh-100{min-height:100px}

/*--------------------------------------------------
14. Width
--------------------------------------------------*/
.w-5,
.form-control.textbox-inline.w-5{width: 5px !important;}
.w-10,
.form-control.textbox-inline.w-10{width: 10px !important;}
.w-15,
.form-control.textbox-inline.w-15{width: 15px !important;}
.w-20,
.form-control.textbox-inline.w-20{width: 20px !important;}
.w-25,
.form-control.textbox-inline.w-25{width: 25px !important;}
.w-30,
.form-control.textbox-inline.w-30{width: 30px !important;}
.w-35,
.form-control.textbox-inline.w-35{width: 35px !important;}
.w-40,
.form-control.textbox-inline.w-40{width: 40px !important;}
.w-45,
.form-control.textbox-inline.w-45{width: 45px !important;}
.w-50,
.form-control.textbox-inline.w-50{width: 50px !important;}
.w-100,
.form-control.textbox-inline.w-100{width: 100px !important;}
.w-200,
.form-control.textbox-inline.w-200{width: 200px !important;}
.w-300,
.form-control.textbox-inline.w-300{width: 300px !important;}
.w-400,
.form-control.textbox-inline.w-400{width: 400px !important;}
.w-500,
.form-control.textbox-inline.w-500{width: 500px !important;}
.w-600,
.form-control.textbox-inline.w-600{width: 600px !important;}

/*--------------------------------------------------
15. Border
border 삭제, 추가 클래스
1. all
2. top
3. right
4. bottom
5. left
6. radius

테이블에서 사용시 이웃하는 두개의 셀에 동시에 적용해야 함.
보더 추가 클래스는 테이블에서만 사용가능
--------------------------------------------------*/
.border-no-a,
tr.border-no-a th,
tr.border-no-a td{border-style: none !important;}

.border-no-t,
tr.border-no-t th,
tr.border-no-t td{border-top-style: none !important;}
.border-no-r,
tr.border-no-r th,
tr.border-no-r td{border-right-style: none !important;}
.border-no-b,
tr.border-no-b th,
tr.border-no-b td{border-bottom-style: none !important;}
.border-no-l,
tr.border-no-l th,
tr.border-no-l td{border-left-style: none !important;}

table td.border-a,
table tr.border-a th,
table tr.border-a td{border-style: solid !important;}
table td.border-t,
table tr.border-t th,
table tr.border-t td{border-top-style: solid !important;}
table td.border-r,
table tr.border-r th,
table tr.border-r td{border-right-style: solid !important;}
table td.border-b,
table tr.border-b th,
table tr.border-b td{border-bottom-style: solid !important;}
table td.border-l,
table tr.border-l th,
table tr.border-l td{border-left-style: solid !important;}

.radius-no {border-radius:0 !important}

/*--------------------------------------------------
15. Zooming Page
--------------------------------------------------*/
.zoom-1{zoom:100% !important}
.zoom-2{zoom:105% !important}
.zoom-3{zoom:110% !important}
.zoom-4{zoom:115% !important}
.zoom-5{zoom:120% !important}
.zoom-6{zoom:125% !important}
.zoom-7{zoom:130% !important}
.zoom-8{zoom:135% !important}
.zoom-9{zoom:140% !important}
.zoom-10{zoom:150% !important}
.zoom-11{zoom:160% !important}
.zoom-12{zoom:170% !important}
.zoom-13{zoom:180% !important}
.zoom-14{zoom:190% !important}
.zoom-15{zoom:200% !important}
.zoom-70{zoom:70% !important}
.zoom-80{zoom:80% !important}
.zoom-90{zoom:90% !important}
.zoom-100{zoom:100% !important}
.zoom-110{zoom:110% !important}
.zoom-120{zoom:120% !important}
.zoom-130{zoom:130% !important}
.zoom-140{zoom:140% !important}
.zoom-150{zoom:150% !important}
/*--------------------------------------------------
16. Grid System
--------------------------------------------------*/
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10, .col-sm-11,.col-sm-12{
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10, .col-md-11,.col-md-12{
  padding-left: 5px;
  padding-right: 5px;
}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10, .col-lg-11,.col-lg-12{
  padding-left: 7px;
  padding-right: 7px;
}

/*--------------------------------------------------
17. Direction
	ul, ol 패딩문제
	input-group의 border-radius 방향문제
	checkbox, radio 여백문제
--------------------------------------------------*/
.direction-ltr {direction:ltr}
.direction-rtl {direction:rtl}
.direction-rtl .pull-left{float:right !important}
.direction-rtl .pull-right{float:left !important}
.direction-rtl ul,
.direction-rtl ol{
	padding-right:0
}

/*--------------------------------------------------
18. indent
--------------------------------------------------*/
.indent1{margin-left:15px !important;}
.indent2{margin-left:30px !important;}
.indent3{margin-left:45px !important;}
.indent4{margin-left:60px !important;}
.indent5{margin-left:75px !important;}
.indent6{margin-left:90px !important;}
.indent7{margin-left:105px !important;}
.indent8{margin-left:120px !important;}
.indent9{margin-left:135px !important;}
.indent10{margin-left:150px !important;}
.indent11{margin-left:165px !important;}
.indent12{margin-left:180px !important;}
.indent13{margin-left:195px !important;}
.indent14{margin-left:210px !important;}
.indent15{margin-left:225px !important;}
.indent16{margin-left:240px !important;}
.indent17{margin-left:255px !important;}
.indent18{margin-left:270px !important;}
.indent19{margin-left:285px !important;}
.indent20{margin-left:300px !important;}
.indent21{margin-left:315px !important;}
.indent22{margin-left:330px !important;}
.indent23{margin-left:345px !important;}
.indent24{margin-left:360px !important;}
.indent25{margin-left:375px !important;}
.indent26{margin-left:390px !important;}
.indent27{margin-left:405px !important;}
.indent28{margin-left:420px !important;}
.indent29{margin-left:435px !important;}
.indent30{margin-left:450px !important;}
.table td.indent1{padding-left:15px !important;}
.table td.indent2{padding-left:30px !important;}
.table td.indent3{padding-left:45px !important;}
.table td.indent4{padding-left:60px !important;}
.table td.indent5{padding-left:75px !important;}
.table td.indent6{padding-left:90px !important;}
.table td.indent7{padding-left:105px !important;}
.table td.indent8{padding-left:120px !important;}
.table td.indent9{padding-left:135px !important;}
.table td.indent10{padding-left:150px !important;}
.table td.indent11{padding-left:165px !important;}
.table td.indent12{padding-left:180px !important;}
.table td.indent13{padding-left:195px !important;}
.table td.indent14{padding-left:210px !important;}
.table td.indent15{padding-left:225px !important;}
.table td.indent16{padding-left:240px !important;}
.table td.indent17{padding-left:255px !important;}
.table td.indent18{padding-left:270px !important;}
.table td.indent19{padding-left:285px !important;}
.table td.indent20{padding-left:300px !important;}
.table td.indent21{padding-left:315px !important;}
.table td.indent22{padding-left:330px !important;}
.table td.indent23{padding-left:345px !important;}
.table td.indent24{padding-left:360px !important;}
.table td.indent25{padding-left:375px !important;}
.table td.indent26{padding-left:390px !important;}
.table td.indent27{padding-left:405px !important;}
.table td.indent28{padding-left:420px !important;}
.table td.indent29{padding-left:435px !important;}
.table td.indent30{padding-left:450px !important;}

/*--------------------------------------------------
19. cursor
--------------------------------------------------*/
.cursor-default{
	cursor:default !important
}
.cursor-pointer{
	cursor:pointer !important
}
/*--------------------------------------------------
20. position
--------------------------------------------------*/
.position-static{
  position:static !important;
}
.position-relative{
  position:relative !important;
}
.position-absolute{
  position:absolute !important;
}
.position-fixed{
  position:fixed !important;
}
/*--------------------------------------------------
21. scroll
--------------------------------------------------*/
.overflow-auto{
  overflow:auto
}
.overflow-scroll{
  overflow:scroll
}
.overflow-hidden{
  overflow:hidden
}
/*////////////////////////////////////////////
///    Animation Module
////////////////////////////////////////////*/
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.animated.infinite {
	animation-iteration-count: infinite;
}
.animated.hinge {
	animation-duration: 2s;
}
/*--------------------------------------------------
bounceInUp
--------------------------------------------------*/
@keyframes bounceInUp {
	0%, 100%, 60%, 75%, 90% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	75% {
		transform: translate3d(0, 10px, 0);
	}
	90% {
		transform: translate3d(0, -5px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
.bounceInUp {
  animation-name: bounceInUp
}
/*--------------------------------------------------
bounceInDown
--------------------------------------------------*/
@keyframes bounceInDown {
	0%, 100%, 60%, 75%, 90% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	100% {
		transform: none;
	}
}
.bounceInDown {
	animation-name: bounceInDown;
}
/*--------------------------------------------------
bounceInRight
--------------------------------------------------*/
@keyframes bounceInRight {
	0%, 100%, 60%, 75%, 90% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		transform: translate3d(10px, 0, 0);
	}

	90% {
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		transform: none;
	}
}

.bounceInRight {
	animation-name: bounceInRight;
}
/*--------------------------------------------------
bounceOutRight
--------------------------------------------------*/
@keyframes bounceOutRight {
	20% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0);
	}
	100% {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
.bounceOutRight {
	animation-name: bounceOutRight;
}
/*--------------------------------------------------
bounceOutDown
--------------------------------------------------*/
@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	animation-name: bounceOutDown;
}
/*--------------------------------------------------
fadeIn
--------------------------------------------------*/
@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}
.fadeInUp {
	animation-name: fadeInUp;
}
/*--------------------------------------------------
fadeOut
--------------------------------------------------*/
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.fadeOut {
	animation-name: fadeOut;
}
/*--------------------------------------------------
pulse
--------------------------------------------------*/
@keyframes pulse {
	0% {
		transform: scale3d(0.8, 0.8, 0.8);
	}

	50% {
		transform: scale3d(1, 1, 1);
	}

	100% {
		transform: scale3d(0.8, 0.8, 0.8);
	}
}

.pulse {
	animation-name: pulse;
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	animation-name: zoomIn;
}


@keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	animation-name: zoomOut;
}


@keyframes tada {
	0% {
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	animation-name: tada;
}

/*--------------------------------------------------
tutorial
--------------------------------------------------*/
@keyframes tutorialArrow {
  0% {transform: translate3d(0, 0, 0);}
  50% {transform: translate3d(15px, 0, 0);}
  100% {transform: translate3d(0, 0, 0);}
}

/*///////////////////////////////
///    Utility Module    
///////////////////////////////*/
/*--------------------------------------------------
프린트 속성

- bootstrap속성중 아래 속성을 주석처리함
  *{
    color: #000 !important;
    background: transparent !important;
 }
--------------------------------------------------*/
@media print{
	.header.hidden-print ~ .contents{
		margin:0 !important
	}
	.contents{
		padding: 0 !important;
	}
	.page-break{
		page-break-before:always;
	}
	a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  .print-centered{
    margin-left:auto !important;
    margin-right:auto !important
  }
  tr,
  img {
    page-break-inside: auto;
  }
  .table-bordered.ie-border-bug-fix th,
  .table-bordered.ie-border-bug-fix td  {
     outline:solid 0.5px #ccc;
  }
}

a, button,li, li:before{
	-webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
}

.visible{
	visibility:visible !important
}
.nowrap {
  /*overflow: hidden;*/
  white-space: nowrap !important ;
}
.noselection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
::selection {
  color: #fff; 
  background: #005B9E;
}
hr {
  border-top-color: #bbb;
	margin:15px 0
}
.row + .row{
  margin-top:5px
}
.inline-divider {
	border-right: 1px solid #bbb;
	margin: 0 8px;
	font-size: 133.3333%;
  vertical-align:middle
}
.row > .inline-divider {
  position: absolute;
  height: 18px;
  margin: 4px 0 0 -2px;
}
.form-control + .inline-divider{
  margin: 0 0 0 1px;
}
.input-group .input-group-addon > .inline-divider {
  margin-left:0
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
	color:#bbb
}
.word-break-all *{
  word-break: break-all !important
}
.close{
  font-weight: normal;
  text-shadow: none;
}
.close:before{
  font-family:arial;
  content:"×";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/*반응형 감지*/
#responsive-applied{
  display:none
}

/*////////////////////////////////////////
///    Typography Module    
///////////////////////////////////////*/
/*--------------------------------------------------
Font 정의
1. font-family
Arial, Helvetica, sans-serif - 설정으로 변경가능
전체에 폰트 적용 -  body태그에 아래 클래스 추가
세부설정에서 사용 - 설정이 필요한 태그에 아래 클래스 추가
--------------------------------------------------*/
.font-dotum {font-family:'Dotum','돋움','Arial','Apple SD Gothic Neo','Gulim'}
.font-gulim {font-family:'Gulim','굴림','Arial','Apple SD Gothic Neo','Gulim'}
.font-batang {font-family:'Batang','바탕','Arial','Apple SD Gothic Neo','Gulim'}
.font-gungsuh {font-family:'Gungsuh','궁서','Arial','Apple SD Gothic Neo','Gulim'}

.font-nanum-brush-script {font-family:'Nanum Brush Script','Arial','Apple SD Gothic Neo','Gulim'}
.font-nanumgothic {font-family:'NanumGothic','Arial','Apple SD Gothic Neo','Gulim'}
.font-malgun-gothic {font-family:'Malgun Gothic','Arial','Apple SD Gothic Neo','Gulim'}

.font-arial {font-family:'Arial','Apple SD Gothic Neo','Gulim'}
.font-Verdana {font-family:'Verdana','Arial','Apple SD Gothic Neo','Gulim'}
.font-times-new-roman {font-family:'Times New Roman','Arial','Apple SD Gothic Neo','Gulim'}
.font-georgia {font-family:'Georgia','Arial','Apple SD Gothic Neo','Gulim'}
.font-trebuchet-ms {font-family:'Trebuchet MS','Arial','Apple SD Gothic Neo','Gulim'}
.font-tahoma {font-family:'Tahoma','Arial','Apple SD Gothic Neo','Gulim'}
.font-comic-sans-ms {font-family:'Comic Sans MS','Arial','Apple SD Gothic Neo','Gulim'}
.font-courier-new {font-family:'Courier New','Arial','Apple SD Gothic Neo','Gulim'}
.font-arial-black {font-family:'Arial Black','Arial','Apple SD Gothic Neo','Gulim'}
.font-book-antiqua {font-family:'Book Antiqua','Arial','Apple SD Gothic Neo','Gulim'}
.font-helvetica {font-family:'Helvetica','Arial','Apple SD Gothic Neo','Gulim'}
.font-impact {font-family:'Impact','Arial','Apple SD Gothic Neo','Gulim'}
.font-courier-new {font-family:'Courier New','Arial','Apple SD Gothic Neo','Gulim'}
.font-lucida-console {font-family:'Lucida Console','Arial','Apple SD Gothic Neo','Gulim'}
.font-calibri{font-family:Calibri,'Arial','Apple SD Gothic Neo','Gulim'}
.font-microsoft-sans-serif{font-family:'Microsoft Sans Serif','Arial','Apple SD Gothic Neo','Gulim'}

.font-microsoft-yahei{font-family:'microsoft yahei','Arial','Apple SD Gothic Neo','Gulim'}
.font-simsun{font-family:'宋体', 'SimSun','Arial','Apple SD Gothic Neo','Gulim'}
.font-simhei{font-family:'黑体', 'SimHei','Arial','Apple SD Gothic Neo','Gulim'}
.font-kaiti{font-family:'楷体', 'KaiTi','Arial','Apple SD Gothic Neo','Gulim'}
.font-fangsong{font-family:'仿宋', 'FangSong','Arial','Apple SD Gothic Neo','Gulim'}
.font-lishu{font-family:'隶书','Arial','Apple SD Gothic Neo','Gulim'}
.font-youyuan{font-family:'幼圆','Arial','Apple SD Gothic Neo','Gulim'}
.font-hiragino-sans{font-family:'苹果丽黑', 'Hiragino Sans GB','Apple SD Gothic Neo','Gulim'}

.font-ms-pgothic{font-family:'MS PGothic','Arial','Apple SD Gothic Neo','Gulim'}
.font-ms-pmincho{font-family:'MS PMincho','Arial','Apple SD Gothic Neo','Gulim'}
.font-ms-gothic{font-family:'MS Gothic','Arial','Apple SD Gothic Neo','Gulim'}
.font-ms-mincho{font-family:'MS Mincho','Arial','Apple SD Gothic Neo','Gulim'}
.font-meiryo{font-family:'Meiryo','Arial','Apple SD Gothic Neo','Gulim'}

/*--------------------------------------------------
2. Font Color
기본컬러에서 상속받음
기본 : #000000
text-primary
text-success
text-info
text-warning
text-danger
text-muted : #999999
cyan
red
green
orange
amethyst
greensea
dutch
hotpink
drank
blue
slategray
redbrown
--------------------------------------------------*/
a:focus{outline:none}
a.text-light{
  color:#c4e6ff            
}

.text-default{color: #444 !important;}
a.text-default:hover{color: #000 !important;}
.text-muted {color: #aaa !important;}
a.text-muted:hover{color: #666 !important;}
.text-gray {color: #888 !important;}
a.text-gray:hover{color: #333 !important;}
.text-success{color: #10b045 !important;}
a.text-success:hover{color: #2b542c !important;}
.text-info{color: #2783b1 !important;}
a.text-info:hover{color: #245269 !important;}
.text-warning{color: #ff8f32 !important;}
a.text-warning:hover{color: #66512c !important;}
.text-danger{color: #d23737 !important;}
a.text-danger:hover{color: #843534 !important;}

[class*="text-"][class*="-inverse"]{
  padding: 1px 2px;
  border-radius: 3px;
}
.text-default-inverse{color: #fff !important;background-color:#333}
a.text-default-inverse:hover{color: #fff !important;background-color:#000}
.text-primary-inverse{color: #fff !important;background-color:#005B9E}
a.text-primary-inverse:hover{color: #fff !important;background-color:#005593}
.text-success-inverse{color: #fff !important;background-color:#10b045}
a.text-success-inverse:hover{color: #fff !important;background-color:#2b542c}
.text-info-inverse{color: #fff !important;background-color:#5db2ff}
a.text-info-inverse:hover{color: #fff !important;background-color:#245269}
.text-warning-inverse{color: #fff !important;background-color:#ff8f32}
a.text-warning-inverse:hover{color: #fff !important;background-color:#a37f41}
.text-danger-inverse{color: #fff !important;background-color:#d23737}
a.text-danger-inverse:hover{color: #fff !important;background-color:#843534}

/* 색상표 참고 사이트 : http://www.w3schools.com/html/html_colornames.asp 참조해서 클래스명 제작*/

.text-muted-primary{color: #999 !important;}
a.text-muted-primary:hover{color: #005B9E !important;}

/*링크가 연속으로 올때 간격*/
a + a,
.link-group + .link-group {
	margin-left:6px
}
.btn-link{
	cursor:pointer
}
/*Text Group*/
.text-group{
  position: relative;
  display: table;
  border-collapse: separate;
}
.text-group > .text,
.text-group > .text-group-btn {
  display:table-cell
}
.text-group > .text{
  width:100%
}
.text-group > .text-group-btn{
  position:relative
}
.text-group > .text-group-btn .btn{
  min-width:0
}
/*--------------------------------------------------
3. Font_size
default :12px
--------------------------------------------------*/
.text-4xl{font-size: 333.333% !important;}/*40px*/
.text-3xl{font-size: 250% !important;}/*30px*/
.text-2xl{font-size: 200% !important;}/*24px*/
.text-xl{font-size: 150% !important;}/*18px*/
.text-lg{font-size: 116.6666% !important;}/*14px*/
.text-md{font-size: 100% !important;}/*12px*/
.text-sm{font-size: 91.6666% !important;}/*11px*/
.text-xs{font-size: 83.3333% !important;}/*10px*/
.text-2xs{font-size: 75% !important;}/*9px*/
.text-3xs{font-size: 66.6666% !important;}/*8px*/

/*--------------------------------------------------
4 Labeling
--------------------------------------------------*/
.label{
  display:inline-block;
	font-size: 100%;
	font-weight:normal;
	padding:2px 4px 0;
  border-radius:3px;
  line-height:1.3;
  vertical-align:middle
}
.label-hover{
  cursor:pointer
}
.label-muted {
  background-color: #e1e1e1;
	color:#bbb
}
.label-light{
  color:#000;
  font-weight:normal
}
.label-default.label-light{
  background-color:#eee;
}
.label-primary.label-light{
  background-color:#cce3f4;
}
.label-success.label-light{
  background-color:#cfefda;
}
.label-info.label-light{
  background-color:#dff0ff;
}
.label-warning.label-light{
  background-color:#ffe9d6;
}
.label-danger.label-light{
  background-color:#f6d7d7;
}
/*--------------------------------------------------
4-1 Label Group
--------------------------------------------------*/
/*label-group 기본*/
.label-group {
  position: relative;
  display: inline-block;
  min-width: 70px;
  padding: 0;
  background-color: #fff;
  vertical-align: top;
}
.label-group .label {
  width:100%;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  padding: 3px 4px 1px;
}
.label-group .label > a{
  color:#fff;
  overflow: hidden;
  text-overflow: ellipsis
}
.label-group .label > a:not(.fa-pencil){
  display: block;
  width: 100%;
}
.label-group .label.label-muted > a{
  color:#bbb
}
.label-group ul{
  list-style:none;
  padding:0;
  text-align:center;
  background-color:#fff;
  border: 1px solid #bbb;
  z-index:1000;
  min-width:100%;
  border-radius:0 0 3px 3px
}
.label-group .label.label-muted + ul{
  border-color:#ddd
}
.label-group:hover .label-primary + ul{
  border-color:#005B9E
}
.label-group:hover .label-success + ul{
  border-color:#10b045
}
.label-group:hover .label-info + ul{
  border-color:#5db2ff
}
.label-group:hover .label-warning + ul{
  border-color:#ff8f32
}
.label-group:hover .label-danger + ul{
  border-color:#d23737
}
.label-group ul li a{
  display:block;
  border-bottom:1px dotted #bbb;
  padding:3px 2px 2px;
  color:#444
}
.label-group ul li a:hover{
  cursor:pointer;
  background-color:#f1f1f1;
  color:#000
}
.label-group ul li:last-child a{
  border-bottom:none
}
/*label-group-hover*/
.label-group.label-group-hover .label{
  border-radius: 3px;
}
.label-group.label-group-hover ul{
  position:absolute;
  left:0;
  white-space: nowrap;
  display:none;
}
.label-group.label-group-hover:hover .label,
.label-group.label-group-hover:hover ul{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.label-group.label-group-hover:hover ul{
  display:block;
}
.label-group.label-group-hover:hover .label{
  text-decoration:underline;
  cursor:pointer
}
/*label-group-justified*/
.label-group.label-group-block.label-group-justified{
  width:100%
}
.label-group.label-group-justified ul{
  right:0;
  white-space: nowrap;
  width:100%
}
.label-group.label-group-justified ul li a{
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%
}
/*label-group-collapse*/
.label-group-collapse .label{
  white-space:normal
}
/*label util*/
.label-group-block,
.label-block{
  display:block !important;
  min-width:0 !important
}
.label-group-no-ellipsis > .label{
  white-space:normal !important
}
.label-group-dropup ul{
  bottom:100%
}
/*진행단계*/
.label-group-proceed-step.label-group{
  margin-right:12px;
  float:left
}
.label-group-proceed-step.label-group:before{
  content: "";
  position: absolute;
  left: -12px;
  top: 8px;
  border-top:1px solid #bbb;
  width:12px;
}
.label-group-proceed-step.label-group:first-child:before{
  display:none
}
.label-group-proceed-step.label-group-inv-adj.label-group {
  width:80px
}
/*오더관리 진행단계*/
.label-group-proceed-step.label-group-order-mgmt.label-group{
  width:113px;
}
.label-group-proceed-step.label-group-order-mgmt.label-group .label{
  padding-left:10px;
  padding-right:10px
}
.label-group-proceed-step.label-group-order-mgmt.label-group ul{
  border-top:none
}
.label-group-proceed-step.label-group-order-mgmt.label-group ul li a{
  margin:0 !important;
  display:inline-block;
  width:30px;
  padding:1px 2px 0;
  color:#999
}
.label-group-proceed-step.label-group-order-mgmt.label-group ul li a:hover{
  background-color:transparent;
  color:#000
}
.label-group-proceed-step.label-group-order-mgmt.label-group .label.label-muted + ul a{
  color:#ccc
}
.label-group-proceed-step.label-group-order-mgmt.label-group .label.label-muted + ul a:hover{
  color:#999
}
.label-group-proceed-step.label-group-order-mgmt.label-group .label a.fa{
  position:absolute;
  right:4px;
  top:3px;
  cursor:pointer;
  text-decoration:none
}
.label-group-proceed-step.label-group-order-mgmt.label-group .fa{
  font-size:100%
}
.label-group-proceed-step.label-group-order-mgmt.label-group.label-group-hover .label{
  border-radius:3px
}
/*--------------------------------------------------
5 badge
--------------------------------------------------*/
.badge{
	padding: 1px 4px;
	font-weight:normal;
}
.badge.badge-primary{
	background-color:#005B9E
}
.badge.badge-success{
	background-color:#10b045
}
.badge.badge-info{
	background-color:#5db2ff
}
.badge.badge-warning{
	background-color:#ff8f32
}
.badge.badge-danger{
	background-color:#d23737
}

/*--------------------------------------------------
6. etc
--------------------------------------------------*/
span.user-help-mark{
	cursor:pointer;
	color:#aaa;
	padding-right:5px;
	font-size:133.3333%;
	position:relative;
	line-height:1;
}
span.user-help-mark:before{
  font-family: FontAwesome;
	content: "\f059";
}

code,
kbd,
pre{font-size: inherit;}

p{margin: 0;}

ul, ol{
    list-style-type:none;
	padding-left:15px;
	margin-top: 0;
  margin-bottom:0
}
ul.ul-more-space,
ol.ol-more-space {padding-left:10px; list-style:none}
ul.ul-more-space > li,
ol.ol-more-space > li {margin:10px 0 15px;}

dl {
  margin-bottom: 0;
}
dt,
dd {
  line-height:1.6
}
dt {
  margin-top:10px
}
dd {
  margin-left:10px
}
.dl-lg{
  padding:10px;
}
.dl-lg dt{
  font-size:116.6666%;
  line-height:2
}
.dl-horizontal dt {
  margin-top:0
}

/*///////////////////////////////
///    Table Module    
//////////////////////////////*/

/*--------------------------------------------------
default table Definition
--------------------------------------------------*/
.table{
  table-layout: fixed;
  margin-bottom: 5px;
  max-width: none;
}
.table-bordered{
  border-color:#ccc
}
.table-layout-auto{
	table-layout:auto
}
.table-width-auto{
	width:auto
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td{
  word-wrap: break-word;
  vertical-align: middle;
  border-color:#ccc;
  padding:3px;
}
.table > thead > tr > th,
.table > tbody > tr > th{
  border-bottom-width: 1px;
  background-color: #f0f0f0;
  text-align: center;
  font-weight: normal;
  color:#606060
}
.table > tbody > tr > td{
}
.table > tbody > tr > td[colspan] > .input-group{
	width:100%
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.active-kbd,
.table > tbody > tr > td.active-kbd,
.table > tfoot > tr > td.active-kbd,
.table > thead > tr > th.active-kbd,
.table > tbody > tr > th.active-kbd,
.table > tfoot > tr > th.active-kbd,
.table > thead > tr.active-kbd > td,
.table > tbody > tr.active-kbd > td,
.table > tfoot > tr.active-kbd > td,
.table > thead > tr.active-kbd > th,
.table > tbody > tr.active-kbd > th,
.table > tfoot > tr.active-kbd > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.active-kbd:hover,
.table-hover > tbody > tr > th.active-kbd:hover,
.table-hover > tbody > tr.active-kbd:hover > td,
.table-hover > tbody > tr:hover > .active-kbd,
.table-hover > tbody > tr.active-kbd:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.muted,
.table > tbody > tr > td.muted,
.table > tfoot > tr > td.muted,
.table > thead > tr > th.muted,
.table > tbody > tr > th.muted,
.table > tfoot > tr > th.muted,
.table > thead > tr.muted > td,
.table > tbody > tr.muted > td,
.table > tfoot > tr.muted > td,
.table > thead > tr.muted > th,
.table > tbody > tr.muted > th,
.table > tfoot > tr.muted > th {
  background-color: #f2f2f2;
}
.table-hover > tbody > tr > td.muted:hover,
.table-hover > tbody > tr > th.muted:hover,
.table-hover > tbody > tr.muted:hover > td,
.table-hover > tbody > tr:hover > .muted,
.table-hover > tbody > tr.muted:hover > th {
  background-color: #e5e5e5;
}
.table > tbody > tr.disabled > td,
.table > tbody > tr > td.disabled {
	/*background-color: #eee !important;
	color:#aaa*/
  cursor:not-allowed
}

/*--------------------------------------------------
색상별 테이블
--------------------------------------------------*/
/*th가 투명*/
.table-transparent > thead > tr > th,
.table-transparent > tbody > tr > th{
  /*background-color:#e0eef8*/
  background-color: transparent;
}
/*th가 파란색*/
.table-info > thead > tr > th,
.table-info > tbody > tr > th{
  /*background-color:#e0eef8*/
  background-color: #d9edf7;
}
/*th가 초록색*/
.table-success > thead > tr > th,
.table-success > tbody > tr > th{
  /*background-color:#dbf3e3*/
  background-color: #dff0d8;
}
/*th가 노란색*/
.table-warning > thead > tr > th,
.table-warning > tbody > tr > th{
  background-color: #fcf8e3;
}
/*th가 붉은색*/
.table-danger > thead > tr > th,
.table-danger > tbody > tr > th{
  /*background-color:#f8e1e1*/
  background-color: #f2dede;
}
/*border-darken*/
.table.table-border-darken,
.table.table-border-darken > thead > tr > th,
.table.table-border-darken > tbody > tr > th,
.table.table-border-darken > tbody > tr > td{
  border-color:#999
}

/*--------------------------------------------------
형태별 테이블
--------------------------------------------------*/
/*th 볼드체*/
.table-th-bold > thead > tr > th,
.table-th-bold > tbody > tr > th{
  font-weight: bold;
}
/*th 왼쪽정렬*/
.table-th-left > thead > tr > th,
.table-th-left > tbody > tr > th{
  text-align: left;
}
/*th 오른쪽정렬*/
.table-th-right > thead > tr > th,
.table-th-right > tbody > tr > th{
  text-align: right;
}
/*모든 테두리 제거*/
.table-border-no-a,
.table-border-no-a th,
.table-border-no-a td{
  border-style: none !important;
	background:none !important
}
/*모든 가로줄 제거*/
.table-border-no-h td{
  border-top-style: none !important;
  border-bottom-style: none !important;
}
/*모든 세로줄 제거*/
/*.table-border-no-v th,*/
.table-border-no-v td{
  border-right-style: none !important;
  border-left-style: none !important;
}
/*테이블 전체 좌우 테두리만 제거*/
.table-border-no-lr{
  border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}
.table-border-no-lr th:first-child,
.table-border-no-lr td:first-child{
  border-left-style:none !important;
}
.table-border-no-lr th:last-child,
.table-border-no-lr td:last-child{
  border-right-style:none !important;
}
/*모든 td 테두리 제거*/
.table-border-no-td {
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.table-border-no-td td {
  border: none !important;
}
/*모든 padding값 0으로 변경*/
.table.table-padding-no-a > thead > tr > th,
.table.table-padding-no-a > tbody > tr > th,
.table.table-padding-no-a > tbody > tr > td{
  padding:0
}
.table.table-padding-no-a > tbody > tr > td.text-left {
  padding-left:2px
}
.table.table-padding-no-a > tbody > tr > td.text-right {
  padding-right:2px
}
/*line-height 변경*/
.table.table-lh-normal > thead > tr > th,
.table.table-lh-normal > tbody > tr > th,
.table.table-lh-normal > tbody > tr > td{
  line-height:normal
}
/*전체 valign 변경*/
.table.table-valign-middle > thead > tr > th,
.table.table-valign-middle > tbody > tr > th,
.table.table-valign-middle > tbody > tr > td{
  vertical-align:middle
}
/*--------------------------------------------------
역할별 테이블
--------------------------------------------------*/
/*정렬*/
.table-th-sort{
  display:block
}
.table-th-sort:after{
  font-family:font-icon;
  content:"\e956";
  text-rendering: auto;
  text-decoration:none;
  display:inline-block;
  float:right;
  opacity:0.25
}
.table-th-sort:hover:after{
  opacity:0.7
}
.table-th-sort.desc:after{
  content:"\e954";
  opacity:1
}
.table-th-sort.asc:after{
  content:"\e955";
  opacity:1
}
/*재고입력화면 상단테이블*/
.table-inv-top{}

/*기초등록 테이블*/
.table-basic-register > tbody > tr > th{
	width: 150px;
}
/*th에 ? 도움말*/
.table > tbody > tr > th span.user-help-mark{
  top:1px;
	float:right;
	visibility:hidden;
   display:inline-block;
}
.table > tbody > tr > th span.user-help-mark.active{
	color:#000
}
/*잔량재집계 테이블*/
.update-balance-table > tbody > tr > th{
	width:150px
}
/*회계 easy-entry 테이블*/
.table-easy-entry > tbody > tr > th{
	width:150px
}
/*회계 fast-entry 테이블*/
.table-fast-entry-top > tbody > tr > th{
	width:150px
}
/*키보드 활용 팁*/
.table-keyboard-help {
	width:250px
}
/*양식설정 설정영역 테이블*/
.table-template-setup,
.table-template-setup > tbody > tr > th,
.table-template-setup > tbody > tr > td{
	border:none;
	background-color:#fff
}
.table-template-setup > tbody > tr > th{
	/*vertical-align:top;*/
	text-align:left;
	width:45%;
}

.dropdown-menu .table{
	margin-bottom:0
}
.dropdown-menu .table th,
.dropdown-menu .table td{
	border-top-style:none
}
/*알림설정*/
.table-send-noti{
	width:450px
}
.table-send-noti th {
	width:100px;
	height:30px;
	white-space:nowrap
}
.table-send-noti td {
	white-space:nowrap
}
/*그룹웨어*/
.table-gw-list > thead > tr > th,
.table-gw-list > tbody > tr > td{
  padding-top:4px;
  padding-bottom:4px
}
/*바코드 인쇄*/
.table-barcode{
  width:auto
}
.table-barcode > tbody > tr > td{
  border:none;
  padding:0;
}
/*제한시간*/
.table.table-restricted-time{
  max-width:1155px;
  min-width:650px
}
.table.table-restricted-time > thead > tr > th,
.table.table-restricted-time > tbody > tr > th,
.table.table-restricted-time > tbody > tr > td{
  padding:0;
  text-align:center
}
.table.table-restricted-time > thead > tr:first-child th:first-child{
  width:50px
}
.table.table-restricted-time > tbody > tr > td:nth-of-type(odd){
  border-right-style:dotted;
}
.table.table-restricted-time > tbody > tr > td:nth-of-type(even){
  border-left-style:dotted;
}
.table.table-restricted-time > tbody > tr > td div{
  cursor:pointer;
  line-height:1.9
}
.table.table-restricted-time > tbody > tr > td:hover{
  background-color:#f2dede
}
.table.table-restricted-time > tbody > tr > td.danger:hover{
  background-color:#fafafa;
}
.table.table.table-restricted-time .form-checkbox > input[type="checkbox"] + label{
  margin-top: 6px;
  margin-bottom: 3px;
}
/*--------------------------------------------------
틀고정 클래스
--------------------------------------------------*/
.table-clone{
	z-index:1;
}
.table-clone-top,.table-clone-left,.table-clone-corner {
	position:absolute;
	overflow: hidden;	
}
.table-clone-top{
	background-color:#fff;
	z-index:2
}
.table-clone-corner {
	z-index:3
}
.table-clone-top .table{
	margin-bottom:0
}
/*--------------------------------------------------
그리드
--------------------------------------------------*/
.wrapper-grid{

}
.wrapper-grid .tags-input .tags-input-typeahead .form-control{
  width:100% !important
}
/*--------------------------------------------------
입력 그리드
--------------------------------------------------*/
.table-grid-input td{
	/*position:relative;
	background-clip:padding-box;*/
  height:33px;
}
table.table-grid-input > tbody > tr > td.grid-input-selected-cell{
	position:relative;
}
@media \0screen {
		table.table-grid-input > tbody > tr > td.grid-input-selected-cell{
		padding:0;
	}
}
.grid-input-data{
	width:100%;
	display:block;
	overflow:hidden;
	height:26px;
  padding:5px 2px 0;
	word-wrap:normal
}
.grid-input-first-line > td > span.grid-input-data{
	border:1px solid #bbb;
	border-radius:3px;
}
.grid-input-holder {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	position: absolute;
	top:0; left:0; bottom:0; right:0;
	width: 100%;
	height: 100%;
	background: #fff;
}
@media \0screen {
	.grid-input-holder {
		position:relative;
		top:-2px; left:-1px;
	}
}
.grid-input-data-view,
.grid-input-data-edit {
	display:block;
	width: 100%;
	position:absolute;
	z-index: 1;
	top:50%;
	height:0;
	margin-top:-13px;
	background-color:#fff;
  padding-left:2px;
  padding-right:2px;
}
.grid-input-data-edit input{
	height:0;
  padding:0
}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
  .grid-input-data-edit input{
    height:26px;
    padding:3px 2px
  } 
}
.grid-input-holder.bg-danger,
.bg-danger .grid-input-data-view,
.bg-danger .grid-input-data-edit .form-control{
	background-color:#f2dede !important
}
.grid-input-holder.view-state .grid-input-data-view,
.grid-input-holder.edit-state .grid-input-data-edit {
	z-index: 2;
	height:26px;
}
.grid-input-holder.edit-state .grid-input-data-edit input{
	height:26px;
  padding:3px 2px
}
/*textarea
  textarea-row2 : 42
  textarea-row3 : 59
  textarea-row4 : 76
  textarea-row5 : 93
  */
.table-grid-input td[class*="textarea-row"] textarea,
.table-grid-input td[class*="textarea-row"] span.grid-input-data{
  white-space:normal;
  word-wrap: break-word;
  overflow:auto
}
.table-grid-input td.textarea-row2{
  height:49px
}
.table-grid-input td.textarea-row2 textarea[rows="2"]{
  height:42px
}
td.textarea-row2 .grid-input-data{
	height:42px;
}
td.textarea-row2 .grid-input-data-view,
td.textarea-row2 .grid-input-data-edit {
	margin-top:-21px;
}
td.textarea-row2 .grid-input-holder.view-state .grid-input-data-view,
td.textarea-row2 .grid-input-holder.edit-state .grid-input-data-edit{
  height:42px;
}

.table-grid-input td.textarea-row3{
  height:66px
}
.table-grid-input td.textarea-row3 textarea[rows="3"]{
  height:59px
}
td.textarea-row3 .grid-input-data{
	height:59px;
}
td.textarea-row3 .grid-input-data-view,
td.textarea-row3 .grid-input-data-edit {
	margin-top:-30px;
}
td.textarea-row3 .grid-input-holder.view-state .grid-input-data-view,
td.textarea-row3 .grid-input-holder.edit-state .grid-input-data-edit{
  height:59px;
}

.table-grid-input td.textarea-row4{
  height:83px
}
.table-grid-input td.textarea-row4 textarea[rows="4"]{
  height:76px
}
td.textarea-row4 .grid-input-data{
	height:76px;
}
td.textarea-row4 .grid-input-data-view,
td.textarea-row4 .grid-input-data-edit {
	margin-top:-38px;
}
td.textarea-row4 .grid-input-holder.view-state .grid-input-data-view,
td.textarea-row4 .grid-input-holder.edit-state .grid-input-data-edit{
  height:76px;
}

.table-grid-input td.textarea-row5{
  height:100px
}
.table-grid-input td.textarea-row5 textarea[rows="5"]{
  height:93px
}
td.textarea-row5 .grid-input-data{
	height:93px;
}
td.textarea-row5 .grid-input-data-view,
td.textarea-row5 .grid-input-data-edit {
	margin-top:-47px;
}
td.textarea-row5 .grid-input-holder.view-state .grid-input-data-view,
td.textarea-row5 .grid-input-holder.edit-state .grid-input-data-edit{
  height:93px;
}
/*--------------------------------------------------
셀렉터 그리드
--------------------------------------------------*/
.wrapper-grid.grid-selector{
  padding-top:20px;
  padding-left:20px;
  position:relative
}
.wrapper-grid.grid-selector [class*="selector-"]{
  position:absolute;
}
.wrapper-grid.grid-selector [class*="selector-"] div{
  cursor:pointer;
  position:relative;
}
.wrapper-grid.grid-selector [class*="selector-"] div:before{
  content:" ";
  display:block;
  border:1px solid #ddd;
  border-radius:3px;
  background-color:#eee
}
.wrapper-grid.grid-selector [class*="selector-"] div:after{
  display: inline-block;
  font-family: FontAwesome;
  position:absolute;
  color:#999
}
.wrapper-grid.grid-selector [class*="selector-"] div:hover:before{
  background-color:#ccc;
  border-color:#bbb
}
.wrapper-grid.grid-selector [class*="selector-"] div:hover:after{
  color:#000
}
.wrapper-grid.grid-selector [class*="selector-"] div.active:before{
  background-color:#005B9E;
  border-color:#005B9E
}
.wrapper-grid.grid-selector [class*="selector-"] div.active:after{
  color:#fff
}
.wrapper-grid.grid-selector .selector-horizontal{
  top:3px;
  left:20px;
  height:15px
}
.wrapper-grid.grid-selector .selector-horizontal div{
  float:left;
  padding:0 1px;
}
.wrapper-grid.grid-selector .selector-horizontal div:before{
  height:15px;
}
.wrapper-grid.grid-selector .selector-horizontal div:after{
  content: "\f0d7";
  top:0;
  left:50%;
  margin-left:-3px;
}
.wrapper-grid.grid-selector .selector-vertical{
  top:20px;
  left:3px;
  width:15px;
}
.wrapper-grid.grid-selector .selector-vertical div{
  padding:1px 0;
}
.wrapper-grid.grid-selector .selector-vertical div:before{
  width:15px;
  height:100%
}
.wrapper-grid.grid-selector .selector-vertical div:after{
  content: "\f0da";
  top:50%;
  margin-top:-8px;
  left:6px;
}
.wrapper-grid.grid-selector .selector-overlay {
  position: absolute;
  background-color: rgba(255,255,255,0.8);
  z-index: 10;
}
.grid-selector-area-line{
  border-color:#3187c5;
  border-width:2px;
}
.grid-selector-area-line.top{
  border-top-style:solid;
  height:1px
}
.grid-selector-area-line.right{
  border-right-style:solid;
  width:1px;
}
.grid-selector-area-line.bottom{
  border-bottom-style:solid;
  height:1px
}
.grid-selector-area-line.left{
  width:1px;
  border-left-style:solid;
}
.grid-selector-resize-helper{
  width:1px;
  border-left:2px dotted #f5980e
}

/*--------------------------------------------------
calendar
--------------------------------------------------*/
.wrapper-calendar > .table > tbody > tr > td {
	vertical-align:top;
  height:80px;
}
.wrapper-calendar > .table > tbody > tr > td:hover {
	background-color:#f5f5f5
}
.wrapper-calendar > .table > tbody > tr > td hr {margin:5px 0;}
.wrapper-calendar > .table > tbody > tr > td .day{
  text-align:right;
  display:block
}
.wrapper-calendar > .table > tbody > tr > td.today{
  background-color:#eef3ff;
}
.wrapper-calendar > .table > tbody > tr > td.today .day{
  font-weight:bold
}
.wrapper-calendar > .table > tbody > tr > td.disabled-day{
  background-color:#eee
}
/*주말제외*/
.calendar-weekday > .table th:first-child,
.calendar-weekday > .table td:first-child,
.calendar-weekday > .table th:last-child,
.calendar-weekday > .table td:last-child {display:none}

/*출퇴근기록*/
.wrapper-calendar > .table.inout-record > tbody > tr > td {height:75px;}

/*일정관리*/
.wrapper-calendar > .table.schedule > tbody > tr > td .schedule-more {
  text-align: center;
}
.wrapper-calendar > .table.schedule > tbody > tr > td .schedule-more .btn {
  min-width: 0;
}
.wrapper-calendar > .table.schedule > tbody > tr > td .schedule-more .btn-sm + .btn-sm {
  margin-left: 3px;
}
.popover.popover-schedule-more .popover-content {
  max-height:125px;
  overflow-y:auto;
}
.popover-schedule-more .popover-content > .table > tbody > tr > td {
  border:none;
}
.popover-schedule-more .popover-content > .table .col1{
  width:40px
}
.popover-schedule-more .popover-content > .table .col3{
  width:80px
}

/*--------------------------------------------------
테이블용 공통 클래스
--------------------------------------------------*/
/*1. 한줄 전체 정렬*/
tr.text-center th,
tr.text-center td{
  text-align: center;
}
tr.text-right th,
tr.text-right td{
  text-align: right;
}
/*2. 줄떨어짐 막기*/
.table-nowrap th,
.table-nowrap td{
 white-space:nowrap
}
/*--------------------------------------------------
Validation State
--------------------------------------------------*/
td.has-error,
td.has-error .form-control{position:relative;/*z-index:1*/}

td.has-success div.validation,
td.has-warning div.validation,
td.has-error div.validation{
	border-width:1px; border-style:solid; 
	position:absolute; top:0; left:0; 
	width:100%; height:100%;background:none
}
.wrapper-toolbar[class*="has-"]{
  border-width:1px;
  border-style:solid
}
td.has-success div.validation,
.wrapper-toolbar.has-success{
	border-color:#10b045;
}
td.has-warning div.validation,
.wrapper-toolbar.has-warning{
	border-color:#ff8f32;
}
td.has-error div.validation,
.wrapper-toolbar.has-error{
	border-color:#d23737;
}

.dropdown-menu.has-error{
  border-color:#a94442
}

/*////////////////////////////////
///    Button Module    
///////////////////////////////*/
/*--------------------------------------------------
Customizing
--------------------------------------------------*/
.btn{
  padding-top:4px;
  padding-bottom:2px;
  word-wrap:normal;
  min-width:50px;
  /*max-width:400px;
  text-overflow: ellipsis;
  overflow: hidden;*/
}
.btn.btn-width-auto,
[class*="input-group"] .btn,
.btn-group-select .btn,
.ui-dialog-titlebar .btn,
.wrapper-pagination > .btn,
.messenger-chat-footer .btn.send-file,
.header-search-btn-group .btn-header-search-btn-more{
  min-width:0;
  max-width:none
}
.btn:focus,
.btn.active:focus,
.btn.focus,
.btn.active.focus {
  outline:none
}
.btn.active{
  -webkit-box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.3);
}
.btn-xl {
	padding:7px 20px;
  margin:5px;
	font-size:133.3333% !important;
	font-weight:bold;
}
.btn-sm,
.btn-group-sm > .btn{
	font-size:100%;
  padding-top:2px;
  padding-bottom:0
}
/*--------------------------------------------------
light
--------------------------------------------------*/
.btn-light{
	color:#000 !important;
  text-shadow: none;
	background-image:none;
}
.btn-primary.btn-light{
  background-color:#e4f2fd;
	border-color: #61acec;
}
.btn-primary.btn-light:hover{
  background-color:#c1dff7;
	border-color: #4494d9;
}
.btn-success.btn-light{
  background-color:#e5fde4;
	border-color: #61ec78;
}
.btn-success.btn-light:hover{
  background-color:#c1f7c5;
	border-color: #44d94b;
}
.btn-info.btn-light{
  background-color:#e0fcff;
	border-color: #76dbe4;
}
.btn-info.btn-light:hover{
  background-color:#ccfaff;
	border-color: #5dccd6;
}
.btn-warning.btn-light{
  background-color:#fdf4e4;
	border-color: #ecaf61;
}
.btn-warning.btn-light:hover{
  background-color:#f7e1c1;
	border-color: #d99f44;
}
.btn-danger.btn-light{
  background-color:#fde4e4;
	border-color: #ec6161;
}
.btn-danger.btn-light:hover{
  background-color:#f7c1c1;
	border-color: #d94444;
}
.btn-default.btn-light{
  background-color:#fff;
	border-color: #bbb;
}
.btn-default.btn-light:hover{
  background-color:#e1e1e1;
	border-color: #9c9c9c;
}

/*--------------------------------------------------
inverse
--------------------------------------------------*/
.btn-inverse{
  background: #fff;
  text-shadow: none;
}
.btn-inverse:hover,
.btn-inverse:focus{
  color: #fff !important;
}
.btn-primary.btn-inverse{
  color: #005B9E;
}
.btn-success.btn-inverse{
  color: #10b045;
}
.btn-info.btn-inverse{
  color: #5db2ff;
}
.btn-warning.btn-inverse{
  color: #ff8f32;
}
.btn-danger.btn-inverse{
  color: #d23737;
}
.btn-default.btn-inverse{
  color: #000;
  border-color: #000;
}
.btn-default.btn-inverse:hover{
  background: #333;
}
/*--------------------------------------------------
btn-group
--------------------------------------------------*/
.link-group.open .dropdown-toggle{
	box-shadow:none
}
@media \0screen {
	.link-group{
		display:inline;
	}
}
.link-group + a {
	margin-left:6px;
}
.btn-group.dropdown-toggle-hover:hover > .dropdown-menu{
  display:block;
}
.btn-group.dropdown-toggle-invisible > .dropdown-toggle,
.btn-group.dropdown-toggle-invisible > .dropdown-menu{
  display:none;
}
.btn-group.dropdown-toggle-invisible > .btn:not(.dropdown-toggle){
	border-radius:3px !important
}
/*default select-box*/
.btn-group-select{
  width:100%;
  padding-right:21px;
  min-width:50px;
  position:relative
}
.btn-group-select > .btn{
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  /*text-overflow: ellipsis;*/
  text-align:left;
  background-color:#fff;
  /*background-color:#ebebeb;*/
  padding-right:8px;
  height:25px;
}
.btn-group.btn-group-select:not(.disabled) .btn:focus,
table.form-control-border-no > tbody > tr > td .btn-group.btn-group-select:not(.disabled).open .btn,
table.form-control-border-no > tbody > tr > td .btn-group.btn-group-select:not(.disabled):hover .btn{
  border-color: #4a9ad9;
  background-color:#f5f5f5
}
.btn-group-select .select-arrow{
  position: absolute;
  right: 24px;
  cursor:pointer
}
.btn-group-select .select-arrow:before{
  content: "";
  width: 24px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color:#aeb7bf;
  border-radius:0 3px 3px 0;
  z-index:3;
  border:1px solid #aeb7bf;
  border-left:none
}
.btn-group.btn-group-select:not(.disabled) .btn:focus + .select-arrow:before,
.btn-group.btn-group-select:not(.disabled).open .select-arrow:before,
.btn-group.btn-group-select:not(.disabled):hover .select-arrow:before,
table.form-control-border-no > tbody > tr > td .btn-group.btn-group-select:not(.disabled).open .select-arrow:before,
table.form-control-border-no > tbody > tr > td .btn-group.btn-group-select:not(.disabled):hover .select-arrow:before{
  background-color:#4a9ad9;
  border-color:#4a9ad9
}
.btn-group-select .select-arrow:after{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px dashed #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position:absolute;
  top: 10px;
  left: 8px;
  z-index:3
}
@media \0screen {
	.btn-group-select .select-arrow:after{
    content: "▼";
    top:0;
    left:0;
    color:#fff
  }
}
.btn-group-select.btn-group-sm{
  padding-right:17px
}
.btn-group-select.btn-group-sm > .btn{
  padding-bottom:0;
  height:19px
}
.btn-group-select.btn-group-sm .select-arrow{
  right:19px
}
.btn-group-select.btn-group-sm .select-arrow:before{
  width: 19px;
  height: 19px;
}
.btn-group-select.btn-group-sm .select-arrow:after{
  top: 8px;
  left: 4px;
}
.btn-group-select.btn-group-select-inline{
  width:auto
}
.btn-group-select > .dropdown-menu,
.dropdown-menu.dropdown-menu-selectbox{
  max-height:240px;
  min-width:0;
  overflow-x:hidden;
	overflow-y:auto;
  right:0
}
.btn-group-select > .dropdown-menu.is-demo{
  max-height: 150px;
}

.btn-group-select.btn-group-select-inline > .dropdown-menu,
.dropdown-menu.dropdown-menu-selectbox {
  min-width: 100%;
  width: auto;
  right: auto
}
/*.dropdown-menu.dropdown-menu-selectbox{
  z-index:2100
}*/
.btn-group-select.btn-group-select-inline > .dropdown-menu.dropdown-menu-right{
  left:auto;
  right:0
}
.btn-group-select.disabled .btn,
.btn-group-select.disabled .select-arrow{
  cursor: not-allowed;
}
.btn-group-select.disabled {
  opacity:0.5
}
.btn-group-select-edit > .select-direct-input.form-control{
  position: absolute;
  z-index: 3;
  background-color: #ebebeb !important;
  outline: none;
}
.btn-group-sm.btn-group-select-edit > .select-direct-input.form-control{
  height:19px
}
.input-group > .btn-group.btn-group-select > .btn.dropdown-toggle{
  white-space:normal;
  word-break: break-all;
}
/*--------------------------------------------------
그룹일때 드롭다운 버튼 앞에 일반 버튼이 들어가는 상황에 패딩조정
--------------------------------------------------*/
.btn-group > .btn + .dropdown-toggle{
  padding-left: 4px;
  padding-right: 4px;
}
.btn-group > .btn-lg + .dropdown-toggle{
  padding-left: 8px;
  padding-right: 8px;
}
.btn-title-search,
.btn-title-option{
  padding-top:2px;
  padding-bottom:0px;
  line-height:1.3
}
.btn-title-search:before,
.btn-title-option:before {
  font-family: FontAwesome;
  margin-right: 3px;
	font-size:100%
}
.btn-title-search:before {
  content: "\f002";
}
.btn-title-option:before{
  content: "\f013";
}
button.close{
	font-family:'arial'
}
.btn-fn:before,
.btn-code-search:before {
  line-height:1
}
.input-group-btn:first-child > .btn.btn-code-search{
  margin-right:-2px
}
.btn-fn:before{
	content:"Fn";
  font-style: italic;
  font-family:Arial
}
.btn-code-search,
.btn-ellipsis,
.btn-remove{
  color:#aaa
}
.btn-code-search:before,
.btn-ellipsis:before,
.btn-remove:before{
  content: "";
  display: inline-block;
  font-family:FontAwesome;
  font-size: 100%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.btn-code-search:before{
  content: "\f002";
}
.btn-ellipsis:before{
  content:"\f141"
}
.btn-remove:before{
  content:"\f00d";
}
.table.form-control-border-no .btn-fn,
.table.form-control-border-no .btn-code-search,
.table.form-control-border-no .btn-remove{
  border-style:none;
  background-color:transparent
}
.table-grid-input.form-control-border-no .btn-fn{
  border-style:solid;
  border-color:#bbb;
  background-color:#fff;
  border-left-style:none;
  transition:none;
  height:26px
}
.table-grid-input.form-control-border-no tr:hover .btn-fn{
  background-color:#f2f2f2;
  transition:none
}
.table.form-control-border-no .btn-fn:hover,
.table.form-control-border-no .btn-fn:focus,
.table.form-control-border-no .input-group-btn.open .btn-fn,
.table.form-control-border-no .btn-code-search:hover,
.table.form-control-border-no .btn-code-search:focus,
.table.form-control-border-no .btn-ellipsis:hover,
.table.form-control-border-no .btn-ellipsis:focus,
.table.form-control-border-no .btn-remove:hover,
.table.form-control-border-no .btn-remove:focus{
  outline:none;
	color:#005B9E;
}
.table.form-control-border-no .btn-fn:hover,
.table.form-control-border-no .btn-fn:focus,
.table.form-control-border-no .input-group-btn.open .btn-fn{
  font-weight:bold;
}

/*//////////////////////////////
///    Form Module    
/////////////////////////////*/
/*--------------------------------------------------
기본사이즈, 패딩 변경 / hover기능 추가
--------------------------------------------------*/
label{
  font-weight:normal;
  margin-bottom:0
}
.form-control{
  border-color:#bbb;
  padding-left:2px;
  padding-right:2px
}
.form-control::-ms-clear{
  display:none
}
.form-control:hover{
  border-color: #66afe9;
}
.input-sm {
  height: 19px;
  padding-top:0;
  padding-bottom:0
}
.form-control::-ms-expand{
  border:none;
	background:none
}
/*input.form-control::-webkit-input-placeholder{
	padding-left:4px
}
input.form-control::-moz-placeholder{
	padding-left:4px
}
input.form-control:-ms-input-placeholder{
	padding-left:4px
}*/
/*--------------------------------------------------
색상별 인풋박스
--------------------------------------------------*/
.form-info{
  background-color: #e5f1f9 !important;
}
.form-success{
  background-color: #dff0d8 !important;
}
.form-warning{
  background-color: #fcf8e3 !important;
}
.form-danger{
  background-color: #f2dede !important;
}
.form-gray{
  background-color: #f6f6f6 !important;
}
.form-info:hover,
.form-info:focus{
  border-color: #31708f;
}
.form-success:hover,
.form-success:focus{
  border-color: #3c763d;
}
.form-warning:hover,
.form-warning:focus{
  border-color: #8a6d3b;
}
.form-danger:hover,
.form-danger:focus{
  border-color: #a94442;
}
.form-gray:hover,
.form-gray:focus{
  border-color: #555;
}
.form-control[disabled]:hover,
 .form-control[readonly]:hover{
  border-color: #999;
}

/*--------------------------------------------------
input-group ex)search
--------------------------------------------------*/
td[colspan] .input-group{
  width:100%
}
.input-group-addon{
	padding: 0 4px 0;
	background-color:#f8f8f8;
  border-color:#bbb
}
.input-group-addon-inverse{
	border:none;
	background:none
}
.form-control-border-no .input-group.input-group-inverse .input-group-btn > .btn {
	border-style:none
}
.input-group > .dropdown-menu,
input.form-control ~ .dropdown-menu,
.ui-autocomplete{
	max-height:300px;
	overflow-y:auto;
}
.input-group > .dropdown-menu > li > a.ui-state-focus,
input.form-control ~ .dropdown-menu > li > a.ui-state-focus,
.ui-autocomplete > li > a.ui-state-focus{
  color: #000;
  background-color: #ddd;
	cursor:pointer
}
.input-group.input-group-inverse .input-group-addon,
.input-group.input-group-inverse .input-group-btn > .btn {
	background-color:transparent;
}


.wrapper-grid .input-group.input-group-code{
  display:block
}
.wrapper-grid .input-group.input-group-code .input-group-btn{
  position:absolute
}
/*--------------------------------------------------
disabled
--------------------------------------------------*/
.form-control.form-control-disabled[disabled]{
	cursor: auto;
  opacity: 0;
}

/*--------------------------------------------------
체크박스, 라디오 마진값 조정
--------------------------------------------------*/
.radio:first-child, .checkbox:first-child {
  margin-top: 2px;
}
.radio:last-child, .checkbox:last-child {
  margin-bottom: 2px;
}
.radio label, .checkbox label{
	padding-left:16px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"]{
	margin-left:-16px
}
input[type="radio"],
input[type="checkbox"]{
  margin: 2px 0 0;
}
.radio-inline,
.checkbox-inline{
	padding-left: 0px;
  padding-right: 4px;
}
@media \0screen {
	.radio-inline,
	.checkbox-inline{
		display:inline
	}
}
.radio-inline input[type="radio"],
 .checkbox-inline input[type="checkbox"]{
	position:relative;
	vertical-align:middle;
	margin:0 3px 1px 0;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 5px;
}
/*--------------------------------------------------
내용보기 버튼
--------------------------------------------------*/
.button-layer-detail{
  padding:0;
  margin:0;
  border:0;
  background:#fff;
  cursor:pointer;
  color:#999;
  font-size:11px;
  text-decoration:underline;
}
.button-layer-detail:hover{
  color:#000;
}
/*--------------------------------------------------
custom checkbox : Main checkbox
--------------------------------------------------*/
.form-checkbox {
  position: relative;
  display:inline-block
}
.form-checkbox.form-checkbox-block{
  display:block
}
.form-checkbox > input[type="checkbox"] {
  position: absolute;
  width: 0px;
  height: 25px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.form-checkbox > input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  line-height:1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin:4px 0 2px;
  max-width:none;
}
.table:not(.table-template-setup) .form-checkbox > input[type="checkbox"] + label {
  margin-top:7px;
  margin-bottom:4px
}
.form-checkbox:not(.form-checkbox-block) + .form-checkbox > input[type="checkbox"] + label,
.link-group + .form-checkbox > input[type="checkbox"] + label {
  padding-left:12px;
}
.form-checkbox > input[type="checkbox"] + label:before {
  content:"";
  display: inline-block;
  width: 16px;
  height: 16px; 
  line-height: 14px; 
  margin: -3px 5px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #ddd;
  border: 1px solid #ddd;
  border-radius : 3px;
}
@media \0screen {
	.form-checkbox {
    display:inline
  }
  .form-checkbox.form-checkbox-block{
    display:block
  }
  .form-checkbox > input[type="checkbox"] {
    position: static;
     width: auto;
     height: auto;
     clip:auto;
  }
  .form-checkbox > input[type="checkbox"] + label {
    display: inline;
  }
  .form-checkbox > input[type="checkbox"] + label:before {
    display:none
  }
}
.form-checkbox > input[type="checkbox"]:focus + label:before {
  /*border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
}
.form-checkbox > input[type="checkbox"] + label:hover:before {
  background:#ccc
}

.form-checkbox > input[type="checkbox"]:checked + label:before { 
  content:"\f00c";
  font-size:83.3333%;
  font-family:FontAwesome;
  color: #000;
  background: #005b9e;
  border-color:#005b9e;
}
.form-checkbox > input[type="checkbox"]:checked + label:hover:before {
}
.form-checkbox.form-checkbox-text-no > input[type="checkbox"] + label{
  padding-right:0;
}
.form-checkbox.form-checkbox-text-no > input[type="checkbox"] + label:before{
  margin-right:0
}
.form-checkbox > input[type="checkbox"][disabled] + label{
  cursor:not-allowed;
  opacity:0.4
}
/*--------------------------------------------------
custom checkbox : Main radio
--------------------------------------------------*/
.form-radio {
  position: relative;
  display:inline-block
}
.form-radio.form-radio-block{
  display:block
}
.form-radio > input[type="radio"] {
  position: absolute;
  width: 0px;
  height: 25px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.form-radio > input[type="radio"] + label {
  display: inline-block;
  position: relative;
  line-height:1;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin:3px 0;
  max-width:none;
}
.table .form-radio > input[type="radio"] + label {
  margin-top:5px;
  margin-bottom:5px
}
.form-radio:not(.form-radio-block)  + .form-radio > input[type="radio"] + label {
  margin-left:10px
}
.form-radio > input[type="radio"] + label:before {
  content:"";
  position: absolute;
  left: 0;
  top: -2px;
  width: 16px;
  height: 16px;
  text-align: center;
  background: #ddd;
  border: 1px solid transparent;
  border-radius: 100%;
}
@media \0screen {
  .form-radio > input[type="radio"] {
    position: static;
    width: auto;
    height: auto;
    clip:auto;
  }
  .form-radio > input[type="radio"] + label {
    padding-left: 0;
  }
  .form-radio > input[type="radio"] + label:before {
    display:none
  }
}
.form-radio > input[type="radio"]:focus + label:before {
  /*border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
}
.form-radio > input[type="radio"] + label:hover:before {
  background:#ccc
}
.form-radio > input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #005b9e;
}
.form-radio > input[type="radio"]:checked + label:after {
  content:"";
  position: absolute;
  top: 2px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #005b9e;
  border-radius: 100%;
}
.form-radio > input[type="radio"]:checked + label:hover:after {
}
.form-radio > input[type="radio"][disabled] + label{
  cursor:not-allowed;
  opacity:0.4
}
.form-radio.form-radio-text-no{
  padding-top:3px;
  padding-bottom:2px
}
.form-radio.form-radio-text-no > input[type="radio"] + label:before{
  top:-7px
}
.form-radio.form-radio-text-no > input[type="radio"] + label:after{
  top:-3px
}
/*--------------------------------------------------
flipswitch
--------------------------------------------------*/
.wrapper-flipswitch {
	position: relative;
	width: 62px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.flipswitch-checkbox {
	display: none;
}
.flipswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 10px;
	margin-bottom:0
}
.flipswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.2s ease-in 0s;
	-webkit-transition: margin 0.2s ease-in 0s;
	-o-transition: margin 0.2s ease-in 0s;
	transition: margin 0.2s ease-in 0s;
}
.flipswitch-inner:before, .flipswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
  font-size:91.6666%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.flipswitch-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #0072c6;
	color: #FFFFFF;
}
.flipswitch-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #ddd;
	color: #999999;
	text-align: right;
}
.flipswitch-switch {
	display: block;
	width: 24px;
	margin: -2px;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #999999;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 38px;
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.flipswitch-checkbox:checked + .flipswitch-label .flipswitch-inner {
	margin-left: 0;
}
.flipswitch-checkbox:checked + .flipswitch-label .flipswitch-switch {
	right: 0px;
}
@media \0screen {
  .flipswitch-label,
  .flipswitch-inner {
    display:none
  }
  .flipswitch-inner:before,
  .flipswitch-inner:after {
    content: none;
  }
  .flipswitch-checkbox {
	  display: inline;
  }
}
/*--------------------------------------------------
custom checkbox : squared-fill
--------------------------------------------------*/
.checkbox-squared-fill {
  width: 16px;
  height: 16px;
  position: relative;
  display:inline-block
}
.checkbox-squared-fill label {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 1px;
  cursor: pointer;
  border: 1px solid #0072C6;
  border-radius:2px;
  background-color:#fff;
}
.checkbox-squared-fill label:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #0072C6;
  opacity: 0;
  border-radius:2px
}
.checkbox-squared-fill label:hover::after,
.checkbox-squared-fill.hover label:after {
  opacity: 0.3;
}
.checkbox-squared-fill input[type=checkbox],
.checkbox-squared-fill input[type=radio] {
  position: absolute;
  width: 0;
  height: 25px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
}
.checkbox-squared-fill input[type=checkbox]:focus + label,
.checkbox-squared-fill input[type=radio]:focus + label {
  /*border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
}
.checkbox-squared-fill input[type=checkbox]:checked + label:after,
.checkbox-squared-fill input[type=radio]:checked + label:after {
  opacity: 1;
}
.checkbox-squared-fill input[type="checkbox"][disabled] + label,
.checkbox-squared-fill input[type="radio"][disabled] + label{
  cursor:not-allowed;
  opacity:0.4
}
@media \0screen {
  .checkbox-squared-fill label {
    display:none
  }
  .checkbox-squared-fill label:after {
    content: none;
  }
  .checkbox-squared-fill input[type=checkbox],
  .checkbox-squared-fill input[type=radio] {
    visibility: visible;
    clip:auto;
    position:static;
    width:auto;
    height:auto;
  }
}
/*--------------------------------------------------
custom checkbox : rounded-check
--------------------------------------------------*/
.checkbox-rounded-check {
  width: 18px;
  height: 18px;
  position: relative;
}
.checkbox-rounded-check label {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bbb;
}
.checkbox-rounded-check label:after {
  content: '';
  width: 9px;
  height: 6px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 2px solid #999;
  border-top: none;
  border-right: none;
  opacity: 0.3;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox-rounded-check label:hover::after {
  opacity: 0.7;
}
.checkbox-rounded-check input[type=checkbox] {
  visibility: hidden;
}
.checkbox-rounded-check input[type=checkbox]:checked + label{
  background-color:#005B9E;
  border-color:#005B9E;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.checkbox-rounded-check input[type=checkbox]:checked + label:after {
  opacity: 1;
  border-color:#fff
}
@media \0screen {
  .checkbox-rounded-check label {
    display:none
  }
  .checkbox-rounded-check label:after {
    content: none;
  }
  .checkbox-rounded-check input[type=checkbox] {
    visibility: visible;
  }
}
/*--------------------------------------------------
custom checkbox : numbered
--------------------------------------------------*/
.checkbox-numbered{
  margin:0 -1px;
  border:1px solid #bbb;
  border-radius:3px;
  cursor:pointer;
  transition:all ease 0.2s;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  min-height:16px;
  min-width:16px;
  font-size:91.6666%;
  background-color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  color:#aaa;
  letter-spacing:-1px
}
.checkbox-numbered:hover {
  background-color:#eee;
}
.checkbox-numbered.active{
  background-color:#005B9E;
  color:#fff;
  border-color:#fff;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
.checkbox-numbered.focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.checkbox-numbered.disabled{
  cursor:not-allowed;
  opacity:0.4
}

.form-checkbox-numbered{
  cursor:pointer;
  display:inline-block;
  margin-right:10px;
  position:relative
}
.form-checkbox-numbered .checkbox-numbered{
  display:inline-block;
  overflow:visible;
  padding:0 2px;
  position:absolute;
  top: 3px;
  left: 0;
}
.form-checkbox-numbered .checkbox-numbered + label{
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 4px 0 1px 22px;
}
.form-checkbox-numbered .checkbox-numbered.disabled + label{
  opacity:0.4;
  cursor:not-allowed;
}
.form-checkbox-numbered > input[type="checkbox"] {
  position: absolute;
  width: 0px;
  height: 25px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
/*--------------------------------------------------
textarea
--------------------------------------------------*/
textarea {
	resize: none;
}
/*--------------------------------------------------
inline 추가
--------------------------------------------------*/
/*select*/
/*select::-ms-expand {
    display: none;
}*/
select.form-control{
	word-wrap:normal;
	padding:0
}
select.form-control.select-inline{
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
/*inputbox*/
.textbox-inline,
.textbox-inline-sm,
.textbox-inline-xs,
.textbox-inline-2xs {
  display: inline;
  vertical-align:middle
}
.textbox-inline {
  width: 120px;
}
.textbox-inline-sm {
  width: 60px;
}
.textbox-inline-xs {
  width: 30px;
}
.textbox-inline-2xs {
  width: 20px;
}
/*input group*/
.wrapper-input-group-inline,
.wrapper-input-group-inline-sm{
  display:inline-block;
	vertical-align:middle;
}
.wrapper-input-group-inline{
  width:120px;
}
.wrapper-input-group-inline-sm{
  width:80px;
}

/*--------------------------------------------------
Tags Input
--------------------------------------------------*/
.tags-input{
  background-color: #fff;
  border: 1px solid #bbb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 0 2px;
  color: #555;
  max-width: 100%;
	border-radius:3px;
	vertical-align:middle;
	line-height:1.5;
	/*z-index:2*/
}
.tags-input > .input-height-fixed{
	height:25px;
	overflow:hidden;
	padding:0;
}
.tags-input-typeahead{
	display:inline-block;
	position:relative;
}
.tags-input-typeahead .dropdown-menu{
	max-height:300px;
	overflow-y:auto;
}
.tags-input-typeahead .dropdown-menu > li > a.ui-state-focus{
	text-decoration: none;
  color: #000;
  background-color: #ddd;
}
.tags-input-typeahead > input.form-control{
  width: 100px;
  border-color: transparent;
  box-shadow: none;
}
table.form-control-border-no > tbody > tr > td .tags-input-typeahead .form-bordered{
  border-color: #bbb;
}
.tags-input .tag{
  display: inline-block;
  text-align: left;
  white-space: normal;
  word-break: break-all;
  vertical-align: middle;
  padding: 2px 5px 1px 8px;
  margin:1px 0;
  border-radius: 9px;
  margin-top:3px;
  margin-bottom:3px;
}
.tags-input .tag.label-primary{
  color: #005b9e;
}
.tags-input .tag.label-info{
  color: #2783b1;
}
.tags-input .tag.label-success{
  color: #0e8e39;
}
.tags-input .tag.label-warning{
  color: #e6771b;
}
.tags-input .tag.label-danger{
  color: #d23737;
}
.tags-input .tag.label-muted{
  color: #444;
}
.tags-input .tag [class="tag-remove"]{
  margin-left: 4px;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  outline:none
}
.tags-input .tag .tag-remove:after{
  content: "\f056";
  /*content: "\f057";*/
  font-family:FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  opacity:0.6
}
.tags-input-group{
	position: relative;
  display: table;
  border-collapse: separate;
	outline:none;
  width:100%
}
.tags-input-group .tags-input,
.tags-input-group-btn,
.tags-input-group-addon{
	display:table-cell
}
.tags-input-group .tags-input{
	position: relative;
	position:static\9;
  width: 100%;
}
.tags-input-group-addon:not(:first-child):not(:last-child),
.tags-input-group-btn:not(:first-child):not(:last-child),
.tags-input-group .tags-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tags-input-group-btn:first-child > .btn,
.tags-input-group-btn:first-child > .btn-group > .btn,
.tags-input-group-btn:first-child > .dropdown-toggle,
.tags-input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.tags-input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.tags-input-group-btn:last-child > .btn,
.tags-input-group-btn:last-child > .btn-group > .btn,
.tags-input-group-btn:last-child > .dropdown-toggle,
.tags-input-group-btn:first-child > .btn:not(:first-child),
.tags-input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.tags-input-group .tags-input:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tags-input-group .tags-input:last-child{
	border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tags-input-group-btn{
	position: relative;
  white-space: nowrap;
}
.tags-input-group-btn > .btn {
	border-radius:0;
	border-left-style:none;
  padding-top:5px;
  padding-bottom:3px
}
.tags-input-group-btn > .btn + .btn {
	margin-left:-1px
}
.tags-input-group-btn > .btn.btn-sm {
	padding:3px 3px 1px
}
.tags-input-group-btn:first-child > .btn {
	border-radius:3px 0 0 3px;
	border-left-style:solid;
	margin-right: -2px;
}
.tags-input-group-btn:first-child + .tags-input-group-btn > .btn{
	border-left-style:solid;
	border-right-style:none
}
.tags-input-group-btn:last-child > .btn {
	border-radius:0 3px 3px 0;
	border-left-style:solid;
	margin-left: -4px;
}
.tags-input-group-btn > .btn .fa-ellipsis-h,
.tags-input-group-btn > .btn .fa-times {
  font-size:100%
}
.tags-input-group-addon{
	padding: 0 4px;
	width:1%;
	white-space: nowrap;
  vertical-align: middle;
}
table.form-control-border-no > tbody > tr > td .tags-input-group-btn .btn{
  border:none !important;
  background:none
}
/*--------------------------------------------------
형태별 인풋박스
--------------------------------------------------*/
.title-simple-search{
	width:180px;
  height:19px;
	display:inline-block;
  vertical-align:middle;
	margin-right:5px;
  padding-top:0;
  padding-bottom:0;
  box-shadow:none !important
}
/*테이블 내의 인풋박스 보더 표시하지 않음*/
table.form-control-border-no > tbody > tr > td .form-control{
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
}
table.form-control-border-no > tbody > tr > td .btn-group.btn-group-select .btn{
  border-color: transparent;
  box-shadow: none;
}
.using-ios table.form-control-border-no > tbody > tr > td select.form-control{
  border-color: #999;
  background-color: #fff;
}
table.form-control-border-no > tbody > tr > td .form-control:hover{
  box-shadow: none;
	border-color:#4a9ad9;
  background-color:#fff;
}
table.form-control-border-no > tbody > tr > td .form-control:focus{
  box-shadow: none;
	border:1px solid #4a9ad9;
  background-color:#fff
}
table.form-control-border-no > tbody > tr > td .input-group .input-group-addon,
table.form-control-border-no > tbody > tr > td .input-group.input-group-inverse .input-group-addon {
	border:none;
  background-color:transparent
}
table.form-control-border-no > tbody > tr > td .tags-input{
  border-color:#fff;
  box-shadow:none
}
table.form-control-border-no > tbody > tr > td .form-control-code:focus {
	background-color:#EEF3FF !important;
}
table.form-control-border-no > tbody > tr > td .form-control[disabled],
table.form-control-border-no > tbody > tr > td .form-control[readonly],
table.form-control-border-no > tbody > tr > td .form-control[disabled]:hover,
table.form-control-border-no > tbody > tr > td .form-control[readonly]:hover,
table.form-control-border-no > tbody > tr > td .form-control[disabled]:focus,
table.form-control-border-no > tbody > tr > td .form-control[readonly]:focus{
	/*background-color:#eee;*/
  cursor:not-allowed
}
table.form-control-border-no .form-control.visible-border{
  border-color:#bbb;
}
table.form-control-border-no > tbody > tr > td .input-group-addon:first-child{
  padding-left:0
}
table.form-control-border-no > tbody > tr > td .tags-input-group-addon:first-child{
  padding-left:0
}

/*////////////////////////////
///    Tab Module    
///////////////////////////*/
.nav-tabs{
	border-bottom:1px solid #005B9E;
	margin-bottom:5px;
}
.nav-tabs > li{
  margin-top: 2px;
	border-bottom:1px solid #005B9E
}
.nav-tabs > li > a{
	padding: 5px 8px;
  margin-left: 2px;
  background: #f2f2f2;
  color: #aaa;
  border: 1px solid #ddd;
  border-bottom: 1px solid #005B9E;
	position:relative;
	bottom:-1px;
  vertical-align:middle
}
/*split tab*/
.nav-tabs > li.split > a{
  display:inline-block
}
.nav-tabs > li.split > a:first-child ~ a{
  margin-left:-9px;
  padding-left:3px;
  padding-right:3px;
  border-top-left-radius:0
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.split > a:first-child:hover ~ a{
  color: #005B9E;
  background-color: #fff;
  border: 1px solid #005B9E;
  border-bottom-color: #fff !important;
}
.nav-tabs > li.split.open > a:first-child ~ a,
.nav-tabs > li.split.active > a:first-child ~ a,
.nav-tabs > li.split > a:first-child:hover ~ a {
  border-left-color:rgba(0,0,0,0.2) !important
}
/*.nav-tabs > li.has-error a{
	border-top-color:#D23737;
	border-right-color:#D23737;
	border-left-color:#D23737;
}*/
.nav-tabs > li span.tab-close:before,
.nav-tabs > li.has-error a:before{
  font-family: FontAwesome;
  font-size: 133.3333%;
  content: "";
  position: absolute;
  color: #D23737;
  background-color: #FFFFFF;
  border-radius: 50%;
	line-height:1;
}
.nav-tabs > li span.tab-close{
  cursor:pointer;
}
.nav-tabs > li span.tab-close:before{
  content: "\f057";
  top:-6px;
  right:-2px
}
.nav-tabs > li.has-error a:before{
  content: "\f06a";
  right: -6px;
  top: -8px;
	-webkit-animation-duration: 0.7s;
	animation-duration:0.71s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{
  background: #fff;
}

/*--------------------------------------------------
첫번째 탭은 좀더 뛰우기 위한 속성
--------------------------------------------------*/
.nav-tabs > li:first-child > a{
  margin-left: 10px;
}

/*--------------------------------------------------
텝오른쪽에 텍스트가 올경우
--------------------------------------------------*/
.nav-tabs > li.tab-text{
  float: right;
  top: 3px;
	border-bottom:none
}

/*--------------------------------------------------
색상별 탭
--------------------------------------------------*/
.nav-tabs.tab-muted,
.nav-tabs.tab-muted > li,
.nav-tabs.tab-muted > li > a{
  border-bottom-color:#999
}
.nav-tabs.tab-muted > li > a:hover,
.nav-tabs.tab-muted > li.active > a,
.nav-tabs.tab-muted > li.active > a:hover,
.nav-tabs.tab-muted > li.active > a:focus{
  color: #999;
  border: 1px solid #999;
  border-bottom: none;
}
.nav-tabs.tab-default,
.nav-tabs.tab-default > li,
.nav-tabs.tab-default > li > a{
  border-bottom-color:#333
}
.nav-tabs.tab-default > li > a:hover,
.nav-tabs.tab-default > li.active > a,
.nav-tabs.tab-default > li.active > a:hover,
.nav-tabs.tab-default > li.active > a:focus{
  color: #333;
  border: 1px solid #333;
  border-bottom: none;
}
.nav-tabs.tab-success,
.nav-tabs.tab-success > li,
.nav-tabs.tab-success > li > a{
  border-bottom-color:#0b782f
}
.nav-tabs.tab-success > li > a:hover,
.nav-tabs.tab-success > li.active > a,
.nav-tabs.tab-success > li.active > a:hover,
.nav-tabs.tab-success > li.active > a:focus{
  color: #0b782f;
  border: 1px solid #0b782f;
  border-bottom: none;
}
.nav-tabs.tab-info,
.nav-tabs.tab-info > li,
.nav-tabs.tab-info > li > a{
  border-bottom-color:#2095ff
}
.nav-tabs.tab-info > li > a:hover,
.nav-tabs.tab-info > li.active > a,
.nav-tabs.tab-info > li.active > a:hover,
.nav-tabs.tab-info > li.active > a:focus{
  color: #2c7ac0;
  border: 1px solid #2095ff;
  border-bottom: none;
}
.nav-tabs.tab-warning,
.nav-tabs.tab-warning > li,
.nav-tabs.tab-warning > li > a{
  border-bottom-color:#f46f00
}
.nav-tabs.tab-warning > li > a:hover,
.nav-tabs.tab-warning > li.active > a,
.nav-tabs.tab-warning > li.active > a:hover,
.nav-tabs.tab-warning > li.active > a:focus{
  color: #f46f00;
  border: 1px solid #f46f00;
  border-bottom:none;
}
.nav-tabs.tab-danger,
.nav-tabs.tab-danger > li,
.nav-tabs.tab-danger > li > a{
  border-bottom-color:#a62525
}
.nav-tabs.tab-danger > li > a:hover,
.nav-tabs.tab-danger > li.active > a,
.nav-tabs.tab-danger > li.active > a:hover,
.nav-tabs.tab-danger > li.active > a:focus{
  color: #a62525;
  border: 1px solid #a62525;
  border-bottom:none;
}


/*////////////////////////////
///    Tab Module  - Pills  
///////////////////////////*/
.nav-pills > li > a {
  padding: 3px;
	border-radius: 0;
}
/*--------------------------------------------------
기본이 수평으로 나오도록 조정
--------------------------------------------------*/
.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-justified > li > a {
  margin-bottom: 0;
}

/*//////////////////////////////////////
///    Pagination Module    
/////////////////////////////////////*/
.wrapper-pagination{
	margin:0;
  display:inline-block;
  margin-right:5px
}
.pagination{
  margin: 0;
	padding:0;
  vertical-align: middle;
}
.pagination > li > a{
  padding: 1px 5px;
  background-color: #fff;
  border: none;
  color: #333;
}
.pagination > li > a.disabled{
	background:none;
	cursor:default;
	color:#ccc !important
}
.wrapper-pagination .form-control{
  display:inline-block;
  width:30px;
  box-shadow:none
}
.wrapper-pagination .btn{
  border-style:none;
  background-color:transparent
}
.wrapper-pagination .btn:before{
  content:"\f0a9";
	font-family: FontAwesome;
  display:inline-block;
  color:#aeb7bf
}

/*//////////////////////////////////////
///    Datepicker Module    
/////////////////////////////////////*/
.wrapper-datepicker{
  display: inline-block;
  position: relative;
}
.wrapper-datepicker > input[type="text"]{
  width: 26px;
  text-align:center;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-datepicker >.btn-datepicker-toggle{
  margin-left: 0;
  display: inline-block;
  width: 17px;
  height: 16px;
  vertical-align: middle;
  cursor:pointer
}
.input-group .wrapper-datepicker > .form-control{
	float:none;
}
.datepicker{
  width: 240px;
  z-index: 1000;
  position: absolute;
  top: 22px;
  left: -3px;
  border: 1px solid #ccc;
  display: none;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius:3px
}
.datepicker.from{
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.datepicker.to{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.datepicker-header{
  padding: 0 4px 4px;
  text-align: center;
  background-color: transparent !important;
}
.datepicker-prev{
  float: left;
}
.datepicker-next{
  float: right;
}
.datepicker-prev a,
.datepicker-next a{
  display:inline-block;
  width:20px;
  height:20px
}
.datepicker-prev a > span,
.datepicker-next a > span{
  color: #bbb;
}
.datepicker-prev a:hover > span,
.datepicker-next a:hover > span{
  color:#000
}
.datepicker .table{
  height:180px
}
.datepicker .table th{
  width: auto !important;
  background-color:transparent !important;
  border-bottom-color:#ccc !important;
  padding: 4px 2px !important;
}
.datepicker .table td{
  text-align: center;
  cursor: pointer;
  border:none !important;
  padding: 4px 2px !important;
}
.datepicker .table td:hover{
  background: #e5e5e5;
}
.datepicker .table td.selected{
  color: #fff !important;
  background: #005B9E;
}
.datepicker .table td.notmonth{
  background: #fefefe;
  color: #e0e0e0;
}
.datepicker .datepicker-footer{
  padding-left:3px
}
.datepicker .datepicker-footer .btn-today{
  color:#aaa;
  text-decoration:none;
}
.datepicker .datepicker-footer .btn-today:after,
.datepicker .table td.today:after{
  content: " ";
  position: relative;
  top: -8px;
  left: 1px;
  background-color: #ff8f32;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
}
.datepicker .table td.datepicker-today:after {
  top:-9px
}
.datepicker-header:before,
.datepicker-header:after,
.datepicker-footer:before,
.datepicker-footer:after{
  content: " ";
  display: table;
	clear: both;
}
.datepicker.open,
.datepicker-from-to.open > .datepicker{
  display:block
}
.datepicker-range .datepicker-from-to,
.datepicker-range.datepicker-from-to{
  position: absolute;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  top: 22px;
  left:-3px;
  width: 480px;
  z-index: 1000;
}
.datepicker-range .datepicker,
.datepicker-range.datepicker{
  box-shadow:none;
  position:static;
  float:left
}
.datepicker-range .datepicker.to,
.datepicker-range.datepicker.to{
  margin-left:-1px
}
.datepicker-range .range-selected,
.datepicker-range.range-selected{
  background-color:#d9edf7
}
.datepicker-year .datepicker-from-to,
.datepicker-year.datepicker-from-to {
  width: 439px;
}
.datepicker-year .datepicker,
.datepicker-year.datepicker{
  width:220px
}
.datepicker-year .table,
.datepicker-year.table{
  height:110px
}
/*//////////////////////////////////////
/*//////////////////////////////////////
///    attach-file Module    
/////////////////////////////////////*/
.wrapper-attach-file{
  margin:0;padding:0;
  list-style:none;
  max-height:140px;
  overflow-y:auto
}
.wrapper-attach-file li{
  margin:4px 0;
  line-height:1.7
}
.wrapper-attach-file .label{
  margin-right:5px;
  text-align:left
}
.wrapper-attach-file .file-status{
  margin-left:5px;
  cursor:pointer
}
.wrapper-attach-file .uploading .file-status,
.wrapper-attach-file .uploaded .file-status{
  cursor:default
}
.wrapper-attach-file .file-status:before{
  content:"\f00d";
  color:#d23737;
	font-family: FontAwesome;
  display:inline-block;
}
.wrapper-attach-file .uploading .file-status:before{
  content:"\f110";
  color:#bbb;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  cursor:default
}
.wrapper-attach-file .uploaded .file-status:before{
  content:"\f00c";
  color:#10b045;
  cursor:default
}

/*///////////////////////////////
///    Wells Module    
//////////////////////////////*/
.well{
  margin:4px 0;
	padding:10px;
  line-height:1.85;
}
.well[class*="h-"]{
  overflow:auto
}
.well-sm{
	padding:5px
}
.well-lg{
	padding:15px;
}
.well-inline {
  display: inline-block;
}
/*///////////////////////////////
///    Score Box Module    
//////////////////////////////*/
.wrapper-score-box{
  padding:5px;
  margin: 4px 0;
  display:inline-block;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.score-box {
  border: 1px solid #ddd;
  padding: 5px 0 0;
  background-color: #fff;
  text-align: center;
  min-width: 68px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 5px 0 5px 5px;
}
.score-box:hover {
  border-color: #aaa;
}
.score-box:hover > ul.dropdown-menu {
  display: block;
}
.score-box:last-child {
  margin-right: 5px;
}
.score-box .score-box-heading {
  font-size: 150%;
}
.score-box .score-box-body {
  background-color: #eee;
  color: #333;
  padding: 1px 3px 0;
}
.score-box.score-box-primary .score-box-body,
.score-box.score-box-success .score-box-body,
.score-box.score-box-info .score-box-body,
.score-box.score-box-warning .score-box-body,
.score-box.score-box-danger .score-box-body{
  color: #fff;
}
.score-box.score-box-primary .score-box-heading {
  color: #005B9E;
}
.score-box.score-box-primary .score-box-body {
  background-color: #005B9E;
}
.score-box.score-box-success .score-box-heading {
  color: #10b045;
}
.score-box.score-box-success .score-box-body {
  background-color: #10b045;
}
.score-box.score-box-info .score-box-heading {
  color: #5db2ff;
}
.score-box.score-box-info .score-box-body {
  background-color: #5db2ff;
}
.score-box.score-box-warning .score-box-heading {
  color: #ff8f32;
}
.score-box.score-box-warning .score-box-body {
  background-color: #ff8f32;
}
.score-box.score-box-danger .score-box-heading {
  color: #d23737;
}
.score-box.score-box-danger .score-box-body {
  background-color: #d23737;
}
/*///////////////////////////////
///    Panel Module    
//////////////////////////////*/
.panel {
  margin-bottom: 0px;
	position:relative
}
.panel ~ .panel {
	margin-top: 5px;
}
.panel-heading{
  padding: 5px;
}
.panel-heading:before,
 .panel-heading:after{
  content: " ";
  display: table;
}
.panel-heading:before,
 .panel-heading:after{
  clear: both;
}
.panel-body{
	padding:5px;
	word-wrap:break-word;
	overflow:auto;
	-webkit-overflow-scrolling:touch
}
.panel-footer {
	padding:0 4px 4px;
	width:100%;
}
.custom-alert .panel-footer{
	/*overflow:hidden;panel-footer에 pull-left,pull-right를 사용할경우 해당속성을 주지않으면 dialog를 만들때 높이계산이 안됨*/
}
.panel-footer > .wrapper-toolbar{
	margin-bottom:0
}
.panel-group .panel{
	overflow:visible
}
/*.panel-default,
.panel-default > .panel-heading{
  border-color:#bbb
}*/
.panel-inverse {
	border-right:none;
	border-bottom:none;
	border-left:none;
	box-shadow:none;
	border-radius:0
}
.panel-inverse > .panel-heading {
	background:transparent;
	border-bottom:1px solid #ddd;
}
.panel-inverse > .panel-footer {
	background:transparent;
}
.panel-inverse.panel-default {
	border-top-color:#bbb
}
.panel-inverse.panel-primary {
	border-top-color:#005B9E
}
.panel-inverse.panel-success {
	border-top-color:#10b045
}
.panel-inverse.panel-info {
	border-top-color:#5db2ff
}
.panel-inverse.panel-warning {
	border-top-color:#ff8f32
}
.panel-inverse.panel-danger {
	border-top-color:#d23737
}
.panel-inverse.panel-primary > .panel-heading {
	color:#005B9E
}
.panel-inverse.panel-success > .panel-heading {
	color:#10b045
}
.panel-inverse.panel-info > .panel-heading {
	color:#5db2ff
}
.panel-inverse.panel-warning > .panel-heading {
	color:#ff8f32
}
.panel-inverse.panel-danger > .panel-heading {
	color:#d23737
}
.panel-lg .panel-heading,
.panel-lg .panel-body,
.panel-lg .panel-footer{
  padding:10px
}
.panel-lg .panel-heading{
  font-size:133.3333%;
  font-weight:bold
}
.panel-lg .panel-body{
  line-height:1.9
}

.list-group-item{
  padding:8px 5px 8px 15px
}

/*//////////////////////////////////////
///    DropDown Module    
////////////////////////////////////*/
.dropdown-menu{
	margin-top:-2px;
	min-width:140px;
}
div.dropdown-menu{
	min-width:0;
}
/*임시*/
.wrapper-grid .dropdown-menu{
  box-shadow:none
}
.btn-fn ~ .dropdown-menu,
.tags-input-group-addon .dropdown-menu{
	/*margin-top:2px;*/
  min-width:50px
}
.btn-fn ~ .dropdown-menu > li > a{
	padding-right:13px;
}
.dropdown-menu > li > a{
	padding-left:13px;
	padding-right:13px;
  transition:none;
  word-wrap:normal
}
.dropdown-menu > li.active > a{
	color:#fff !important
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #000;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{
	margin-bottom:0
}
.dropdown.dropdown-inline{
	display: inline-block
}
div.dropdown-menu{
  padding: 0;
}
div.dropdown-menu.dropdown-menu-fixed-height,
ul.dropdown-menu.dropdown-menu-fixed-height{
	max-height:200px;
	overflow-x:hidden;
	overflow-y:scroll
}
.dropdown-menu-form,
.dropdown-menu-text{
	padding: 3px 10px;
	color: #333333;
	white-space: nowrap;
	cursor:default
}
.dropdown-menu-form > select{
	width:auto !important
}

.dropdown-menu .dropdown-menu-footer{
  padding:5px 13px 5px 13px;
  white-space:nowrap
}
/*--------------------------------------------------
dropdown-menu-checked-list
--------------------------------------------------*/
.dropdown-menu-checked-list > li > a{
  padding-left:21px
}
.dropdown-menu-checked-list > li.active > a{
  padding-left:5px
}
.dropdown-menu-checked-list > li.active > a:before{
  content: "\f00c";
  font-family: FontAwesome;
  font-size:100%;
  color:#fff;
  margin-right:4px
}
/*--------------------------------------------------
dropdown-menu-delete-list
--------------------------------------------------*/
.dropdown-menu.dropdown-menu-delete-list {
  max-height:200px;
  overflow-x:hidden;
  overflow-y:scroll
}
.dropdown-menu.dropdown-menu-delete-list > li > a{
  padding-right: 25px;
}
.dropdown-menu.dropdown-menu-delete-list > li > a > .close{
  position: absolute;
  right: 6px;
  cursor:pointer;
}
.dropdown-menu.dropdown-menu-delete-list > li > a > .close:before{
  font-family:arial;
  content:"×";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/*--------------------------------------------------
multi level dropdown
--------------------------------------------------*/
.dropdown-menu.context-menu{
	/*position:fixed;*/
  z-index:1002;
}
.dropdown-menu li.dropdown-menu-item-group{
	position:relative;
}
.dropdown-menu-item-group > .dropdown-menu {
	position:absolute;
  top:-50%;
	left:95%;
	opacity:0;
	visibility:hidden;
	transition: all ease .2s;
	display:block;
}
li.dropdown-menu-item-group > a {
	padding-right:23px
}
.dropdown-menu-item-group > a:before {
	content:"\f0da";
	font-family: FontAwesome;
	font-size:116.6666%;
	position:absolute;
  top:50%;
  margin-top:-11px;
  right:8px;
  color:#666
}
.dropdown-menu-item-group > a:hover + ul,
.dropdown-menu-item-group ul:hover,
.dropdown-menu-item-group.open > ul {
	opacity:1;
	visibility:visible;
	top:0;
  bottom:auto
}
.dropdown-menu-item-group.disabled > a:before {
  content:""
}
.dropdown-menu-item-group.disabled > ul{
  opacity:0 !important;
	visibility:hidden !important;
}
.dropdown-menu-item-group:hover > a {
	background-color:#ddd;
}
.dropdown-menu-item-group.dropdown-menu-item-group-left > .dropdown-menu {
	left:auto;
  right:100%
}
.dropdown-menu-item-group.dropup > .dropdown-menu {
	top:auto;
  bottom:100%;
  margin-bottom:-30px
}
/*--------------------------------------------------
dropdown 다른전표생성
--------------------------------------------------*/
div.dropdown-menu.generate-other-slips {
  padding:5px 0;
  min-width:0
}
div.dropdown-menu.generate-other-slips .table > tbody > tr > th,
div.dropdown-menu.generate-other-slips .table > tbody > tr > td {
  padding:5px 13px
}

div.dropdown-menu.generate-other-slips .table > tbody > tr > td  {
  display:none
}
div.dropdown-menu.generate-other-slips .table > tbody:hover > tr > td {
  display:table-cell;
}
div.dropdown-menu.generate-other-slips .table > tbody:hover > tr > td > a {
  visibility:hidden
}
div.dropdown-menu.generate-other-slips .table > tbody:hover > tr:hover > td > a {
  visibility:visible
}
/*//////////////////////////////////////
///    Popover Module    
////////////////////////////////////*/
.popover{
	max-width:400px;
  font-family:inherit
}
.popover.top.edge-right > .arrow,
.popover.bottom.edge-right > .arrow{
  left:10px;
  margin-left:0
}
.popover.top.edge-left > .arrow,
.popover.bottom.edge-left > .arrow{
  left:auto;
  right:10px;
  margin-left:0
}
.popover.left.edge-bottom > .arrow,
.popover.right.edge-bottom > .arrow{
  top:10px;
  margin-top:0
}
.popover.left.edge-top > .arrow,
.popover.right.edge-top > .arrow{
  top:auto;
  bottom:10px;
  margin-top:0
}

/*custom popover*/
.wrapper-popover-table{
  position:relative;
  min-height:20px;
  visibility:hidden;
  opacity:0;
  transition:all ease 0.2s;
}
.wrapper-popover-table.right {
  left:-5px
}
.wrapper-popover-table.bottom {
  top:-5px;
}
.wrapper-popover-table .arrow{
  border-color: transparent;
  border-style: solid;
  position: absolute;
  z-index:1001
}
.wrapper-popover-table.right .arrow{
  top: 0;
  left: -2px;
  border-width: 10px;
  border-right-width: 0;
  border-left-color: #bbb;
}
.wrapper-popover-table.bottom .arrow,
.wrapper-popover-table.top .arrow{
  left: 50%;
  margin-left: -9px;
  border-width: 9px;
}
.wrapper-popover-table.bottom .arrow{
  top: -3px;
  border-bottom-width: 0;
  border-top-color: #bbb;
}
.wrapper-popover-table.top .arrow{
  bottom: -4px;
  border-top-width: 0;
  border-bottom-color: #bbb;
}
.wrapper-popover-table .arrow:after{
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  position: absolute;
}
.wrapper-popover-table.right .arrow:after{
  border-width: 10px;
  border-right-width: 0;
  border-left-color: #f0f0f0;
  top: -10px;
  left: -11px;
}
.wrapper-popover-table.bottom .arrow:after,
.wrapper-popover-table.top .arrow:after{
  border-width: 11px;
  left: -11px;
}
.wrapper-popover-table.bottom .arrow:after{
  border-bottom-width: 0;
  border-top-color: #f0f0f0;
  /*border-top-color: #e5e5e5;*/
  top: -12px;
}
.wrapper-popover-table.top .arrow:after{
  border-top-width: 0;
  border-bottom-color: #f0f0f0;
  bottom: -12px;
}

.wrapper-popover-table .dropdown-menu{
  text-align:center;
  display:block;
  min-width:100px;
}
.wrapper-popover-table.right .dropdown-menu{
  left:3px;
  top:-3px;
}
.wrapper-popover-table.bottom .dropdown-menu,
.wrapper-popover-table.top .dropdown-menu{
  left:50%;
  margin-left:-50px;
}
.wrapper-popover-table.bottom .dropdown-menu{
  top:-1px;
}
.wrapper-popover-table.top .dropdown-menu{
  top:auto;
  bottom:0;
}

.wrapper-grid > .table ~ .wrapper-popover-table{
  position:absolute;
}
.wrapper-grid > .table ~ .wrapper-popover-table .mask{
  position: absolute;
  top: -20px;
  left: -55px;
  width: 110px;
  height: 51px;
}
.wrapper-grid > .table ~ .wrapper-popover-table.bottom{
  top: 100%;
  margin-top:2px;
}
.wrapper-grid > .table ~ .wrapper-popover-table.bottom .arrow:after{
  border-top-color: #e5e5e5;
}
.wrapper-grid > .table ~ .wrapper-popover-table.top{
  top: 0; 
  margin-top:-23px; 
}
.wrapper-grid > .table ~ .wrapper-popover-table.bottom .dropdown-menu{
  top:3px;
}
/*배포용*/
.wrapper-popover-table.visible{
  visibility:visible;
  opacity:1
}
.wrapper-popover-table.visible.right{
  left:-1px
}
.wrapper-popover-table.visible.bottom{
  top:0
}
/*//////////////////////////////////////
///    Tooltip Module    
////////////////////////////////////*/
.tooltip {
  font-size: 100%;
	position:fixed;
  font-family:inherit
}
.tooltip-inner {
  max-width: 400px;
	text-align:left
}

/*//////////////////////////////////////
///    Thumbnail Module
////////////////////////////////////*/
.img-thumbnail{
	padding:2px
}
.thumbnail{
	margin-bottom:0;
	padding:2px
}
.thumbnail.thumbnail-inline{
	display:inline-block
}
.thumbnail.thumbnail-inline > img{
	display:inline-block;
	min-width:30px
}
.thumbnail:hover,
.thumbnail.active {
  border-color: #005b9e;
}
.thumbnail-list{
  padding:0;
  margin:0;
}
.thumbnail-list li {
  width:141px;
  display:inline-block;
  margin:5px 2px;
  vertical-align:top;
  cursor:pointer
}
.thumbnail-list div.thumbnail{
  position:relative
}
.thumbnail-list div.thumbnail img{
  border-radius:4px
}
.thumbnail-list div.thumbnail .checkbox-rounded-check{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2
}
.thumbnail-list div.thumbnail .checkbox-rounded-check label{
  opacity:0.3;
}
.thumbnail-list div.thumbnail:hover .checkbox-rounded-check label{
  opacity:0.5;
}
.thumbnail-list div.thumbnail .checkbox-rounded-check input[type=checkbox]:checked + label,
.thumbnail-list div.thumbnail .checkbox-rounded-check input[type=checkbox]:checked + label:after {
  opacity:1
}
.thumbnail-list div.thumbnail .caption .text-remark{
  word-break:break-all
}
.thumbnail-list div.thumbnail .caption .text-remark:before{
	content:"\f105";
  vertical-align:top;
  font-size:85%
}
/*////////////////////////////////
///    Add-in Module    
////////////////////////////////*/
.wrapper-alert,
.wrapper-notification {
	position:absolute;
	/*z-index:1050;*/
  z-index: 3000;
  left:5px;
  right:5px
}
.wrapper-alert.top,
.wrapper-notification.top{
	top:10px
}
.wrapper-alert.bottom,
.wrapper-notification.bottom{
	bottom:0
}
.wrapper-alert.left,
.wrapper-notification.left{
	left:10px;
  right:auto
}
.wrapper-alert.right,
.wrapper-notification.right{
	left:auto;
  right:10px
}
/*--------------------------------------------------
Alert
--------------------------------------------------*/
.alert{
  padding: 10px;
  margin-bottom: 10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}
/*--------------------------------------------------
Alert circle
--------------------------------------------------*/
.wrapper-alert-circle{
  position:fixed;
	left:50%;
  top:50%;
  margin-top:-60px;
  margin-left:-60px
}
.alert-circle{
  width: 120px;
  height: 120px;
  font-size: 150%;
  background-color: rgba(0, 0, 0,0.7);
  color: #fff;
  animation-duration: .2s;
  border-radius: 50%;
  text-align: center;
  padding-top: 65px;
}
.alert-circle:before{
  display: block;
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 50px;
  color: #10b045;
  position: absolute;
  width: 100%;
  top: 3px;
}
/*--------------------------------------------------
Notification
  20150831 메신저쪽 요청으로 notification-custom 추가
--------------------------------------------------*/
.notification,
.notification-custom{
  padding: 15px 10px;
  margin-bottom: 10px;
	border: 1px solid #005B9E;
  border-left-width: 10px;
	border-right-width: 10px;
	border-radius:5px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	background:#fff;
	min-width:300px;
	max-height:600px;
	overflow-y:auto;
	position:relative;
  word-wrap:break-word;
}

.notification-close,
.notification-custom-close {
  text-align: right; 
  /*position: absolute;
  right: 12px;
  top: 15px;*/
}
.notification-close > .dropdown-menu,
.notification-custom-close > .dropdown-menu {
	top: 8px;
	float:right;
	right: 20px;
  left: auto;
	min-width:50px
}
.notification-close > .dropdown-menu > li,
.notification-custom-close > .dropdown-menu > li {
	text-align:right;
}
.notification-close > a,
.notification-custom-close > a {
  color:#999
}
.notification-close > .close,
.notification-custom-close > .close{
  opacity:0.6;
  font-size:12px
}
.notification-close > .close:before,
.notification-custom-close > .close:before{
  font-family:font-icon;
  font-size:14px;
  content: "\e921";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/*.notification-close:hover > button.close ~ .dropdown-menu{
	display: block;
} 20150826 테이블 속도개선 스크립트로 구현*/

.wrapper-notification.side {
	width: 350px;
}
.wrapper-notification.side > .notification,
.wrapper-notification.side > .notification-custom {
	cursor: pointer;
	overflow:visible;
}
.wrapper-notification.main{
	top:20%;
	left:50%;
	width:500px;
	margin:0 0 0 -250px;
}
.wrapper-notification.main .notification,
.wrapper-notification.main .notification-custom{
	padding-left:10px
}
.notification-heading,
.notification-custom-heading{
  padding: 0px 15px 10px 34px;
	color:#005B9E;
  text-align:left/*old-print.css삭제후 제거*/
}
.wrapper-notification.main .notification-heading,
.wrapper-notification.main .notification-custom-heading{
	font-size:116.6666%;
	font-weight:bold;
  padding-left:0
}
.notification-success,
.notification-success .notification,
.notification-success .notification-custom{
  border-color: #10b045 !important;
}
.notification-success .notification-heading,
.notification-success .notification-custom-heading{
  color: #10b045 !important;
}
.notification-info,
.notification-info .notification,
.notification-info .notification-custom{
  border-color: #3a87ad !important;
}
.notification-info .notification-heading,
.notification-info .notification-custom-heading{
  color: #3A87AD !important;
}
.notification-warning,
.notification-warning .notification,
.notification-warning .notification-custom{
  border-color: #ff8f32 !important;
}
.notification-warning .notification-heading,
.notification-warning .notification-custom-heading{
  color: #DB741D !important;
}
.notification-danger,
.notification-danger .notification,
.notification-danger .notification-custom{
  border-color: #d23737 !important;
}
.notification-danger .notification-heading,
.notification-danger .notification-custom-heading{
  color: #d23737 !important;
}

.notification-icon{
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 6;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  background-color: #005B9E;
}
.notification-info .notification-icon{
  background-color: #3a87ad;
}
.notification-success .notification-icon{
  background-color: #10b045;
}
.notification-warning .notification-icon{
  background-color: #ff8f32;
}
.notification-danger .notification-icon{
  background-color: #d23737;
}
.notification-icon:before {
  display: inline-block;
  font-family:font-icon;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 110%;
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -9px;
  content: "\e942";
}
.notification.notification-msg .notification-icon:before{
  content: "\e940";
}
.notification.notification-messenger .notification-icon:before{
  content: "\e93f";
}
.notification.notification-email .notification-icon:before{
  content: "\e93c";
}
.notification.notification-vote .notification-icon:before{
  content: "\e912";
}
.notification-option{
  position: absolute;
  right: 36px;
  top: 13px;
}
.notification-option ~ .notification-heading{
  padding-right:52px
}
.notification-option .notification-check{
  border:none;
  font-size:14px;
  color:#757575;
  background: #fff;
}
.notification-option .notification-check:before{
  display: inline-block;
  font-family:font-icon;
  text-rendering: auto;
  content: "\e936";
}
/*--------------------------------------------------
Carousel
--------------------------------------------------*/
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  font-size:166.6666%
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {
  right: 50%;
  margin-right: -10px;
}

/*--------------------------------------------------
progress
--------------------------------------------------*/
.progress{
	margin-bottom:0
}
.progress.progress-condensed{
  height:5px
}
/*--------------------------------------------------
page-progress 
--------------------------------------------------*/
.wrapper-page-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  z-index: 120;
  color: #999;
}

.wrapper-page-progress > .page-progress-icon {
  background: url('../images/progress/spin-progress.gif') no-repeat;
  width: 64px;
  height: 64px;
  opacity: 0.5
}

.wrapper-page-progress > .page-progress-text {
  position: relative;
  top: 15px;
  left: -168px;
  width: 400px;
  text-align: center;
}

.wrapper-page-progress.slogan {
  width: 460px;
  height: 120px;
  margin-top: -60px;
  margin-left: -230px;
  text-align: center
}

.wrapper-page-progress.slogan > .page-progress-icon {
  background: url('../images/progress/simbol-progress.gif') center center no-repeat;
  width: 460px;
  height: 80px;
  opacity: 1;
}

.wrapper-page-progress.slogan > .page-progress-icon.muted {
  background: url('../images/progress/simbol-progress-muted.gif') center center no-repeat;
}

.wrapper-page-progress.slogan > .page-progress-slogan {
  font-size: 116.6666%;
  color: #666;
  margin-top: 15px;
}

.wrapper-page-progress.slogan > .page-progress-text {
  position: static;
  top: initial;
  left: initial;
  width: auto;
  margin-top: 5px
}
/*--------------------------------------------------
step progress
--------------------------------------------------*/
.step-progress{
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width:98.5%;
  white-space:nowrap
}
.step-progress li {
  display:inline-block;
  padding: 5px 20px 4px 20px;
  text-overflow:ellipsis;
  white-space:nowrap;
  position: relative;
  width: auto;
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  height:26px;
  margin: 0 1px;
  background: #ddd;
}
.step-progress li:before,
.step-progress li:after {
  content: '';
  border-left: 13px solid #fff;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  position: absolute;
  top: 0;
}
@media \0screen {
	.step-progress li:before,
  .step-progress li:after {
    content:none;
  }
}
.step-progress li:before {
  left: 0;
}
.step-progress li:after {
  border-left: 13px solid #ddd;
  left: 100%;
  z-index: 20;
}
.step-progress li.active {
  color:#fff;
  background-color: #005B9E;
}
.step-progress li.active:after {
  border-left-color: #005B9E;
}
/*--------------------------------------------------
circle progress(전자세금계산서 진행단계)
--------------------------------------------------*/
.wrapper-circle-progress{
  display:inline-block;
  padding-left:15px;
}
.wrapper-circle-progress li{
  display:inline-block;
  border: 2px solid #fff;
  width:14px;
  height:14px;
  margin-right:16px;
  bottom:2px;
  position:relative;
  vertical-align:middle;
  box-shadow:1px 1px 1px rgba(0,0,0,0.2);
  border-radius:7px;
  background-color: #ddd;
}
.wrapper-circle-progress li:after{
  content: "";
  position: absolute;
  left: 12px;
  top: 5px;
  border-top:1px solid #bbb;
  width:20px;
}
.wrapper-circle-progress li.active:after{
  border-top-color:#005b9e
}
.wrapper-circle-progress li.active{
  background-color:#005b9e
}
.wrapper-circle-progress li.active.danger{
  background-color:#d23737
}
.wrapper-circle-progress li.active.danger:after{
  border-top-color:#bbb
}
.wrapper-circle-progress li:last-child:after{
  display:none
}
@media \0screen {
  .wrapper-circle-progress li + li + li + li + li:after{
    display:none
  }
}
/*--------------------------------------------------
filter
--------------------------------------------------*/
.wrapper-grid .btn-group-filter{
  float:right;
}
.table th .btn-group-filter > .btn{
  min-width:0;
  border:1px solid #ddd;
  padding:2px 4px;
  text-decoration:none;
  border-radius:3px;
  font-size:11px;
  line-height:1
}
.table th .btn-group-filter > .btn.btn-default{
  color:#999;
}
.table th .btn-group-filter > .btn:before{
  font-family: FontAwesome;
	content: "\f0b0";
}

.btn-group-filter .filter-item{
  list-style:none;
  overflow: auto;
  max-height: 240px;
  min-width: 140px;
  padding:0;
  margin:0;
  margin-bottom: 36px;
}
.btn-group-filter .filter-item > li{
  padding:1px 10px;
  color: #333333;
  white-space: nowrap;
}
.btn-group-filter .form-checkbox,
.btn-group-filter .form-checkbox > input[type="checkbox"] + label {
  display:block
}
.btn-group-filter .form-checkbox > input[type="checkbox"]{
  height:auto
}
.btn-group-filter .form-checkbox .label {
  vertical-align:initial
}
.btn-group-filter .dropdown-menu-header {
  border-bottom:1px solid #ddd;
  background-color: #f5f5f5;
  padding:3px 10px
}

.btn-group-filter .dropdown-menu-header .form-checkbox label {
  font-weight:bold
}
.btn-group-filter .dropdown-menu-footer{
  bottom: 0;
  position: absolute;
  border-top: 1px solid #ddd;
  background-color: #f5f5f5;
  width: 100%;
  padding:5px 8px
}
/*--------------------------------------------------
wrapper-overlay
--------------------------------------------------*/
.wrapper-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-index: 110;
}
.wrapper-overlay.wrapper-overlay-transparent{
	opacity: .8;
}

/*////////////////////////////////////////
///    ICON Module    
///////////////////////////////////////*/
/*아이콘 겹칠때 fa-stack-1x, 2x 클래스 사용하지 않아도 되도록 수정*/
.fa-stack .fa {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
/*/////////////////////////////////////////////////////////////////////
///     Plugin Module [jQuery UI v1.10.4 - Dialog Widget - 2014-05-14]
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------------------

--------------------------------------------------*/
div[class|="ui"] { box-sizing: content-box; }
iframe.dialog-iframe { width: 100%; height: 100%; border: none; }
.dialog-iframe-overlay { position: absolute; top: 0; bottom: 0; background-color: #fff; width: 100%; height: 100%; opacity: 0.5; display: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }
.ui-front { z-index: 1000; }
.ui-state-disabled { cursor: default !important; }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%;background: #fff;opacity:0;filter: Alpha(Opacity=0); /* support: IE8 */}
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-dialog { /*overflow: hidden;*/ position: absolute; top: 0; left: 0; outline: 0; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); }
.ui-dialog .ui-dialog-titlebar { position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: visible; -webkit-overflow-scrolling: touch; }
.using-ios .ui-dialog .ui-dialog-content {overflow: auto !important;}
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .custom-alert > .panel-body {overflow:auto}

.ui-dialog-titlebar [class*="ui-dialog-titlebar"]{
  position: absolute;
  top: -1px;
  width: 40px;
  margin: 0;
  padding: 2px 1px 1px 1px;
  height: 31px;
  border-radius:0;
  color:rgba(255,255,255,0.9);
  font-size:116.6666%;
  border-top:none;
  border-bottom:none;
}
.ui-dialog-titlebar [class*="ui-dialog-titlebar"]:hover {
  color:rgba(255,255,255,1)
}
.ui-dialog-titlebar .ui-dialog-titlebar-pin,
.ui-dialog-titlebar .ui-dialog-titlebar-pinned{
  right:117px
}
.ui-dialog-titlebar .ui-dialog-titlebar-new-window{
  right:156px
}
.ui-dialog-titlebar .ui-dialog-titlebar-refresh{
  right:78px
}
.ui-dialog-titlebar .ui-dialog-titlebar-maximize,
.ui-dialog-titlebar .ui-dialog-titlebar-restore{
  right:39px
}
.ui-dialog-titlebar .ui-dialog-titlebar-close{
  right:0
}
.ui-dialog-titlebar [class*="ui-dialog-titlebar"]:before{
	/*font-family: FontAwesome;*/
  font-family:font-icon;
  display:inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*.ui-dialog-titlebar .ui-dialog-titlebar-new-window:before{
  content:"\f08e";
}
.ui-dialog-titlebar .ui-dialog-titlebar-refresh:before{
  content:"\f021";
}
.ui-dialog-titlebar .ui-dialog-titlebar-maximize:before{
  content:"\f2d0";
}
.ui-dialog-titlebar .ui-dialog-titlebar-restore:before{
  content:"\f2d2";
}
.ui-dialog-titlebar .ui-dialog-titlebar-close:before{
  content:"\f00d";
}*/
.ui-dialog-titlebar .ui-dialog-titlebar-pin:before{
  content:"\e94d";
}
.ui-dialog-titlebar .ui-dialog-titlebar-pinned:before{
  content:"\e94e";
}
.ui-dialog-titlebar .ui-dialog-titlebar-new-window:before{
  content:"\e910";
}
.ui-dialog-titlebar .ui-dialog-titlebar-refresh:before{
  content:"\e911";
}
.ui-dialog-titlebar .ui-dialog-titlebar-maximize:before{
  content:"\e907";
}
.ui-dialog-titlebar .ui-dialog-titlebar-restore:before{
  content:"\e900";
}
.ui-dialog-titlebar .ui-dialog-titlebar-close:before{
  content:"\e921";
}


/*////////////////////////////////////////////
///    Page Structure Module    
////////////////////////////////////////////*/
.page{
  width: 750px;
}
.page-fluid{
  width: 100%;
  /*min-width: 750px;*/
}
html.page-fluid-vertical,
body.page-fluid-vertical,
.fluid-vertical{
	height: 100%;
	overflow: hidden;
}
.header.header-fixed{
  position: fixed;
  top: 0;
  z-index: 100;
  width: inherit;
	/*min-width: 400px;*/
}
.page-fluid .header.header-fixed{
  width: 100%;
}
/*인쇄일때만 적용되는 page클래스 media print 에 넣을지 고민*/
.page-print{
	margin-left:auto;
	margin-right:auto;
}
.header{
  background-color: #fff;
  position:relative;
  /*z-index:1 header에 있는dropdown이 contents에 있는 input에 hover했을때 가려지는 현상떄문에 주석처리*/
}
.header:before,
 .header:after{
  content: " ";
  display: table;
}
.header:before,
 .header:after{
  clear: both;
}

.page .contents{
  padding: 0;
  margin: 33px 5px 0;
}
.page .footer{
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
  background-color: #f5f5f5;
	position:relative;
  /*z-index:2*/
}
.footer.footer-fixed {
  position: fixed;
  bottom: 0;
  z-index: 100;
}
.page .footer{
  width: 750px;
}
.page-fluid .footer{
  width: 100%;
}

/*centered*/
.page.page-center{
  width:100%
}
.page.page-center .contents{
  width:750px;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px
}
.page.page-center.page-lg .contents,
.page.page-center .contents.contents-lg{
  width:950px;
  margin-top:50px;
}
.page.page-center.page-md .contents,
.page.page-center .contents.contents-md{
  width:550px;
}
.page.page-center.page-sm .contents,
.page.page-center .contents.contents-sm{
  width:350px;
}
/*--------------------------------------------------
iframe사용하지 않는 dialog
--------------------------------------------------*/
.panel-modal > .ui-dialog-content.panel-body{
  padding:0;
  overflow:hidden
}

.panel-modal .page-modal .header-fixed,
.panel-modal .page-modal .footer-fixed{
  position:absolute !important;
}
.panel-modal .page-modal .footer {
  bottom:0
}
.panel-modal .page-modal .contents{
  position:static;
  overflow:auto;
  margin:0 !important;
  padding:5px;
  min-height: 0%;/*ie9 bug fix : when hover over elements, container increases size*/
}
.panel-modal .page-modal .contents-fixed{
  /*width:100%;*/
  position:absolute;
  top:30px;
  left:0;
  right:0
}
/*--------------------------------------------------
기본 컨테이너 클래스 - wrapper
따로 별칭을 두지 않는 요소를 감싸기위한 요소
--------------------------------------------------*/
.wrapper:before,
.wrapper:after{
  content: " ";
  display: table;
}
.wrapper:before,
.wrapper:after{
  clear: both;
}

/*--------------------------------------------------
통합 툴바 컨테이너 - wrapper-toolbar
헤터 풋터 및 각종 버튼이 들어가는 영역을 감싸는 요소
--------------------------------------------------*/
.wrapper-toolbar{
  margin: 4px 0;
	line-height:1.7;/*form-control이 toggle될떄 text만있을때와 줄높이가 맞지 않는 현상 해결*/
  position:relative
}
td .wrapper-toolbar:first-child{
  margin: 0;
}
.wrapper-toolbar-lg{
  margin: 20px 0;
}
.header .wrapper-toolbar,
.wrapper-title .wrapper-toolbar,
.footer .wrapper-toolbar{
  margin: 5px 4px;
	line-height:1.42857143
}
.wrapper-title-notification{
  position:relative
}
.title-notification-heading {
  cursor:pointer
}
.title-notification-contents{
  position:absolute;
  left:0;
  top:-1px;
}
.wrapper-header-search .wrapper-toolbar{
  margin: 4px 0;
}
.wrapper-contents-search .wrapper-toolbar{
  margin: 4px 0;
}
.toolbar-text {
	position:relative;
	top:3px;
}
.wrapper-toolbar:before,
.wrapper-toolbar:after,
.wrapper-sub-title:before,
.wrapper-sub-title:after/*,
.text-remark:before,
.text-remark:after*/{
  content: " ";
  display: table;
	clear: both;
}
span.wrapper-sub-title:before{
  display:inline
}
span.wrapper-sub-title:after{
  display:none
}
span.wrapper-sub-title ~ span.wrapper-sub-title{
  margin-left:20px
}
.text-remark,
.wrapper-sub-title{
	margin: 15px 0 5px;
  padding-left:8px
}
.text-remark{
	margin: 5px 0 0;
}
.wrapper-toolbar .text-remark{
	margin-top: 0;
}
.wrapper-function-setup .text-remark{
	margin-top: 15px;
}
.wrapper-sub-title:first-child{
	margin-top:5px
}
.wrapper-sub-title:before,
.text-remark:before{
	font-family: FontAwesome;
	font-size:91.6666%;
	content:"\f138";
	margin:0 3px 0 -6px;
	display:inline-block;
}
.text-remark:before{
	content:"\f0da"
}
.wrapper-sub-content{
	padding-left:15px
}
.inline-group{
	display:inline
}
.wrapper-text-article,
.wrapper-article{
  /*최초잔량재집계, 고객센터에서 사용하기 위해 제작*/
  margin:15px 10px;
  line-height:1.85
}
/*--------------------------------------------------
헤더 타이틀영역 컨테이너 - wrapper-title
--------------------------------------------------*/
.wrapper-title{
  border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
  background-color: #f5f5f5;
}
.wrapper-title:before,
 .wrapper-title:after{
  content: " ";
  display: table;
}
.wrapper-title:before,
 .wrapper-title:after{
  clear: both;
}
.wrapper-title .page-name{
  display:inline-block;
  font-weight: bold;
  margin-top:1px
}
.wrapper-title .page-name:before{
  display: inline-block;
  font-family: FontAwesome;
  font-size: 108.3333%;
  color: #000;
	content: "\f0f6";
  margin-left: 3px;
	margin-right: 3px;
	font-weight:normal
}
.wrapper-title .page-name.page-bookmark,
.wrapper-title .page-name.page-bookmark-added{
	cursor:pointer;
}
.wrapper-title .page-name.page-bookmark:before{
  color: #777;
  content: "\f006";
}
.wrapper-title .page-name.page-bookmark:hover:before{
  color:#000;
}

.wrapper-title .page-name.page-bookmark-added:before{
  color: #ffae00;
  content: "\f005";
	text-shadow:1px 1px 0px #666
}
.wrapper-title .page-name.page-bookmark-added:hover:before{
  color: #ffc039;
}
/*--------------------------------------------------
비밀번호 변경
--------------------------------------------------*/
.wrapper-password-strength-check {
  margin: 5px 0
}
.wrapper-password-strength-check .password-strength-check-state {
  font-weight: bold
}
.wrapper-password-strength-check .progress {
  height: 5px;
}
.wrapper-password-strength-check.step-1 .progress-bar {
  width: 25%;
  background-color: #d23737;
}
.wrapper-password-strength-check.step-2 .progress-bar {
  width: 50%;
  background-color: #ff8f32;
}
.wrapper-password-strength-check.step-3 .progress-bar {
  width: 75%;
  background-color: #5db2ff;
}
.wrapper-password-strength-check.step-4 .progress-bar {
  width: 100%;
  background-color: #10b045;
}
.wrapper-password-strength-check.step-1 .password-strength-check-state {
  color: #d23737;
}
.wrapper-password-strength-check.step-2 .password-strength-check-state {
  color: #ff8f32;
}
.wrapper-password-strength-check.step-3 .password-strength-check-state {
  color: #5db2ff;
}
.wrapper-password-strength-check.step-4 .password-strength-check-state {
  color: #10b045;
}