@charset "utf-8";


.ajxj_wrap input[type=text]{width:75%; box-sizing:border-box;}

/** common **/

.mr20{margin-right:20px;}
.mr5{margin-right:5px;}
.basic_btn{display:inline-block; padding:0 13px; line-height:27px; font-size:13px;}
.basic_lb{margin:0;}
.basic_tap:first-child{border-left:1px solid #afafaf;}
.basic_tap{border-top:1px solid #afafaf; border-right:1px solid #cbcbcb;display:inline-block; width:110px; text-align:center; line-height:34px; font-size:13px; background:#f8f8f8; color:#777; font-weight:600;}


.mt3{margin-top:3px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr10{margin-right:10px !important;}

.right_button2 {position:absolute;right:70px;top:0px;}
.AXModalBox{overflow:hidden;}
.old_tb{font-size:13px; border:1px solid #afafaf; border-top:1px solid #000;}
.old_tb .thead td,.old_tb .tbody>td{background:#f8f8f8; padding:9px 11px}
.old_tb .thead td{border-bottom:1px solid #afafaf;}
.old_tb .tbody td{background:#fff}
.old_tb2 tr td{padding:4px;}
.old_tb2 tbody:last-child tr{border-bottom:0 !important;}
.old_tb2 input[type=text]{width:70px;}
.ttdt3 tr td{padding:4px; border-bottom:1px solid #afafaf;text-align:center; }
.ttdt3 tr:last-child td{border-bottom:0}
.cp_list_cont .title01{font-size:12px;}
.cp_list_cont .top_menu_tb td{padding:2px 0; }
.cp_list_cont .top_menu_tb{margin-bottom:10px;}
.cp_list_cont .tb_bottom{border-right:1px solid #afafaf; border-bottom:1px solid #afafaf;}
.cp_list_cont .tb_bottom td {padding:10px;border-left:1px solid #afafaf; border-top:1px solid #afafaf;}
.cp_list_cont .tb_bottom td input{width:100%;}
.ab_right_bx{position:absolute; top:53px; right:15px; }
.grid_table{border:1px solid #b1b1b1;}
.grid_table td,.grid_table th{padding:5px; color:#5e5e5e;}
.grid_table th{font-weight:600;  font-size:13px; font-weight:500; background:#e5e6eb; text-align:center;}
.grid_table .se_th th{background:#f2f2f2;}
.grid_table .se_th th:last-child{text-align:right; padding-right:2%;}
.grid_table tr td{text-align:center;font-size:13px;}
.grid_table tr td:last-child{ text-align:right; padding-right:2%; }
.grid_table .last_count{font-weight:600; font-size:13px; background:#f6f6f6;}






/* 페이징 */
.paginb_Bx_adm {
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	min-height:18px;
}

.paginb_Bx_adm a{
	font-size:13px;
	padding:6px 11px;
	border:1px solid #ccc;
	color:#aaa;
	margin-right:5px;
}
.paginb_Bx_adm a:hover,
.paginb_Bx_adm a.nowpage{
	background:rgb(123,145,211);
	color:#fff;
}

.btn {
	padding:6px 20px;
	border-radius:3px;
}
.btn-dark {
	background:url('/_su_adm/images/btn_dark_bg.gif') repeat-x 0 bottom !important;
    border: 1px solid #535353;
    color: #FFFFFF;
}

/* 갤러리 */

.admin_rg{ position:relative;}
.admin_rg .top_right_bx{ overflow:hidden; display:inline-block; position:absolute; top:41px; right:0;}
.admin_rg .top_right_bx input{float:right; margin-left:5px; display:inline-block;  padding: 0 10px !important; line-height:35px !important; height:35px !important;}

.right_button {
	position:absolute;
	right:0px;
	top:0px;
}
.right_button2 {
	position:absolute;
	right:70px;
	top:0px;
}
.rg_list ul {
	overflow:hidden;
	width:100%;
	margin:0 auto;
	margin-top:35px;
}
.rg_list ul li {
	width:200px;
	height:220px;
	float:left;
}
.rg_list ul li:nth-child(5n){
	margin-right:0 !important;
}
.rg_list ul li span {
	width:100%;
	height:150px;
	overflow:hidden;
	margin-bottom:5px;
	display:block;
}
.rg_list ul li span img {
	width:100%;
	height:100%;
}
.rg_list ul li p {
	text-align:center;
	font-size:14px;
}
.rg_list ul li p input{
	margin-top:12px;
}
.rg_list ul li p font{
display:inline-block;
	height:17px;
	padding:1px !important;
	position:relative;
	top:-3px;
	font-size:12px;
}
.rg_list ul li p a {
	max-width:162px;
	height:20px;
	overflow:hidden;
	display:inline-block;
	color:#555;
}
.rg_list ul li p input[type=checkbox] {
	width:13px;
	height:13px;
	margin-right:3px;
	position:relative;
	top:-7px;
	vertical-align:middle;
}
.rg_list p.no_data {
	padding:100px 0;
	text-align:center;

}
.form01 {
	border-top:2px solid #333;
	border-bottom:1px solid #333;
	margin-bottom:20px;
}
.form01 h4 {
	line-height:34px;
	font-size:15px;
	color:#000;
	text-indent:10px;
	position:relative;
	background:#f4f7ff;
	margin-top:0px;
}
.form01 h4 span {
	position:absolute;
	right:10px;
	top:0px;
}
.form01 ul {
	padding:0px;
	margin:0px;
}
.form01 li {
	padding:7px 10px;	
	background:#fbfbfb;
	background-size:160px 100%;
	border-top:1px solid #eee;
	vertical-align:middle;
}
.form01 label {
	width:160px;
	line-height:30px;
	display:inline-block;
	font-size:14px;
	text-indent:20px;
	vertical-align:top;
	margin-bottom:0;
}
.form01 label.lh100 {
	line-height:100px;
}
.rb_w_list .right_bx {
	display:inline-block;
}
.rb_w_list .right_bx label{
	width:auto;
	font-size:13px;
	font-weight:100;
	margin-bottom:0;
}
.AXButton.ax_btn{height:18px !important; position:relative; top:-2px;}
.rb_w_list input[type=radio]{
	vertical-align:bottom;
	margin:0;
	padding:0;
	width:14px !important;
	height:14px !important;
	position:relative;
	top:10px;
}
.form01 input {
	width:170px;
	height:32px;
	line-height:1;
	border:1px solid #d9d9d9;
	margin-left:10px;
	padding:5px;
	font-size:13px;
}
.AXdemoPageContent{padding-bottom:10px !important;}
.form01 input.w-100 {
	width:100px;
}
.form01 span.text-padding {
	padding-left:8px;
	display:inline-block;
}
.form01 span.br_two {
	padding-left:171px;
	text-decoration:none;
	padding-bottom:10px;
	display:block;
}
.form01 textarea {
	width:65%;
	height:100px;
	line-height:20px;
	border:1px solid #d9d9d9;
	margin-left:10px;
}
.form01 input[type=radio] {
	width:15px;
	height:15px;
	margin-right:5px;
	vertical-align:middle;
	margin-top:-1px;
}
.form01 input[type=checkbox] {
	width:20px;
	height:20px;
	margin-right:5px;
	vertical-align:middle;
}
.form01 input[type=submit] {
	width:60px;
	line-height:28px;
	border-radius:3px;
}
.form01 input[type=submit]:hover {
	background:#324dc3;
	color:#fff;
	border:1px solid #233eb0;
}
.form01 select {
	width:170px;
	height:32px;
	line-height:30px;
	border:1px solid #d9d9d9;
	margin-left:10px;
}
.form01 input[type=button] {
	width:60px;
	line-height:1;
	border-radius:3px;
}
.form01 input[type=button]:hover {
	background:#324dc3;
	color:#fff;
	border:1px solid #233eb0;
}
.form01 input[type=file] {
	background:#fff!important;
}
.form01 u {
	padding-left:171px;
	text-decoration:none;
	display:block;
}
.form01 .good_table th {
	text-align:center;
	padding:10px 0;
}
.form01 .good_table td {
	padding-bottom:3px;
	text-align:center;
}
.form01 .good_table input {
	width:85%;
}
.form_info {
	border:1px solid #eee;
	background:#f7f7f7;
	padding:10px 15px;
}
.form_info h6 {
	color:#000;
}
.form_info li {
	height:24px;
	line-height:24px;
	padding:0px;
	background:url('/icon/dot/02.gif') no-repeat 0px 10px;
	text-indent:10px;
}



/**직원소개 **/
.basic_form_tb{width:650px; margin:0 auto;}


/** 월간지 프린트 **/
.print_cont{padding:10px;}
.print_tb{border-right:1px solid #000; border-top:1px solid #000;}
.print_tb td{padding:5px; border-left:1px solid #000; border-bottom:1px solid #000;}


/**월간지**/
.btn_wrap_left{overflow:hidden; position:relative;}
.btn_wrap_left a{float:left; }
.btn_wrap_left a:hover,
.btn_wrap_left a.on{color:#fff !important; background:url('/_su_adm/images/main/jibu_tab_bg_over.jpg') repeat-x}
.cata_cont .second_bx>div{height:310px; overflow-y:auto;}


.organ_list_cont .left_bx{display:inline-block;  border-left:1px solid #afafaf; border-top:1px solid #afafaf; position:relative; top:17px; overflow:hidden; }
.organ_list_cont .left_bx a:first-child{border-left:0;}
.organ_list_cont .left_bx a{border-bottom:1px solid #afafaf; border-top:0;}
.organ_list_cont .btn_right_position a:hover{background:#5c6069 !important; color:#fff; background-color:#5c6069 !important; opacity:1;}

@media (max-width:1250px){
	.organ_list_cont .left_bx{width:801px;}
}
@media (max-width:1147px){
	.organ_list_cont .left_bx{width:731px;}
}
@media (max-width:1050px){
	.organ_list_cont .left_bx{width:649px;}
}
 

/**관련기관**/
.organ_list_cont .btn_right_position{right:0; top:4px; }
.organ_list_cont .btn_right_position a{margin-left:4px;}

/**배너**/
.banner_cont .btn_right_position{right:15px; top:25px; }
.banner_cont .btn_right_position a{margin-left:4px;}
.btn_right_position2{width:100%; overflow:hidden; margin-bottom:5px;}
.btn_right_position2 a{float:right; margin-left:5px; }

/** 달력 **/
.weekly_cont .top_tb{margin-bottom:10px;}
.weekly_cont .btn_td{font-size:15px; font-weight:400}
.weekly_cont .btn_td .btn_l{ font-weight:600;}
.weekly_cont .btn_td .txt1{text-decoration:underline; font-size:13px;  display:inline-block; margin:0 10px; position:relative; top:-1px;}
.weekly_cont .week_tb{border-top:1px solid #000; border-left:1px solid #afafaf; }
.weekly_cont .week_tb th,.weekly_cont .week_tb td{height:40px; vertical-align:middle; border-right:1px solid #afafaf; border-bottom:1px solid #afafaf}
.weekly_cont .week_tb th{text-align:center; background:#f0f0f0;}
.weekly_cont .week_tb td{color:#000; text-align:center; background:#fff; }
.weekly_cont .week_tb td:first-child a{font-weight:600}
.weekly_cont .week_tb a{color:#353535; display:table; height:40px; display:table; width:100%; vertical-align:middle;}
.weekly_cont .week_tb a .cell{box-sizing:border-box; padding:10px; display:table-cell; height:100%; vertical-align:middle;}

.weekly_cont_write .top_tb{font-size:13px; border-left:1px solid #afafaf; border-top:1px solid #000;}
.weekly_cont_write .top_tb .admin_tb a{margin:0 2px;}
.weekly_cont_write .top_tb thead td{border-right:1px solid #afafaf; border-bottom:1px solid #afafaf;  height:40px; background:#f0f0f0; text-align:center; font-weight:500}
.weekly_cont_write .top_tb tbody td{border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:5px;  height:39px;}
.weekly_cont_write .btm_tb {font-size:13px}
.weekly_cont_write .btm_tb label{font-weight:normal; margin:0;}
.weekly_cont_write .btm_tb th{background:#f0f0f0; height:40px; padding:0 5px; text-align:center; }
.weekly_cont_write .btm_tb input,.weekly_cont_write .btm_tb select{height:30px !important;}
.weekly_cont_write .btm_tb input[type=checkbox]{margin:0; position:relative; top:3px; }

/** 시세**/
.small_tb{text-align:center;}
.small_tb  td{padding:3px;}
.small_tb input[type=text]{width:55px;}

/**인터넷회원**/
.member_cont input[type=text]{min-height:20px;}

/** wrap **/
#wrap {/*width:100%;*/ padding:10px 0 10px 15px; position:relative; min-height:900px; margin-right:15px; overflow-y:hidden;}
#pop_wrap {padding:10px 15px}
#wrap h4 {font-size:19px; margin-bottom:15px;}


.popup {background:#fff !important;}


/** locationBox **/
.locationBox {padding:20px 25px; background:url("../images/sub/title_bg.png") no-repeat; background-size:cover;}
.locationBox .location {padding-bottom:5px;}
.locationBox .location span{display: inline-block; padding: 0 0 0 15px; background:url("../images/sub/location_arrow.png") no-repeat 3px 3px;}
.locationBox .location span {font-size: 12px; color: #8798aa;}
.locationBox .location span strong {color:#8798aa;}
.locationBox .location span.home{background:0 none; padding:0;}
.locationBox h3 {font-size:32px; color:#fff;}


/** checkbox **/
.chk_lst01 li input[type=checkbox] {position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.chk_lst01 li input[type=checkbox] + label {padding-left:22px; line-height:10px; height:11px; display:inline-block; background-repeat:no-repeat; background-size:15px; background-position: left top; vertical-align:middle; cursor:pointer;}
.chk_lst01 li input[type=checkbox]:checked + label {background-position:left -12px;}
.chk_lst01 li label{ background-image:url("../images/sub/icon_chk.png");}


/**  
input[type="file"] {position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
input[type="file"] + label {color:#fff; text-align:center; border:1px solid #949494; padding:5px 12px;  font-size:14px; font-weight:bold; background:url("../images/sub/gray_btn_bg.jpg") repeat-x; height:16px; cursor:pointer;}
**/

/** btn **/
.btn_bx {text-align:center; margin:30px 0 20px;}
.btn i {position:relative; top:1px;}
.btn i.fa-calendar,
.btn i.fa-search {top:-3px;}
.btn02 {padding:5px 10px;}
.btn:hover {color:#fff;}
.btn.blue {border:1px solid #003d93; background:url("../images/sub/blue_btn_bg.jpg") repeat-x;}
.btn.white {border:1px solid #aaa; color:#444; background:url("../images/sub/white_btn_bg.jpg") repeat-x;}
.btn.white:hover {color:#444;}
.btn.big {padding:7px 15px; min-width:60px; font-size:14px;}
.btn.big_50 {padding:7px 15px; width:49.5%; font-size:14px;}
.btn.blue.big {background:url("../images/sub/blue_btn_bg2.jpg") repeat-x;}
.btn.gray.big {background:url("../images/sub/gray_btn_bg2.jpg") repeat-x;}
.bg_blue {background-color:#3a5088; color:#fff;}
.bg_blue:hover, .bg_blue:focus, .bg_blue:active {color:#fff;}
.bg_red {background-color:#d72e2e; color:#fff;}
.bg_red:hover, .bg_red:focus, .bg_red:active {color:#fff;}
.bg_gray {background-color:#f1f1f1!important;}


.tab_menu_three {cursor:pointer;}

/** table **/
table {width:100%;}
.tb01 thead tr {border-left:1px solid #587595;}
.tb01 tbody tr {border-left:1px solid #e5e5e5;}
.tb01 thead tr th {background:#465d77; color:#fff; padding:8px 0; height:16px; border-right:1px solid #587595;}
.tb01 thead tr th.text-center {text-align:center;}
.tb01 tbody tr td {background:#fff; color:#444; padding:5px 0; height:30px; border-right:1px solid #e5e5e5; border-bottom:1px solid #ddd; text-align:center;}
.tb01.text-center thead tr th {text-align:center;}

.tb02 {border-top:1px solid #e5e5e5;}
.tb02 tbody tr td {background:#fff; color:#444; padding:5px 10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #ddd;}

/* thead가 없고 th가 left 정렬인 표 */
.tb03 {border-top:1px solid #000;}
.tb03 tbody th {background:#f8f8f8; color:#333; padding:5px 0 5px 20px; line-height:18px; border:1px solid #afafaf; border-top:none;}
.tb03 tbody th .import {position:relative;  padding-left:12px; background:url(../images/sub/import-icon.png) no-repeat left 5px;}
.tb03 tbody td {background:#fff; color:#333; padding:5px 0 5px 10px; line-height:18px; text-align:left; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf;}

/* thead도 있고 th, td가 center 정렬인 표 */
.tb06 {border-top:1px solid #000;border-left:1px solid #afafaf;}
.tb06 tbody th {background:#f8f8f8; color:#333; padding:7px 0; line-height:18px; text-align:center; border:1px solid #afafaf; border-top:none;}
.tb06 tbody td {box-sizing:border-box; background:#fff; color:#333; padding:5px; line-height:18px; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf;}
.tb06 thead th {background:#f8f8f8; color:#333; padding:5px 0 5px 10px; line-height:18px; text-align:left; border:1px solid #afafaf; border-top:none;}
.tb06 thead th.text-center {text-align:center; padding-left:0;}
.tb06.text-center thead th {text-align:center; padding-left:0;}
.table_input_form label {line-height:25px;}
.table_input_form select {width:90px; height:32px; line-height:32px; border:1px solid #ddd;box-sizing:border-box;  }
.table_input_form input[type="text"] {width:100%; height:32px; line-height:32px; border:1px solid #ddd;box-sizing:border-box;  text-indent:4px;}
.table_input_form input[type="tel"] {width:100%; height:32px; line-height:32px; border:1px solid #ddd;box-sizing:border-box;  text-indent:4px;}
.table_input_form input[type="password"] {width:150px; height:32px; line-height:32px; border:1px solid #ddd;box-sizing:border-box;  text-indent:4px;}
.table_input_form input.have_btn {width:20%;}
.table_input_form input.have_btn2 {width:49.7%;}
.table_input_form textarea {width:100%; border:1px solid #ddd;box-sizing:border-box;}
.table_input_form a.btn {margin-top:-3px;}
.table_input_form input[type="radio"] {margin-top:-3px;}

/* thead가 있고 th가 left 정렬인 표 */
.tb04 {border-top:1px solid #000;}
.tb04 thead th {background:#f8f8f8; color:#333; padding:5px 0 5px 10px; line-height:18px; border:1px solid #afafaf; border-top:none;}
.tb04 tbody td {background:#fff; color:#333; padding:5px 0 5px 10px; line-height:18px; text-align:left; border:1px solid #afafaf; border-top:none;}

/* thead가 있고 th, td가 center 정렬인 표 */
.tb05 {border-top:1px solid #000;}
.tb05 thead th {background:#f8f8f8; color:#333; padding:5px 0; text-align:center; line-height:18px; border:1px solid #afafaf; border-top:none;}
.tb05 tbody td {background:#fff; color:#333; padding:5px 0; text-align:center; line-height:18px; border:1px solid #afafaf; border-top:none;}
.tb05 tbody td.txt-left {padding-left:10px; text-align:left;}

.tb05.tb05_1 {width:624px; border-top:1px solid #000;}
.tb05.tb05_1 thead th {background:#f8f8f8; color:#333; padding:10px 0; text-align:center; line-height:18px; border:1px solid #afafaf; border-top:none;}
.tb05.tb05_1 tbody td {background:#fff; color:#333; padding:7px 0; text-align:center; line-height:18px; border:1px solid #afafaf; border-top:none;}
.tb05.tb05_1 tbody td.txt-left {padding-left:10px; text-align:left;}





/** fileBox **/
.fileBox {position:relative;}
.file_input {position:absolute; left:8px; top:5px; width:42px; height:25px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.btn_file {width:55px; height:25px; text-indent:-10000000px; display:block; background:url("../images/sub/btn_file.png") no-repeat;}


/** bxlist **/
.bxlist_bx {padding:25px 0 !important;}
.bxlist01 .bx {display:inline-block; vertical-align:top; width:277px; margin-right:-4px; padding:0 25px; border-right:1px solid #ddd;}
.bxlist02 .bx {display:inline-block; vertical-align:top; width:441px; margin-right:-4px; padding:0 25px; border-right:1px solid #ddd;}
.bxlist01 .bx.last,
.bxlist02 .bx.last {border-right:0 none;height:700px;}


/** select **/
select {border:1px solid #afafaf; height:24px; padding-left:4px; line-height:24px; vertical-align:middle;}

.select_box {margin-bottom:30px;}
.select_box select {width:120px; height:32px; line-height:32px; border:1px solid #ddd;box-sizing:border-box;  margin-right:3px; float:left; }
.select_box input {width:220px; height:32px; line-height:32px; border:1px solid #ddd;box-sizing:border-box; margin-right:3px;  float:left; }

/** input **/
#wrap input {border:1px solid #afafaf; min-width:30px; height:24px; line-height:24px; padding:0 5px; vertical-align:top;}
#wrap input[type="checkbox"],
#wrap input[type="radio"] {padding:0; min-width:0; width:15px !important; height:15px !important; vertical-align:top; border:none;}
#wrap input[type="file"] {padding:0; border:none;}
#wrap input.AXButton {padding:0 5px;}

#wrap input.ch0816{padding:0; min-width:0; width:15px !important; height:15px !important; vertical-align:middle; border:none;margin-top: -5px;}



/** sub_cont **/
#sub_cont {width:100%; background:#fff; overflow-y:hidden; overflow-x:hidden;}
#sub_cont2 {width:100%; background:#fff; min-height:295px;}


/** search_bx **/
.top_search_bx {

	background:#fafafa;
	border:1px solid #afafaf;
	border-top:1px solid #000;
	margin-bottom:20px;
}
.top_search_cont .btn_bx {margin:15px 0;}
.top_search_bx:after {content:""; display:block; clear:both;}
.top_search_bx .rgt_bx {float:right; width:50%;}
.top_search_bx .left_bx {float:left; width:50%;}
.top_search_bx label,
.top_search_bx input,
.top_search_bx select {margin-bottom:7px;}
label {color:#424242; vertical-align:middle;}
.top_search_bx .bx_lst {display:inline-block; vertical-align:top; margin-right:-4px;}

.top_search_bx .btn-calendar {margin:-7px 0 0 -1px;}
.btn-calendar {display:inline-block; height:20px; margin-left:-1px;}

.top_search_bx.in_btn {position:relative; padding:7px 15px; vertical-align:middle;}
.top_search_bx.in_btn input[type=text],
.top_search_bx.in_btn input[type=file],
.top_search_bx.in_btn select,
.top_search_bx.in_btn label,
.top_search_bx.in_btn span {vertical-align:middle; height:25px !important; line-height:25px;  margin:0 !important;  }
.top_search_bx.in_btn label{padding:0; padding-right:5px;}
.top_search_bx.in_btn label.ml {padding-left:20px}
.top_search_bx.in_btn label.mr {padding-right:20px}

.top_search_bx.in_btn input[type=checkbox] {margin:8px 0 0 7px;}
.top_search_bx.in_btn .btn_bx_absolute {display:block; position:absolute; right:15px; top:7px;}

.top_search_bx .chkLst_bx {margin-left:13px; border:1px solid #ececec; padding:10px 10px 0; margin-bottom:7px;}
.top_search_bx .chkLst_bx li {display:inline-block; vertical-align:middle;}
.top_search_bx .chkLst_bx li label {padding:0 10px; width:auto; max-width:auto;}

.farmName span {vertical-align:top; margin-top:-1px;}

/** 하단선택추가 **/
.sub_add_info_wrap {float:left; margin:-10px 20px 0 0 }
.sub_add_info { float:left; display:table; margin:0 10px 20px 0; padding:12px; border:1px solid #afafaf}
.sub_add_info.add1 { width:26%; display:table-cell;}
.sub_add_info.add2 { width:31%;display:table-cell; padding-bottom: 36px;}
.sub_add_tit { display:table-cell; text-align:center; font-weight:bold; width:100px; vertical-align:middle; background:#ebf0fe;}
.sub_add_con { display:table-cell; }
.sub_add_con div {display:inline-block;height:30px;}
.sub_add_con label {display:inline-block;margin:0 5px 3px 0;}
.sub_add_con label.ml {padding-left:20px}
.sub_add_con select {display:inline-block; margin-bottom:3px;}
.sub_add_con span {display:inline-block; padding:5px 0 0 9px;}
.sub_add_con span.s_02 {display:inline-block; padding:5px 0 0 5px;}
.sub_add_con input[type=radio] {display:inline-block; vertical-align:middle; margin:6px 0 0 5px;}

.sub_btn_wrap {width:5%;display:table-cell }
.sub_btn_wrap .sub_btn {display:block; font-weight:bold; color:#fff; width:118px; height:92px; line-height:92px;
text-align:center; background:#5c6069; border-radius:2px;}


.tab_btn {display:inline-block;text-decoration:none;width:30%;height:30px;line-height:30px; text-align:center; font-weight:bold; color:#000; background:#f5f5f5}
.tab_btn.on {background:#8b96b4; color:#fff}

/** with_tabs **/
.with_tabs {position:relative; margin-top:10px;}

/** with_left **/
.with_left {position:relative;}
.with_left .left_cont {position:absolute; left:0; top:0;}

/** scroll_bx **/
.scroll_bx {overflow-y:auto;}
.scroll_bx table {margin-top:0 !important;}


/** button **/
#sub_cont .Green.AXButton {display:inline-block; vertical-align:top; color:#fff; text-align:center; font-size:13px; border:1px solid #949494; padding:5px; line-height:13px;  font-weight:bold; background:url("../images/sub/gray_btn_bg.jpg") repeat-x; height:13px;}


/** height **/
.H10 {height:10px;}


/** 건별등록, 엑셀등록, 검색, 인쇄, 삭제 버튼 박스 **/
.rgt_btn_bx {position:absolute; right:15px; top:14px;}


/** 텍스트박스 **/
.txt_bx {border:1px solid #afafaf; background:#fafafa; margin:0 0 10px; padding:10px 15px; color:#424242; font-size:12px; line-height:18px;}


/** 아이콘이 들어간 리스트 **/
.gray-icon-lst {position:relative; top:5px;}
.gray-icon-lst li {padding-left:10px; background:url(../images/sub/gray-lst-icon.jpg) no-repeat left 7px; font-size:12px; line-height:18px; margin-bottom:5px;}


/** 텍스트 컬러, 옵션 **/
.txt-sign {display:inline-block; color:#6073bd !important;}



/** 모달 레이어 **/
.modal_wrap {display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.6); z-index:10000;}
.modal {display:none; width:800px; height:700px; overflow:hidden; position:fixed; left:50% !important; top:50% !important; margin:-350px 0 0 -420px; background:#fff; z-index:110000;}
.modal .modal_close {display:block; width:30px; height:30px; background:url(../images/sub/modal_close.png) no-repeat; position:absolute; right:20px; top:10px; z-index:110000;}


/** 타이틀 **/
.title-icon {padding:0 0 0 25px; font-weight:600; font-size:16px; color:#333; background:url(../images/main/title_icon.png) no-repeat left center;}
.title-icon button {position:relative; left:8px; top:-2px;}


/** 액셀파일 등록 **/
.excel_cont p {text-align:center; padding:30px 0;}


/** float **/
.float_rgt {float:right;}
.float_left {float:left;}


/** display **/
.dp-blck {display:block;}
.dp-inline {display:inline;}
.dp-inlineblck {display:inline-block;}


/** tabs ui **/
.tab_bx .tabs_view {width:100%; overflow:hidden; position:relative;}
.tab_bx .tabs_panel {display:none; border:1px solid #afafaf; background:#fafafa; padding:10px; border-top:1px solid #000; position:relative;}
.tab_bx .tabs_nav {margin-bottom:0;}
.tab_bx .tabs_nav li {display:inline-block; margin-right:-4px;}
.tab_bx .tabs_nav li a {display:block; color:#424242; font-weight:bold;}
.tab_bx .state_default a {border:1px solid #afafaf; border-bottom:0 none; background:#fff; background:#fafafa; padding:5px 10px; margin-bottom:0;}
.tab_bx .state_active a {background:#888; border:1px solid #888; color:#fff !important;}


/** clear **/
.clear {clear:both;}


/** node_list **/
.list_wrap {width:537px; padding:5px 0 0;}
.list_bx {width:535px; height:230px; overflow-y:scroll; border:1px solid #afafaf; background:#fff;}
.node_list li {border-bottom:1px solid #ddd; height:27px; line-height:24px;}
.node_list li:hover {background:#f3f3f3;}
.node_list li span {display:inline-block; margin-right:-3px;}
.node_list li .num {width:30px; border-right:1px solid #eee; text-align:center; font-weight:bold; color:red;}
.node_list li .name {width:255px; border-right:1px solid #eee; text-indent:4px;}
.node_list li .radio_bx {border-right:1px solid #eee; padding:0 0 0 4px;}
.node_list li .chk_bx {padding:0 0 0 4px;}
.node_list li label {min-width:0; padding:0 6px 0 0; font-weight:normal;}
.node_list li label input {position:relative; top:2px;}


/** 이동계획 및 임상예찰서 **/
.s_width {width:62px; text-align:right;}
.g_bg {background:#f3f3f3;}
.txt_center {text-align:center;}

/** 자돈등기입력 **/
.s_width03 {width:60px;}
.s_width02 {width:35px;}

.accordion h3 {width:100px; position:relative; font-size:13px; font-weight:600; height:25px; line-height:26px; padding:0 10px; cursor:pointer; background:#555; color:#fff; margin-bottom:0; margin-top:5px;}
.accordion h3 span {display:block; font-size:9px; position:absolute; right:10px; top:0;}
.accordion div textarea {width:100%; height:250px;}

.min_h_bx th {padding:1px 0 !important; min-height:24px !important; line-height:18px;}
.min_h_bx td {padding:1px 3px !important; line-height:18px;}
.min_h_bx .btn {padding:3px 8px 0;}
.min_h_bx .btn-search {height:20px; margin-left:-1px;}
.min_h_bx .btn-search .fa-search {top:-1px;}
#wrap .min_h_bx input, #wrap .min_h_bx select {height:20px; line-height:20px; padding:0 2px;}


/** 회원정보변경 **/
.s_width04 {width:40px; text-align:right;}

.two_tb .one {padding:0 5px 10px 0;}
.two_tb .two {padding:0 0 5px 10px;}
.two_tb td {vertical-align:top;}

/** steps4 **/
.steps4 {width:678px; height:50px; margin-bottom:17px;}
.steps4.step1 {background:url(../images/sub/step4-1.jpg) no-repeat;}
.steps4.step2 {background:url(../images/sub/step4-2.jpg) no-repeat;}
.steps4.step3 {background:url(../images/sub/step4-3.jpg) no-repeat;}
.steps4.step4 {background:url(../images/sub/step4-4.jpg) no-repeat;}
.steps4 li {float:left; width:175px; padding:4px 0 0 40px; color:#acacac; font-weight:bold; font-size:16px; line-height:20px;}
.steps4 li span {font-size:14px;}
.steps4 li.on {color:#fff;}
.steps4 li.first {width:159px; padding-left:20px;}
.steps4 li.last {width:169px;}


/** 모바일에서 가져온 css **/
.graph_unit span{float:left; display:block; width:20%; text-align:center;}

.graph_bx {background:#ef3131;}


.tab_menu_three {
	height:50px;
	padding:15px 0 10px 0;
	text-align:center;
}
.tab_menu_three ul li {
	width:32.6%;
	line-height:1.3em;
	margin-right:1%;
	font-size:14px;
	font-weight:400;
	background:#fff;
	padding:5px 0;
	border:2px solid #eee;
	box-sizing:border-box;
	float:left;
	position:relative;
}
.tab_menu_three ul li:last-child {
	margin-right:0;
}
.tab_menu_three ul li.select {
	border:2px solid #3188ec;
}
.tab_menu_three ul li i {
	position:absolute;
	left:48%;
	top:25px;
	color:#9d9d9d;
}
.tab_menu_three ul li.select i {
	color:#3188ec;
}
.tab_menu_three ul li span {
	width:16px;
	height:16px;
	line-height:16px;
	border-radius:50%;
	position:absolute;
	left:-5px;
	top:-10px;
	background:#9d9d9d;
	border:2px solid #fff;
	color:#fff;
	font-size:11px;
}
.tab_menu_three ul li.select span {
	background:#3188ec;
}

/*혈통*/
.blood_line{}

.blood_line .circle{width:100px; height:90px; overflow:hidden; border:1px solid #cad2da}
.blood_line h5{width:100%; height:45px; text-align:center; color:#fff; font-size:14px; line-height:45px;}
.blood_line h5 img{vertical-align:middle; width:15px;}
.blood_line p{color:#333;  text-align:center; font-size:13px; line-height:1em; font-weight:bold;}
.blood_line p span{display:block; font-size:13px; font-weight:400; letter-spacing:-1px;}
.son{position:absolute; top:50%; left:16px; margin-top:-41px;}

.father {border-bottom:1px solid #cad2da;}
.father h5{background-color:#333;}
.mother h5{background-color:#b91d2e;}

.kpn{display:block; padding:9px 0; line-height:1.2em; color:#333}
.kpn:hover {color:#333;}




.blood_line{
 display: block; position: relative; z-index: 1;
max-width:320px; width:100%; margin:0 auto; padding:30px 16px 31px; box-sizing:border-box;
}
.blood_line:before{
	content: ""; display: block; position: absolute; z-index: -1;
	top: 50%; left: 10%;
	margin-top:-50px;
	width: 100px; height: 100px;
}

.blood_line ul{
	display: inline-block; position:relative; overflow: hidden; z-index: -2; 
padding:0; /*position */
	width: 100%;
	vertical-align: middle;
	
}
.blood_line ul>li{
	display:block; position: relative; float: right;

	
	vertical-align: top; white-space:normal; word-wrap: break-word;  text-align: center;

}
.blood_line ul>li:before,
.blood_line ul>li:after{
	content: ""; display:block; position: absolute; z-index: -1;
	border:solid white 0;
	width:0; height:20em;	
	top:0; right: 0; bottom:auto; left:0;
	margin: auto;	
}

.blood_line ul>li{float: right; clear: right;}
.blood_line ul>li:before,
.blood_line ul>li:after{
	right: 100%; left:-45%; /*negative for overwidth ccenter*/
	border-width: 0 0 0 1px; 
}

.blood_line ul>li:after {
    border-color: #cad2da;
	 width: 54px; 
     height: 68px; 
	
}
.right1{margin-bottom:30px;}
.right1:after{
      top: 49%; 
     bottom: auto; 
     border-width: 1px 0 0 1px; 
    
     
}
.right2:after{
     top: auto;
    bottom: 50%;
    border-width: 0 0 1px 1px;
 
    
}
.son:before,
.son:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    border: solid white 0;
    width: 0;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    left: 84%;
    right: -53%;
    border-width: 0 0 0 .2em;
}

.son:after {
border-color: #cad2da;
    width: 38px;
    height: 0;
}
.son:after{
    top: auto;
    bottom: 50%;
    border-width: 0 0 1px 1px;
}
.grade img{width:12px ;}

p.mark{padding:5px 0 5px 25px; font-size:12px; word-break:keep-all; color:#0e0a0a; background:url(/images/sub/mark.png) no-repeat 0 40% #fff; background-size:20px !important; margin-top:10px;}


.e_bold{font-weight:900;}
.blue{color:#2f7cd4; font-size:14px;}

.now_page.np_s{margin-left:-30px; margin-top:15px;}
.tb06.mb10.tbfont{width:740px; margin-left:-30px;margin-top:15px;}
/* .tb06.mb10.tbfont th{width:217px;} */
.tb06.mb10.tbfont th a, .tb06.mb10.tbfont td a{font-size:13px; }
.tb06.mb10.tbfont td a {display:block;text-align:center; font-size:15px; font-weight:600;}


.total-manu{width:1080px; height:auto;border-top:1px solid #000; border:1px solid #afafaf; margin-top:15px; margin-left:-30px;}
.total-manu th{background: #f8f8f8;color: #333;padding: 10px 0; line-height: 18px;text-align: center;border-top: 1px solid #000; border-left:1px solid #afafaf;}
.total-manu th a, .total-manu td a{font-size:13px; }
.total-manu td{ border:1px solid #afafaf; padding:15px 0; }
.total-manu td a {display:block;text-align:center;}
.total-manu th.tb01{width:80px;}
.total-manu th.tb02{width:95px;}


.my_table{width:1080px; height:auto;border-top:1px solid #000; border:1px solid #afafaf; margin-top:15px; margin-left:-30px;}


#sub_cont .pro-review{width:100%; height:auto; background:#f3f6fa; border-top:1px solid #d3cdcd;  border-left:1px solid #d3cdcd; border-bottom:1px solid #d3cdcd; border-right:1px solid #d3cdcd;box-sizing: border-box; padding:18px; margin-bottom:10px;}
#sub_cont .pro-review ul li{list-style-type:circle; line-height:20px; margin-left:15px; font-size:13px; vertical-align:middle;}
#sub_cont .pro-review ul li b{color:#666;}
#sub_cont .pro-review ul li span.pro-red{color:#d11919; font-weight:600;}

.tb06.table_input_form tr th.red_kpm{color:#e00707;}

/* 정액 차감 체크 */
.kpn_p {
	line-height: 30px; font-size: 14px;
}

.kpn_chk {
	height: 20px; width: 20px;
}