/*{font-size:12px !important;}/*easyui 글자가 작게 설정되어 있어서*/
html,body{height:100%;margin:0;padding:0;}
body{overflow-x:hidden; overflow-y:auto}
/* h */
h1 {}

/* div */
#container{height:100%;}
.result_search{min-height:2em;}
.pagenation{text-align:center;margin:1em 0}
.division{
padding:1em 0;
margin-bottom: 1em;
border-bottom:1px dotted #e3e3e3;
}
h1.division{font-size:1.2em;font-weight:bold;border-bottom:1px solid #ccc;}

#wrapper_view{}
.view{}
.uploaded{clear:both;margin:2em 0;}
.uploaded li{padding:0.5em 3em;margin:0.3em 0;border:1px solid #e3e3e3;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background:#f2f2f2 url(../img/icon_file.png) left center no-repeat;}
.view_data{}
.view_data td{text-align:left;border:1px solid #ccc;padding:0.75em;}
.view_data td.item{min-width:5em;text-align:right;background-color:#efefef;color:#336666;}
.view_data td.val{width:90%;word-break:break-all}


/* p */
p{line-height:1.8em;}

/*관리자모드 관련*/
#wrapper_admin{height:100%;background:url(../img/bg_admin_left.jpg) repeat-y 0 0;background-size:15%}
#wrapper_admin #version{position:absolute;left:1em;top:1em;}
#wrapper_admin #header{height:85px;background:url(../img/bg_admin_head.jpg) repeat-x 0 0;}
#wrapper_admin #header>div{padding:1em;padding-top:50px;padding-bottom:0;}
#wrapper_admin #menu_close{position:absolute;left:0;top:70px;padding-top:1.5em;width:15%;}
#wrapper_admin #navi{float:left;width:15%;background-color:#727272;left:0;}
#wrapper_admin #bodycontent{float:right;width:85%;min-height:500px;background:url(../img/bg_admin_bodycontent.png) no-repeat 1px 1px;}
#wrapper_admin #bodycontent>div{padding:1em;padding-top:3em;}
#wrapper_admin #footer{clear:both;color:#fff}

#version a{color:#fff;}
#wrapper_admin #header{color:#fff;}
#wrapper_admin #header .btn{color:#fff;border:0;}
#wrapper_admin #menu_close img{cursor:pointer;}
#wrapper_admin #navi #form_search_navi{position:relative;border:1px solid #fff;background-color:#e3e3e3;padding:3px;margin:5px;margin-top:4em;margin-bottom:1em;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#wrapper_admin #navi #form_search_navi .keywd{height:32px;padding:0;width:85%;text-align:center;}
#wrapper_admin #navi #form_search_navi .btn_expand{position:absolute;left:1em;top:0;color:#7794aa;padding-top:1.5em;font-size:0.75em;cursor:pointer;}
#wrapper_admin #navi #form_search_navi .select_field{margin-top:1em;display:none;}
#wrapper_admin #navi #form_search_navi .btn_search{position:absolute;right:0;padding-right:4px;}
#wrapper_admin #navi ul{margin-top:2em;}
#wrapper_admin #navi li{background:#000 url(../img/bg_admin_menu.jpg) repeat-x 0 0;}
#wrapper_admin #navi a{padding:1em;border-right:0 !important;font-weight:bold;color:#fff;display:block;}
#wrapper_admin #navi a:hover{background-color:#e3e3e3;color:#000;}
#wrapper_admin #navi a:active{background-color:#777;color:#000;}
#wrapper_admin #navi .selected{background-color:#fff;color:#000;}/*jquery 와 함께 사용되어 :focus 을 대신함*/
#wrapper_admin #navi #today_count{color:#fff;font-weight:bold;font-size:1.5em;text-align:center;margin:1em 0;}
#wrapper_admin #navi #today_count p{font-size:1.5em;}

/* 테이블 */
/*table{width:100%;}로 할경우 jquery easyui crud 에서 보이기 에러남(순서셀이 100%되어 항목들 안보임)*/
th{text-align:center;padding:0.3em;}
td{text-align:center;padding:0.3em;}

/* 폼 */
textarea{overflow: auto !important;}/*easyui 속성창을 위한...*/
#wrapper_add{}
#wrapper_list{}
.wrapper_form{}

#form_add{}
#form_list{}

.form_search{clear:both;border:1px solid #ccc;background-color:#e9e9e9;}
.form_search ul{display:table;width:100%;}
.form_search li{float:left;padding-left:1em;}

.form_btns{text-align:right;margin:1em 0}
.group_btn{margin:1em 0}
.submit{clear:both;padding:1em 0;}

.input_group{padding:0.5em 0;}

label{}

input[type="text"],input[type="password"],select,textarea{
vertical-align: middle;
padding:2px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="checkbox"],input[type="radio"]{
vertical-align:middle;margin:0 5px;padding:0;
}

.form_horizontal{}
.form_horizontal .input_group{clear:both;}
.form_horizontal .input_group label{float:left;padding-right:2em;padding-top:0.3em;text-align:right;width:10em;}
.form_horizontal .input_group .value{float:left;}
.form_horizontal .submit{padding-left:12em;}

.form_vertical{}
.form_vertical .input_group{}
.form_vertical .input_group label{text-align:left;}
.form_vertical .input_group .value{width:100%;}
.form_vertical .input_group .value input[type="text"]{width:98%;}
.form_vertical .input_group .value input[type="password"]{width:98%;}
.form_vertical .input_group .value textarea{width:98%;}
.form_vertical .input_group .value select{width:100%;}

.agree_group{margin-top:3em;}
.agree_group div{margin-top:1em;}
.agree_group .agree_title{font-weight:bold;}
.agree_group textarea{width:90%;padding:2em;}
.agree_required{margin-top:0.5em;}

/* 일반폼 */
#wrapper_form_basic{}
#wrapper_form_basic .box_form{margin:0 auto;text-align:center;padding:1em;max-width:50em;background-color:#ccc;}
#wrapper_form_basic .box_form h1{border-left:none !important;padding:1em;font-size:1.3em;color:#5D5D5D;font-weight:bold;}
#wrapper_form_basic .box_form form{margin:0 auto;text-align:center;padding:1em;background-color:#e3e3e3;border:1px solid #aaa;border-right:1px solid #fff;border-bottom:1px solid #fff;}
#wrapper_form_basic .box_form fieldset{border:1px solid #fff;margin-bottom:1em;padding:1em;}
#wrapper_form_basic .box_form legend{font-size:1.2em;color:#4374D9;text-align:left;padding:0 1em;}
#wrapper_form_basic .box_form div.tip{text-align:left;margin:1em;}
#wrapper_form_basic .box_form label{float:left;min-width:7em;}
#wrapper_form_basic .box_form input{vertical-align:middle;}
#wrapper_form_basic .box_form input[type="text"]{/*border: 1px solid #cccccc;border-radius: 4px;*/}
#wrapper_form_basic .box_form input[type="password"]{/*border: 1px solid #cccccc;border-radius: 4px;*/}
#wrapper_form_basic .box_form input[type="submit"]{}
#wrapper_form_basic .box_form input[type="submit"].red{color:red}
#wrapper_form_basic .box_form input[type="checkbox"]{/*-webkit-transform:scale(2,2);*/}
#wrapper_form_basic .box_form input[type="radio"]{/*-webkit-transform:scale(2,2);*/}
#wrapper_form_basic .box_form textarea{width:99%;height:10em;}
#wrapper_form_basic .box_form .af_alert{color:#ff0000;}
#wrapper_form_basic .box_form #agree{float:left;}
#wrapper_form_basic .box_form #agree~label{padding-top:0;margin-top:0}

/* property 폼 */
#property{margin-bottom:3.5em;font-size:12px;}
#property table{width:100%;table-layout:fixed;background:#f9f9f9}
#property table th{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:0.5em 0}
#property table th.item{width:30%;}
#property table th.val{}
#property table td{border-bottom:1px dotted #999;}
#property table td.item{text-align:right;width:100px}
#property table td.val{text-align:left;}
#property table td.val input[type="text"],input[type="password"]{width:90%;}
#property table td textarea{width:95%;height:20em;overflow:hidden;}

#property_submit{position:fixed;bottom:0;padding-top:0.5em;background:#f0f0f0;border-top:1px solid #e3e3e3;}
#property_submit div{width:100%;margin:0 auto;text-align:center}
#property_submit div input{width:45%;margin:0;padding:0.5em;}

/* 로그인폼 */
#wrapper_login{width:100%;margin:0 auto;text-align:center;padding:0.5em 0;background-color:#474747;background:url(../img/bg_admin_head.jpg) repeat-x 0 30px;}
#wrapper_login h1{font-size:1em;color:#fff;padding:1em;font-weight:bold;}
#wrapper_login #pgname{position:absolute;left:1em;;top:1em;font-size:11px;font-weight:bold;color:#fff;}
#form_login{margin:0 auto;padding-top:1em;text-align:center;}
#form_login .required{background-color:#fff !important;width:230px;padding:1em;}
#form_login .submit{padding:0;}
#form_login .submit #btn_submit{padding:1em;width:256px;border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}
#form_login .submit #btn_submit:hover{
 border:1px solid #a0a0a0;
 background-color: #bababa; background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: -o-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(to bottom, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}


/* 버튼 */
.btn{
padding:0.37em;cursor:pointer;
border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
background-image: -o-linear-gradient(top, #d3d3d3, #707070);
background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

.btn:hover {
border:1px solid #1c5675;
background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
background-image: -moz-linear-gradient(top, #26759e, #133d5b);
background-image: -ms-linear-gradient(top, #26759e, #133d5b);
background-image: -o-linear-gradient(top, #26759e, #133d5b);
background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}
.btn:active {position:relative;top:1px;}

.btn_submit{}
.btn_add{}
.btn_update{}
.btn_list{}

.btn_del{
border:1px solid #ff6262; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif;text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #ff9a9a; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040);
}
.btn_del:hover{
border:1px solid #ff3434;
background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d);
background-image: -o-linear-gradient(top, #ff6767, #ff0d0d);
background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d);
 }

.btn_black{
border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}
.btn_black:hover{
 border:1px solid #4a4b4a;
 background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}

.btn_select{}
.btn_search{}
.btn_pagination{padding-left:0.5em;padding-right:0.5em;}
.btn_pagination:hover{text-decoration:none;color:#fff;}

/* 엑셀관련 */
#form_excel{}
#excel_filedCechk{clear:both;padding:1em;display:none;}
#excel_filedCechk fieldset{padding:1em;border:1px solid #999;background-color:#ededed;}
#excel_filedCechk legend{margin-bottom:1em;}
#excel_filedCechk ul{margin:1em;}

/* 필드셋 */
.fieldset_border{border:1px solid #ccc;margin-bottom:1em;padding:1em;}
.fieldset_border legend{border:1px solid #ccc;font-weight:bold;background-color:#fff;padding:0.3em;}

/* 필수선택 */
.required{background-color:#FFEAEA !important;}

/* 기타 */
img{vertical-align:middle}
.width_small{width:1em;}
.float_left{float:left;}
.float_right{float:right;}
.clear_both{clear:both;}
.position_left{position:absolute;left:0;}
.position_right{position:absolute;right:0;}
.small{font-size:11px;color:#666;}
.cursor_pointer{cursor:pointer;}
.hidden{display:none}
.en{font-family: "Times New Roman",arial}
.yellow{color:yellow;}
.red{color:red;}
.blue{color:blue;}
/*easyui 관련추가 스타일*/
.easyui-dialog{background-color:#f0f0f0 !important;}
.easyui-dialog .form_dlg{margin:0;padding:0;}
.easyui-dialog .ftitle{display:none;font-size:14px;font-weight:bold;padding:5px 0;margin-bottom:10px;border-bottom:1px solid #ccc;}
.easyui-dialog .dialog_table{width:100%;}
.easyui-dialog .dialog_table td{}
.easyui-dialog .dialog_table .item{text-align:left;width:30%;}
.easyui-dialog .dialog_table .val{text-align:left;width:70%;}
.easyui-dialog .dialog_table input{width:180px;}
.easyui-dialog .dialog_table input[type="file"]{width:188px;}
.easyui-dialog .tip{text-align:center;color:#999;}