@charset "utf-8"; 

@media ( max-width :1199px) {
	.container {
		position: relative;
		width: auto;
		margin: 0 auto
	}
	#top-scroll {
		position: fixed;
		right: 0;
		bottom: 55px
	}
	.btn-portal {
		display: none
	}
	.fb a, .tt a, .nb a, .in a {
		display: none
	}
	#header {
		background: none
	}
	h1 {
		position: relative;
		top: 0;
		height: 85px;
		border-bottom: 1px solid #e1e1e1
	}
	h1 a {
		margin: 10px 0
	}
	h1 img {
		margin-top: 4px
	}
	footer {
		border-top: 1px solid #d6d6d6;
		background: #fff
	}
	#f-banner {
		display: none
	}
	.lnb-on {
		position: absolute;
		top: 0;
		left: 15px;
		width: 40px;
		height: 40px;
		margin: 23px 0;
		background: url("../images/common/btn-lnb1.png") 0 0 repeat-x
	}
	.lnb-off {
		position: absolute;
		top: 0;
		left: 250px;
		width: 50px;
		height: 50px;
		margin: 0;
		background: url("../images/common/btn-lnb2.png") 0 0 repeat-x;
		cursor: pointer
	}
	#lnb a {
		padding: 0
	}
	#lnb {
		z-index: 1011;
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
		-webkit-transition-property: left;
		-webkit-transition-duration: 0.4s;
		transition-property: left;
		transition-duration: 0.4s;
		transform: translateY(0)
	}
	#lnb.active {
		left: 0
	}
	#lnb ul {
		z-index: 999;
		position: fixed;
		top: 0;
		float: left;
		background-color: #fff;
		width: 100%;
		height: 100%;
		max-width: 250px;
		padding: 0;
		background: #ff8656;
		box-sizing: border-box;
		overflow-y: auto
	}
	#lnb li {
		display: block;
		float: none;;
		margin-top: -1px;
		border-top: 1px solid #ffa27d;
		border-bottom: 1px solid #ffa27d;
		width: 100%
	}
	#lnb li a {
		display: block;
		padding: 15px 20px;
		color: #fff;
		font-size: 15px;
		text-align: left
	}
	#lnb li a:hover, #lnb li a:focus {
		text-decoration: underline;
		background: #fff
	}
	#lnb li.active {
		background: #fff
	}
	#lnb li.active a {
		color: #333;
		font-weight: bold
	}
	.gnb-on {
		position: absolute;
		top: 0;
		right: 15px;
		width: 40px;
		height: 40px;
		margin: 23px 0;
		background: url("../images/common/btn-gnb1.png") 0 0 repeat-x
	}
	.gnb-off {
		position: absolute;
		top: 0;
		right: 260px;
		width: 50px;
		height: 50px;
		margin: 0;
		background: url("../images/common/btn-gnb2.png") 0 0 repeat-x;
		cursor: pointer
	}
	#top-wrap {
		z-index: 1011;
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
		-webkit-transition-property: right;
		-webkit-transition-duration: 0.4s;
		transition-property: right;
		transition-duration: 0.4s;
		transform: translateY(0)
	}
	#top-wrap.active {
		right: 0
	}
	#top-wrap .top-box {
		z-index: 999;
		position: fixed;
		top: 0;
		float: right;
		width: 100%;
		height: 100%;
		max-width: 260px;
		padding: 0;
		box-sizing: border-box;
		overflow-y: auto;
		background: #1363a4
	}
	#top-wrap.active .top-box {
		right: 0
	}
	.mobile_snsbox {
		display: block
	}
	#gnb {
		position: relative;
		height: 60px;
		z-index: 10;
	}
	ul#gnb:after {
		display: block;
		clear: both;
		content: ""
	}
	ul#gnb {
		height: auto;
		margin-top: 0
	}
	ul#gnb>li>ul>li img {
		vertical-align: middle;
		padding-left: 6px
	}
	li.blank {
		
	}
	li.blank a {
		
	}
	ul#gnb li {
		display: block;
		float: none;
		width: auto !important;
		margin-top: -1px;
		border-top: 1px solid #5782b5;
		border-bottom: 1px solid #5782b5;
		text-align: left
	}
	ul#gnb li ul {
		position: relative;
		top: 0;
		min-height: inherit
	}
	ul#gnb li.active ul {
		
	}
	ul#gnb li a {
		display: block;
		padding: 10px 20px;
		color: #fff;
		font-size: 15px;
		word-wrap: normal;
		word-break: normal
	}
	ul#gnb>li>ul, ul#gnb>li ul li ul, ul#gnb>li>ul>li>ul>li>ul>li {
		display: none !important
	}
	ul#gnb>li.active>ul, ul#gnb>li.active li.active ul, ul#gnb>li>ul>li>ul>li.active>ul>li
		{
		display: block !important
	}
	ul#gnb>li>a {
		padding: 15px 18px
	}
	ul#gnb>li>a span {
		color: #fff
	}
	ul#gnb>li:first-child>ul {
		border: 0
	}
	ul#gnb>li>ul>li:first-child {
		padding-top: 0;
		border-top: 0
	}
	ul#gnb>li>ul>li {
		border-top: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		background: #fff
	}
	ul#gnb>li>ul>li.more>a {
		background: url("../images/common/icon-menu2-on.png") center right
			no-repeat
	}
	ul#gnb>li>ul>li.more.active>a {
		background: url("../images/common/icon-menu2-off.png") center right
			no-repeat
	}
	ul#gnb>li>ul>li.active {
		border-top: 0
	}
	ul#gnb>li>ul>li>a {
		margin-right: 20px;
		padding: 14px 20px 14px 30px;
		color: #45495b;
		font-size: 14px
	}
	ul#gnb>li>ul>li.active {
		background: #45495b
	}
	ul#gnb>li>ul>li.active>a {
		color: #fff !important
	}
	ul#gnb>li>ul>li:first-child>a {
		padding-top: 14px
	}
	ul#gnb a:hover, div a:focus {
		text-decoration: underline
	}
	ul#gnb>li>ul>li>a:hover, div>ul>li>ul>li>a:focus, ul#gnb>li>ul>li.active a
		{
		background: none;
		color: #545454
	}
	ul#gnb>li>ul>li>ul {
		background: #f8f8f8
	}
	ul#gnb>li>ul>li>ul>li {
		background: #e4e4e4;
		border-top: 1px solid #c5c5c5;
		border-bottom: 0
	}
	ul#gnb>li>ul>li>ul>li>a {
		margin-left: 35px;
		padding: 13px 20px;
		padding-left: 10px;
		background: url("../images/common/bul-menu1.png") left 21px no-repeat
			!important;
		color: #666;
		font-size: 14px
	}
	ul#gnb>li>ul>li>ul>li.active {
		
	}
	ul#gnb>li>ul>li>ul>li.active>a {
		padding-bottom: 5px;
		color: #1363a4;
		font-weight: bold
	}
	ul#gnb>li>ul>li>ul>li>ul {
		
	}
	ul#gnb>li>ul>li>ul>li.active>ul {
		padding-top: 3px;
		padding-bottom: 10px
	}
	ul#gnb>li>ul>li>ul>li>ul>li {
		border: 0
	}
	ul#gnb>li>ul>li>ul>li>ul>li.active {
		
	}
	ul#gnb>li>ul>li>ul>li.active>ul>li>a {
		padding: 5px 20px;
		padding-left: 45px;
		color: #666;
		font-size: 14px;
		font-weight: normal
	}
	ul#gnb>li>ul>li>ul>li>ul>li.active {
		
	}
	ul#gnb>li>ul>li>ul>li>ul>li.active a {
		color: #666;
		font-weight: bold
	}
	#top-manu {
		height: 35px;
		padding: 8px 0;
		background-color: #fff;
		top: 0;
		margin-top: 0
	}
	#top-manu ul {
		position: relative;
		top: 44px;
		right: 0;
		height: 33px
	}
	#top-manu ul.quickmenu {
		top: -1px
	}
	#top-manu ul:after {
		display: block;
		clear: both;
		content: ""
	}
/* 231115 margin-right: -2px; 로 변경*/
	#top-manu li.language {
		margin-right: -2px;
	}
/* 	#top-manu li.language {
		margin-right: 18px
	} */
	#top-manu li.language a {
		
	}
	#top-manu li {
		display: inline-block;
		float: left
	}
	#top-manu li.youtb, li.fb, #top-manu li.tt, #top-manu li.nb, #top-manu li.in {
		border: 1px solid #dddddd;
		text-align: center;
		margin-left: -8px;
		margin-right: 7px
	}
	#top-manu li.youtb {
		border: 1px solid #dddddd;
		text-align: center;
		margin-left: -8px;
		margin-right: -2px;
	}
	#top-manu li.youtb img, li.fb img, #top-manu li.tt img, #top-manu li.nb img, #top-manu li.in img
		{
		margin-top: 10px
	}
	#top-manu li.youtb>a {
		display: block;
		width: 34px;
		height: 33px
	}
	#top-manu li.fb>a {
		display: block;
		width: 34px;
		height: 33px
	}
	#top-manu li.tt>a {
		display: block;
		width: 34px;
		height: 33px
	}
	#top-manu li.nb>a {
		display: block;
		width: 34px;
		height: 33px
	}
	#top-manu li.in>a {
		display: block;
		width: 34px;
		height: 33px
	}
	.con-m-wrap .container, .con-sm-wrap .container {
		padding: 25px 15px
	}
	#one-h-percent {
		position: absolute;
		top: -2000px;
		visibility: hidden
	}
	#main-visual .container {
		top: 0;
		height: auto
	}
	#board .list {
		width: 100%
	}
	#import-menu2>div img {
		margin-left: 80px
	}
	#import-menu2>div span {
		margin-left: -80px
	}
	#historic ul li {
		width: 50%;
		background-image: none;
		height: 170px
	}
	#historic ul li .img-box-c01 {
		position: absolute;
		top: 5px;
		left: 5px;
		border: none
	}
	#historic ul li .img-box-c02 {
		position: absolute;
		top: 5px;
		right: 5px
	}
	#historic ul li .img-box-c03 {
		position: absolute;
		bottom: 5px;
		left: 5px
	}
	#historic ul li .img-box-c04 {
		position: absolute;
		bottom: 5px;
		right: 5px
	}
	.main-work>div {
		width: 100%
	}
	#content {
		border-bottom: 0
	}
	#content>.container {
		border: 0
	}
	#content-wrap {
		float: none;
		width: auto;
		margin-left: 0;
		padding: 15px;
		border: 0
	}
	.research>div div {
		position: relative;
		padding-right: 85px
	}
	.research>div input[type="text"] {
		width: 100%
	}
	.research>div input[type="submit"] {
		position: absolute;
		top: 10px;
		right: 0;
		width: 80px;
		height: 32px
	}
	.process ul {
		height: auto
	}
	.process-con, .process-con .w-m1 div {
		margin-top: 0 !important
	}
	.process-con ul li {
		background: url(../images/sub/icon-arrow-process.png) 6px 20px no-repeat
			!important
	}
	#main-visual .bxslider li div {
		height: 42px !important;
		visibility: hidden
	}
	#main-visual .bxslider li div span.tit {
		font-size: 16px
	}
	#main-visual .bxslider li div span.txt {
		display: none
	}
	#quick-menu ul.set4 li .quick_icon {
		padding: 0 12px 0 30px
	}
	#quick-menu ul.set5 li .quick_icon {
		padding: 0 12px 0 30px
	}
	#quick-menu ul.set4 li .quick_txt {
		margin-top: 45px
	}
	#quick-menu ul.set5 li .quick_txt {
		margin-top: 45px
	}
	#quick-menu ul li:nth-of-type(2n) {
		border-right: 1px solid #d5d5d5
	}
	#kogl {
		display: none
	}
	.wj_li>#notice_view>.list {
		padding-top: 9px
	}
	.wjq_banner {
		position: relative;
		width: 100%;
		margin-left: 0
	}
	.wjq_banner_box {
		width: 100%;
		height: 23%
	}
	.wjq_banner_box a .wj_banner_img {
		background: #fff
			url("/kor/resource/images/main/nrich_wj/wj_banner_tb.png") center
			no-repeat;
		width: 100%;
		height: 100%
	}
	.wjq_banner_box a img {
		display: none
	}
	.wj_import_menu {
		position: relative;
		width: 100%;
		display: inline-block;
		padding-top: 15px
	}
	.wj_import_menu div {
		width: 50%;
		height: 76px;
		float: left;
		background-color: #fff;
		border: 1px solid #dddddd;
		box-sizing: border-box;
		text-align: center
	}
	.wj_import_menu div a {
		color: #000;
		line-height: 76px
	}
	.wj_import_menu div a img {
		padding: 0 10px 0 0;
		vertical-align: middle
	}
	.wj_import_menu .wj_menu01 {
		margin-right: 0;
		border-right: 0
	}
	.wj_quick {
		background: #fff;
		width: 100%;
		padding: 30px 0;
		display: inline-block;
		position: relative
	}
	.wj_quick>container {
		padding: 25px 15px
	}
	.wj_quick_box {
		width: 100%;
		height: 74px
	}
	.wj_quick ul li {
		float: left;
		width: 50%;
		text-align: center;
		border-right: 1px solid #fefefe;
		box-sizing: border-box;
		background: #246347
			url("/kor/resource/images/main/nrich_wj/wj_quick_bg.png") no-repeat
	}
	.wj_quick ul li:nth-child(even) {
		border-right: 0
	}
	.wj_quick ul li:nth-child(3), .wj_quick ul li:nth-child(4) {
		border-top: 1px solid #fefefe
	}
	.wj_quick ul li a {
		color: #fff;
		font-size: 16px;
		padding: 10px 0;
		line-height: 74px
	}
	.wj_quick ul li a img {
		vertical-align: middle;
		line-height: 74px;
		padding: 0 10px
	}
	.board-search .reset-btn {
		width: 55px;
	}
}

@media ( max-width :767px) {
	#wrap {
		
	}
	.m-none {
		display: none !important
	}
	.c-bt>div {
		float: none
	}
	.c-bt>div.w-wp20 img, .c-bt>div.w-wp30 img, .c-bt>div.w-wp40 img {
		width: 100%
	}
	.result-wrap .img-wrap span, .ex {
		 padding: 5px 5px 
	}
	#lnb .container div.snsbox {
		display: none
	}
	.bx-controls-direction {
		
	}
	.bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -16px;
		outline: 0;
		width: 32px;
		height: 32px;
		text-indent: -9999px;
		z-index: 888
	}
	.bx-wrapper .bx-controls-direction a, .bx-controls-direction .bx-prev {
		z-index: 888
	}
	.bx-controls-direction .bx-next {
		right: 10px;
		background: url(../js/jquery.bxslider/images/controls.png) no-repeat
			-43px -32px
	}
	#board {
		float: none;
		top: 15px;
		width: 100%;
		min-height: 280px;
		margin-bottom: 30px;
		padding-bottom: 10px;
		border-bottom: 1px solid #c1c5c9
	}
	#board:after {
		clear: both;
		display: block;
		content: ""
	}
	#board .tab>li {
		width: 22%;
		background-position-y: center
	}
	#board .tab.set2>li {
		width: 45%
	}
	#board .tab.set3>li {
		width: 30%
	}
	#board .tab.set4>li {
		width: 22%
	}
	#board .tab>li>a {
		font-size: 14px;
		text-align: center
	}
	#board .list>li>a {
		padding: 10px 0;
		background: none
	}
	#board .list>li>ul {
		padding-top: 5px
	}
	#board .list>li>ul>li>a .tit {
		width: 65%
	}
	#board .list>li>ul>li>a .date {
		width: 30%
	}
	#board .tab>li>div.more {
		top: -35px !important;
		right: 0 !important;
		margin-top: 42px;
		margin-right: 14px
	}
	.table-form td ul li a, .table-view td ul li a {
		white-space: normal
	}
	#import-menu2>div img {
		margin-left: 20px
	}
	#import-menu2>div span {
		margin-left: -5px
	}
	#main-banner {
		top: -3000px;
		visibility: hidden
	}
	#import-menu {
		float: none;
		width: 100%;
		margin: 0
	}
	#historic ul {
		margin: -20px 0
	}
	#historic ul li {
		width: 50%
	}
	#historic ul li a {
		padding: 15px 0
	}
	#historic a .tit {
		font-size: 14px;
		text-align: center;
		margin-top: 12px
	}
	#historic a .txt {
		display: none
	}
	#historic a img {
		display: block;
		position: relative;
		top: 28px;
		left: 0;
		right: 0;
		margin: 8px auto;
		width: 60px;
		height: 60px
	}
	#historic a .more {
		display: block;
		width: 110px;
		text-align: center;
		margin: 0 auto
	}
	#historic ul li.m-no-line {
		border: 0
	}
	#link-wrap {
		margin: 0
	}
	#link-wrap div {
		width: 50%
	}
	#link-wrap div p {
		margin: 0;
		font-size: 15px;
		letter-spacing: -0.040em
	}
	#f-banner {
		margin: 0 15px
	}
	#footer {
		position: relative;
		height: 130px
	}
	.f-menu {
		margin-left: 0 !important;
		padding-top: 20px !important;
		text-align: center
	}
	.f-menu:after {
		display: block;
		clear: both;
		content: ""
	}
	.f-menu>li {
		position: inherit;
		float: none
	}
	.f-menu>li>a {
		display: block;
		padding: 2px 10px;
		color: #666;
		font-size: 14px;
		letter-spacing: -0.040em
	}
	address {
		margin: 10px 20px 0 !important;
		text-align: center;
		line-height: 160%
	}
	address a {
		display: block;
		margin: 0 1px;
		padding: 0 10px;
		color: #125f9c;
		font-size: 13px;
		background: none
	}
	p.copyright {
		position: relative;
		margin: 8px 0 15px !important;
		text-align: center
	}
	.main-work h2 {
		padding-bottom: 0;
		font-size: 18px
	}
	.main-work li {
		display: block;
		float: none !important;
		width: 100% !important;
		margin: 0 !important
	}
	.main-work>div>div {
		margin: 10px 0
	}
	.main-work .bx-wrapper {
		max-width: 100% !important
	}
	.bx-viewport {
		height: auto !important
	}
	#main-visual .bxslider li div span.tit {
		margin-left: 30px;
		margin-right: 30px;
		line-height: 28pt;
		padding: 0
	}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto,
		#main-visual .bx-controls .bx-pager {
		bottom: 25px;
		visibility: hidden
	}
	.main-work ul.list {
		width: 100% !important;
		margin: 0;
		transition-duration: inherit !important;
		transform: none !important
	}
	.main-work li>div {
		
	}
	.main-work li a {
		min-height: inherit
	}
	.main-work li a img {
		height: auto;
		max-height: 180px
	}
	.main-work li a span.tit {
		font-size: 16px
	}
	.main-work>div .control {
		display: none;
		top: 2px;
		width: 76px
	}
	#quick-menu ul {
		margin: 0
	}
	#quick-menu ul li {
		width: 100%;
		border-right: 1px solid #cacaca;
		border-top: 1px dashed #cacaca;
		margin-top: 20px
	}
	#quick-menu ul li:first-child {
		margin: 0;
		padding: 0
	}
	#quick-menu a span.txt {
		min-height: inherit
	}
	#quick-menu ul.set4 li .quick_icon {
		padding: 0 3% 0 8%
	}
	#quick-menu ul.set5 li .quick_icon {
		padding: 0 3% 0 8%
	}
	#quick-menu.set5 ul li {
		width: 100%;
		margin: 20px 0 0;
		padding: 20px 0;
		border-top: 1px dashed #cacaca
	}
	#book-wrap {
		width: 100%;
		margin: 0
	}
	#book-wrap:after {
		display: block;
		clear: both;
		content: ""
	}
	#book-wrap>div {
		display: inline-block;
		float: none;
		width: 100%;
		margin: 0
	}
	#book-wrap>div>div {
		margin: 10px 0
	}
	#book-wrap.bojon-wrap .bojon-box div {
		min-height: 105px;
		margin: 0;
		margin-top: -1px;
		margin-left: -1px;
		background-position: center 13px
	}
	#book-wrap.bojon-wrap .wanju-box div {
		min-height: 105px;
		margin: 0;
		margin-top: -1px;
		margin-left: -1px;
		background-position: center 50px
	}
	#book-wrap.bojon-wrap .bojon-box div h2 a {
		font-size: 14px
	}
	h3.tit {
		margin-bottom: 20px;
		padding-bottom: 21px;
		background: url("../images/sub/line-h3.png") left bottom repeat-x;
		color: #45495b;
		font-size: 23px
	}
	#table-wrap {
		margin-top: 60px
	}
	.table-webzine {
		margin-top: 0 !important
	}
	#table-wrap>div {
		margin-top: 0
	}
	#table-wrap>#major {
		margin-top: -75px !important
	}
	.board-search {
		padding: 15px;
		background: #f2f2f2;
		text-align: center;
		margin: 0
	}
	.board-search .input-button {
		position: relative;
		display: block;
		margin-top: 10px;
		padding-right: 35px
	}
	.board-search select {
		width: 100%;
		height: 30px;
		padding: 4px 25px 4px 9px;
		font-size: 1em;
		background: #fff url("../images/sub/icon-select-arrow.png") no-repeat
			right center
	}
	.board-search select+select {
		margin-top: 10px
	}
	.board-search input[type='text'] {
		width: 100%;
		height: 30px;
		font-size: 1em
	}
	.board-search button {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: #4d5360 url("../images/sub/btn-search.png") no-repeat center
			center;
		background-size: 16px 16px;
		text-indent: -9999px
	}
	.board-search > .input-button > .reset-btn{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: #4d5360 url("/kor/resource/images/sub/btn-reset.png") no-repeat center center;
		background-size: 16px 16px;
		text-indent: -9999px;
	}
	.table-group table th, .table-group table td {
		
	}
	.table-list th, .table-list td {
		border-right: 1px solid #dedede
	}
	#research-wrap {
		margin-top: 20px
	}
	.research p.tit {
		padding: 10px 10px 10px 55px
	}
	.research p.tit strong:first-child {
		padding: 0;
		margin: 0
	}
	.research>div span {
		display: block
	}
	.research>div span.input-wrap {
		padding-top: 5px
	}
	.research>div span input[type="radio"]:first-child {
		margin-left: 0
	}
	.research>div input[type="submit"] {
		top: 5px
	}
	.nuri p.txt {
		width: 100%;
		padding-left: 0
	}
	.nuri p.txt span {
		
	}
	.nuri p.txt span:first-child {
		padding: 0;
		margin: 0
	}
	.nuri img {
		position: relative;
		top: 0;
		padding-top: 6px
	}
	#guide-txt .layer {
		background-position: center top
	}
	#guide-txt .layer-inner {
		padding-top: 90px;
		padding-left: 0
	}
	.related-sites li {
		width: 100%;
		margin: 5px 0 !important
	}
	#greet {
		margin-bottom: 0 !important;
		padding-bottom: 20px !important;
		background: none !important;
		padding-left: 0
	}
	#greet .tit, #greet .txt {
		padding-bottom: 0
	}
	#greet .sign {
		margin-top: 20px
	}
	.result-wrap {
		margin: 0
	}
	.result-wrap .img-wrap>div {
		width: 100%
	}
	.result-wrap .img-wrap img {
		height: auto
	}
	.mission {
		
	}
	.vision .txt ul:after {
		display: block;
		clear: both;
		content: ""
	}
	.vision .txt li {
		float: left;
		width: 50%;
		margin: 0
	}
	.vision .txt li div {
		min-height: 80px;
		margin: 10px;
		padding: 30px 15px !important
	}
	.goal {
		margin-left: 0
	}
	.goal .layer {
		width: 259px
	}
	.goal .txt ul {
		width: auto
	}
	.goal .txt li {
		width: 100%
	}
	.goal .txt li div {
		float: none;
		width: 100%;
		margin-left: 0;
		border-left: 0
	}
	.goal .txt ul li ul {
		margin: 15px 20px 0
	}
	.goal .txt ul li ul li {
		margin: 15px 2px 0
	}
	.goal .txt li:first-child div {
		margin-bottom: 20px
	}
	#history .history {
		width: 230px;
		height: 230px;
		margin: 20px auto 0
	}
	#history .round {
		display: none
	}
	#history .list>ul>li:first-child {
		padding-top: 0
	}
	#history .list>ul>li, #history .list>ul>li.right {
		float: none;
		width: 100%;
		margin: 0;
		border: 0
	}
	#history .list div, #history .list>ul>li.right div {
		margin: 20px auto 0;
		padding: 3px 0 3px;
		border: 1px solid #e4e4e4;
		border-radius: 5px;
		background: #f1f1f1;
		text-align: left;
		font-size: 26px;
		text-align: center
	}
	#history .list div span {
		display: none
	}
	#history .list ul li ul {
		padding: 3px 0
	}
	#history .list ul li li strong, #history .list ul li.right li strong,
		#history .list ul li li span, #history .list ul li.right li span {
		display: block;
		float: none;
		width: 100%;
		text-align: left
	}
	#org ul.detail li {
		width: 70%
	}
	.process ul li {
		width: 100%;
		background: url(../images/sub/icon-arrow-process.png) 6px 34px no-repeat
	}
	.process ul li:first-child div {
		margin-top: 0 !important
	}
	.process .m-m1 div {
		margin: 15px 0 0 30px !important
	}
	.process .m-p2 {
		background-position-y: 67px
	}
	.process .m-p2 div {
		margin: 15px 0 0 30px !important;
		padding: 42px 10px 60px !important
	}
	.process ul li span.top, .process ul li span.bottom {
		width: 99.7%
	}
	#i-pin>div {
		float: none;
		width: 100%;
		margin: 15px 0
	}
	#gallery-ex {
		
	}
	#gallery-ex>div {
		float: none;
		width: 100%;
		border-left: 0
	}
	#gallery-ex>div.first {
		border: 0
	}
	#gallery-ex>div img.map {
		display: block;
		margin: 20px auto
	}
	#gallery-ex>div:after {
		display: block;
		clear: both;
		content: ""
	}
	#gallery-ex dl {
		margin: 0;
		padding: 25px 0;
		border-top: 1px dashed #d2d2d2
	}
	#gallery-ex dl.first {
		border-top: 0
	}
	#gallery-ex dt {
		font-size: 20px
	}
	#gallery-ex dt img {
		padding-right: 7px;
		vertical-align: middle
	}
	#gallery-ex dd {
		margin-left: 0;
		padding-top: 5px;
		padding-left: 9px;
		background: url(../images/common/bul-menu1.png) left 14px no-repeat;
		color: #555;
		font-size: 13px;
		line-height: 150%
	}
	#gallery-ex dd strong {
		font-size: 14px
	}
	.bbs_gallery ul.list li {
		width: 96%
	}
	.bbs_gallery ul.list li a .photo {
		min-height: 140px
	}
	.bbs_gallery ul.list li a .photo img {
		max-height: 200px
	}
	.exhibit-wrap .img-wrap {
		width: 100%;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #dedede
	}
	.exhibit-wrap .img-wrap img {
		
	}
	.exhibit-wrap .txt-wrap {
		width: 100%;
		border-left: 0
	}
	.exhibit-wrap .txt-wrap dl {
		padding: 10px 0
	}
	.exhibit-wrap .txt-wrap dl dt {
		width: auto
	}
	.exhibit-wrap .txt-wrap dl dd {
		width: 100%
	}
	.exhibit-wrap .txt-wrap dl dt, .exhibit-wrap .txt-wrap dl dd {
		display: block;
		margin-left: 0
	}
	.image-col-fixed-list li {
		width: 50%
	}
	.image-col-fixed-list a span {
		
	}
	.btn-group .left a, .btn-group .left input[type="submit"] {
		float: none
	}
	.bg-office {
		background-size: 100%
	}
	.wj_li>#notice_view>.list {
		padding-top: 11px
	}
	.wjq_banner {
		position: relative;
		width: 100%;
		margin-left: 0
	}
	.wjq_banner_box {
		width: 100%;
		height: 23%
	}
	.wjq_banner_box a .wj_banner_img {
		background: #fff
			url("/kor/resource/images/main/nrich_wj/wj_banner_m.png") center
			no-repeat;
		width: 100%;
		height: 100%
	}
	.wjq_banner_box a img {
		display: none
	}
	.wj_import_menu {
		position: relative;
		width: 100%;
		display: inline-block;
		padding-top: 15px
	}
	.wj_import_menu div {
		width: 50%;
		height: 76px;
		float: left;
		background-color: #fff;
		border: 1px solid #dddddd;
		box-sizing: border-box;
		text-align: center
	}
	.wj_import_menu div a {
		color: #000;
		line-height: 76px
	}
	.wj_import_menu div a img {
		padding: 0 10px 0 0;
		vertical-align: middle
	}
	.wj_import_menu .wj_menu01 {
		margin-right: 0;
		border-right: 0
	}
	.wj_quick {
		background: #fff;
		width: 100%;
		padding: 30px 0;
		display: inline-block;
		position: relative
	}
	.wj_quick>container {
		padding: 25px 15px
	}
	.wj_quick_box {
		width: 100%;
		height: 56px
	}
	.wj_quick ul li {
		float: left;
		width: 50%;
		text-align: center;
		border-right: 1px solid #fefefe;
		box-sizing: border-box;
		background: #246347
	}
	.wj_quick ul li:nth-child(even) {
		border-right: 0
	}
	.wj_quick ul li:nth-child(3), .wj_quick ul li:nth-child(4) {
		border-top: 1px solid #fefefe
	}
	.wj_quick ul li a {
		color: #fff;
		font-size: 16px;
		padding: 10px 0;
		line-height: 56px
	}
	.wj_quick ul li a img {
		display: none
	}
}

@media ( max-width :480px) {
	.process ul li span.top, .process ul li span.bottom {
		width: 99.4%
	}
	#main-visual .bxslider li div span.txt {
		display: none
	}
	#board .tab>li>a {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media ( min-width :768px) and (max-width:1199px) {
	.t-none {
		display: none !important
	}
	.bx-wrapper .bx-controls-direction a, .bx-controls-direction .bx-prev {
		z-index: 888
	}
	#lnb a {
		font-size: 13px
	}
	#lnb .container div.snsbox {
		display: none
	}
	#top-manu li.quickmenu {
		color: #fff
	}
	#board {
		float: none;
		width: 100%;
		height: 300px;
		margin-bottom: 30px;
		padding-bottom: 10px;
		border-bottom: 1px solid #c1c5c9
	}
	#board .list>li>ul {
		padding-top: 5px
	}
	#board .tab.set2>li {
		width: 47%
	}
	#board .tab.set3>li {
		width: 30%
	}
	#board .tab.set4>li {
		width: 23%
	}
	#main-banner {
		top: -3000px;
		visibility: hidden
	}
	#import-menu {
		float: none;
		width: 100%;
		margin: 0
	}
	#historic ul {
		margin: -20px 0
	}
	#historic ul li {
		width: 50%
	}
	#historic ul li a {
		padding: 10px 0
	}
	#historic a .tit {
		font-size: 14px;
		margin-top: 10px
	}
	#historic a .txt {
		text-align: left;
		margin: -29px 30px 0 45px;
		font-size: 11.5px
	}
	#historic a img {
		right: 45%;
		width: 60px;
		height: 60px
	}
	#historic ul li.m-no-line {
		text-align: center
	}
	#link-wrap {
		margin: 0
	}
	#link-wrap div {
		width: 50%
	}
	#link-wrap div p {
		margin: 0
	}
	#f-banner {
		margin: 0 15px
	}
	#footer {
		position: relative;
		height: 130px;
		background-color: #4d4d4d
	}
	.f-menu {
		margin-left: 0 !important;
		padding-top: 20px !important;
		text-align: center
	}
	.f-menu:after {
		display: block;
		clear: both;
		content: ""
	}
	.f-menu>li {
		position: inherit;
		float: none
	}
	.f-menu>li>a {
		display: block;
		padding: 2px 10px;
		color: #fffefe;
		font-size: 14px;
		letter-spacing: -0.040em
	}
	address {
		margin: 10px 20px 0 !important;
		text-align: center;
		line-height: 160%
	}
	p.copyright {
		position: relative;
		margin: 8px 0 15px !important;
		text-align: center
	}
	.main-work h2 {
		padding-bottom: 0;
		font-size: 18px
	}
	.main-work li {
		display: block;
		width: 50% !important;
		margin: 0 !important
	}
	.main-work>div>div {
		margin: 10px 0
	}
	.main-work .bx-wrapper {
		max-width: 100% !important
	}
	.bx-viewport {
		height: auto !important
	}
	#main-visual .bxslider li div span.tit {
		padding: 30px 0 15px 50px
	}
	#main-visual .bx-viewport ul li div.bx-caption span.txt {
		display: none
	}
	#main-visual .bxslider li div span.tit {
		padding: 0;
		float: left;
		margin-left: 80px;
		margin-right: 80px;
		line-height: 28pt
	}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto,
		#main-visual .bx-controls .bx-pager {
		bottom: 45px;
		visibility: hidden
	}
	.main-work ul.list {
		width: 100% !important;
		margin: 0;
		transition-duration: inherit !important;
		transform: none !important
	}
	.main-work li>div {
		
	}
	.main-work li a {
		min-height: inherit
	}
	.main-work li a img {
		height: auto;
		max-height: 180px
	}
	.main-work li a span.tit {
		font-size: 16px
	}
	.main-work>div .control {
		display: none;
		top: 2px;
		width: 76px
	}
	#quick-menu ul {
		margin: 0
	}
	#quick-menu ul li {
		width: 50%;
		vertical-align: middle;
		margin-top: 20px
	}
	#quick-menu ul li:nth-child(1), #quick-menu ul li:nth-child(2) {
		margin-top: 0
	}
	#quick-menu ul.set5 li:last-child {
		float: left;
		margin-left: 5px;
		border-right: 1px solid #d5d5d5
	}
	#book-wrap {
		width: auto;
		margin: -10px
	}
	#book-wrap:after {
		display: block;
		clear: both;
		content: ""
	}
	#book-wrap>div {
		display: inline-block;
		float: left;
		width: 50%;
		margin: 0
	}
	#book-wrap>div>div {
		margin: 10px
	}
	.vision .txt li div {
		margin: 1px
	}
	.goal .txt ul {
		width: 98%
	}
	.goal .txt ul li ul {
		margin: 15px 25px 0
	}
	#org ul.detail li {
		width: 19%
	}
	.process ul li {
		width: 50%;
		background-position-y: 53px
	} /* .process ul li:first-child div{margin-top:0 !important} */
	.process .t-m1 {
		background-position-y: 18px
	}
	.process .t-m2, .process .t-m3 {
		background-position-y: 88px
	}
	.process .t-m1 div {
		margin: 0 0 0 30px !important
	}
	.process .t-m2 div {
		margin: 35px 0 0 30px !important
	}
	.process .t-p1 div {
		padding: 17px 3px 15px !important
	}
	.process .t-m3 div {
		margin-top: 70px !important
	}
	.process ul li span.top, .process ul li span.bottom {
		width: 99.7%
	}
	.bbs_gallery ul.list li {
		width: 48.5%
	}
	.bbs_gallery ul.list li a .photo {
		min-height: 210px
	}
	.bbs_gallery ul.list li a .photo img {
		max-height: 240px
	}
	.related-sites li {
		width: 48%
	}
	.exhibit-wrap .txt-wrap dl dd {
		width: 80%
	}
}

@media ( min-width :1200px) {
	.container {
		position: relative;
		margin: 0 auto;
		width: 1200px
	}
	.mapWrapper {
		margin: 0 auto;
		width: 1200px
	}
	.w-none {
		display: none !important
	}
	#header {
		width: 100%;
		max-height: 210px
	}
	#lnb>.container {
		margin: 0 auto;
		width: 1200px
	}
	#lnb ul:after {
		display: block;
		clear: both;
		content: ""
	}
	#lnb li {
		display: inline-block;
		float: left;
		width: 122px
	}
	#lnb a {
		display: block;
		margin-left: -1px;
		padding: 13px 0 0;
		color: #000;
		font-size: 13px;
		text-align: center;
		vertical-align: middle
	}
	#lnb a:hover, #lnb a:focus {
		text-decoration: underline
	}
	ul#gnb>li.active {
		height: 60px
	}
	ul#gnb>li:hover {
		height: 60px
	}
	#lnb li.active a {
		background: #fff;
		color: #333;
		font-weight: bold;
		text-decoration: none
	}
	#lnb>.container li::after {
		content: url(../images/common/lnb-bar.png)
	}
	.youtb a, .fb a, .tt a, .nb a, .in a {
		display: none
	}
	#gnb {
		position: relative;
		height: 60px;
		margin-top: 105px;
		z-index: 999;
		text-align: center
	}
	.bg-gnb {
		display: none;
		position: absolute;
		top: 210px;
		left: 0;
		width: 100%;
		width: 100%;
		background: #2e5c94 url("../images/common/bg-gnb.png") top center
			no-repeat;
		z-index: 50
	}
	.bg-portal {
		display: none;
		position: absolute;
		top: 210px;
		left: 0;
		width: 100%;
		width: 100%;
		background: #772b33 url("../images/common/bg-portal.png") 0 0 repeat-x;
		z-index: 50
	}
	ul#gnb:after {
		display: block;
		clear: both;
		content: ""
	}
	ul#gnb {
		width: 1200px
	}
	ul#gnb>li>ul>li img {
		display: inline-block;
		padding-left: 8px;
		vertical-align: middle
	}
	ul#gnb>li {
		position: relative;
		display: inline-block;
		float: left;
		text-align: center;
		width: 20%
	}
	ul#gnb.bojon>li {
		width: 25%
	}
	ul#gnb>li:first-child {
		
	}
	ul#gnb>li>a {
		display: block;
		padding: 19px;
		font-size: 16px;
		z-index: 10
	}
	ul#gnb>li>a:hover, div>ul>li>a:focus, div>ul>li.active>a {
		font-weight: bold
	}
	ul#gnb>li:first-child>ul {
		
	}
	ul#gnb>li>ul {
		position: absolute;
		top: 61px;
		left: 0;
		width: 100%;
		min-height: 414px;
		z-index: 999
	}
	ul#gnb>li>ul>li {
		display: block;
		float: none
	}
	ul#gnb>li>ul>li>a {
		display: block;
		padding: 8px 20px;
		color: #fff;
		font-size: 15px;
		text-align: left
	}
	ul#gnb>li>ul>li:first-child {
		padding-top: 40px
	}
	ul#gnb li.portal>ul>li:first-child>a {
		padding-top: 0
	}
	ul#gnb>li>ul>li>a:hover, ul#gnb>li>ul>li>a:focus {
		background: #0d3463;
		color: #fff;
		text-decoration: none
	}
	#import-menu .report .content .img>div .tit {
		display: inline-block;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 150px;
		white-space: nowrap
	}
	.bx-wrapper .bx-caption span {
		padding: 25px 30px 0 30px;
		font-family: 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림',
			Gulim;
		font-size: 18px;
		line-height: 1
	}
	.bx-wrapper .bx-caption span.txt {
		margin: 0 20px 20px 0;
		font-family: 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림',
			Gulim;
		font-size: 26px;
		letter-spacing: -0.040em;
		line-height: 160%
	}
	#main-visual #one-h-percent .bx-controls {
		display: none
	}
	.bx-controls-direction {
		display: none
	}
	#historic ul li.w-no-line:nth-of-type(4), #historic ul li.w-no-line:nth-of-type(8)
		{
		border-right: none
	}
	#quick-menu ul.set4 li {
		width: 25%
	}
	#quick-menu ul.set5 li {
		width: 20%
	}
	#main-visual #one-h-percent .container {
		visibility: visible
	}
	#import-menu .report .content .img>div a img {
		max-height: 142.25px
	}
	#historic ul li>img {
		display: none
	}
	#m_kogl {
		display: none
	}
}

@media ( max-width :320px) {
	#table-wrap>div>select {
		min-width: 140px !important;
		padding: 8px 28px 8px 10px
	}
	#table-wrap>div>select:FIRST-CHILD {
		width: 140px !important
	}
	#table-wrap>div>.btn99 {
		float: right !important;
		margin-top: 5px
	}
}

@media ( max-width :767px) {
	.web-mt-75 {
		margin-top: -75px !important
	}
	.web-mt-45 {
		margin-top: 45px !important
	}
	#li1 {
		padding-top: 35px
	}
}