@charset "utf-8";
/* CSS Document No.2 */

html, body { font-family:'Noto Sans KR', sans-serif; color:#444; }
html, body { font-family:'Noto Sans KR', sans-serif; color:#444; background:#fdfdfd; } /* 신규 */

.clear 		{ clear:both!important; }
.f_left 	{ float:left!important; }
.f_right 	{ float:right!important; }

.hidden		{ display:none; }
.scroll_x	{ overflow-x:scroll; border:1px solid #dcdcdc; }
.scroll_y	{ overflow-y:scroll; border:1px solid #dcdcdc; } /* 기존 */
.scroll_y	{ overflow-y:scroll; border:0; border-radius:0 0 8px 8px; box-shadow:0 2px 8px 0px #a8b6c6; } /* 신규 */

.cur_po 	{ cursor:pointer!important; }
.cur_def 	{ cursor:default!important; }

.flex--wrap { display:flex; flex-wrap:wrap; align-content:center; justify-content:space-between; }
.flex--wrap__between { display:flex; flex-wrap:wrap; align-content:space-between; justify-content:space-between; }

/********************/
/* width, height    */
/********************/
.w65 { min-width:65px!important; }
.w78 { min-width:78px!important; }
.w49p { width:49.5%!important; }
.w50p { width:50%!important; }
.w60p { width:60%!important; }
.w62p { width:62.6%!important; }
.w75p { width:75%!important; }
.w84p { width:84.6%!important; }
.w97p { width:97.6%!important; }
.w98p { width:98.2%!important; }
.w100p { width:100%!important; }

/********************/
/* margin, padding  */
/********************/
.ma_0		{ margin:0!important; }
.ma_15		{ margin:15px 0!important; }
.matop_4	{ margin-top:4px!important; }
.matop_8	{ margin-top:8px!important; }
.matop_10	{ margin-top:10px!important; }
.matop_15	{ margin-top:15px!important; }
.matop_30	{ margin-top:30px!important; }
.mabot_15	{ margin-bottom:15px!important; }
.mabot_30	{ margin-bottom:30px!important; }
.mabot_50	{ margin-bottom:50px!important; }
.malef_8	{ margin-left:8px!important; }
.malef_12	{ margin-left:12px!important; }

.pa_28		{ padding:28px!important; }
.pa_40		{ padding:40px!important; }
.pa_60		{ padding:60px!important; }
.pa_80		{ padding:80px!important; }
.pa_100		{ padding:100px!important; }
.patop_4	{ padding-top:4px!important; }
.patop_8	{ padding-top:8px!important; }
.patop_10	{ padding-top:10px!important; }
.patop_20	{ padding-top:20px!important; }
.patop_60	{ padding-top:60px!important; }

/********************/
/* border           */
/********************/
hr { margin-top:10px!important; margin-bottom:10px!important; }
.top-two-line 		{ border-top:2px solid #ccc!important; }
.top-double-line	{ border-top:4px double #ccc!important; }
.left-double-line	{ border-left:4px double #ccc!important; }
.bottom-double-line	{ border-bottom:4px double #ccc!important; }

.left-line 		{ border-left:1px solid #ccc!important; }
.right-line 	{ border-right:1px solid #ccc!important; }
.bottom-line 	{ border-bottom:1px solid #ccc!important; }

.no-left-line 	{ border-left:none!important; }
.no-right-line 	{ border-right:none!important; }
.no-top-line 	{ border-top:none!important; }
.no-bottom-line { border-bottom:none!important; }
.no-both-line 	{ border-left:none!important; border-right:none!important; }

/********************/
/* list             */
/********************/
.inline_list li { display:inline-block; }
.inline_list li:after { content:'|'; padding:0 8px 0 10px; color:#aaa; }
.inline_list li:last-child::after { content:''; padding:0; color:transperant; }

/********************/
/* text             */
/********************/
h1 { font-size:24px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:16px; font-weight:bold; }
h4 { font-size:12px; font-weight:bold; }

.text_left 		{ text-align:left!important; }
.text_right 	{ text-align:right!important; }
.text_center 	{ text-align:center!important; }

.text-upper 	{ text-transform:uppercase; }
.text-bold 		{ font-weight:bold; }
.text-normal 	{ font-weight:normal; }

.text-small 	{ font-size:0.8em!important; font-weight:normal; }

.text_point 	{ color:#E4022E; margin:0 2px; } /* 필수입력 표시 */
.text_caution 	{ color:#E4022E; font-size:12px; } /* 주의사항 */
.text_explain 	{ font-size:1.3em; line-height:1.5em; font-weight:bold; }

.text_red 			{ color:#E4022E; }
.text_blue 			{ color:#0158C2; }
.text_lightyellow 	{ color:#ffd02b; }
.text_yellow 		{ color:#ffac00; }
.text_gray 			{ color:#666666; }
.text_white 		{ color:#FFFFFF; }

.underline_trans 	{ background:linear-gradient(180deg, transparent 100%, #fff 0); background-repeat:no-repeat; }
.underline_red 		{ background:linear-gradient(180deg, transparent 75%, #f47689 0); background-repeat:no-repeat; }
.underline_yellow 	{ background:linear-gradient(180deg, transparent 75%, #fef118 0); background-repeat:no-repeat; }
.underline--half 	{ background-size:50% 100%; }
.underline--animated { background-size:0% 100%; transition:background-size 0.5s; }
.underline--animated:hover { background-size:100% 100%; }

.overflow 		{ display:flex; flex:1; }
.overflow_box 	{ flex:1; width:1px; }
.overflow_text 	{ overflow:hidden; text-align:left; text-overflow:ellipsis; word-break:break-all; white-space:nowrap; }

/********************/
/* size			    */
/********************/
.width_60 		{ width:60px!important; margin:0 auto; }
.width_300 		{ width:300px!important; margin:0 auto; }
.width_400 		{ width:400px!important; margin:0 auto; }
.width_500 		{ width:500px!important; margin:0 auto; }
.width_600 		{ width:600px!important; margin:0 auto; }
.width_full 	{ width:100%!important; }
.width_half 	{ width:49%!important; }

/********************/
/* input, select    */
/********************/
input, select, textarea { 
	width:100%; margin:0 auto; padding:0; padding-left:4px;
	color:#444; font-size:14px; vertical-align:middle;
	background:#fff; border:1px solid #e1e1e1; outline:none;
	-webkit-transition:all 0.2s; transition:all 0.2s;
}
input { height:22px; }
select { height:22px; }
textarea { resize:none; border:1px solid #eee; }

input[type=file]		{ display:inline-block; }
input[type=radio]		{ width:13px; height:13px; background:#fff; border:1px solid #eee; }
input[type=checkbox]	{ width:13px; height:13px; background:#fff; border:1px solid #eee; }

input.datepick { background:url(../../images/common/icons/icon_cal.gif) no-repeat 99% #fff!important; }

.info, input.info, select.info, textarea.info { color:#444!important; background:transparent!important; border:none; box-shadow:none; }
.infoBox, input.infoBox, select.infoBox, textarea.infoBox { color:#444!important; background:#fafafa!important; border:none; box-shadow:none;  }

.search--box input, .search--box select, .search--box textarea { border:1px solid #eee; box-shadow:0px 2px 8px -3px #a8b6c6; }

input:focus, select:focus, textarea:focus,
input:active, select:active, textarea:active { background:#fff; border:2px solid #0158c2; }
input.info:focus, select.info:focus, textarea.info:focus, input.info:active, select.info:active, textarea.info:active,
input.infoBox:focus, select.infoBox:focus, textarea.infoBox:focus, input.infoBox:active, select.infoBox:active, textarea.infoBox:active { background:#fff; border:none; }
input:-internal-autofill-selected { background:#fff!important; }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px white inset; }
input:-ms-autofill { -webkit-box-shadow:0 0 0 1000px white inset; }

input::placeholder { color:#999 }
textarea::placeholder { color:#999 }

.width_full 		{ width:99%; }
.width_half1 		{ width:46.5%!important; margin:0 auto; } /* 기본 검색창 (달력, 농장형태-축사구조, 시도-시군구, 정렬순서 등) */
.width_half2 		{ width:43.2%!important; margin:0 auto; } /* */
.width_half3 		{ width:42.6%!important; margin:0 auto; background:none; } /* 이용자 관리 (이메일, 권한), 차트 (달력) */
.width_half4 		{ width:33.6%!important; margin:0 auto; } /*  */
.width_half5 		{ width:45.6%!important; margin:0 auto; } /* 팝업 (농장형태-축사구조) */
.width_third 		{ width:29.5%!important; margin:0 auto; } /* 농장 관리 (사업자번호, 전화번호), 이용자 관리 (전화번호) */
.width_third2 		{ width:27.5%!important; margin:0 auto; } /* 농장 관리 (사업자번호, 전화번호), 이용자 관리 (전화번호) */
.width_quarter 		{ width:21.1%!important; margin:0 auto; } /* 장비 (IP, port) */
.width_two-thirds { width:62.5%!important; margin:0 auto; } /* 농장 관리 (전화번호- 사무실, 팩스) */

textarea.textarea_wide 	{ width:99.5%!important; margin:0 auto; }

/* IP mask */
.onlythreeIPNum { width:50px; border:0; text-align:center; }
.IPmask { display:inline-block; border:1px solid #e2e2ec; }

/********************/
/* button           */
/********************/
/* button box */
.box__btn--wrap		{ position:absolute; top:25px; right:20px; }			/* 박스 영역 내 버튼 */
.search__btn--wrap	{ text-align:right!important; }							/* 검색 영역 내 버튼 */
.table__btn--wrap	{ display:inline-block; margin:0 auto; padding:0; }		/* 테이블 내 버튼 */
.paging__btn--wrap	{ position:absolute; top:-4px; right:0px; }				/* 페이징 영역 내 버튼 */
.bottom__btn--wrap--center	{ position:relative; margin-top:10px; text-align:center; }
.bottom__btn--wrap--right	{ position:relative; margin-top:10px; text-align:right; }

/* button */
.btn { display:inline-block; padding:0; text-align:center; vertical-align:middle; border:none; border-radius:4px; -webkit-transition-duration:0.4s; transition-duration:0.4s; }
.btn_border 	{ color:#666; background:transparent; border:1px solid #aaa; border-radius:4px; }
.btn_white 		{ color:#222; background:#ffffff; border:1px solid #eeeeee; }
.btn_yellow 	{ color:#fff; background:#fca61d; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #feeac7; }
.btn_orange 	{ color:#fff; background:#f04d22; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #fbcabd; }
.btn_red 		{ color:#fff; background:#cd0326; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #febac6; }
.btn_blue 		{ color:#fff; background:#0151b1; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #9ecafe; }
.btn_skyblue 	{ color:#fff; background:#0098ea; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #c6ebff; }
.btn_green 		{ color:#fff; background:#2b994c; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #c8f0d3; }
.btn_darkgreen 	{ color:#fff; background:#3A846D; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #c1e3d9; }
.btn_navy 		{ color:#fff; background:#2a3557; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #b1bcda; }
.btn_gray 		{ color:#444; background:#dddddd; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #dddddd; }
.btn_darkgray 	{ color:#fff; background:#555555; border:1px solid rgba(0,0,0,0); box-shadow: 0 2px 6px #c1c1c1; }
.btn_border:hover, .btn_border:focus 		{ color:#fff; background:#0158C2; border:1px solid rgba(0,0,0,0); }
.btn_white:hover, .btn_white:focus  		{ color:#fff; background:#0158C2; border:1px solid rgba(0,0,0,0); }
.btn_white2:hover, .btn_white2:focus  		{ color:#fff; background:#035dab; border:1px solid rgba(0,0,0,0); }
.btn_yellow:hover, .btn_yellow:focus   		{ color:#fff; background:#f04d22; }
.btn_orange:hover, .btn_orange:focus   		{ color:#fff; background:#da360b; }
.btn_red:hover, .btn_red:focus 				{ color:#fff; background:#d40f2d; }
.btn_blue:hover, .btn_blue:focus  			{ color:#fff; background:#013676; }
.btn_skyblue:hover, .btn_skyblue:focus  	{ color:#fff; background:#0780e2; }
.btn_green:hover, .btn_green:focus  		{ color:#fff; background:#00396a; }
.btn_navy:hover, .btn_navy:focus  			{ color:#fff; background:#1D2641; }
.btn_gray:hover, .btn_gray:focus  			{ color:#fff; background:#505050; }
.btn_darkgray:hover, .btn_darkgray:focus  	{ color:#fff; background:#333333; }

.btn_title		{ padding: 0px 12px; font-size: 0.9em; font-weight: normal; line-height: 22px; }
.btn_box 		{ padding:0px 8px; font-size:1em; font-weight:normal; line-height:26px; }
.btn_login 		{ padding:0px 107px; font-size:1.08em; font-weight:normal; line-height:40px; }
.btn_popup 		{ padding:0px 12px; font-size:12px; font-weight:normal; line-height:24px; }
.btn_table 		{ padding:2px 5px; font-size:12px; font-weight:normal; line-height:18px; }
.btn_table2 	{ padding:2px 5px; font-size:13px; font-weight:normal; line-height:22px; margin:1px auto; }
.btn_table_fix 	{ width:98px; font-size:12px; font-weight:normal; line-height:22px; }
.btn_table_fix2 { width:114px; font-size:12px; font-weight:normal; line-height:22px; }
.btn_comment	{ width:130px; font-size:12px; font-weight:normal; line-height:24px; }

.btn_big 		{ padding:0px 40px; font-size:1.08em; font-weight:normal; line-height:50px; letter-spacing:.05em; }
.btn_medium 	{ padding:0px 26px; font-size:1em; font-weight:normal; line-height:30px; }
.btn_small 		{ padding:0px 18px; font-size:13px; font-weight:normal; line-height:24px; }
.btn_small_fix 	{ width:90px; font-size:12px; font-weight:normal; line-height:24px; }
.btn_small_fix2 { width:60px; font-size:12px; font-weight:normal; line-height:24px; }
.btn_mini 		{ padding:0px 4px; font-size:0.8em; font-weight:normal; line-height:18px; }

.toggleWrapper { position:relative; top:5px; overflow:hidden; }
.toggleWrapper input { display:none; left:-999em; }
.toggleWrapper label { width:30px; height:18px; text-align:center; border-radius:10px; cursor:pointer; -webkit-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);  }
.toggleWrapper label:after { z-index:1; color:#fff; font-size:12px; -webkit-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition:all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.toggleWrapper input + label { background:#178de6; }
.toggleWrapper input + label:after { content:"no-check"; }
.toggleWrapper input:checked + label { background:#D21626; }
.toggleWrapper input:checked + label:after { content:"checked"; }

@media screen and (max-width:1024px){
	.btn_big { padding:0px 35px; font-size:1em; line-height:45px; }
	.btn_medium { padding:0px 22px; font-size:12px; }
}
@media screen and (max-width:600px){
	.btn_big { padding:0px 30px; font-size:0.94em; line-height:40px; }
}

/********************/
/* color            */
/********************/
.gra_gray 	{ background:-webkit-linear-gradient(top, #fff, #f2f2f2); background:-moz-linear-gradient(top, #fff, #f2f2f2); background:-ms-linear-gradient(top, #fff, #f2f2f2); background:-o-linear-gradient(top, #fff, #f2f2f2); background:linear-gradient(top, #fff, #f2f2f2); }
.gra_blue 	{ background:linear-gradient(to right,#459ecf,#4d99ce); }
.gra_green 	{ background:linear-gradient(to right,#0ba494,#099b9d); }
.gra_purple { background:linear-gradient(to right,#5762aa,#6b60a0); }

.bg_white	{ background:#fff!important; }
.bg_gray	{ background:#f2f2f2!important; }

/* circle */
.square 	{ display:inline-block; padding:1px 8px; border-radius:6px; box-shadow: 0 2px 12px -3px #a8b6c6;}
.circle 	{ display:inline-block; width:15px; height:15px; border-radius:50%; }
.circle_s 	{ display:inline-block; width:12px; height:12px; border-radius:50%; }
.circle--big { display:inline-block; width:160px; height:160px; padding:48px 0px; border-radius:50%; }
.bg_red 	{ color:#ffffff!important; background:#db3434!important; }
.bg_orange 	{ color:#ffffff!important; background:#ff5f2e!important; }
.bg_yellow 	{ color:#ffffff!important; background:#ffb400!important; }
.bg_green 	{ color:#ffffff!important; background:#04A060!important; }
.bg_blue 	{ color:#ffffff!important; background:#178de6!important; }
.bg_skyblue { color:#0158C2!important; background:#e1eef6!important; }
.bg_skyblue2 { color:#666666!important; background:#e1eef6!important; }
.bg_deepblue { color:#ffffff!important; background:#0158C2!important; }
.bg_pink { color:#666666!important; background:#ffdfdf!important; }
.bg_palepink { color:#666666!important; background:#FFF1F1!important; }
.bg_gray		{ color:#ffffff!important; background:#686868!important; }
.bg_lightgray	{ color:#666666!important; background:#fcfcfc!important; border:1px solid #eee; }
.bg_lightgray2	{ color:#666666!important; background:#eeeeee!important; border:1px solid #eee; }
.bg_lightgray3	{ color:#666666!important; background:#dddddd!important; border:1px solid #eee; }

.no-shadow { box-shadow:none!important; }

/********************/
/* paging           */
/********************/
.paginate_complex { position:relative; margin-top:16px; }
.paginate_complex a, .paginate_complex strong { position:relative; display:inline-block; margin:0; padding:0 4px; font-size:14px; }
.paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus, .paginate_complex strong { color:#01559A; }
.paginate_complex .direction span { position:relative; display:inline-block; top:-2px; }
.paginate_complex .prev span { margin-right:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; }
.paginate_complex .next span { margin-left:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; }

/********************/
/* print            */
/********************/
#printArea { position:relative; }
#printArea table { table-layout:fixed; word-break:break-all; }
#printArea table th { height:34px; padding:4px; font-size:14px; }
#printArea table td { height:34px; padding:4px 2px; font-size:14px; }

@media print {
	@page { margin:0; }
	.noprint { display:none; }
	#printArea table th { border:1px solid #7c95ba!important; -webkit-print-color-adjust:exact; background-color:#c8e0ee!important; }
	#printArea table td { border:1px solid #7c95ba!important; -webkit-print-color-adjust:exact; }
}

/********************/
/* animation        */
/********************/
/* 로딩 애니메이션 */
.ani--loading-dot1 { position:relative; display:block; left:50%; width:80px; height:80px; margin:50px auto 30px; margin-left:-50px; border-radius:50%; background-color:#fff; box-sizing:border-box; }
.ani--loading-dot1.type1 { background:transparent; }
.ani--loading-dot1.type1 .dot { display:block; position:absolute; top:30px; width:20px; height:20px; border-radius:50%; background-color:#fff; transform:translateY(-50%); animation:ani--loading-dot1 1.2s ease-in-out infinite; }
.ani--loading-dot1.type1 .dot.dot1 { left:20%; transfrom:translateX(-50%); }
.ani--loading-dot1.type1 .dot.dot2 { left:50%; transfrom:translateX(-50%); animation-delay:0.2s; }
.ani--loading-dot1.type1 .dot.dot3 { transfrom:translateX(-50%); left:80%; animation-delay:0.4s; }
@-webkit-keyframes ani--loading-dot1 { 
	0% { opacity:1; top:50%; }
	50% { opacity:0.3; top:0; }
	100% { opacity:1; top:50%; }
}
@keyframes ani--loading-dot1 { 
	0% { opacity:1; top:50%; }
	50% { opacity:0.3; top:0; }
	100% { opacity:1; top:50%; }
}

/* 메뉴 타이틀 애니메이션 */
@-webkit-keyframes ani--background-sliding1 {
	0% {background-position:350px 0, 350px 0, -350px 0;}
	15% {background-position:-40px 0, 350px 0, 210px 0;}
	30% {background-position:-30px 0, -40px 0, 200px 0;}
	45% {background-position:-30px 0, -30px 0, 200px 0;}
	70% {background-position:-30px 0, -30px 0, 200px 0;}
	85% {background-position:-350px 0, -25px 0, 350px 0;}
	100% {background-position:-350px 0, -350px 0, 350px 0;}
}
@keyframes ani--background-sliding1 {
	0% {background-position:350px 0, 350px 0, -350px 0;}
	15% {background-position:-40px 0, 350px 0, 210px 0;}
	30% {background-position:-30px 0, -40px 0, 200px 0;}
	45% {background-position:-30px 0, -30px 0, 200px 0;}
	70% {background-position:-30px 0, -30px 0, 200px 0;}
	85% {background-position:-350px 0, -25px 0, 350px 0;}
	100% {background-position:-350px 0, -350px 0, 350px 0;}
}
/* 진행바 애니메이션*/
@-webkit-keyframes ani--progress-line_cirlce1 {
	0% { left:0; opacity:0; }
	33% { opacity:1; }
	40% { left:42%; }
	50% { opacity:1; }
	70% { left:58%; }
	76% { opacity:1; }
	100% { left:100%; opacity:0; }
}
@keyframes ani--progress-line_cirlce1 {
	0% { left:0; opacity:0; }
	33% { opacity:1; }
	40% { left:42%; }
	50% { opacity:1; }
	70% { left:58%; }
	76% { opacity:1; }
	100% { left:100%; opacity:0; }
}

/* pulse 애니메이션 */
@-webkit-keyframes ani--pulse-ring1 {
	0% { transform:scale(0.1, 0.1); opacity:0; }
	50% { opacity:1; }
	100% { transform:scale(1.2, 1.2); opacity:0; }
}

@keyframes ani--pulse-ring1 {
	0% { transform:scale(0.1, 0.1); opacity:0; }
	50% { opacity:1; }
	100% { transform:scale(1.2, 1.2); opacity:0; }
}