/*
  Css Name : button.css
  Description : 버튼 CSS
  Modification Information

      수정일        수정자          수정내용
    ----------     --------    ---------------------------
    2008.10.15      장동한         최초 생성
    2011.08.24      이기하         이미지 경로 수정

    author   : 공통컴포넌트 개발팀 장동한
    since    : 2008.10.15
*/

.btn1 {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #4a9af0;
    display:inline-block;
    cursor:pointer;
    color:#4b6adb;
    font-family:Impact;
    font-size:12px;
    font-weight:bold;
    padding:1px 4px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.btn1:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
.btn1:active {
    position:relative;
    top:1px;
}
.btn2 {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color:#ededed;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777777;
    font-family:Impact;
    font-size:12px;
    font-weight:bold;
    padding:2px 4px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.btn2:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    background-color:#dfdfdf;
}
.btn2:active {
    position:relative;
    top:1px;
}
.btn3 {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:Impact;
    font-size:12px;
    font-weight:bold;
    padding:2px 4px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.btn3:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}
.btn3:active {
    position:relative;
    top:1px;
}




.Label_B_right{
    background-color:#e7f1fa;color:#788eaa;line-height:22px ;

  text-align:right;

}
.Label_B_left{
background-color:#e7f1fa;
color:#788eaa;

border:1px solid #8aa3b9;
text-align:left;
}
.Label_right{
 line-height:22px ;
  text-align:right;
}
.Label_left{
font-size:11px; font-family:"돋움"; line-height:22px ;  text-align:left;
}
.Label_Big_left{
font-size:15.75pt;
background-color:#e7f1fa;
color:#788eaa;
line-height:22px ;
border:1px solid #8aa3b9;
text-align:left;
}

.input_single_write_left {  border:1px solid #8aa3b9;   background-color:#ffffff; }

.input_single_write_center { border:1px solid #8aa3b9;  background-color:#ffffff;text-align:center;  }

.input_single_write_right {  border:1px solid #8aa3b9;  background-color:#ffffff; text-align:right; }

.input_single_disa_left { border:1px solid #b4b4b4; background-color:#f7f7f7; color:#aca899; cursor:default;  }

.input_single_disa_center { border:1px solid #b4b4b4; background-color:#f7f7f7; color:#aca899;  cursor:default; text-align:center;  }

.input_single_disa_right { border:1px solid #b4b4b4; background-color:#f7f7f7; color:#aca899; cursor:default; text-align:right; }


.radio { height:11px; width:11px; margin-bottom:2px; vertical-align:top }

.check { height:11px; width:11px; margin-bottom:2px; vertical-align:top }

table.tbllayout {
    border-width: 1x;
    border-color: #666666;
    border-collapse: collapse;

}
table.tbllayout td
{
    border-width: 0px;
    padding: 0px;
    /*border-style: solid;*/
    background-color: #ffffff;
}
table.dockfull td
{
    border-width: 0px;
    padding: 0px;
    background-color: #ffffff;
}
table.blank td
{
}

.GridGunsu{
font:12px/1.5 Arial, Tahoma, Helvetica, sans-serif;
color:#666;
}
.calImg{
 background:url(http://192.168.0.29:8080/JQGRID/image/ko/calendar_alt.png) no-repeat 5px center;
 background-size: 25px 20px;
 cursor:pointer;

}
/* pjy tab 스타일 추가 */
.tab_Class li {float:left; display:block; text-align:center; position:relative;}
.tab_Class li span {display:block; border:1px solid #ddd;  left:0; top:0;   position:absolute; cursor:pointer;}
.tab_Class li.on span {font-weight:bold; border:1px solid black; }
/*.tab_Class div { clear:both; border:1px solid #aaa; border-bottom:1;}*/
/* 메인 메뉴 css 시작  */

#divbar_v { float:left; width:9px; height:2000px; cursor:pointer; border-top:1px solid #cccccc; 
            background-image:url('../css/img/menu/framebar_div_bg.gif'); background-repeat:repeat-y }

#divbar_img { position:absolute; top:50%; cursor:pointer ;}

#topframe { width:100%; height:17px; cursor:pointer; background-image:url('../css/img/menu/framebar_top_bg.gif'); background-repeat:repeat-x }

#arrow { height:15px; float:center; text-align:center }

.top_frame_arrow { margin:2px; cursor:pointer }

.top_frame_icon { margin:2px 4px 0px 4px; cursor:pointer }

.foot_frame_arrow { cursor:pointer }

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
   /* border-bottom: 1px solid #5D5D5D;
    border-left: 1px solid #5D5D5D;*/

    width: auto;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width: 132px;
    height: 29px;
    line-height: 31px;
  /*  border: 1px solid #5D5D5D;
    border-left: none;*/
    overflow: hidden;
    position: relative;
	 float : right ;
	 margin-left : -10px ; 
	  border-left : solid 1px  #ccd7ed ;
}
ul.tabs li.active {
    background: #FFFFFF;
    /*border-bottom: 1px solid #FFFFFF;*/
}
.collor-NoSelect{

color:#2B2B2B;
/*background: #EAEAEA;*/
 background:url('../js/tab2-off.png')  top right no-repeat ;
 background-size: cover;

}
.collor-Select{
font-weight: bold;
color:#fff;
/*background: #BDBDBD;*/
 background :url('../js/tab2-on.png') top right no-repeat ;
 background-size: cover;


}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 249px;
    margin: 0 auto;
}
/* 메인 메뉴 css 종료 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
body{

    /*font-family: Nanum Gothic; */
}