/* Add here all your css styles (customizations) */

 
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css); 
div {
	font-family: 'Nanum Gothic';
}
/* 

@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
div {
	font-family: 'Noto Sans SC', 'Jeju gothic';
}
 */
#fs-def {
	font-family: 'Jeju gothic';
}

.fs-def {
	font-family: 'Jeju gothic';
}

.plus {
	color: #92e7bb;
}

.minus {
	color: #ff433d;
}

.home-notice-head, .home-market-head, .home-update-head {
	padding: 0px;
}

.home-notice-blockquote, .home-market-blockquote,
	.home-update-blockquote {
	margin-bottom: 0px;
}

.home-notice-body, .home-market-body, .home-update-body {
	padding: 0px;
}

.home-notice-table {
	margin-bottom: 0px;
}

.home-market-heatmap {
	margin-bottom: 0px;
}

#home-heatmap-standarddate {
	font-family: 'Nanum Gothic';
}

.market-table-color {
	width: 10px;
}

#market-table-color-1 {
	background-color: #ff433d;
}

#market-content-color-1 {
	color: #ff433d;
}

#market-table-color-2 {
	background-color: #ff8c89;
}

#market-content-color-2 {
	color: #ff8c89;
}

#market-table-color-3 {
	background-color: #92E7BB;
}

#market-content-color-3 {
	color: #92E7BB;
}

#market-table-color-4 {
	background-color: #1dcc92;
}

#market-content-color-4 {
	color: #1dcc92;
}

#market-table-color-0 {
	background-color: #d9d9d9;
}

#market-content-color-0 {
	color: #d9d9d9;
}

/* jqvmap css */
.holder {
	width: 100%;
	height: 480px;
	overflow: hidden;
	position: relative;
	/* z-index: 100; */
	/*border: dashed 3px #829db2;
    background-color:#a4bed9;
    background-image: 
      -webkit-linear-gradient(#9bb3cf 1px, transparent 1px),
      -webkit-linear-gradient(0, #9bb3cf 1px, transparent 1px);
      -moz-linear-gradient(#9bb3cf 1px, transparent 1px),
      -moz-linear-gradient(0, #9bb3cf 1px, transparent 1px);
    background-size:44px 44px; */
}

.country-flag-table>tbody>tr>td, .country-flag-table>tbody>tr>th,
	.country-flag-table>tbody>tr>tr {
	line-height: 1.42857143;
	border-top: none;
}

.pin {
	/* background: url(../img/jqvmap/tip.png) no-repeat;
	width: 9px;
	height: 5px; */
	position: absolute;
	cursor: pointer;
}

.pin .pin_content_g {
	background: url("../img/jqvmap/green.png") repeat scroll 0 0 transparent;
	border-radius: 5px 5px 5px 5px;
	bottom: 50px;
	/* position: relative;
	right: 15px; */
	height: 100px;
	width: 100px;
	background-position: center;
	border-radius: 50px 50px 50px 50px;
}

.pin .pin_content_r {
	background: url("../img/jqvmap/red.png") repeat scroll 0 0 transparent;
	border-radius: 5px 5px 5px 5px;
	bottom: 50px;
	/* position: relative; 
	right: 15px; */
	height: 100px;
	width: 100px;
	background-position: center;
	border-radius: 50px 50px 50px 50px;
}

.pin .pin_content_gr {
	background: url("../img/jqvmap/gray.png") repeat scroll 0 0 transparent;
	border-radius: 5px 5px 5px 5px;
	bottom: 50px;
	/* position: relative; 
	right: 15px; */
	height: 100px;
	width: 100px;
	background-position: center;
	border-radius: 50px 50px 50px 50px;
}

#map-flags {
	width: 40px;
	height: 26px;
	margin: 0px;
	position: relative;
	top: -8px;
}

.pin p {
	font-size: 11px;
	margin: 0;
}

#registration-label {
	font-weight: normal;
	margin-top: 5px;
}

.main-chart-div {
	width: 104px;
}

#main-chart-padding {
	padding: 8px 4px 9px 10px;
}

.main-chart-up {
	color: #92e7bb;
}

.main-chart-steady {
	color: #7E7E7F;
}

.main-chart-down {
	color: red;
}

.scroll-left p {
	position: absolute;
	width: 7200px;
	height: 100%;
	margin: 0;
	line-height: 20px;
	/* text-align: center; */
	/* Starting position */
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	/* Apply animation to this element */
	-moz-animation: scroll-left 1000s linear infinite;
	-webkit-animation: scroll-left 1000s linear infinite;
	animation: scroll-left 1000s linear infinite;
}

/* Scrolling Text */
.scroll-left {
	height: 20px;
	overflow: hidden;
	position: relative;
    background-color: #474747;
}



/* Move it (define the animation) */
@
-moz-keyframes scroll-left { 0% {
	-moz-transform: translateX(0%);
}

100%
{
-moz-transform
:
 
translateX
(-100%);
 
}
}
@
-webkit-keyframes scroll-left { 0% {
	-webkit-transform: translateX(0%);
}

100%
{
-webkit-transform
:
 
translateX
(-100%);
 
}
}
@
keyframes scroll-left { 0% {
	-moz-transform: translateX(15%); /* Firefox bug fix */
	-webkit-transform: translateX(15%); /* Firefox bug fix */
	transform: translateX(15%);
}

100%
{
-moz-transform
:
 
translateX
(-100%); /* Firefox bug fix */

 
-webkit-transform
:
 
translateX
(-100%); /* Firefox bug fix */

 
transform
:
 
translateX
(-100%);
 
 
}
}
.main-scroll-up {
	color: #92e7bb;
}

.main-scroll-steady {
	color: #7E7E7F;
}

.main-scroll-down {
	color: #ff433d;
}

/* Header Clock */
.main-clock {
	height: 84px;
}

.main-clock>div {
	font-family: 'Jeju gothic';
	padding: 60px 0px 0px 0px;
}

.main-clock span {
	color: #9c8061;
}

#sec1-report-viewer-ul li {
	color: black;
	font-size: 14px;
}

#sec1-news-viewer-contents-wrap p {
	font-size: 14px;
	color: black;
}

p > .plus {
	color: green;
}

/*tab  menu*/
ul.tabs {
	padding-left: 0;
	float: left;
	list-style: none;
	height: 32px;
	/*border-bottom: 1px solid #9c8061;*/
	border-left: 0px solid #9c8061;
	width: 100%;
	font-family: "dotum";
	font-size: 12px;
	margin-bottom: -1px;
}

ul.tabs li {
	float: left;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	width: 75px;
	height: 31px;
	line-height: normal;
	border: 0px solid #696969;
	border-left: none;
	font-weight: bold;
	background: #252525;
	overflow: hidden;
	position: relative;
}

ul.tabs li.active {
	background: #c7b198;
}

.tab_container {
	margin-top: 0 !important;
	border: 1px solid #eee;
	border-top: none;
	clear: both;
	float: left;
	width: 248px;
	background: #FFFFFF;
}

.tab_content {
	padding: 0px;
	font-size: 12px;
	display: none;
	border
}

.tab_container .tab_content ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.tab_container .tab_content ul li {
	padding: 5px;
	list-style: none
}

.tabMenu {
	color: white !important;
}

li.active {
	color: black !important;
}

/*dictionary  menu*/
div#dictionary {
	padding-top: 5px;
	border: 1px solid #596e79;
	margin-left: 20px;
	background-color:#dfd3c3;
}

div#dictionaryTab {
	margin-left: 20px;
	padding: 0px;
}

div#dictionary button {
	height: 30px;
	width: 30px;
	margin: 2px;
	border-radius: 3px;
	background-color: white;
}

div#dictionary input[type=button] {
	border: 2px white;
	height: 34px;
	width: 60px;
	margin: 2px;
	border-radius: 3px;
	background-color: white;
}

div#dictionary select {
	height: 40px;
	width: 250px;
	margin: 2px;
	border-radius: 3px;
}

div#dictionary input {
	border-radius: 3px;
}

div.Field {
	float: left;
	margin-left: 20px;
}

div.koreanField button {
	float: left;
}

div.englishField button {
	float: left;
}

div#koreanField {
	height: 50px;
	padding-top: 10px;
	padding-margin: 10px;
}

.dicTable th {
	text-align: center;
}

.dicContent th {
	text-align: center;
}

.dicTable td {
	text-align: left;
}

#termKeywordField, #acronymKeywordField {
	width: 550px;
}

.listBtnDiv {
	text-align: right;
}

.spec {
	float: left;
	width: 100%;
}

.specDiv {
	margin: 10px;
	text-align: left;
}

.listBtn {
	margin: 10px !important;
	color: black;
}

/*°á°ú°ª¿¡ µû¸¥ È­¸é À¯µ¿ °íÁ¤*/
.result {
	min-height: 550px;
}

.acronymSearchResult {
	height: 550px;
}

/*ÁÖ¿ä±¹ Áß¾ÓÀºÇà ±¹±â ¼±ÅÃ*/
.flagImg {
	margin:0 auto; 
	margin-bottom:7px !important;
	/* display:block; */
	width: 40px;
	height: 30px;
}

.click-flog-daily-btn {
	color: white;
}

.flagTable {
	width: 90%;
	margin: 0 auto;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

/*crop calandar*/
.cropTable{
	margin : 20px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid white;
	color: black;
	width:95%;
	border-collapse: collapse;
	
}

.cropTable td{
	
	border: 1px solid #C7C7C7;
	
}

.cal-th {
	min-width: 40px;
	text-align: center;
}

.title1{
}

.title2{
}

.seeding {
background:#D8E4BC;
}

.harvest {
background:#76933C;
}

.nothing {
background:#E6E6E6;
}

.comment{
	display : inline-block !important;
	padding-left: 10px !important;
	padding : 5px;
	margin : 10px !important;
	font-size: 15px !important;
	font-weight: normal !important;
	margin-bottom: -20px !important;
	line-height:130%
	
	
}


#contentsContainer{
	border : 1px solid #9C8061;
	padding : 0px;
	margin-left : 15px;

}


/* detail-view ºÐ¼® °ø°£È®º¸*/
.lostPadding{
	padding :0 !important;
	margin-left :-10px !important;	
}


.reducePadding td{
    padding-left: 5px !important;
    padding-right: 5px !important;
}


/* °Å·¡¼Ò ¹é°ú»çÀü*/

ul.ulPaddingTopFix li{
	padding-top: 9px;
}
li.dontPadding{
	padding-top: 2px !important;
}

.encycloTable{
	text-align: left !important;
	width: 100%;	
}

.encycloTable td{
	border: 1.0pt solid #303030 !important;	
	word-break:keep-all;
	word-wrap:break-word;
}
.encycloTable th{
	font-size: 110%;
	text-align: center;
}
div#encycloTab {
	margin-left: 20px;
	padding: 0px;
}
div#encyclo {
	padding: 15px;
	border: 1px solid #596e79;
	margin-left: 20px;
	margin-bottom: 20px;
	font-family:Jeju Gothic;
    background-color: #dfd3c3;
}

div#encycloWhole{
	padding:0px;
}

.encycloSpace td{
	border-left: 1.0pt solid rgba(48,48,48,0) !important;
	border-right: 1.0pt solid rgba(48,48,48,0) !important;
}

.encycloTable td{
	padding : 5px;
}

td.majorTitle {
	color:black;
	font-size:9.0pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	background:#626262;
	width :70px;
	min-width :80px;
}

td.minorTitle{
	width:30px;
	padding-left: 1px;
	padding-right: 1px;
	color:black;
	font-size:9.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid #F8F8F8;
	background:#999999;
}
td.minorSubTitle{
	padding-left: 1px;
	padding-right: 1px;
	color:black;
	font-size:9.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid #F8F8F8;
	background:#999999;
}
td.logo{
	width:30px;
	padding-left: 10px;
	padding-right: 10px;
	color:black;
	font-size:9.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid #F8F8F8;
	background:#ffffff;
}

td.contents {
color:#F8F8F8;
font-size:9.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;

text-align:left;
vertical-align:middle;
border:.5pt solid #F8F8F8;
background:#232222;
padding-left:10px !important;
}

td.center {
text-align:center;
}

/* commEncyclo -Walker*/
#commCycloTable td{
	font-size: 110%;
	padding-left:30px;
}
#commCycloTable th{
	font-size: 130%;
}

#commCycloTable{
	width:250px;
}
/*converter*/
.convertTitle{
	padding: 10px;
	display : inline;
}
#selecterContent input[type="text"]{
	height:200px;
}
.converter-selecter input[type="text"]{
	float:left;
	font-family: 'Jeju gothic';
	margin: 2px;
	border-radius:5px;
	height:30px;
    outline:none; 
    padding-left: 10px;
    padding-right: 10px;
    width : 170px;  
    border: solid 1px #adadad;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow:inset 0 0 5px 5px #E6E6E6;
    -webkit-box-shadow:inset 0 0 5px 5px #E6E6E6;
    box-shadow:inset 0 0 5px 5px #E6E6E6;
    clear: right;
	color : black;
}
.converter-selecter{
padding-top: 5px;
    border: 1px solid #596e79;
    margin-left: 0px;
    background-color: #dfd3c3;
}
.conSelectBox{
	width : 140px !important;
	margin-left :2px;
}
.arrowIcon{
	top:0px !important;
	padding : 0px !important;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 30px;
}

#convTable th{
	max-width: 80px;
}
#convTable td{
	
	width : 3%;
	text-align:center;
	padding-bottom : 5px;
	padding-top : 5px;
}
#convTable{
	margin : 10px;
	width : 97%;
}
#calc{
	margin : 10px;
	width : 100px;
	height : 30px;
	border-radius: 5px 5px 5px 5px;
	color : black;
	font-size: 10pt;
}
.convertContents{
	padding-top: 5px;
    border: 1px solid #596e79;
    background-color: #dfd3c3;

}
.convTab{
	
}
td label {
	color:black;
}

#usertype-popup-container{
	display: none;
    position: fixed;
	left: 0px; 
	top: 150px;
    margin-left: 50px;
	z-index: 1000; 
   	width: 300px;
}

#qnaPopupWrap{
	display: none; 
	float: left; 
	position: fixed; 
	left: 50px; 
	top: 150px;
	z-index: 1000; 
	width: 300px;
}

#qPopup{
	border: 11px solid #596e79; 
	height: 300px; 
	background-color: #ECF3FA;
}

#qPopupTitle{
	font-size: 20px; 
	text-align: center; 
	padding: 25px; 
	font-weight: bold; 
	margin-top: 15px;
}

#qPopupText{
	width: 221px; 
	margin: auto; 
	margin-top: 15px; 
	text-align: justify;
}

#qPopupBtnWrap{
	position: relative; 
	top: 55px; 
	text-align: center; 
	margin: 0 auto; 
	width: 130px;
}

.popupBtn{
	display:block;
	background-color: #f27724; 
	color: white; 
	padding: 5px; 
	border-radius: 7px; 
	font-weight: bold; 
	font-size: 14px; 
	height: 33px; 
	cursor: pointer;	
}	

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.blink {
    animation: blink 0.7s ease-in-out infinite alternate;
}

#notice-cont-table tr td p {
	color:white;
}

