@charset "UTF-8"; 

/* 공통적용사항 */

html, body {margin:0; padding:0; }
legend, .hd-element {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
a { color:#3b3b3b; }
a:hover { color:#787878; text-decoration:none; }
ul { padding:0; margin:0; overflow:hidden; }
ul, li { list-style:none;}
/*.invisible { display:none; }*/
#wrapper { min-height:100%; }

.left-section { float:left; }
.right-section { float:right; }
.right-section a {display:block;}
.bold{font-weight:bold;}
.marginauto {margin:auto}

/*패딩값조절*/
.marginr25 {margin-right:25px;}


/*초점*/
.lhompage a:focus {outline: 2px solid red; outline-offset: -2px;}
.panel-heading .float_r > a:focus {outline: 2px solid red; outline-offset: -2px;}
.panel-default h4.panel-title a{display: inline-block; padding: 0 6px;}


/* 게시판 영역 */
article #boardWrap { width:100%; }
article #boardWrap .form-control {border-radius:0; box-shadow:inset 0 0px 0px rgba(0,0,0,.075);}
article #boardWrap .table { border-collapse:collapse; border-top:2px solid #d6d6d6; border-bottom:1px solid #d6d6d6; width:100%; }
article #boardWrap #search { overflow:hidden; margin:15px 0 15px 0px; }
article #boardWrap #search ul { overflow:hidden; }
article #boardWrap #search li { float:left; padding-left:5px; }
article #boardWrap .table th { text-align:center; border-bottom:1px solid #d6d6d6;}
/* article #boardWrap .table td { text-align:center; } */
article #boardWrap .table .title { text-align:left;}
article #boardWrap .table .title_view { text-align:left;background:#f7f7f7;}
article #boardWrap .table .title_view_s { text-align:left;background:#fbfbfb;}
article #boardWrap .table .re a { color:#52a644; font-weight:bold; }
article #boardWrap .table .t_body { overflow:hidden; width:100%; margin:8px auto; }
article #boardWrap .table .left { text-align:left; }
article #boardWrap .table .bfl {background:#f7f7f7; color:#444;}
.form-group h2{font-size:1.1em; font-weight:bold; letter-spacing:-0.01em;}
.form-group .fs12 {font-size:1.1em;}
/*글쓰기*/
article #boardWrap .table_wr { border-collapse:collapse; border-bottom:1px solid #d6d6d6; 
border-top:2px solid #d6d6d6; width:100%; margin-bottom:10px;}
article #boardWrap .table_wr th { text-align:center; background:#f7f7f7;border-bottom:1px solid #eae9e9; }
article #boardWrap .table_wr td { /*text-align:center; */padding:5px; border-bottom:1px solid #eae9e9; }
article #boardWrap .table_wr td.text-left {text-align:left;}
article #boardWrap .table_wr .t_body { overflow:hidden; width:95%; margin:8px auto; }
article #boardWrap .table_wr .left { text-align:left; }
article #boardWrap .table_wr .file_update {background:#fff;  height:30px;}
article #boardWrap .paging { overflow:hidden; text-align:center; border:1px solid #ffffff; }
article #boardWrap #btn { text-align:right; padding-right:15px; padding-bottom:10px; }
article #boardWrap #btn .btn{border-radius:0;}
.btn-delete{background:#177cc5;color:#fff;float:right;margin-bottom:15px;}
article #boardWrap #btn .button {background:#177cc5; padding:8px 12px; color:#fff;}
article #boardWrap .btn{border-radius:0;}
article #boardWrap .btn_vertical{border-radius:0; vertical-align: middle;}
article #boardWrap .edu_st {background:#3db7cc; text-align:center; font-weight:bold; color:#fff;}
article #boardWrap .edu_on {background:#b53c00; text-align:center; font-weight:bold; color:#fff;}
article #boardWrap .edu_stop {background:#52a644; text-align:center; font-weight:bold; color:#fff;}

/* skip-nav */
#skipnavigation {position:absolute; left:0; top:0; width:100%; z-index:9999}
#skipnavigation a {overflow:hidden; display:block; height:1px; margin-bottom:-1px; color:#fff; font-size:16px; text-decoration:none;}
#skipnavigation a:active, #skipnavigation a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:rgba(0, 0, 0, 0.8); font-size:16px; text-align:center; font-weight:500;}

/* 교육프로그램 신청 다운로드 버튼 */
.btnArea {text-align:right;margin-top: -65px;margin-bottom:10px;}
.btnDownload, a.btnDownload {display:inline-block;background-color:#fff; color:#444; padding:6px 13px;font-size: 15px;border:1px solid #d0d0d0;border-radius:3px;}
a.btnDownload:hover, a.btnDownload:active, a.btnDownload:focus {border-color:#0b717b; transition: border-color 0.2s linear;}
.btnDownload [class^="icon"] {display:inline-block;margin-right:12px;width:30px;height:30px;vertical-align:middle;}
.iconDownLoad_hwp {background:url("../images/icon_hwp.png") no-repeat center top; background-size:100%;}
.iconDownLoad_link {background:url("../images/icon_link.png") no-repeat center top; background-size:100%;}

/* 농업기술 */
.edu_tbl tr>th:nth-child(2), .edu_tbl tr>td:nth-child(2) {width:20%;}
.edu_tbl tr>th:nth-child(3), .edu_tbl tr>td:nth-child(3) {width:30%;}
.edu_tbl tr>th:nth-child(4), .edu_tbl tr>td:nth-child(4) {width:10%;}

.masklayer {display:none; position:fixed; z-index:99999; top:0; right:0; bottom:0; left:0; padding:0 10px; overflow:auto; background:url(../images/del/bg-mask-layer.png);}
.masklayer .holder {position:relative; margin:0 auto; padding:35px 30px; border:5px solid #0f83d5; max-width:690px; background:#fff;}
.masklayer .holder button.close {position:absolute; top:13px; right:13px; height:21px; background:url(../images/del/btn-layer-close.gif) no-repeat;}
.masklayer ul.contents-info-list li {margin-bottom:0 !important;}
.masklayer .wrp-input-password {margin-top:18px; padding:35px 15px; background:#f5f5f5;}
.masklayer .wrp-input-password p {font-size:1.143em; font-family:'Noto Sans Korean Medium'; text-align:center;}
.masklayer .wrp-input {position:relative; margin:27px auto 0 auto; padding-right:140px; padding-left:70px; max-width:180px; background:#f5f5f5;}
.masklayer .wrp-input label {position:absolute; top:50%; margin-top:-12px; left:0;}
.masklayer .wrp-input .inbox {width:250px;}
.hd-element {background:#222; color:#fff;}

/* visual */
#alert {position:absolute; z-index:38; top:0; right:0; left:0; background:url(../images/00main/bg-main-visual-mask.png) repeat;}
#alert h4 {position:absolute; top:0; left:0; padding:0 25px 0 7px; font-size:1.0em; background:url(../images/00main/ico-main-bell.png) right center no-repeat; color:#ffd603;}
#alert ul {position:relative; padding:0 10px 0 135px; height:39px; overflow:hidden;}
#alert ul li {/*position:absolute;*/ top:39px; left:135px; right:10px;}
#alert ul li.on {top:0;}
#alert ul li {display:block; width:100%; height:39px; overflow:hidden; line-height:38px; text-overflow:ellipsis; white-space:nowrap; color:#fff;}


/* 배너 영역지정 */
@media (min-width: 1200px){ .container article #sSlider { width:1080px; } }
@media (min-width:992px) and (max-width:1199px){ .container article #sSlider { width:685px; } }
@media (min-width:768px) and (max-width:991px){ .container article #sSlider { width:510px; } }
@media (max-width: 767px){ .container article #sSlider { width:200px; } }

/* PC 1200px 이상 */
@media (min-width: 1200px) {

.input-text { border:1px solid #d7d7d7; height:23px; width:100px; }
.input-submit { font-size:0.9em; padding:3px 10px; border:0; background-color:#504e4f; color:#ffffff; }

header { border-bottom:2px solid #1a3254; }
header #hd_arti { background-color:#fafafa; border-bottom:1px solid #e3e3e3; padding:10px 0; }
header #hd_arti #topnav { width:1200px; margin:0 auto; overflow:hidden; }
header #hd_arti #topnav #topmenu { }
header #hd_arti #topnav #topmenu ul { }
header #hd_arti #topnav #topmenu li { float:left;}

header #mainlogo {width:100%;  margin:5px 0; clear:both; height:60px;}
header #mainlogo_wrap {width:1200px; margin:0 auto; height:60px;}
header #mainlogo_r_wrap {width:717px ; float:right;}
header #mainlogo_r_wrap h1 {width: 231px; height:41px; float:left; }
header #mainlogo_r_wrap #gov_box {width: 290px; margin-top:10px; height:50px; float:right;}
header #mainlogo_r_wrap #gov_box ul {width:100%; }
header #mainlogo_r_wrap #gov_box ul li {float:right; padding:0 1px}
header #mainlogo_r_wrap #gov_box ul li.gov3_icon {padding-right:14px}

header #gnb { width:1200px; margin:0 auto;}
header #gnb ul { padding:0; }
header #gnb li { padding:0; }
header #gnb li a { display:block; }
header #all_menu{display:none;}

#lnb {float:left; padding-bottom:20px; width:17.5%; margin-top:10px;}
#lnb h2 {padding:8px 0; border-bottom:2px solid #52a644; text-align:center; font-size:1.85em; letter-spacing:-.6px; color:#52a644;}
#lnb h2 span {display:block; margin-top:6px; font-size:0.429em; letter-spacing:0.02em;}
#lnb > ul {margin-top:20px; font-size:1.143em;}
#lnb > ul a {display:block; position:relative; padding:0.4em 0.9em; color:#333;}
#lnb > ul a span {position:absolute; top:50%; right:15px; margin-top:-5px; font-size:6px; color:#aaa;}
#lnb > ul > li > a {border-bottom:1px solid #e5e5e5;}
#lnb > ul > li > a:hover, #lnb > ul > li > a.hover {background:#f5f5f5;}
#lnb > ul > li > a:active, #lnb > ul > li > a.active {border-bottom:1px solid #52a644; background:#52a644; color:#fff;}
#lnb > ul > li > a:active span, #lnb > ul > li > a.active span {font-size:6px; color:#fff;}
#lnb > ul > li ul {display:none;}
#lnb > ul > li > ul {border-width:0 1px 1px 1px; border-style:solid; border-color:#e0e0e0;}
#lnb > ul > li > ul a {background:#f5f5f5; color:#999;}
#lnb > ul > li > ul a:hover, #lnb > ul > li > ul a.hover {background:#fff;}
#lnb > ul > li > ul a:active, #lnb > ul > li > ul a.active,
#lnb > ul > li > ul a:active span, #lnb > ul > li > ul  a.active span {color:#333;}
/*#lnb > ul > li > ul > li > a {padding-left:1.35em;}*/
#lnb > ul > li > ul > li > a {padding-left: 1.8em;font-size: 1.5rem;color: #333}
#lnb > ul > li > ul > li > a.active {color: #52a644 !important;}
#lnb > ul > li > ul > li > a:before{content: '';display: block;position: absolute;top: 17px;left: 14px;width: 6px;height: 2px; background-color: #52a644;}
#lnb > ul > li > ul > li > a:hover{font-weight: 700;background: #f5f5f5;}
#lnb > ul > li > ul > li > ul > li > a {padding-left:2.025em;}
#lnb > ul > li > ul > li > ul > li > ul > li > a {padding-left:2.925em;}
#lnb > ul > li > ul > li > ul > li > ul > li > ul > li > a {padding-left:3.625em;}

#content {position:relative; float:right; padding-bottom:20px; width:77.5%;}
#content:after {content:" "; display:block; clear:both;}
#content header {position:relative; margin-bottom:20px; border-bottom:1px solid #ccc; letter-spacing:-.6px; color:#333;}
#content header .scrum {position:absolute; right:0; top:20px;font-weight:600;}
#content header .scrum span {display:inline-block; margin:0 4px 0 5px; width:5px; height:9px; background:url(../images/icon/ico-arrow.jpg) no-repeat;}
#content header h3 {padding:8px 0px 0 0; font-size:2.4em; line-height:1.2; height:25px;}
#content header ul {position:absolute; top:40px; right:0;}
#content header ul li {float:left; margin-left:4px;}
#content header ul li.opinions {margin:0 5px 0 0;}
#content header ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
#content header ul li.opinions a {position:relative; width:208px; height:28px; border:1px solid #ccc; background:#fff; text-align:left; font-size:0.929em; line-height:27px;}
#content header ul li.opinions a:hover {background:#0f83d5; border-color:#0f83d5;}
#content header ul li.opinions a:hover span {color:#fff;}
#content header ul li.opinions a:hover span.mif-mail {color:#fed503;}
#content header ul li.opinions a:after {content:" "; position:absolute; top:50%; right:11px; margin-top:-2px; width:0; height:0; border-style:solid; border-width:2.5px 0 2.5px 3px; border-color:transparent transparent transparent #7f7f7f;}
#content header ul li.opinions a:hover:after {border-color:transparent transparent transparent #fff;} 
#content header ul span {color:#fff;}
#content header ul span.mif-share, #content header ul span.mif-cross {font-size:1.1em;}
#content header ul span.mif-printer {font-size:1.3em;}
#content header ul li.opinions span {color:#7f7f7f;}
#content header ul li.opinions span.mif-mail {position:relative; top:-1px; margin:0 3px 0 7px; font-size:1.3em;}
#content header ul dl {position:relative; height:30px; overflow:hidden;}
#content header ul dl.show {height:90px; overflow:visible;}
#content header ul dd {position:absolute; top:34px;}
#content header ul dd.sns1 {left:-34px;}
#content header ul dd.sns2 {left:0;}
#content header ul dd.sns3 {left:34px;}
#content header ul dd.sns2 a {background-position:-30px 0;}
#content header ul dd.sns3 a {background-position:-60px 0;} 
#content img {max-width:100%;}

.container article { margin:0px auto; overflow:hidden;}
.container article section { float:left;}

.container article #visual_wrap { position:relative; overflow:hidden; width:855px; }
.container article #visual_wrap #allim { width:100%; background-color:#364757; color:#ffffff; }
.container article #visual_wrap #allim span { margin-left:10px; }

.img-responsive2{margin:0px auto;display:block;width:80%;}

/*전체메뉴보기*/
.sitemap {width:1200px; margin:0px auto;overflow:hidden;}
.sitemap article section { float:left; }
.sitemap article #menu_content { position:relative; overflow:hidden; }
.list-group-item {width:171px; border:1px solid #fff; background:#fafafa;}

/*알림판*/
.container article #small_allim { float:right; overflow:hidden; }
.container article #small_allim .sallim { overflow:hidden; width:330px; margin:0;}
.container article #small_allim .sallim_top {background:#177cc5; width:330px; height:45px; margin:0; margin-bottom:8px;}
.container article #small_allim .sallim_top  div ul li{float:left; overflow:hidden; }
.container article #small_allim .sallim_top .ftxt {margin: 7px 0px 0px 15px; overflow:hidden; color:#fff; font-weight:bold; font-size:1.3em;}
.container article #small_allim .sallim_top .ftxt .s_num {margin:2px 8px 0px 15px; font-size:1.0em;}
.container article #small_allim .sallim_top .fbtn {float:right;}
.container article #small_allim .sallim_top .fbtn .s_btn { width:47px; height:45px; padding:11px 15px; border-left:1px solid #67aad9;}
.container article #small_allim .sallim_top .fbtn #startCycle {display:none;}
.container article #small_allim .sallim_list .ltxt {border-bottom:1px solid #e3e3e3; padding:5px;}
.container article #small_allim .sallim_list .lend {text-align:center;}
.container article #small_allim .sallim_list .sallim_alllist{border:1px solid #e3e3e3;width:330px;height:215px;display:none;overflow-y:scroll;}
.container article #small_allim .sallim_list .lhompage{border:1px solid #e3e3e3; width:330px;overflow: hidden;}
.container article #small_allim .sallim_list .lhompage a {display:block;}
.container article #small_allim .sallim_list .lhompage img {display:block; margin:0 auto;}

#main-layer { position:absolute;  z-index:9999999; overflow:hidden; margin-left:15%}		
#main-layer .main-layer-area { position:relative; background-color:#fff; width:100%;margin:0 }	
#main-layer .close_layer {margin:0; background:#222; color:#fff; text-align:right; padding:3px 20px 5px 0px;}
#main-layer .close_layer a {color:#fff;}

/*@media (min-width:625px){
#main-layer .main-layer-area {width:625px}
}*/

/*공지사항*/
.container article #notice {position:relative; width:540px; margin:25px 0px 10px 0px;float:left;}
.container article #notice .noticetab{width:540px;}
.container article #notice .noticetab ul li 
{width:125px; height:45px;   border:1px solid #d5d5d5; border-left:0; 
overflow:hidden; margin:0; text-align:center;
float:left; background-color:#f4f5f6; font-weight:bold; font-size:1.2em;padding-top:8px;}
.container article #notice .noticetab .active { background-color:#177bc6; }
.container article #notice .noticetab .active a { color:#fff; }
.container article #notice ul li a{color:#535150;}
.container article #notice .noticetab .nfirst{border-left:1px solid #d5d5d5; border-radius: 15px 0 0 0;}
.container article #notice span { float:right; margin-right:7px; }
.container article #notice a { color:#ffffff; }
.container article #notice li { padding:9px 7px; border-bottom:1px solid #d4d4d4; }
.container article #notice li a { color:#4e4c4d; }
.container article #notice li span { color:#8f8f8f; }

.btn_more {display:inline-block;position:absolute;right: 0;top:0;width: 45px;height: 45px;border:1px solid #d5d5d5; background:#f4f5f6;}
.btn_more:before {content:'';position:absolute;left:50%;top:50%;margin-top: -6px;margin-left: -6px;width:14px;height:14px;background:url(../images/00main/icon_more.png) 0 0 no-repeat;}
  
/*교육.체험프로그램*/
.container article #edu {width:625px; float:right; margin:25px 0px 10px 0px;}
.container article #edu h1 { background-color:#e14753; height:45px; color:#ffffff; font-weight:bold; font-size:1.2em; 
overflow:hidden; margin:0; padding:10px 0 0px 20px; }
.container article #edu span { float:right; margin-right:15px; }
.container article #edu a { color:#ffffff; }
.container article #edu li { padding:13px 7px; border-bottom:1px solid #d4d4d4; }
.container article #edu li a { color:#4e4c4d; }
.container article #edu li span { color:#8f8f8f; }
.edutop ul li{float:left;}
.container article #edu .intbl { font-size:1.05em; width:100%; border:1px solid #e7e7e7; border-collapse:collapse; }
.container article #edu .intbl th {background:#f3f3f3; padding:12px 8px 12px 15px; vertical-align:middle; border:1px solid #e7e7e7;}
.container article #edu .intbl .groupL{background:#fcfcfc; }
.container article #edu .intbl td {padding:12px 8px 13px 15px; border:1px solid #e7e7e7;}
.container article #edu .intbl td a {color:#4e4c4d;
width: 280px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;}
.container article #edu .intbl .edu_on {background:#b53c00; text-align:center; font-weight:bold; color:#fff;}
.container article #edu .intbl .edu_stop {background:#1a710b; text-align:center; font-weight:bold; color:#fff;}
.container article #edu .intbl .edu_st {background:#115ab7; text-align:center; font-weight:bold; color:#fff;}

.container article #short { float:right; margin-left:25px; }
.container article #short ul { overflow:hidden; }
.container article #short .first { margin:0; }
.container article #short li { float:left; margin-left:10px; background-color:#f0eeef; border:1px solid #d3d3d3; width:205px; height:180px; }
.container article #short li a { display:block; }
.container article #short li a:hover { text-decoration:none; }
.container article #short dl { margin:10px 10px; overflow:hidden; height:90px; }
.container article #short dt { color:#535152; font-size:1.1em; }
.container article #short dd { color:#6e6e6e; font-size:0.9em; }
.container article #short .img { text-align:right; margin-right:10px; }

/*바로가기아이콘*/
.container article #service_menu { }
.container article #service_menu ul { overflow:hidden; }
.container article #service_menu li 
{ float:left; overflow:hidden; width:100px; margin-top:20px;height:110px; border:1px solid #d3d3d3; border-left:0;}
.container article #service_menu .first {border-left:1px solid #d3d3d3;}
.container article #service_menu li a { color:#545353; }
.container article #service_menu li dl { margin:10px 6px; }
.container article #service_menu li dd { font-size:1.03em; text-align:center; line-height:1.2em; font-weight:bold; padding-top:8px; letter-spacing:-0.08em;}
.container article #service_menu li dd.fontS {font-size:0.95em; line-height: 1.35em;}
.container article #service_menu li dt { overflow:hidden; }
.container article #service_menu li .icon { width:50px; margin:0 auto; padding-top:5px;}

/*갤러리*/
.container article #gallery { width:100%;overflow:hidden; margin-top:15px;}
.col-sm-6 {padding-left:0; padding-right:0;}
.col-sm-6 img{height:230px;}
.caption h3{font-size:1.1em;}
.thm_center{padding:0px 4px;}
.thm_center2{padding:0px 0px 0px 7px;}
.thm_center3{padding:0px 7px 0px 0px;}

/*메인사이트맵*/
.container article #sitemap_main {width:100%; border:1px solid #e7e7e7;}
.container article #sitemap_main .stm {width:199px; height:325px;float:left; border-right:1px solid #e7e7e7; color:#565657;}
.container article #sitemap_main .last {width:203px;border-right:0;}
.container article #sitemap_main .stm h3{background:#f4f5f6; padding:10px 0px 10px 15px;margin:0; font-size:1.1em; font-weight:bold;}
.container article #sitemap_main .stm ul{padding:8px 0px 8px 15px;margin:0; font-size:1.0em;}
.container article #sitemap_main .stm ul li{margin:0; font-size:1.0em; line-height:2.0em;}

.container article #banner {overflow:hidden; width:1200px; margin:15px auto;}
.container article #banner .bannerwrap ul li {width:200px; text-align:center; border:1px solid #e0e0e0; float:left;}
.container article #banner .bannerwrap ul .last{}


footer {}
footer #copyright_top { border-top:1px solid #e1e1e1; height:40px; padding-top:7px;}
footer #copyright_top #footer_top {width:1200px; margin:0 auto;}
footer #copyright_top #footer_top #rule{float:left;}
footer #rule ul { overflow:hidden; }
footer #rule li { float:left; }
footer #rule li span { padding:0 9px; color:#dadad8; }
#fsite{float:right;}
#fsite .default{padding:2px 12px; background:#959595; color:#fff;}
footer #copyright { border-top:1px solid #b0b0b0; background-color:#fdfdfd; padding:20px 0 130px 0; }
footer #copyright #footer { width:1200px; margin:0 auto; }
footer #copyright #footer #flogo { float:left; padding-top:7px;}
footer #copyright #footer #copy { float:left; margin-left:34px; font-size:14px; line-height:2.0em; }
footer #copyright #footer #copy span { color:#527da7; }
footer p{padding:0; margin:0 0 5px 0}

}
footer .tel_atc h4{font-size:17px; margin-top:0; margin-bottom:5px; font-weight:bold;}
footer .tel_atc {    font-size:16px;
    font-weight: bold;
    letter-spacing: -0.03em;
    background-color: #f5f5f5;
    padding: 10px 15px;
    border: 1px solid #c8c8c8;
    display: block;
    width:100%;
}


/* 태블릿 버전 */
@media (min-width:768px) and (max-width:1199px) {


header { border-bottom:2px solid #1a3254;}
header #hd_arti { background-color:#fafafa; border-bottom:1px solid #e3e3e3; padding:10px 0; }
header #hd_arti #topnav { width:85%; margin:0 auto; overflow:hidden; }
header #hd_arti #topnav #topmenu { }
header #hd_arti #topnav #topmenu ul { }
header #hd_arti #topnav #topmenu li { float:left; }
header #hd_arti #topnav #topmenu #btn-type01 { background-color:#52a644; padding:5px 10px; color:#ffffff; }
header #hd_arti #topnav #topmenu #btn-type02 { background-color:#eb2839; padding:5px 10px; color:#ffffff; }
.sec_last {float:right;}

.sec_lasts {padding:0}

header #mainlogo {width:100%;  margin:10px 0; clear:both;}
header #mainlogo_wrap {width:100%; margin:0 auto; height:50px;}
header #mainlogo_r_wrap {text-align:center}
header #mainlogo_r_wrap h1 {width: 231px; height:41px; margin:0 auto; }
header #mainlogo_r_wrap #gov_box {display:none}

header #gnb { width:100%; margin:0 auto; background-color:#52a644; font-size:1.2em }
header #gnb ul li{padding:10px 15px;}

header #all_menu{display:none;}

#lnb {float:left; padding-bottom:20px; width:17.5%;display:none;}
#lnb h2 {padding:8px 0; border-bottom:2px solid #0f83d5;  text-align:center; font-size:2em; letter-spacing:-.6px; color:#0f83d5;}
#lnb h2 span {display:block; margin-top:-4px; font-size:0.429em;}
#lnb > ul {margin-top:20px; font-size:1.143em;}
#lnb > ul a {display:block; position:relative; padding:0.4em 0.9em; color:#333;}
#lnb > ul a span {position:absolute; top:50%; right:15px; margin-top:-5px; font-size:6px; color:#aaa;}
#lnb > ul > li > a {border-bottom:1px solid #e5e5e5;}
#lnb > ul > li > a:hover, #lnb > ul > li > a.hover {background:#f5f5f5;}
#lnb > ul > li > a:active, #lnb > ul > li > a.active {border-bottom:1px solid #0f83d5; background:#0f83d5; color:#fff;}
#lnb > ul > li > a:active span, #lnb > ul > li > a.active span {font-size:6px; color:#fff;}
#lnb > ul > li ul {display:none;}
#lnb > ul > li > ul {border-width:0 1px 1px 1px; border-style:solid; border-color:#e0e0e0;}
#lnb > ul > li > ul a {background:#f5f5f5; color:#999;}
#lnb > ul > li > ul a:hover, #lnb > ul > li > ul a.hover {background:#fff;}
#lnb > ul > li > ul a:active, #lnb > ul > li > ul a.active,
#lnb > ul > li > ul a:active span, #lnb > ul > li > ul  a.active span {color:#333;}
#lnb > ul > li > ul > li > a {padding-left:1.35em;}
#lnb > ul > li > ul > li > ul > li > a {padding-left:2.025em;}
#lnb > ul > li > ul > li > ul > li > ul > li > a {padding-left:2.925em;}
#lnb > ul > li > ul > li > ul > li > ul > li > ul > li > a {padding-left:3.625em;}
#content {padding-bottom:20px; }
#content:after {content:" "; display:block; clear:both;}
#content header {position:relative; margin-bottom:20px; border-bottom:1px solid #ccc; letter-spacing:-.6px; color:#333;}
#content header .scrum {position:absolute; top:30px; right:0; font-weight:600;}
#content header .scrum span {display:inline-block; margin:0 4px 0 5px; width:5px; height:9px; background:url(../images/icon/ico-arrow.jpg) no-repeat;}
#content header h3 {padding:0.55em 290px 0.2em 0; font-size:2.0em; line-height:1.2;}
#content header ul {position:absolute; top:40px; right:0;}
#content header ul li {float:left; margin-left:4px;}
#content header ul li.opinions {margin:0 5px 0 0;}
#content header ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
#content header ul li.opinions a {position:relative; width:208px; height:28px; border:1px solid #ccc; background:#fff; text-align:left; font-size:0.929em; line-height:27px;}
#content header ul li.opinions a:hover {background:#0f83d5; border-color:#0f83d5;}
#content header ul li.opinions a:hover span {color:#fff;}
#content header ul li.opinions a:hover span.mif-mail {color:#fed503;}
#content header ul li.opinions a:after {content:" "; position:absolute; top:50%; right:11px; margin-top:-2px; width:0; height:0; border-style:solid; border-width:2.5px 0 2.5px 3px; border-color:transparent transparent transparent #7f7f7f;}
#content header ul li.opinions a:hover:after {border-color:transparent transparent transparent #fff;} 
#content header ul span {color:#fff;}
#content header ul span.mif-share, #content header ul span.mif-cross {font-size:1.1em;}
#content header ul span.mif-printer {font-size:1.3em;}
#content header ul li.opinions span {color:#7f7f7f;}
#content header ul li.opinions span.mif-mail {position:relative; top:-1px; margin:0 3px 0 7px; font-size:1.3em;}
#content header ul dl {position:relative; height:30px; overflow:hidden;}
#content header ul dl.show {height:90px; overflow:visible;}
#content header ul dd {position:absolute; top:34px;}
#content header ul dd.sns1 {left:-34px;}
#content header ul dd.sns2 {left:0;}
#content header ul dd.sns3 {left:34px;}
#content header ul dd.sns2 a {background-position:-30px 0;}
#content header ul dd.sns3 a {background-position:-60px 0;} 
#content img {max-width:100%;}

.img-responsive2{width:100%;}

.container article { width:100%; margin:15px auto; overflow:hidden; }
.container article section { }

.container article #visual_wrap { position:relative; overflow:hidden; }
.container article #visual_wrap #allim { width:100%; background-color:#364757;color:#ffffff;font-size:1.0em;  }
.container article #visual_wrap #allim span { margin-left:10px; }

/*알림판*/
.container article #small_allim {overflow:hidden; width:100%; }
.container article #small_allim .sallim { overflow:hidden; margin-top:20px; }
.container article #small_allim .sallim_top {background:#177cc5; height:45px;  margin:0; margin-bottom:8px;}
.container article #small_allim .sallim_top div ul li {float:left; overflow:hidden; }
.container article #small_allim .sallim_top .ftxt {margin: 7px 0px 0px 15px; overflow:hidden; color:#fff; font-weight:bold; font-size:1.3em;}
.container article #small_allim .sallim_top .ftxt .s_num {margin:2px 0px 0px 15px; overflow:hidden; color:#fff; font-size:1.0em;}
.container article #small_allim .sallim_top .fbtn {float:right;}
.container article #small_allim .sallim_top .fbtn .s_btn {width:48px; height:45px; padding:11px 16px; border-left:1px solid #67aad9;}
.container article #small_allim .sallim_list .limg { width:100%; float:left;}

.container article #small_allim .sallim_list .ltxt { width:100%; border-bottom:1px solid #e3e3e3; padding:13px 0; font-size:1.33em}
.container article #small_allim .sallim_list .lend {text-align:center;}
.container article #small_allim .sallim_list .sallim_alllist{border:1px solid #e3e3e3;display:none;overflow-y:scroll;}
.container article #small_allim .sallim_list .lhompage{border:1px solid #e3e3e3;width:100%;height:115px;}
.container article #small_allim .sallim_list .lhompage img {display:block; margin:0 auto;}
.lhompage01 {}
.lhompage02 {}
/*공지사항*/
.container article #notice {width:100%; position:relative;}
.container article #notice .noticetab{width:100%; margin-top:7px;  }
.container article #notice .noticetab ul li 
{width: 24%;height:48px;border:1px solid #d5d5d5;border-left:0;overflow:hidden;margin:0;text-align:center;float:left;background-color:#f4f5f6;font-weight:bold;padding:10px 0px;}

.btn_more {display:inline-block;position:absolute;right: 0;top:0;width:48px;height:48px;border:1px solid #d5d5d5;background:#f4f5f6;}
.btn_more:before {content:'';position:absolute;left:50%;top:50%;margin-top: -6px;margin-left: -6px;width:14px;height:14px;background:url(../images/00main/icon_more.png) 0 0 no-repeat;}

.container article #notice ul li a{color:#535150; font-size:1.3em;}
.container article #notice .noticetab .nfirst{border-left:1px solid #d5d5d5; }
.container article #notice .noticetab .active { background-color:#177bc6; }
.container article #notice .noticetab .active a { color:#fff; }
.container article #notice span { float:right; margin-right:15px; font-size:1.33em;}
.container article #notice a { color:#ffffff; }
.container article #notice li { padding:13px 7px; border-bottom:1px solid #d4d4d4; }
.container article #notice li a { color:#4e4c4d; }
.container article #notice li span { color:#8f8f8f; }



/*교육.체험프로그램*/
.container article #edu {width:100%;margin:20px 0px 0px 0px;}
.container article #edu h1 { background-color:#e14753; height:48px; color:#ffffff; font-weight:bold; font-size:1.3em; 
overflow:hidden; margin:0; padding:15px 0 10px 20px; }
.container article #edu span { float:right; margin-right:15px; font-size:1.3em;}
.container article #edu h1 a { color:#ffffff; }
.container article #edu li { padding:13px 7px; border-bottom:1px solid #d4d4d4; }
.container article #edu li a { color:#4e4c4d; }
.container article #edu li span { color:#8f8f8f;}
.edutop ul li{float:left;}
.container article #edu .intbl { font-size:1.33em; width:100%; border:1px solid #e7e7e7; border-collapse:collapse; }
.container article #edu .intbl th {background:#f3f3f3; padding:12px 8px 12px 15px; vertical-align:middle; border:1px solid #e7e7e7;}
.container article #edu .intbl .groupL{background:#fcfcfc; }
.container article #edu .intbl td {padding:12px 8px 13px 15px; border:1px solid #e7e7e7;}
.container article #edu .intbl .edu_on {background:#b53c00; text-align:center; font-weight:bold; color:#fff;}
.container article #edu .intbl .edu_stop {background:#52a644; text-align:center; font-weight:bold; color:#fff;}
.container article #edu .intbl .edu_st {background:#3db7cc; text-align:center; font-weight:bold; color:#fff;}
/*바로가기아이콘*/
.container article #service_menu { }
.container article #service_menu ul { overflow:hidden; }
.container article #service_menu li 
{ float:left; overflow:hidden; width:16.6%; height:140px; border:1px solid #d3d3d3;}
.container article #service_menu li a { color:#545353; }
.container article #service_menu li dl { margin:10px; }
.container article #service_menu li dd { font-size:1.33em; text-align:center; line-height:1.4em; font-weight:bold; padding-top:10px; letter-spacing:-0.08em;}
.container article #service_menu li dt { overflow:hidden; }
.container article #service_menu li .icon { width:50px; margin:0 auto; padding-top:12px;}


/*갤러리*/
.container article #gallery { width:100%;overflow:hidden;}
.col-sm-6 {padding-left:0; padding-right:0;}
.col-sm-6 img{height:230px;}
.caption h3{font-size:1.33em; text-align:center}
.caption p{font-size:1.33em; text-align:center}

/*메인사이트맵*/
.container article #sitemap_main {width:99.9%;}
.container article #sitemap_main .stm {width:33.3%; height:375px; float:left;  border:1px solid #e7e7e7;color:#565657;}
.container article #sitemap_main .last {}
.container article #sitemap_main .stm h3{background:#f4f5f6; padding:10px 0px 10px 15px;margin:0; font-size:1.33em; font-weight:bold;}
.container article #sitemap_main .stm ul{padding:8px 0px 8px 15px;margin:0; font-size:1.25em;}
.container article #sitemap_main .stm ul li{margin:0;  line-height:2.0em;}

.container article #banner {overflow:hidden;}
.container article #banner .bannerwrap ul li {width:25%; text-align:center; border:1px solid #e0e0e0; float:left;}



footer {}
footer #copyright_top { border-top:1px solid #e1e1e1; height:40px; padding-top:8px;}
footer #copyright_top #footer_top {width:85%; margin:0 auto;}
footer #copyright_top #footer_top #rule{float:left;}
footer #rule ul { overflow:hidden; }
footer #rule li { float:left; }
footer #rule li span { padding:0 9px; color:#dadad8; }
#fsite{float:right;}
#fsite .default{padding:2px 12px; background:#666667; color:#fff;}
footer #copyright { border-top:1px solid #b0b0b0; background-color:#fdfdfd; padding:20px 0 130px 0; }
footer #copyright #footer {width:85%; margin:0 auto;}
footer #copyright #footer #flogo { float:left; padding-top:7px;}
footer #copyright #footer #copy { float:left; margin-left:15px; font-size:1.1em; }
footer #copyright #footer #copy span { color:#527da7; }


}

@media (min-width:768px) and (max-width:990px) {
.container article #service_menu li dd.fontS {font-size: 1.2em;}
}

/* 모바일 */
@media (max-width: 767px){

.input-text { border:1px solid #d7d7d7; height:23px; width:100px; }
.input-submit { font-size:1.0em; padding:3px 10px; border:0; background-color:#52a644; color:#ffffff; }
#edu table {font-size:26px}
.paging ul li a{font-size:20px }
#btn .btn-default {font-size:20px}
header { border-bottom:2px solid #1a3254; }
header #hd_arti { background-color:#fafafa; border-bottom:1px solid #e3e3e3; padding:10px 0; }
header #all_menu{display:none;font-size:24px}
#search ul li input {width:280px}
#search ul li select, #search ul li input,  #search ul li button {font-size:22px;   height:50px}
ul#gnbul li a {font-size:25px}
.navbar-brand {display:block; }

#lnb {float:left; padding-bottom:20px; width:17.5%;display:none;}
#lnb h2 {padding:8px 0; border-bottom:2px solid #0f83d5; text-align:center; font-size:2em; letter-spacing:-.6px; color:#0f83d5;}
#lnb h2 span {display:block; margin-top:-4px; font-size:0.429em;}
#lnb > ul {margin-top:20px; font-size:1.143em;}
#lnb > ul a {display:block; position:relative; padding:0.4em 0.9em; color:#333;}
#lnb > ul a span {position:absolute; top:50%; right:15px; margin-top:-5px; font-size:6px; color:#aaa;}
#lnb > ul > li > a {border-bottom:1px solid #e5e5e5;}
#lnb > ul > li > a:hover, #lnb > ul > li > a.hover {background:#f5f5f5;}
#lnb > ul > li > a:active, #lnb > ul > li > a.active {border-bottom:1px solid #0f83d5; background:#0f83d5; color:#fff;}
#lnb > ul > li > a:active span, #lnb > ul > li > a.active span {font-size:6px; color:#fff;}
#lnb > ul > li ul {display:none;}
#lnb > ul > li > ul {border-width:0 1px 1px 1px; border-style:solid; border-color:#e0e0e0;}
#lnb > ul > li > ul a {background:#f5f5f5; color:#999;}
#lnb > ul > li > ul a:hover, #lnb > ul > li > ul a.hover {background:#fff;}
#lnb > ul > li > ul a:active, #lnb > ul > li > ul a.active,
#lnb > ul > li > ul a:active span, #lnb > ul > li > ul  a.active span {color:#333;}
#lnb > ul > li > ul > li > a {padding-left:1.35em;}
#lnb > ul > li > ul > li > ul > li > a {padding-left:2.025em;}
#lnb > ul > li > ul > li > ul > li > ul > li > a {padding-left:2.925em;}
#lnb > ul > li > ul > li > ul > li > ul > li > ul > li > a {padding-left:3.625em;}
  
#content {position:relative;padding:0px 15px 15px 15px;}
#content:after {content:" "; display:block; clear:both;}
#content header {position:relative; margin-bottom:20px; border-bottom:1px solid #ccc; letter-spacing:-.6px; color:#333;}
  
#content header .scrum {position:relative; top:auto; right:auto; margin-top:10px; font-weight:400; font-size:14px; width:auto;}
#content header .scrum span {display:inline-block; margin:0 4px 0 5px; width:5px; height:9px; background:url(../images/icon/ico-arrow.jpg) no-repeat;}
#content header h3 {padding:0 0 0.2em 0; font-size:34px; line-height:1.2;}
  
#content header ul {position:absolute; top:40px; right:0;}
#content header ul li {float:left; margin-left:4px;}
#content header ul li.opinions {margin:0 5px 0 0;}
#content header ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
#content header ul li.opinions a {position:relative; width:208px; height:28px; border:1px solid #ccc; background:#fff; text-align:left; font-size:0.929em; line-height:27px;}
#content header ul li.opinions a:hover {background:#0f83d5; border-color:#0f83d5;}
#content header ul li.opinions a:hover span {color:#fff;}
#content header ul li.opinions a:hover span.mif-mail {color:#fed503;}
#content header ul li.opinions a:after {content:" "; position:absolute; top:50%; right:11px; margin-top:-2px; width:0; height:0; border-style:solid; border-width:2.5px 0 2.5px 3px; border-color:transparent transparent transparent #7f7f7f;}
#content header ul li.opinions a:hover:after {border-color:transparent transparent transparent #fff;} 
#content header ul span {color:#fff;}
#content header ul span.mif-share, #content header ul span.mif-cross {font-size:1.1em;}
#content header ul span.mif-printer {font-size:1.3em;}
#content header ul li.opinions span {color:#7f7f7f;}
#content header ul li.opinions span.mif-mail {position:relative; top:-1px; margin:0 3px 0 7px; font-size:1.3em;}
#content header ul dl {position:relative; height:30px; overflow:hidden;}
#content header ul dl.show {height:90px; overflow:visible;}
#content header ul dd {position:absolute; top:34px;}
#content header ul dd.sns1 {left:-34px;}
#content header ul dd.sns2 {left:0;}
#content header ul dd.sns3 {left:34px;}
#content header ul dd.sns2 a {background-position:-30px 0;}
#content header ul dd.sns3 a {background-position:-60px 0;} 
#content img {max-width:100%;}


.img-responsive2{width:100%;}

.container article { width:100%; margin:0px auto; overflow:hidden; }
.container article section {font-size:24px;}


.container article #visual_wrap { position:relative; overflow:hidden; }
.container article #visual_wrap #allim { width:100%; background-color:#364757;color:#ffffff; font-size:22px;}
.container article #visual_wrap #allim span { margin-left:0px; width:90%; }

#alert h4 {padding-top:5px;}
#alert ul {position:relative; padding:0 10px 0 135px; height:55px; overflow:hidden;}
#alert ul li {position:absolute; top:55px; left:150px; right:10px; padding:5px;}
#alert ul li.on {top:0;}
#alert ul a {display:block; width:100%; height:55px; overflow:hidden; line-height:38px; text-overflow:ellipsis; white-space:nowrap; color:#fff;}


/* 농업기술 */
.edu_tbl tr>th:nth-child(2), .edu_tbl tr>td:nth-child(2) {width:50%;}


/*알림판*/
.container article #small_allim {overflow:hidden; width:100%;}
.container article #small_allim .sallim { overflow:hidden; margin-top:20px; }
.container article #small_allim .sallim_top {background:#177cc5;  margin:0; /*  height:45px;margin-bottom:8px; */ height:58px; }
.container article #small_allim .sallim_top div ul li {float:left; overflow:hidden; }
.container article #small_allim .sallim_top .ftxt {margin: 8px 0px 0px 8px; overflow:hidden; color:#fff; font-weight:bold;/*  font-size:1.3em; */ font-weight:500; font-size:28px;}
.container article #small_allim .sallim_top .ftxt .s_num {margin:0px 0px 0px 15px; overflow:hidden; color:#fff;  font-size:1.0em;}
.container article #small_allim .sallim_top .fbtn {float:right;}
.container article #small_allim .sallim_top .fbtn .s_btn {width:58px; height:57px; /* padding:11px 10px;  */  padding-top:8px ; text-align:center; border-left:1px solid #67aad9;}
.container article #small_allim .sallim_list .limg {width:100%;}
.container article #small_allim .sallim_list .ltxt { width:100%; border-bottom:1px solid #e3e3e3; padding:8px; }
.container article #small_allim .sallim_list .lend {text-align:center;}
.container article #small_allim .sallim_list .sallim_alllist{border:1px solid #e3e3e3;display:none;overflow-y:scroll;}
.container article #small_allim .sallim_list .lhompage{border:1px solid #e3e3e3;width:100%;height:115px;}
.container article #small_allim .sallim_list .lhompage img {display:block; margin:0 auto;}


/*공지사항*/
.container article #notice {width:100%; position:relative;}
.container article #notice .noticetab{width:100%; margin-top:20px;  }
.container article #notice .noticetab ul li 
{width: 23%;height: 50px;border:1px solid #d5d5d5;border-left:0;overflow:hidden;margin:0;text-align:center;float:left;background-color:#f4f5f6;/*  font-weight:bold;  padding:8px 0px;font-size:1.2em */font-weight:500;font-size: 1.5rem;}
.container article #notice ul li a{color:#535150;}
.container article #notice .noticetab .nfirst{border-left:1px solid #d5d5d5; }
.container article #notice .noticetab .active { background-color:#177bc6; }
.container article #notice .noticetab .active a { color:#fff; }
.container article #notice span { float:right; margin-right:8px; }
.container article #notice a { color:#ffffff; }
.container article #notice .tab-content li {font-size:20px; padding:15px; border-bottom:1px solid #d4d4d4;  width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container article #notice li { padding:13px 7px; border-bottom:1px solid #d4d4d4; }
.container article #notice li a { color:#4e4c4d; }
.container article #notice li span {color:#4e4c4d; }
.container article #notice .tab-content .more{float:right;position:absolute;top:-1px;right:0px;}

.btn_more {display:inline-block;position:absolute;right: 0;top:0;width: 50px;height: 50px;border:1px solid #d5d5d5;background:#f4f5f6;}
.btn_more:before {content:'';position:absolute;left:50%;top:50%;margin-top: -6px;margin-left: -6px;width:14px;height:14px;background:url(../images/00main/icon_more.png) 0 0 no-repeat;}

/*교육.체험프로그램*/
.container article #edu {width:100%;margin:20px 0px 0px 0px;}
.container article #edu h1 { background-color:#e14753; height:58px; color:#ffffff; font-weight:bold; font-size:1.2em; 
overflow:hidden; margin:0; padding:12px 0 0px 8px; }
.container article #edu span { float:right; margin-right:8px; font-size:1.1em;}
.container article #edu h1 a { color:#ffffff; }
.container article #edu li { padding:13px 7px; border-bottom:1px solid #d4d4d4; }
.container article #edu li a { color:#4e4c4d; }
.container article #edu li span { color:#8f8f8f;}
.edutop ul li{float:left;}
.container article #edu .intbl { width:100%; border:1px solid #e7e7e7; border-collapse:collapse; color:#4e4c4d;}
.container article #edu .intbl th {background:#f3f3f3; padding:8px; vertical-align:middle; border:1px solid #e7e7e7;}
.container article #edu .intbl .groupL{background:#fcfcfc; }
.container article #edu .intbl td {padding:8px; border:1px solid #e7e7e7}
.container article #edu .intbl .edu_on {background:#b53c00; text-align:center; font-weight:bold; color:#fff;}
.container article #edu .intbl .edu_stop {background:#52a644; text-align:center; font-weight:bold; color:#fff;}
.container article #edu .intbl .edu_st {background:#3db7cc; text-align:center; font-weight:bold; color:#fff;}


/*바로가기아이콘*/
.container article #service_menu { }
.container article #service_menu ul { overflow:hidden; }
.container article #service_menu li 
{ float:left; overflow:hidden; width:33%; /* height:120px; */ height:140px;border:1px solid #d3d3d3;}
.container article #service_menu li a { color:#545353; }
.container article #service_menu li dl { margin:12px; }
.container article #service_menu li dd { text-align:center;/*  line-height:1.4em; */  font-size:24px;  line-height:1.2em; font-weight:bold; padding-top:8px; letter-spacing:-0.08em;}
.container article #service_menu li dt { overflow:hidden;  font-size:28px; font-weight:500;}
.container article #service_menu li .icon { width:50px; margin:0 auto; padding-top:0px;}


/*갤러리*/
.container article #gallery { width:100%; overflow:hidden; margin:12px 0px 12px 0px;}
.col-sm-6 {padding-left:0; padding-right:0;}
.caption h3{font-size:1.3em; text-align:center; margin:0; }
.caption p{font-size:20px; text-align:center; margin:0; }

.container article div h3 {font-size:24px; line-height:1.5em;}
.container article #banner {overflow:hidden; width:100%; margin:15px auto;}
.container article #banner .bannerwrap ul li {width:50%; text-align:center; border:1px solid #e0e0e0; float:left;}



/*메인사이트맵*/
.container article #sitemap_main {width:100%; margin:10px 0px}
.container article #sitemap_main .stm {width:50%; height:500px;float:left;  border:1px solid #e7e7e7;color:#565657;}
.container article #sitemap_main .last {}
.container article #sitemap_main .stm h3{background:#f4f5f6; padding:10px 0px 10px 15px;margin:0; font-size:1.2em; font-weight:bold;}
.container article #sitemap_main .stm ul{padding:8px 0px 8px 15px;margin:0; font-size:1.2em;}
.container article #sitemap_main .stm ul li{margin:0; font-size:1.0em; line-height:1.8em;}

.container article #banner {overflow:hidden;margin-top:20px;}
.container article #banner .bannerwrap ul li {width:50%; text-align:center; border:1px solid #e0e0e0; float:left;}

footer {}
footer #copyright_top { border-top:1px solid #e1e1e1;  padding:8px 0px; margin-top:20px;}
footer #copyright_top #footer_top {width:95%; margin:0 auto;}
footer #copyright_top #footer_top #rule{}
footer #rule ul { overflow:hidden; }
footer #rule li { float:left;  font-size:24px;}
footer #rule li span { padding:0 9px; color:#dadad8; }
#fsite{margin:20px 0px; font-size:24px;}
#fsite .default{padding:2px 12px; background:#666667; color:#fff;font-size:24px;}
select#siteLink1 {width:200px}
select#siteLink2 {width:200px; margin-left:6px}
footer #copyright { border-top:1px solid #b0b0b0; background-color:#fdfdfd; padding:20px 0 130px 0; }
footer #copyright #footer {width:95%; margin:0 auto; font-size:18px;}
footer #copyright #footer #flogo {text-align:center;}
footer #copyright #footer #copy { float:left; margin:8px; font-size:1.1em; }
footer #copyright #footer #copy span { color:#527da7; }




}



.dr_m {border-left:0;}

/* 가상 키패드 */
#DIV_SECU_KEYPAD > div > div > div[id^="dSecuKpd"] {      
    padding-top:20px;
}

#DIV_SECU_KEYPAD > div > div > div[id^="dSecuKpd"] > div:nth-child(2) {    
    top: -20px !important;
}

#DIV_SECU_KEYPAD div div div div {padding-top:33px !important;}
#DIV_SECU_KEYPAD div div div div:nth-child(1) {padding-top:53px !important;}