@charset "utf-8";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


body {font-family: "fontello"; font-family: 'Noto Sans KR'; word-break: keep-all; position: relative;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0; list-style: none;}
img {max-width: 100%;}

.top_bg {width: 100%; background: #115a9e; height: 40px;}
.top_bg p {border-left: 1px solid #296BA8; height: 40px;}
.top_bg p a {display: inline-block; float: left; padding-top: 8px; height: 40px; width: 16.666667%; text-align: center; border-right: 1px solid #296BA8; color: #fff;}
.top_bg p a:hover, .top_bg p a.hover {background: #fff; color: #000; text-decoration: none;}

.header_line {height: 80px; width: 100%; position: relative;}
#header {height: 80px; position: relative;}
#header h1 {margin-top: 20px; float: left;}
#header div {float: right;}
#header div p {float: left; padding-top: 40px;}
#header div a {background: url(../images/main/b_dot.png) no-repeat left 8px; font-size: 13px; color: #555; padding: 0 15px 0 10px;}
#header .header_searchbtn {display: none; padding-top: 25px;}
#header .header_searchbtn a {margin-left: 50px; background: none; font-size: 20px; color: #666; padding: 0;}

#header .header_search {display: block; float: left; margin: 27px 0 0 50px; background: #fff; border: 2px solid #498bdf; width: 330px; height: 38px;}
#header .header_search a {background: none;}
#header .header_search form {float: left; width: 100%;}
#header .header_search form input {border: none; padding: 5px 10px; width: 290px; height: 34px; color: #555;}
#header .header_search form a {font-size: 20px; color: #06c; padding: 0;}
#header .header_search .header_closebtn {display: none; float: left; padding: 0;}
#header .header_search .header_closebtn a {font-size: 22px; color: #666;}

#gnb {height: 60px; z-index: 90;}
#gnb .m_login, #gnb .m_top {display: none;}
#gnb .menu {float: left; padding-right: 50px;}
#gnb .menu h3 {margin-top: 13px; padding-bottom: 30px;}
#gnb .menu h3 a {font-size: 18px; font-weight: bold; color: #555;}
#gnb .menu h3 a:hover, #gnb .menu h3.active a {color: #498bdf; text-decoration: none;}
#gnb .submenu_bg {display: none; position: absolute; top: 180px; left: 0; background: url(/pub/site/agri/images/main/sm_box.jpg) no-repeat center top #fff; width: 100%; max-height: 238px; border-top: 1px solid #498bdf; border-bottom: 1px solid #498bdf; z-index: 110;}
#gnb .submenu {width: 1000px; margin: 0 auto; z-index: 101; }
#gnb .submenu h3 {width: 25%; float: left; padding: 15px 30px; font-weight: normal; color: #fff; font-size: 26px;}
#gnb .submenu ul {width: 75%; float: left; padding: 30px 0;}
#gnb .submenu ul li {float: left; width: 33.33333333%; padding: 0 0 10px 35px;}
#gnb .submenu ul li a {font-size: 16px; color: #000;}
#gnb .submenu ul li ul {padding: 0; list-style: none; width: 100%; margin-top: 5px; clear: both;}
#gnb .submenu ul li ul li {float: left; width: 100%; padding: 0 0 3px 0;}
#gnb .submenu ul li ul li a {font-size: 14px; color: #555;}
#gnb .submenu ul li ul li:before {content: '\e810'; font-family: "fontello"; padding-right: 5px; color: #555;}

@media (min-width: 992px) {
#gnb .menu:nth-of-type(3) ul li {padding: 0 0 0 30px;}
#gnb .menu:nth-of-type(3) ul li a {display: block;height: 65px; font-weight: bold; padding: 25px 0 0 80px; margin-bottom: 30px;}
#gnb .menu:nth-of-type(3) ul li:nth-of-type(1) a {background: url(/pub/site/info/images/main/m_icon01.jpg) no-repeat left center;}
#gnb .menu:nth-of-type(3) ul li:nth-of-type(2) a {background: url(/pub/site/info/images/main/m_icon02.jpg) no-repeat left center;}
#gnb .menu:nth-of-type(3) ul li:nth-of-type(3) a {background: url(/pub/site/info/images/main/m_icon03.jpg) no-repeat left center;}
#gnb .menu:nth-of-type(3) ul li:nth-of-type(4) a {background: url(/pub/site/info/images/main/m_icon04.jpg) no-repeat left center;}
#gnb .menu:nth-of-type(3) ul li:nth-of-type(5) a {background: url(/pub/site/info/images/main/m_icon05.jpg) no-repeat left center;}
#gnb .menu:nth-of-type(3) ul li:nth-of-type(6) a {background: url(/pub/site/info/images/main/m_icon06.jpg) no-repeat left center;}
#gnb .menu:nth-of-type(3) ul li ul {display: none;}


#gnb .menu:nth-of-type(2) .submenu_bg, 
#gnb .menu:nth-of-type(3) .submenu_bg, 
#gnb .menu:nth-of-type(4) .submenu_bg, 
#gnb .menu:nth-of-type(5) .submenu_bg, 
#gnb .menu:nth-of-type(6) .submenu_bg, 
#gnb .menu:nth-of-type(7) .submenu_bg,
#gnb .menu:nth-of-type(8) .submenu_bg{display: none !important;}

}



#gnb .allmenu_btn {float: right; padding-top: 10px;}
#gnb .allmenu_btn a {font-size: 26px; color: #555;}

#gnb.allmenu_bg {position: absolute; top: 120px; left: 0; height: auto !important; padding-bottom: 20px; background: url(../images/main/subm_bg.jpg) repeat-y center top #fff; width: 100%; border-top: 2px solid #498bdf; border-bottom: 2px solid #498bdf; z-index: 102;}
#gnb.allmenu_bg .allmenu_wrap {width: 1000px; margin: 0 auto; padding-top: 5px; position: relative;}
#gnb.allmenu_bg .menu {float: left; padding: 0 0 0 30px; width: 25%;}
#gnb.allmenu_bg .menu:nth-of-type(5) {clear: both;}
#gnb.allmenu_bg .menu h3 {padding-bottom: 10px;}
#gnb.allmenu_bg .menu h3 a {color: #000;}
#gnb.allmenu_bg .menu h3 a:hover {color: #498bdf;}
#gnb.allmenu_bg .submenu_bg {display: block !important; position: relative; top: 0; background: none; border: none;}
#gnb.allmenu_bg .submenu_bg .submenu {width: 100%;}
#gnb.allmenu_bg .submenu_bg .submenu h3 {display: none;}
#gnb.allmenu_bg .submenu_bg .submenu ul {width: 100%; float: none; padding: 0;}
#gnb.allmenu_bg .submenu_bg .submenu ul li {width: 100%; padding: 0 0 10px 0;}
#gnb.allmenu_bg .submenu_bg .submenu ul li a {font-size: 16px; color: #555;}
#gnb.allmenu_bg .submenu_bg .submenu ul li ul {display: none;}
#gnb .allmenu_closebtn {display: none; position: absolute; top: 5px; right: 10px;}
#gnb .allmenu_closebtn a {font-size: 26px; color: #555;}

.bottom_bg {clear: both; width: 100%; margin: 0 auto; height: 50px; background: #f6f6f6; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative; z-index: 90;}
.bottom_bg div dl:first-child {border-left: 1px solid #e5e5e5;}
.bottom_bg div dl {z-index:100; position: relative; width: 25%; height: 50px; float: left;}
.bottom_bg div dl dt {display:block; width:100%; height: 50px; border-right: 1px solid #e5e5e5;}
.bottom_bg div dl dt:before { content: '\f005'; font-family: "fontello"; position: absolute; top: 7px; right: 20px; font-size: 24px; color: #888;}
.bottom_bg div dl dt.down:before { content: '\f004';}
.bottom_bg div dl dt a {display:block; height:50px; padding: 12px 0 0 30px; color:#555; text-decoration: none;}
.bottom_bg div dl dd {display:none; z-index:100; position:absolute; bottom: 50px; left:0; width:100%; max-height: 300px; overflow-y: auto; padding:10px 0; background: #f6f6f6; border:1px solid #e5e5e5; }
.bottom_bg div dl dd a {display:block; line-height:25px; padding-left:30px; color:#000;}

#footer {height: 220px;}
#footer p {padding-top: 40px;}
#footer p a {color: #000; background: url(../images/main/f_s_line.png) no-repeat left 4px; padding: 0 10px;}
#footer p a:first-child {padding-left: 0; background: none;}
#footer address {padding-top: 20px; line-height: 180%; color: #666;}

 #backtotop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 9999;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      background: rgba(0,0,0,0.3);
      font-size: 40px;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      /*transition: opacity 0.2s ease-out;*/
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover {
    background: rgba(0,0,0,0.6);
  }


/* 모바일*/

@media (max-width: 999px) {

	.top_bg {display: none;}
	
	#header {height: 70px;}
	.header_line {height: 70px;}
	#header h1 {margin-top: 10px;}
	#header p.top_util {display: none;}
	#header .header_searchbtn {display: block !important; position: absolute; top: 10px; right: 15px; padding-top: 0;}
	#header .header_searchbtn a {font-size: 30px; margin: 0px;}
	#header .header_search {position: absolute; top: 0px; right: 0px; width: 100%; height: 70px; border: none; z-index: 110; margin: 0; display: none;}
	#header .header_search form {float: right; margin-left: 30px;  padding-right: 40px; padding-top: 7px; border: none; width: 300px;}
	#header .header_search form input {float: left; padding-top: 12px; font-size: 16px; width: 80%; border-bottom: 1px solid #000; color: #555;}
	#header .header_search form a {float: left; font-size: 30px; color: #008cff; display: inline-block; height: 30px; width: 30px;}
	#header .header_search .header_closebtn {display: block; position: absolute; top: 8px; right: 15px;}
	#header .header_search .header_closebtn a {padding: 0; font-size: 30px;}
	#header h1 {width: 100%; font: none; text-align: center;}
	#header h1 img {width: 60%;}

	#gnb {height: 0px; z-index: 100; word-break: break-all; }	
	#gnb .menu {display: none;}
	#gnb .allmenu_btn {position: absolute; top: 8px; left: 15px; padding: 0;}
	#gnb .allmenu_btn a {font-size: 35px; color: #555;}	
	#gnb.allmenu_bg {position: absolute; top: -2px; left: 0; background: #122b3f; width: 100%; height: auto;}
	#gnb.allmenu_bg .m_login {clear: both; display: block; width: 100%; padding: 20px ;height: 60px; background: #1c537f; margin: 0;}
	#gnb.allmenu_bg .m_login a {color: #fff; font-size: 18px;}
	#gnb.allmenu_bg .m_top {position: relative; z-index: 100; float: left; display: block; width: 100%; background: #fff; margin: 0; padding: 15px 0 0 15px;}
	#gnb.allmenu_bg .m_top li {float: left; width: 50%; padding-right: 15px; padding-bottom: 15px;}
	#gnb.allmenu_bg .m_top a {display: inline-block; width: 100%; padding: 10px; border: 1px solid #888; font-size: 14px; text-align: center; color: #000;}
	#gnb.allmenu_bg .m_top a.hover {background: #498bdf; color: #fff; text-decoration: none; border: 1px solid #498bdf;}
	#gnb.allmenu_bg .allmenu {display: none; position: absolute; top: 0; right: 0; width: 70%; height: 100%; background: #1c537f; z-index: 50;}
	#gnb.allmenu_bg .allmenu_wrap {width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 100;}
	#gnb.allmenu_bg .menu {float: left; padding: 0; width: 100%; border-top: 1px solid #33658c; z-index: 100;}
	#gnb.allmenu_bg .menu h3 {display: block; float: left; width: 30%; padding: 10px 0 15px 20px; margin: 0;}
	#gnb.allmenu_bg .menu h3 a {color: #fff; font-size: 17px; letter-spacing: -1px;}
	#gnb.allmenu_bg .submenu_bg {float: left; width: 70%; max-height: none;  padding: 5px 20px; background: #1c537f;}
	#gnb.allmenu_bg .submenu_bg .submenu {width: 100%;}
	#gnb.allmenu_bg .submenu_bg .submenu ul {width: 100%; float: none; padding: 0;}
	#gnb.allmenu_bg .submenu_bg .submenu ul li {float: left; width: 100%; padding: 0 0 10px 0;}
	#gnb.allmenu_bg .submenu_bg .submenu ul li a {font-size: 15px; color: #fff; letter-spacing: -1px;}
	#gnb.allmenu_bg .submenu_bg .submenu ul li ul {display: block; padding-top: 5px;}
	#gnb.allmenu_bg .submenu_bg .submenu ul li ul li {width: 100%; padding-bottom: 5px;}
	#gnb.allmenu_bg .submenu_bg .submenu ul li ul li:before {content: none;}
	#gnb.allmenu_bg .submenu_bg .submenu ul li ul li a {color: #aaa; font-size: 15px;}
	#gnb .allmenu_closebtn {display: none; position: absolute; top: 195px; right: 15px; z-index: 100;}
	#gnb .allmenu_closebtn a {font-size: 30px; color: #fff;}


	.bottom_bg {height: auto; border: none;}
	.bottom_bg div dl {width: 50%; border-bottom: 1px solid #e5e5e5; background: #f6f6f6; margin: 0;}
	.bottom_bg div dl:nth-of-type(3) {border-left: 1px solid #e5e5e5;}

	#footer {padding: 0 20px;}
	#footer p {padding-top: 20px;}

}