/***********************************************
TABLE-LIST-TYPE-A#
************************************************/
table.list_type_a { border-top:1px solid #30353a;font-size:14px;width:100%;}

table.list_type_a thead th { border-bottom:1px solid #30353a}
table.list_type_a th {border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	background:#f6f6f6;
	font-weight:400;
	padding:7px 0;
	line-height:22px;
	}
table.list_type_a th.th_color {background:#fbfbfb;font-weight:normal;}
table.list_type_a td {
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:7px 0;
	text-align:center;
	height:22px;
	}
table.list_type_a td.detail_content_td_conText {
	text-align:left;
	padding: 7px 5px 6px 5px;
}
	/* line-height:1px; */

table.list_type_a th.line {
	border-right:1px solid #d7d7d7;
	}

table.list_type_a td.no {
	border-right:none;
	}

table.list_type_a th.no {
	border-right:none;
	}

table.list_type_a td .form {
	vertical-align:middle;
	border:1px solid #979797;
	height:15px;
	padding:3px 4px 0 4px;
	}
table.list_type_a td.txt_left {text-align:left!important;padding-left:10px;}
table.list_type_a tr .first {border-left:none;}
table.list_type_a tr.txt_lett th {letter-spacing:-1px;}
/***********************************************


TABLE-LIST-TYPE-g#
************************************************/
table.list_type_g {border-top:2px solid #6188da;color:#676b73;font-size:12px;margin-bottom:5px;width:100%;
	/*border-right:1px solid #d7d7d7;*/}

table.list_type_g th {border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	background:#f6f6f6;
	font-weight:bold;
	padding:7px 0 6px;
	line-height:16px;
	}
table.list_type_g th.th_color {background:#fbfbfb;font-weight:normal;}
table.list_type_g td {
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:7px 0 6px;
	line-height:16px;
	text-align:center;
	}

table.list_type_g th.line {
	border-right:1px solid #d7d7d7;
	}

table.list_type_g td.no {
	border-right:none;
	}

table.list_type_g th.no {
	border-right:none;
	}

table.list_type_g td .form {
	vertical-align:middle;
	border:1px solid #979797;
	height:15px;
	padding:3px 4px 0 4px;
	}
table.list_type_g td.txt_left {text-align:left!important;padding-left:10px;}
table.list_type_g tr .first {border-left:none;}
table.list_type_g tr.txt_lett th {letter-spacing:-1px;}
/***********************************************


TABLE-LIST-TYPE-t#
************************************************/
table.list_type_t {border-top:2px solid #6188da;color:#676b73;font-size:12px;font-family:dotum;margin-bottom:5px;width:100%;
	/*border-right:1px solid #d7d7d7;*/}

table.list_type_t th {border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	background:#f6f6f6;
	font-weight:bold;
	padding:7px 0 6px;
	line-height:16px;
	}
table.list_type_t th.th_color {background:#fbfbfb;font-weight:normal;}
table.list_type_t td {
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:7px 0 6px;
	line-height:16px;
	text-align:center;
	}

table.list_type_t th.line {
	border-right:1px solid #d7d7d7;
	}

table.list_type_t td.no {
	border-right:none;
	}

table.list_type_t th.no {
	border-right:none;
	}

table.list_type_t td .form {
	vertical-align:middle;
	border:1px solid #979797;
	height:15px;
	padding:3px 4px 0 4px;
	}
table.list_type_t td.txt_left {text-align:left!important;padding-left:10px;}
table.list_type_t tr .first {border-left:none;}
table.list_type_t tr.txt_lett th {letter-spacing:-1px;}
/***********************************************


TABLE-LIST-TYPE-q#
************************************************/
table.list_type_q {border-top:2px solid #6188da;color:#676b73;font-size:12px;margin-bottom:5px;width:100%;
	/*border-right:1px solid #d7d7d7;*/}

table.list_type_q th {border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	background:#f6f6f6;
	font-weight:bold;
	padding:7px 0 6px;
	line-height:16px;
	}
table.list_type_q th.th_color {background:#fbfbfb;font-weight:normal;}
table.list_type_q td {
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:7px 0 6px;
	line-height:16px;
	text-align:center;
	}

table.list_type_q th.line {
	border-right:1px solid #d7d7d7;
	}

table.list_type_q td.no {
	border-right:none;
	}

table.list_type_q th.no {
	border-right:none;
	}

table.list_type_q td .form {
	vertical-align:middle;
	border:1px solid #979797;
	height:15px;
	padding:3px 4px 0 4px;
	}
table.list_type_q td.txt_left {text-align:left!important;padding-left:10px;}
table.list_type_q tr .first {border-left:none;}
table.list_type_q tr.txt_lett th {letter-spacing:-1px;}
/***********************************************
BOX
************************************************/


div.box_type_a {background:#fbfbfb;
	margin-bottom:20px;width:100%;
	padding:10px 50px 0;
	position:relative;
	border:1px solid #e8e8e8
	}
div.box_type_a div.box_inner {background: url(../image/common/box_a_inner.gif) no-repeat bottom;padding:5px 10px 5px 15px;
	position:relative;
	left:0;
	top:0;
	margin:0 0;
	}
input.btn_inquiry {position:absolute;right:20px;bottom:20px;}
/*6*/* html input.btn_inquiry {bottom:30px;}


/***********************************************
DL-LIST-TYPE-A
************************************************/
dl.article_type_a {font:12px/normal dotum,"援대┝";}
dl.article_type_a dt {float:left;width:63px;padding:7px 0 3px;background: url(../image/icon/dot_a.gif) no-repeat 0 10px;padding-left:5px;clear:both;}
/*6*/* html dl.article_type_a dt  {width:60px;}
dl.article_type_a dd {width:570px;padding:4px 0;color:#000;margin:0 0;}
dl.article_type_a dd select {margin-top:-2px;}
dl.article_type_a dd.days span {padding-top:10px;height:14px;}
dl.article_type_a dd.days div.text_style1 {padding-left:28px;padding-top:10px;}
dl.article_type_a dd.days2 span {padding:0 7px 0 5px;}
dl.article_type_a dd.days2 div.text_style1 {padding-left:28px;padding-top:10px;}
dl.article_type_a dd.period {padding-top:6px;height:14px;}
dl.article_type_a dd.region {padding-top:6px;height:14px;}
dl.article_type_a dd.period label {padding:0 15px 0 3px;}
dl.article_type_a dd input.input_radio {margin-top:-2px;}
/*7*/*:first-child+html dl.article_type_a dd input.input_radio {margin-top:-1px;}
/*6*/* html dl.article_type_a dd input.input_radio {margin-top:-1px;}
dl.article_type_a dd.txt_type {padding-top:7px;height:14px;}

/***********************************************
DL-LIST-TYPE-B
************************************************/
dl.article_type_b {font:11px/normal dotum,"?룍?쓬";display:inline-block;}
dl.article_type_b dt {float:left;width:63px;padding:7px 0 3px;
	background: url(../image/icon/dot_a.gif) no-repeat 0 10px;
	padding-left:5px;
	margin:0 0;
	}
dl.article_type_b dd {float:left;width:150px;padding:4px 0;height:15px;color:#000;margin-left:0px;}
dl.article_type_b dd input {margin-top:-2px;}


/***********************************************
DL-LIST-TYPE-C
************************************************/
dl.article_type_c {font:12px/normal dotum,"援대┝";}
dl.article_type_c dt {float:left;width:83px;padding:7px 0 3px;background: url(../image/icon/dot_a.gif) no-repeat 0 10px;padding-left:5px;clear:both;}
/*6*/* html dl.article_type_c dt  {width:60px;}
dl.article_type_c dd {width:570px;padding:4px 0;color:#000;margin:0 0;}
dl.article_type_c dd select {margin-top:-2px;}
dl.article_type_c dd.days span {padding-top:10px;height:14px;}
dl.article_type_c dd.days div.text_style1 {padding-left:28px;padding-top:10px;}
dl.article_type_c dd.days2 span {padding:0 7px 0 5px;}
dl.article_type_c dd.days2 div.text_style1 {padding-left:28px;padding-top:10px;}
dl.article_type_c dd.period {padding-top:6px;height:14px;}
dl.article_type_c dd.region {padding-top:6px;height:14px;}
dl.article_type_c dd.period label {padding:0 15px 0 3px;}
dl.article_type_c dd input.input_radio {margin-top:-2px;}
/*7*/*:first-child+html dl.article_type_c dd input.input_radio {margin-top:-1px;}
/*6*/* html dl.article_type_c dd input.input_radio {margin-top:-1px;}
dl.article_type_c dd.txt_type {padding-top:7px;height:14px;}

/***********************************************
DL-LIST-TYPE-C
************************************************/
dl.suj_list_a {}
dl.suj_list_a dt {font-size:13px;font-weight:bold;color:#5d6ad6;background:url(../image/icon/dot_addition.gif) no-repeat left 3px;;padding-left:10px;}
dl.suj_list_a dd {margin:10px 0 20px;}


ul.item_list_a {}
ul.item_list_a li {padding-left:12px; text-indent:-13px;padding-bottom:20px;line-height:16px;}

ul.item_list_b {margin-top:5px;}
ul.item_list_b li {padding:0 0 0 12px; text-indent:-14px;line-height:16px;margin-bottom:4px;}


ul.item_list_c {}
ul.item_list_c li {padding-left:12px; text-indent:-13px;padding-bottom:4px;line-height:16px;}


/***********************************************
FROM
************************************************/
input.input_radio {width:18px;height:18px; vertical-align:middle}
input.input_txt_a {border:1px solid #e8e8e8;padding:2px 2px 2px 2px; font-size:14px; background:#fff}
input.hasDatepicker{ background: #f8fbfd url(../image/icon/calendar.png) no-repeat 95% 50% !important;}

textarea.input_txt_a {
	border:1px solid #90959b;
	color:#000000;
	line-height:16px;
	padding:2px 2px 2px 2px;
	font:12px/normal dotum,"援대┝";
	height:12px;
	text-align:left;
	height:100px;
	}


/***********************************************
ETC
************************************************/
.division { position:relative;}
.division:after { content:""; clear:both; display:block;}
.division select { height:32px;}
.division ul { float:left; width:100%; margin-top:10px;}
.division li { font-size:15px; padding-left:10px; position:relative;}
.division li:after { content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#515151}
div.btn_wrap_a {position:absolute;right:0;top:0;}
div.btn_wrap_right {text-align:right;margin-top:5px;}
div.graph_wrap {height:400px;background:#ccc;}
div#quick {left:730px;}

.btnPrint { display:inline-block; vertical-align:top; line-height:30px; color:#30353a; border:1px solid #8a8c8e; padding:0 10px 0 33px; height:32px; font-size:13px; background:url('../_images/common/ico_print.gif') no-repeat 10px 50%;}
.btnExcel { display:inline-block; vertical-align:top; line-height:30px; margin-left:2px; color:#30353a; border:1px solid #8a8c8e; padding:0 10px 0 34px; height:32px; font-size:13px; background:url('../_images/common/ico_excel.gif') no-repeat 10px 50%;}


fieldset {
margin:0 0;
padding:0 0;
}

fieldset.search {
	text-align:right;
	margin-bottom:7px;
	float:left;	
	}

fieldset.search select, 
fieldset.search input {
	vertical-align:top;
	margin-top:-1px;
	}

fieldset.search .img {
	vertical-align:middle;
	margin-top:-2px;
	cursor:pointer;
	}

.list_page select {
	vertical-align:middle;
	margin-top:-1px;
	}

.list_page span.text {
	vertical-align:middle;
	}

div.pasing {
	float:right;
	}
p.desc_a {
	background:url('../_images/common/icon_stit.gif') 0 9px no-repeat;
	padding-left:20px;
	font-size:15px;
	color:rgb(0, 112, 192);
	letter-spacing:-1px;
	float:left; 
	width:100%;
	line-height:32px;
	}

p.desc_a span {color:#676b73;font-weight:normal;}


fieldset.search1 {
	text-align:right;
	margin-bottom:7px;
	float:left;
	}
fieldset.search1 input,fieldset.search1 select {
	vertical-align:top;
	}
fieldset.search1 .img {
	vertical-align:middle;
	margin-top:-1px;
	cursor:pointer;
	}
/***********************************************
LOCATION 
************************************************/
ul.location {position:absolute;right:30px;top:32px;}
ul.location li {display:inline;background:url(../image/icon/arrow_a_left.gif) no-repeat right;padding-right:12px;margin-left:7px;font-size:11px;color:#959595;}
ul.location li.last {padding-right:0;background:none;}


/***********************************************
PAGING
************************************************/
.paging { position:relative; margin:20px 0 0; text-align:center; }
.paging ol {display:inline; margin-right:4px; }
.paging ol li {display:inline; padding:0 3px 0 7px; line-height:16px; border-left:1px solid #cbcbcb; }
.paging ol li.first {border-left:0;}
.paging ul {display:inline; margin-right:4px; }
.paging ul li {display:inline; padding:0 3px 0 7px; line-height:16px; border-left:1px solid #cbcbcb; }
.paging ul li.first {border-left:0;}
.paging a,
.paging strong { display:inline-block; vertical-align:top; width:35px; height:35px; font-size:14px; line-height:35px; text-align:center;}
.paging strong { color:#fff; border-radius:18px; background:#30353a}
.paging a:hover { text-decoration:underline}
.paging .first,
.paging .prev,
.paging .next,
.paging .last { width:25px; height:35px; line-height:35px; margin:0 2px; font-size:0; padding:0; text-indent:-9999px; background-image:url('../image/common/paging_nav.png'); background-repeat:no-repeat; background-size:100px 25px; opacity:.4}
.paging .first:hover,
.paging .prev:hover,
.paging .next:hover,
.paging .last:hover { opacity:1}
.paging .first { background-position:0 5px}
.paging .prev { background-position:-25px 5px}
.paging .next { background-position:-50px 5px}
.paging .last { background-position:-75px 5px}



/***********************************************
TAB 
************************************************/
.tab_type_a { border-bottom:1px solid #8a8c8e}
.tab_type_a:after { content:""; clear:both; display:block;}
.tab_type_a li { float:left; margin-left:2px; width:155px; margin-bottom:-1px}
.tab_type_a li:first-child { margin-left:0}
.tab_type_a li a { display:block; border:1px solid #8a8c8e; border-radius:5px 5px 0 0; text-align:center; line-height:34px; color:#595959; font-size:15px; transition: 0.5s;}
.tab_type_a li a.on,
.tab_type_a li a:hover,
.tab_type_a li a:focus { color:#fff; border-color:#30353a; background:#30353a}

.tab_type_b { }
.tab_type_b:after { content:""; clear:both; display:block;}
.tab_type_b li { float:left; margin-left:4px; width:calc(12.5% - 3.5px); }
.tab_type_b li:first-child { margin-left:0}
.tab_type_b li a { display:block; color:#225898; border:1px solid #225898; border-radius:5px; text-align:center; line-height:30px; font-size:14px; transition: 0.5s;}
.tab_type_b li a.on,
.tab_type_b li a:hover { color:#fff; background:#225898}
.tab_type_b li span { display:block; border:1px solid #8a8c8e; text-align:center; border-radius:5px; color:#8a8c8e; line-height:30px; font-size:14px;}



/***********************************************
SITEMAP 
************************************************/
ul.sitemap_list {margin:0 0 0 10px;padding:0 0;}
ul.sitemap_list>li {float:left;width:18.4%;margin:0 2% 40px 0;}
ul.sitemap_list>li:nth-child(5n) {margin-right:0;} 
ul.sitemap_list li h3 { background:#225898; font-weight:500; color:#fff; text-align:center; border-radius:5px; line-height:40px; font-size:16px;}
ul.sitemap_list .sitemap_item li { border-bottom:1px solid #e4e4e4; padding:7px 0 7px 18px;	background:url(../image/icon/dot_a.gif) no-repeat 10px 18px;}


/***********************************************
SITE
************************************************/
ul.relation:after { content:""; clear:both; display:block;}
ul.relation li { float:left; width:49%; margin-right:2%; padding:20px; border-bottom:1px solid #ddd;}
ul.relation li:nth-child(2n) {margin-right:0;}
ul.relation li .pic { float:left; width:130px; font-size:0}
ul.relation li .pic img { width:101px; height:116px}
ul.relation li .txt { float:left; width:calc(100% - 130px)}
ul.relation li strong { display:block; }
ul.relation li a { display:inline-block; line-height:1; padding-top:10px;}
ul.relation li a:hover {text-decoration:underline;color:#0d65a5;}


/***********************************************
MAIN
************************************************/

#main_container {padding:100px 0 0 40px;background:url(../image/_m/main_visual.jpg) no-repeat 690px 190px;display:inline-block;width:988px;}

div.main_item_a {float:left;margin-right:8px;}
div.main_item_a h2 {font-size:0;padding:0 0 7px 7px;}
div.main_item_a div.box_type_a {padding:12px 10px 10px 10px;background:url(../image/_m/main_item_bg.gif) no-repeat;width:288px;height:373px;overflow:hidden;}

div.main_item_a div.system_a {height:321px;overflow:hidden;}
div.main_item_a div.system_b {height:200px;overflow:hidden;}

div.main_item_a div.info_wrap {position:relative;padding:10px;background:url(../image/_m/info_bg.gif) no-repeat;height:102px;margin-top:20px;}
div.main_item_a div.info_wrap h2 {padding:5px 0 0;}
div.main_item_a div.info_wrap a.more {position:absolute;right:30px;top:15px;}

ul.main_m {margin-bottom:10px;display:inline-block;}
ul.main_m li {float:left;margin-right:5px;}

dl.down_m {position:relative;}
dl.down_m dt {border:0px solid red;width:81px;}
dl.down_m dd {border:1px solid #ccc;width:71px;overflow-y:scroll;padding:5px;background:#fff;height:105px;position:absolute; right:0; top:20px;display:none;}
dl.down_m dd ul li { line-height:18px;}

ul.info_main_list {margin-top:7px;width:245px;}
ul.info_main_list li {display:block;padding-top:5px;font-size:11px;position:relative;}
ul.info_main_list li span {position:absolute; right:0; top:5px;}

/* TABLE >>  LIST_TYPE_S*/
table.list_type_s {  color:#666; width:580px;}
table.list_type_s th {border:1px solid #ccc;  background-color:#dddfe5; padding:3px 0 3px 11px; }
/* table.list_type_s td { border:1px solid #ccc;  background-color:#fff; text-align:center; padding:7px 0; } */
table.list_type_s td { border:1px solid #ccc;  background-color:#fff; text-align:center; padding:3px 0 3px 11px; }

/* 토양수분분포도 관련 */
div.searchMap { background-color:#F5F5F5; margin-top:3px; margin-left: 4px; margin-right: 4px; border:1px solid #bebebe; padding: 4px; font:12px '굴림';}
div.searchMap input.serch_button { vertical-align:middle; margin-top:-2px; border:0; padding:0; }
div.searchMap select { width:120px; margin-bottom : 1px; height: 19px; }
div.searchMap #sub_tab_2 { margin-left: 54px;}
div.searchMap #sub_tab_3 { margin-left: 3px;}
div.searchMap #sub_tab_5 { margin-left: 20px;}
div.searchMap span#searchDate input{ height: 19px;}

div.searchMap #sub_tab_6 { margin-left: 40px;}

/***********************************************
Button Reset
************************************************/
.searchMap span.button,
.searchMap span.button a,
.searchMap span.button button,
.searchMap span.button input { position:relative; display:inline-block; text-decoration:none !important; border:0; font-size:11px; background:url(../image/btn/buttonWhite.gif) no-repeat; overflow:visible; color:#666;}
.searchMap span.button { height:23px; vertical-align:middle; margin-right:2px; background-position:left top;}
.searchMap span.button a,
.searchMap span.button button,
.searchMap span.button input{ left:2px; vertical-align:top; cursor:pointer;}

/***********************************************
Button Size
************************************************/
.searchMap span.button.large { height:29px; background-position:left -30px; }
.searchMap span.button.xLarge { height:35px; background-position:left -65px; }
.searchMap span.button.small { height:18px; background-position:left -107px; }
.searchMap span.button a,
.searchMap span.button button,
.searchMap span.button input { height:23px; padding:0 10px 3px 8px; font-size:12px; line-height:20px; background-position:right top;}  
.searchMap span.button.large a,
.searchMap span.button.large button,
.searchMap span.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.searchMap span.button.xLarge a,
.searchMap span.button.xLarge button,
.searchMap span.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.searchMap span.button.small a,
.searchMap span.button.small button,
.searchMap span.button.small input { height:18px; padding:1px 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/***********************************************
Button Text Color
************************************************/
.searchMap span.button.blue,
.searchMap span.button.blue a,
.searchMap span.button.blue button,
.searchMap span.button.blue input { background-image:url(../image/btn/buttonBlue.gif); color:#fff !important;}
.searchMap span.button.blue *:hover,
.searchMap span.button.blue *:active,
.searchMap span.button.blue *:focus{ color:#ff0;}

.sel_danger span.button,
.sel_danger span.button input {
	position: relative;
    display: inline-block;
    text-decoration: none !important;
    border: 0;
    font-size: 11px;
    background: url(../image/btn/buttonWhite.gif) no-repeat;
    overflow: visible;
    color: #666;
}

.sel_danger span.button {
	height: 23px;
    vertical-align: middle;
    margin-right: 2px;
    background-position: left top;
    margin-left:95px;
}

.sel_danger span.button input {
	left: 2px;
    vertical-align: top;
    cursor: pointer;
}

.sel_danger span.button input {
	height: 23px;
    padding: 0 10px 3px 8px;
    font-size: 12px;
    line-height: 20px;
    background-position: right top;
}

.sel_danger span.button.blue,
.sel_danger span.button.blue input {
	background-image: url(../image/btn/buttonBlue.gif);
    color: #fff !important;
}

/* Open API 멀티 셀렉트 */
.btn_area02{position:absolute; top:438px; left:691px; _left:341px;}
/* Open API 멀티 셀렉트 */
.btn_area03{position:absolute; top:410px; left:691px; _left:341px;}
/* Open API 멀티 셀렉트 */
.btn_area04{position:absolute; top:618px; left:691px; _left:341px;}
/* Open API 멀티 셀렉트 */
.btn_area05{position:absolute; top:327px; left:691px; _left:341px;}
/* Open API 멀티 셀렉트 */
.btn_area06{position:absolute; top:539px; left:691px; _left:341px;}



/* SMS 수신신청 멀티 셀렉트 */
.btn_area07{position:absolute; top:487px; left:655px; _left:341px;}

/* rmate chart 스타일 조정 */
div.rMateH5__Root {display:inline-block;}


/* 게시판 버튼 */
.btnArea {margin: 40px 0 25px; overflow:hidden;}
.btnArea .btn {display:inline-block;min-width:100px;height:36px;line-height:34px;margin:2px;padding:0 20px;text-align:center;vertical-align:middle; font-size:15px; cursor: pointer; white-space: nowrap;transition: 0.5s;}
.btnArea.sm {margin: 20px 0 12px;}
.btnArea.sm .btn {min-width:auto;height:32px;line-height:30px; font-size:13px;}
.btnArea .btn.c1{background-color:#30353a;border:1px solid #30353a;font-weight:400;color:#fff}
.btnArea .btn.c1:hover {border:1px solid #30353a;background-color:#fff;font-weight:500;color:#30353a;}
.btnArea .btn.c2{background-color:#157941;border:1px solid #157941;font-weight:400;color:#fff}
.btnArea .btn.c2:hover {border:1px solid #157941;background-color:#fff;font-weight:500;color:#157941;}
.btnArea .btn.c3{background-color:#225898;border:1px solid #225898;font-weight:400;color:#fff}
.btnArea .btn.c3:hover {border:1px solid #225898;background-color:#fff;font-weight:500;color:#225898;}
.btnArea .btn.c4{background-color:#767676;border:1px solid #767676;font-weight:400;color:#fff}
.btnArea .btn.c4:hover {border:1px solid #767676;background-color:#fff;font-weight:500;color:#767676;}
.btnArea .btn.c5{background-color:#183e72;border:1px solid #183e72;font-weight:400;color:#fff}
.btnArea .btn.c5:hover {border:1px solid #183e72;background-color:#fff;font-weight:500;color:#183e72;}
.btnArea .btn.c6{background-color:#3f51b5;border:1px solid #3f51b5;font-weight:400;color:#fff}
.btnArea .btn.c6:hover {border:1px solid #3f51b5;background-color:#fff;font-weight:500;color:#3f51b5;}
.btnArea .btn.c7{background-color:#ca4c07;border:1px solid #ca4c07;font-weight:400;color:#fff}
.btnArea .btn.c7:hover {border:1px solid #ca4c07;background-color:#fff;font-weight:500;color:#ca4c07;}
.btnArea .btn.c8{background-color:#535353;border:1px solid #535353;font-weight:400;color:#fff}
.btnArea .btn.c8:hover {border:1px solid #535353;background-color:#fff;font-weight:500;color:#535353;}
.btnArea .btn.c9{border:1px solid #fff;font-weight:500;color:#fff}
.btnArea .btn.line{border:1px solid #767676;background-color:#fff;color:#767676}
.btnArea .btn.line.c1{border-color:#30353a;color:#30353a}
.btnArea .btn.line.c2{border-color:#157941;color:#157941}
.btnArea .btn.line.c3{border-color:#ca4c07;color:#ca4c07}
.btnArea .btn.line.c4{border-color:#225898;color:#225898}
.btnArea .btn.line:hover {background-color: #f7faff;}

.btn i.icon {display: inline-block;margin-left: 8px;}
.btn i.icon.down {width: 9px; height: 10px; background-image: url('http://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_down.png');background-repeat: no-repeat;}
.btn i.icon.downL {width: 19px; height: 15px; background-image: url('http://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/icon_down.png');background-repeat: no-repeat;background-position: 0 -15px;}
.btn:hover i.icon.down {background-position: 0 -10px;}
.btn:hover i.icon.downL {background-position: 0 0;}