@charset "utf-8";

/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

/* @font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight:normal;	
  src: local('NanumGothic'), url(../font/NanumGothic.woff) format('woff');
}
*/
@media all and (min-width:799px) {
	.wrap_container {
		width: 800px;
		margin: 0 auto;
	}
}


* { word-break:keep-all;-webkit-tap-highlight-color:transparent; }


/* html, body {

	letter-spacing:0px;
	
	font-family: Nanum Gothic;
	
	font-size : 1.2em;
	line-height : 1.5;
	margin : 0 auto;
	color: #263137;
	padding : 0 0 0 0;
	height: 100%;
	width:100%;
	
	
	scrollbar-face-color: #747474; 



	scrollbar-shadow-color: #747474; 



	scrollbar-highlight-color: #747474; 



	scrollbar-3dlight-color: #747474; 



	scrollbar-darkshadow-color: #747474; 



	scrollbar-track-color: #f1f1f1; 



	scrollbar-arrow-color: white;


} */

body * {
	box-sizing: border-box;
}

img{
	border:0;
}




a {

	text-decoration : none;
	color:gray;


}

select {
	outline: none;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 0;
	font-size: 1em;
	background-color: #FFFFFF;
	background: url('../images/custom_pheno/icon_dropdown.png') no-repeat;
	background-position: center right;
	background-size:24px 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:focus {
	outline: none;
} */

.main_wrap {
	width: 100%;
	height: 100%;
	/* padding: 141px 38px 70px 38px; */
	background: #FFFFFF;
	position: relative;
}

.main_wrap .cell_wrap {
	width: 100%;
	height: 100%;
	position: relative;
}
.main_wrap .cell_wrap:after {
	clear: both;
	width: 100%;
	height: 0px;
	display: block;
	vertical-align: middle;
}
.main_wrap .cell_wrap .cell {
	width: calc(100% / 2);
	height: calc(100% / 3);
	text-align: center;
	float: left;
	/* font-size: 14px; */
}
.main_wrap .cell_wrap .cell img {
	height: 97px;
	margin-top: 11%;
	margin-bottom: 2px;
	cursor: pointer;
}

.main_copyright,
.sp_copyright,
.sub_copyright {
	width: 100%;
	color: #263137;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 8px;
	margin-bottom: 6px;
}
.sp_copyright {
	position: absolute;
	/* bottom: 11px; */
	left: 0px;
	z-index: 9999;
}


.sub_header {
	width: 100%;
	padding: 20px 23px 0 23px;
	border: 1px solid #E5E5E5;
	background: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100000;
}
.sub_header_row1 {
	height: 36px;
	/* margin-bottom: 12px; */
}
.sub_header_logo {
	width: 131px;
}
.sub_header_menu {
	float: right;
	margin-top: -9px;
	width: 46px;
	height: 46px;
	background-image: url("../images/custom_pheno/icon_menu.png");
	background-size: contain;
	cursor: pointer;
}
.sub_header_row2 {
	margin-top: 30px;
	height: 27px;
	margin-bottom: 6px;
}
.sub_header_project {
	line-height: 27px;
	/* font-size: 14px; */
	font-weight: bold;
	width: 50px;
}
.sub_header_row2 select {
	/*width: calc(100% - 90px);*/
	/* width: calc(100% - 100px); */
	width: 70%;
	height: 100%;
	margin: 0 4px;
}
.sub_header_project_settings{
	float: right;
	margin-top: 1px;
	width: 24px;
	height: 24px;
	background-image: url("../images/custom_pheno/icon_settings.png");
	background-size: contain;
	cursor: pointer;
}
.header_menus {
	position: fixed;
	top: 0;
	right: 0;
	/* width: calc(20% + 60px); */
	width: calc(30% + 60px);
	height: 100%;
	padding: 20px 23px 22px 5px;
	background-color: #22D877;
	z-index: 100010;
}
.header_menus .header_menus_dimmer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	/* right: calc(20% + 60px); */
	right: calc(30% + 60px);
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 100005;
}
.header_menus .sub_header_menu {
	background-image: url("../images/custom_pheno/icon_menu_white.png");
}
.header_menus_list {
	margin-top: 94px;
}
.header_menus_bottom {
	position: relative;
	/*top: calc(100vh - 244px);*/
	/* top: calc(100vh - 420px); */
	top: calc(100vh - 70vh);
}
.header_menus_row {
	height: 34px;
	line-height: 34px;
	border-top: 1px solid #FFFFFF;
	text-align: right;
	/* font-size: 14px; */
	font-weight: bold;
	color: #FFFFFF;
}
.header_menus_row:last-child {
	border-bottom: 1px solid #FFFFFF;
}


.sub_wrap {
	min-height: calc( 100% - 115px );
	height: auto;
	width: 100%;
	padding: 137px 11px 11px 11px;
	background: #FFFFFF;
	position: relative;
}
.sub_component {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #D0D0D0;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 14px;
}
.sub_component:after { clear:both;width:100%;height:0px;content:'';display:block; }
.sub_component_title {
	/* height: 51px; */
	line-height: 51px;
	/* padding: 0 11px; */
	color: #072a00;
	/* border-bottom: 1px solid #D0D0D0; */
	/* font-size: 20px; */
	font-weight: bold;
}
.title_type {
	float: right;
	height: 26px;
	line-height: 27px;
	padding: 0 8px;
	margin-top: 11px;
	margin-left: 7px;
	border: 1px solid #22D877;
	border-radius: 4px;
	color: #22D877;
	/* font-size: 12px; */
}
.title_button {
	float: right;
	height: 26px;
	line-height: 27px;
	padding: 0 8px;
	margin-top: 11px;
	margin-left: 7px;
	border: 1px solid #22D877;
	border-radius: 4px;
	color: #22D877;
	/* font-size: 12px; */
	font-weight: initial;
	cursor: pointer;
}
.sub_component_title select {
	/* width: 157px; */
	width: 110px;
	height: 27px;
	line-height: 27px;
	margin-top: 11px;
	margin-left: 7px;
	float: right;
}

.line_cell {
	width: 100%;
	line-height: 35px;
	padding: 12px;
	font-size: 1em;
	font-weight: bold;
}
.line_cell:first-child,
.sub_component_title + .line_cell {
	/* margin-top: 8px; */
}
.line_cell[id^='condition_'],
.line_cell[id^='pest_'] {
	padding-top: 3px;
	padding-bottom: 3px;
}

.line_cell select {
	/* height: 26px; */
	line-height: 26px;
}

.line_cell > .input_right {
	width: 70%;
	float: right;
}
.line_cell > input.input_right {
	/* margin-top: 8px; */
	margin-bottom: 0.7em;
}
.line_cell > select.input_right {
	/* margin-top: 5px; */
	margin-bottom: 0.7em;
}
.line_cell > .checks.input_right {
	/* margin-top: 7px; */
	margin-bottom: 0.7em;
}

.line_special_cell {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.line_special_cell:last-child {
	border-bottom: none;
}

.special_toggle_content {
	float: right;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-top: 6px;
	background-image: url("../images/custom_pheno/icon_unfold.png");
	background-size: contain;
}
.special_toggle_content.close {
	background-image: url("../images/custom_pheno/icon_fold.png");
}


/* .btn { width:170px;text-align:center;line-height:40px;height:40px;color:white;background:#7f7f7f;font-size:14px;cursor:pointer;float:right;margin-top:15px;border-radius:4px;font-size:17px; } */
/* .btn:hover { background:#353d2c } */
.login_row {
	margin: 0 28px 14px 28px;
}
.login_input {
	width: calc(100% - 24px - 12px);
	/* height: 28px; */
	margin: -5px 0 1px 0;
	padding: 6px 8px;
	border: none;
	border-bottom: 1px solid #22d877;
	background: white;
	font-size: 1.1em;
	color: black;
	outline: none;
	vertical-align: top;
}
.login_btn {
	width: calc(100% - 28px * 2);
	height: 46px;
	margin: 20px 28px 20px 28px;
	border-radius: 10px;
	text-align: center;
	line-height: 46px;
	color: white;
	font-size: 20px;
	background: #22d877;
	cursor: pointer;
}
.login_btn:hover {
}
.find_btn,
.register_btn {
	color: #263137;
	/* font-size: 14px; */
	display:inline-block;
	cursor:pointer;
	text-decoration:underline;
}
.find_btn {
	float: left;
	margin-left: 31px;
	margin-right: 14px;
}
.register_btn {
	float: right;
	margin-right: 31px;
}
.find_btn:hover,
.register_btn:hover {
}
.register_btn21 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#4c4c4c;margin-bottom:20px;width:70%;display:inline-block;cursor:pointer; }
.register_btn21:hover { background:#474747; }
.login_input2 {
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 8px;
	font-size:1 2px;
	height: 27px;
	outline:none;
}
.login_btn2 {
	border-radius: 4px;
	text-align: center;
	/* height: 26px; */
	line-height: 26px;
	padding: 8px 16px;
	color: #FFFFFF;
	/* font-size: 14px; */
	background-color: #263137;
	cursor: pointer;
	float: right;
	/* margin-top: 5px; */
	margin-bottom: 0.5em;
}
.login_btn2:hover {
}

.line_cell textarea {
	width: 100%;
	height: 100px;
	resize: vertical;
	padding: 6px;
	margin-top: 6px;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
}
.line_cell textarea::placeholder {
	color: #D0D0D0;
}

.line_cell2 { width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:300px;line-height:70px;font-size:17px;border-bottom:1px solid #f7f7f7;color:black; }
.line_cell2 textarea { width:100%;height:calc( 100% - 30px );font-family:nanum gothic;font-size:13px;color:black;border:none;-ms-overflow-style: none;resize:none;outline:none;  }
.line_cell2 textarea::-webkit-scrollbar { display:none; }

.line_cell3 { width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:auto;line-height:20px;font-size:17px;border-bottom:1px solid #f7f7f7;color:black;padding-bottom:20px;padding-top:20px; }
.line_cell3 textarea { width:calc( 100% -30px );height:170px;font-family:nanum gothic;font-size:13px;color:black;border:none;-ms-overflow-style: none;resize:none;outline:none;padding:15px;  }
.line_cell3 textarea::-webkit-scrollbar { display:none; }

.register_btn2 {
	border-radius: 10px;
	text-align: center;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	/* margin-bottom: 20px; */
	background: #22D877;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	/* font-size: 20px; */
	width: 100%;
	cursor: pointer;
}
.register_btn2:hover {
}
.sub_component > .register_btn2 {
	margin: 11px 11px 22px 11px;
	width: calc(100% - 11px * 2);
}
.register_btn4 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#3e871a;margin-bottom:20px;width:100%;display:inline-block;cursor:pointer; }
.register_btn4:hover { background:#357217; }

.register_btn5,
.register_btn6 {
	color: #263137;
	/* font-size: 12px; */
	display: inline-block;
	text-decoration: underline;
	font-weight: initial;
}
.line_cell > .register_btn5:last-child {
	float: right;
}
td > .register_btn6:first-child {
	margin-right: 26px;
}

.ch_button1,
.ch_button2,
.ch_button3 {
	border-radius: 4px;
	text-align: center;
	/* height: 26px; */
	padding: 5px;
	margin: 5px;
	line-height: 26px;
	display: inline-block;
	background: #263137;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	/* font-size: 14px; */
	font-weight: initial;
	cursor: pointer;
}
.ch_button1 {
	width: calc(60% - 22px);
	margin-right: 4px;
}
.ch_button2 {
	width: calc(40% - 16px);
}
.ch_button3 {
	width: 100%;
}
.ch_button1:hover,
.ch_button1:hover,
.ch_button3:hover {
}

.checks {
	position: relative;
	/*
	float: left;
	margin-right: 20px;
	height: 40px;
	*/
	padding: 0px;
	height: 100%;
	font-weight: initial;
	line-height: 21px;
}


.checks input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.checks input[type="radio"] + label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	padding-top: 22px;
	margin-right: 7px;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.checks input[type="radio"] + label:before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: 0;
	top: 22px;
	width: 21px;
	height: 21px;
	text-align: center;
	background: #fff;
	border: 1px solid #d4d4d4;
	border-radius: 100%;
	box-shadow: none;
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before {
	box-shadow: none;
}
.checks input[type="radio"]:checked + label:before {
	background: #fff;
	border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 27px;
	left: 5px;
	width: 13px;
	height: 13px;
	background: green;
	border-radius: 100%;
	box-shadow: none;
}



.checks input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.checks input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 24px;
	margin-right: 8px;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
/* .checks input[type="checkbox"]:not(:checked) + label {
	color: #D0D0D0;
} */
.checks input[type="checkbox"] + label:before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	box-shadow: none;
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
	box-shadow: none;
}
.checks input[type="checkbox"]:checked + label:before {
	background: #fff;
	border-color: #adb8c0;
}
.checks input[type="checkbox"]:checked + label:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	background: #22D877;
	border-radius: none;
	box-shadow: none;
}

.big_checks {
	width: 22px;
	height: 26px;
	display: inline-block;
}

.big_checks input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.big_checks input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 24px;
	margin-right: 8px;
	margin-bottom: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
/* .big_checks input[type="checkbox"]:not(:checked) + label {
	color: #D0D0D0;
} */
.big_checks input[type="checkbox"] + label:before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	text-align: center;
	background: #fff;
	border: 4px solid #E5E5E5;
	border-radius: 50%;
	box-shadow: none;
}
.big_checks input[type="checkbox"] + label:active:before,
.big_checks input[type="checkbox"]:checked + label:active:before {
	box-shadow: none;
}
.big_checks input[type="checkbox"] + label:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 12px;
	height: 12px;
	text-align: center;
	background: #E5E5E5;
	border-radius: 50%;
	box-shadow: none;
}
.big_checks input[type="checkbox"]:checked + label:after {
	background: #22D877;
}

.big_checks + * {
	width: calc(100% - 22px - 12px);
	float: right;
}

.line_cell[id^='condition_'] input[type="checkbox"],
.line_cell[id^='pest_'] input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.line_cell[id^='condition_'] input[type="checkbox"] + label,
.line_cell[id^='pest_'] input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	margin-right: 26px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.line_cell[id^='condition_'] input[type="checkbox"] + label:before,
.line_cell[id^='pest_'] input[type="checkbox"] + label:before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: 0;
	top: -14px;
	width: 22px;
	height: 22px;
	text-align: center;
	background: #fff;
	border: 4px solid #E9EFF4;
	border-radius: 11px;
	box-shadow: none;
}
.line_cell[id^='condition_'] input[type="checkbox"] + label:after,
.line_cell[id^='pest_'] input[type="checkbox"] + label:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: -9px;
	left: 5px;
	width: 12px;
	height: 12px;
	background: #E9EFF4;
	border-radius: 6px;
	box-shadow: none;
}
.line_cell[id^='condition_'] input[type="checkbox"] + label:active:before,
.line_cell[id^='pest_'] input[type="checkbox"] + label:active:before,
.line_cell[id^='condition_'] input[type="checkbox"]:checked + label:active:before,
.line_cell[id^='pest_'] input[type="checkbox"]:checked + label:active:before {
	box-shadow: none;
}
.line_cell[id^='condition_'] input[type="checkbox"]:checked + label:before,
.line_cell[id^='pest_'] input[type="checkbox"]:checked + label:before {
	background: #fff;
	border-color: #22d877;
}
.line_cell[id^='condition_'] input[type="checkbox"]:checked + label:after,
.line_cell[id^='pest_'] input[type="checkbox"]:checked + label:after {
	background: #22d877;
}

/* .line_cell input[type='text'],
.line_cell input[type='password'] {
	border: none;
	border-bottom: 1px solid #E5E5E5;
	font-size: 1em;
	padding: 4px 8px;
} */
.data_input {
	margin-right: 8px;
}
.line_cell input[type='text']::placeholder,
.line_cell input[type='password']::placeholder {
	color: #D0D0D0;
}

.group_wrap {
	margin-top: 10px;
	padding: 14px 12px;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.line_cell3:after { clear:both;width:100%;content:'';display:block;height:0px; }

.main_wrap .cell_wrap:after { clear:both;width:100%;height:0px;display:block;content:'' }

.main_adv { width:200px;float:left;height:200px;cursor:pointer;margin-left:0%;border-radius:50%;position:fixed;top:-70px;right:-50px;z-index:9999999;border:2px solid white; }
/*
.float_right { float:right !important;padding:0px;height:100%; }
*/
.line_cell:after { clear:both;width:100%;height:0px;content:'';display:block; }
.register_btn3 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#4c4c4c;margin-bottom:20px;width:30%;display:inline-block;cursor:pointer;margin:1.5%; }
.register_btn3:hover { background:#474747; }

#agri_table table { border-collapse:collapse;border:1px solid white;;width:100%;margin-top:20px;margin-bottom:20px; }
#agri_table table td { border:1px solid #e4e4e4;padding:10px;position:relative; }
.me { border-radius:50%;height:10px;width:10px;background:rgba(0,0,0,0);cursor:pointer;position:absolute;bottom:-5px;right:-5px;display:block;z-index:99999; }
#agri_table table tr:first-of-type td { border-top:1px solid white; }
#agri_table table tr:first-of-type td:first-of-type { border-top:1px solid white;border-left:1px solid white; }
#agri_table table tr:first-of-type td:last-of-type { border-top:1px solid white;border-right:1px solid white; }
#agri_table table tr td:first-of-type { border-left:1px solid white; }
#agri_table table tr td:last-of-type { border-right:1px solid white; }
#agri_table table tr:last-of-type td { border-bottom:1px solid white; }
#agri_table table tr:last-of-type td:first-of-type { border-bottom:1px solid white;border-left:1px solid white; }
#agri_table table tr:last-of-type td:last-of-type { border-bottom:1px solid white;border-right:1px solid white; }

.sang_ch { width:calc( 100% - 40px );height:auto;background:#fff;padding:20px;position:absolute;top:0px;left:0px;padding-top:77px; }
.sang_ch:after { clear:both;width:100%;height:0px;content:'';display:block; }
.sang_ch_id { width:100%;height:70px;float:left;margin-top:0px; }
.sang_ch_id .id_cell { width:100%;height:60px;border-bottom:1px solid #ededed;border-radius:0px;text-align:center;line-height:60px;background:#417f2b;color:#fff;font-size:20px;font-weight:bold; }
.sang_ch_cell { width:50%;height:170px;float:left;text-align:center;margin-top:20px;margin-bottom:20px; }
.sang_ch_cell .sang_cell { width:170px;height:170px;border-radius:50%;text-align:center;color:#356115;border:1px solid #ededed;cursor:pointer;display:inline-block;vertical-align:middle;margin:20px;margin-top:0px; }
.sang_ch_cell .sang_cell:hover { background:#f7f7f7; }
.sang_ch_cell .sang_cell img { width:70%;margin-top:20px; }

.ghost { clear:both;height:20px; }
.dark_wall {
	background: black;
	opacity: 0.75;
	position:fixed;
	z-index: 9999999999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.file_pop { background:white;border-radius:10px;width:70%;height:220px;z-index:99999999999;position:fixed;left:15%;top:50%;margin-top:-160px;text-align:center; }
.result_pop { background:white;border-radius:10px;width:70%;height:550px;z-index:99999999999;position:fixed;left:15%;top:50%;margin-top:-225px;text-align:center; }
/* .result_pop { background:white;border-radius:10px;width:90%;height:90%;z-index:99999999999;position:fixed;left:5%;top:30%;margin-top:-225px;text-align:center; } */
.result_pop_title { padding-left:20px;padding-right:20px;width:calc( 100% - 40px );height:50px;line-height:50px;border-bottom:1px solid #d4d4d4;font-size:17px;font-weight:bold;color:black; }
.dot_pop,
.dot_pop_2,
.dot_pop_3 {
	background: white;
	border-radius: 2px;
	z-index: 99999999999;
	position: fixed;
	left: 10px;
	right: 10px;
	top: 40%;
	margin-top: -125px;
	border: 1px solid #D0D0D0;
}
.dot_pop_title {
	padding-left: 11px;
	padding-right: 11px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #d4d4d4;
	font-size: 17px;
	font-weight: bold;
	color: black;
}
.dot_pop_close {
	position: absolute;
	right: 10px;
	top: 14px;
	width: 19px;
	height: 19px;
	background-image: url("../images/custom_pheno/icon_modal_close.png");
	background-size: contain;
	cursor: pointer;
}
.cl1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	overflow-y: auto;
	text-align: left;
}
.cl2 { width:calc( 100% - 40px );padding:20px;height:calc( 100% - 102px );overflow:hidden;overflow-y:auto;text-align:left;font-size:17px;color:black; }
.file_pop b { color:black;font-size:17px; }
.file_pop_progress_bg { width:70%;height:30px;background:#d4d4d4;display:inline-block; }
.file_pop_progress { width:40%;background:#337322;height:30px;margin:0px; } 

#graph_01 { width:90%;height:calc( 100% - 20px );margin-top:10px;margin-bottom:10px; }
#graph_02 { width:90%;height:calc( 100% - 20px );margin-top:10px;margin-bottom:10px; }


.messagebox_overlay {
	z-index: 200000;
}

/*
@media all and (min-width:480px){ 

.main_wrap { width:calc( 100% - 80px );height:calc( 100% - 80px );background:url('../img/bg.png') no-repeat;background-size:cover;background-position:center center;position:absolute;top:0px;left:0px;color:white;padding:40px; }

.main_wrap span { font-size:20px; }
.main_wrap .cell_wrap { width:calc( 100% - 80px );height:auto;position:absolute;top:50%;left:40px;margin-top:-246px; }
.main_wrap .cell_wrap:after { clear:both;width:100%;height:0px;display:block;vertical-align:middle; }
.main_wrap .cell_wrap .cell { width:50%;float:left;height:auto;text-align:center;margin-bottom:40px; }
.main_wrap .cell_wrap .cell .circle { cursor:pointer;display:inline-block;vertical-align:middle;width:182px;height:182px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );border-radius:50%;color:white;font-size:17px;font-weight:normal; }
.main_wrap .cell_wrap .cell .circle:hover { background:rgba( 0,0,0,0.7 ); }
.main_wrap .cell_wrap .cell .circle img { width:90px;margin-top:37px; }
.main_copyright { width:100%;color:white;height:50px;line-height:50px;text-align:center;font-size:14px;position:absolute;bottom:20px;left:0px;z-index:9999; }
.sp_copyright { width:100%;color:black;height:50px;line-height:50px;text-align:center;font-size:14px;position:absolute;bottom:20px;left:0px;z-index:9999; }
.sub_header { border-bottom:4px solid #0b2e59;width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:70px;line-height:70px;color:white;font-size:24px;font-weight:bold;background:url('../img/bg.png') no-repeat;background-size:cover;background-position:center center;position:fixed;top:0px;left:0px;z-index:9999999999999; }
.sub_header span { font-size:12px;display:inline-block;vertical-align:bottom;margin-bottom:-5px;margin-left:10px; }
.sub_wrap { min-height:calc( 100% - 115px );height:auto;width:calc( 100% - 40px );padding:20px;background:#e9e9e9;padding-top:95px; }
.sub_component { width:100%;height:auto;background:white;border:1px solid #dedede;border-radius:10px;overflow:hidden;margin-bottom:20px; }
.sub_component:after { clear:both;width:100%;height:0px;content:'';display:block; }
.sub_component_title { height:64px;padding-left:20px;padding-right:20px;width:calc( 100% - 40px );line-height:64px;color:#072a00;font-size:20px;border-bottom:1px solid #f7f7f7;font-weight:bolder; }
.line_cell { width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:70px;line-height:70px;font-size:19px;border-bottom:1px solid #f7f7f7;color:black; }
.line_cell select { outline:none;width:190px;padding:0px;height:40px;line-height:30px;border:1px solid #d4d4d4;border-radius:4px;padding-left:10px;padding-right:10px;background-color:white;float:right;margin-top:15px;-webkit-appearance: none;-moz-appearance: none;background:url('../img/down_ar.png') no-repeat;background-position:center right;background-size: 30px 12px;font-size:17px; }
.btn { width:170px;text-align:center;line-height:40px;height:40px;color:white;background:#7f7f7f;font-size:14px;cursor:pointer;float:right;margin-top:15px;border-radius:4px;font-size:17px; }
.btn:hover { background:#353d2c }
.login_input { width:calc( 70% - 40px );border:1px solid #d4d4d4;border-radius:4px;background:white;padding:0px;padding-left:20px;padding-right:20px;font-size:15px;color:black;height:50px;margin-bottom:20px;outline:none; }
.login_btn { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#8cc63f;margin-bottom:20px;width:70%;display:inline-block;cursor:pointer; }
.login_btn:hover { background:#78a936 }
.register_btn { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#1a552e;margin-bottom:20px;width:70%;display:inline-block;cursor:pointer; }
.register_btn:hover { background:#123c20 }
.register_btn21 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#4c4c4c;margin-bottom:20px;width:70%;display:inline-block;cursor:pointer; }
.register_btn21:hover { background:#474747; }
.login_input2 { width:calc( 100% - 40px );border:1px solid #f4f4f4;border-radius:4px;background:white;padding:0px;padding-left:20px;padding-right:20px;font-size:15px;color:black;height:50px;margin-bottom:20px;outline:none; }
.login_btn2 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:14px;background:#8cc63f;margin-bottom:20px;width:30%;display:inline-block;cursor:pointer;float:right;margin-top:10px; }
.login_btn2:hover { background:#78a936 }
.line_cell2 { width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:300px;line-height:70px;font-size:17px;border-bottom:1px solid #f7f7f7;color:black; }
.line_cell2 textarea { width:100%;height:calc( 100% - 30px );font-family:nanum gothic;font-size:13px;color:black;border:none;-ms-overflow-style: none;  }
.line_cell2 textarea::-webkit-scrollbar { display:none; }

.line_cell3 { width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:auto;line-height:20px;font-size:17px;border-bottom:1px solid #f7f7f7;color:black;padding-bottom:20px;padding-top:20px; }

.register_btn2 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#4c4c4c;margin-bottom:20px;width:100%;display:inline-block;cursor:pointer; }
.register_btn2:hover { background:#474747; }



.register_btn3 { border-radius:4px;text-align:center;height:50px;line-height:50px;color:white;font-size:15px;background:#4c4c4c;margin-bottom:20px;width:30%;display:inline-block;cursor:pointer;margin:1.5%; }
.register_btn3:hover { background:#474747; }


.checks {position: relative;float:left;margin-right:20px;height:40px;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 22px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #d4d4d4; border-radius: 100%; box-shadow: none; }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: none; }
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #adb8c0; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 27px; left: 5px; width: 13px; height: 13px; background: green; border-radius: 100%; box-shadow: none; }



.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #d4d4d4; border-radius: none; box-shadow: none; }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: none; }
.checks input[type="checkbox"]:checked + label:before { background: #fff; border-color: #adb8c0; }
.checks input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 7px; left: 5px; width: 13px; height: 13px; background: green; border-radius: none; box-shadow: none; }

.line_cell3:after { clear:both;width:100%;content:'';display:block;height:0px; }

.cell_2nd_01 { border-radius:10px;cursor:pointer;text-align:center;width:calc( 30% - 2px );height:182px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );float:left;margin-bottom:20px;margin-right:5%;color:white;font-size:14px;font-weight:normal; }
.cell_2nd_01:hover { background:rgba( 0,0,0,0.7 ); }
.cell_2nd_01_2 { border-radius:10px;cursor:pointer;text-align:center;width:calc( 30% - 2px );height:182px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );float:left;margin-bottom:20px;margin-right:0%;color:white;font-size:14px;font-weight:normal; }
.cell_2nd_01:hover { background:rgba( 0,0,0,0.7 ); }
.cell_2nd_02 { border-radius:10px;cursor:pointer;text-align:center;width:calc( 30% - 2px );height:182px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );float:right;margin-bottom:20px;margin-left:5%;color:white;font-size:14px;font-weight:normal; }
.cell_2nd_02:hover { background:rgba( 0,0,0,0.7 ); }
.cell_2nd_01_2:hover { background:rgba( 0,0,0,0.7 ); }

.cell_2nd_01 img { width:90px;margin-top:37px; }
.cell_2nd_01_2 img { width:90px;margin-top:37px; }
.cell_2nd_02 img { width:90px;margin-top:37px; }
.cell_2nd_03 { cursor:pointer;width:100%;text-align:center;height:132px;margin-bottom:20px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );line-height:132px;color:white;font-size:24px;font-weight:normal;float:left; }
.cell_2nd_03 img { width:90px;margin-top:0px; }

.cell_2nd_03:hover { background:rgba( 0,0,0,0.7 ); }


.cell_2nd_04 { border-radius:10px;cursor:pointer;text-align:center;width:calc( 48% - 2px );height:182px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );float:left;margin-bottom:20px;margin-right:2%;color:white;font-size:14px;font-weight:normal; }
.cell_2nd_04:hover { background:rgba( 0,0,0,0.7 ); }

.cell_2nd_05 { border-radius:10px;cursor:pointer;text-align:center;width:calc( 48% - 2px );height:182px;background:rgba( 0,0,0,0.4 );border:1px solid rgba( 255,255,255,0.3 );float:right;margin-bottom:20px;margin-left:2%;color:white;font-size:14px;font-weight:normal; }
.cell_2nd_05:hover { background:rgba( 0,0,0,0.7 ); }
.cell_2nd_04 img { width:90px;margin-top:37px; }
.cell_2nd_05 img { width:90px;margin-top:37px; }

.main_wrap .cell_wrap:after { clear:both;width:100%;height:0px;display:block;content:'' }

.main_adv { width:200px;float:left;height:200px;cursor:pointer;margin-left:0%;border-radius:50%;position:fixed;top:-70px;right:-50px;z-index:9999999; }
}
*/