#gnbmn ul.depth1{margin:0 100px;}
#gnbmn ul.depth1 > li > a{padding:0;}
#gnbmn ul.depth1 > li{width:calc(100% / 4);}
#gnbmn .depth2#top2m3 #top2m3m1 a:after{content:"Here is the current status of the \A herbal medicine database held by KMMB."}
#gnbmn .depth2#top2m1 #top2m1m1 a:after{content:"KMMB extracts natural compounds from diverse \A materials and offers bioconversion-based resources to researchers.";}
#gnbmn .depth2#top2m4 #top2m4m1 a:after{content:"KMMB shares physical property data \A of its herbal medicine collection."}

#main-field .d_width>.txt{width:calc(100% - 630px);}
.field-mn a{width:220px; font-size:16px; margin-left:5px;}
.mbnr a:before{right:20px; bottom:20px;}
@media only screen and (max-width:1600px){
	#gnbmn ul.depth1{margin:0 200px;}
	#logo{left:30px;}
}

@media only screen and (max-width:1440px){
	#gnbmn ul.depth1{margin:0 100px 0 200px;}
	
}
@media only screen and (max-width:1240px){
	#gnbmn ul.depth1 > li > a{font-size:16px;}
	#gnbmn ul.depth1{margin:0 100px 0 150px;}
	#header.fix #gnbmn ul.depth1 > li > a{font-size:1.0125rem;}
	#main-field .d_width>.txt{width:100%;}
	.field-mn{margin-top:20px;}
}

@media only screen and (max-width:767px){
	#main-notice .more{font-size:13px;}
	#main-field .d_width>.txt{float:none;}
	.field-mn{float:none; margin-top:10px;}
	.field-mn a{font-size:13px; width:calc(50% - 10px);}
	.field-mn a:nth-child(3){margin-top:5px;}
	#sub-visual{padding-top:50px;}
	.search-bx .sch-btn:after{content:"Search";}
	.property .bg_gr .text-sm{line-height:1.2;}
}
@media only screen and (max-width:500px){
	.field-mn a{margin-left:0; width:100%;}
	.field-mn a:not(:first-child){margin-top:5px;}
	
}

@media only screen and (max-width:415px){
	.mbnr a{font-size:16px;}
	section .bx .tit{font-size:18px;}
	
}