#wrap{position:relative;width:100%;min-width:320px;margin:0 auto;height:100vh;text-align:center;}


@keyframes slide_up{
  0%{
    height:340px;
  }
  100%{
    height:0px;
  }
}

@keyframes slide_down{
  0%{
    height:0px;
  }
  100%{
    height:340px;
  }
}


@media (max-width: 979px) {

	#m_gnb{
		position: fixed;
		display: block;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
		background: #f1fafe;
		z-index: 100;
		overflow-y: auto;
		opacity:0;
	}
	

	#lnb{position:relative;border-top:#4fbbed 1px solid;display:flex;flex-direction: column;flex-wrap: nowrap;}
	#lnb .leftm{background:#0088df url('/img/topm_on.png') no-repeat 95% 50%;height:62px;line-height:62px;font-size:18px;color:#fff;text-align:left;border-bottom:#4fbbed 1px solid;text-indent:24px;}
	#lnb .sub_on{background:#18a5e7 url('/img/topm_off.png') no-repeat 95% 50%;color:#fff;}
	#lnb .leftm_prm{    background: #78bb02 url(/img/play_icon.png) no-repeat 96% 50%;height:62px;line-height:62px;font-size:18px;color:#fff;text-align:left;border-bottom:#4fbbed 1px solid;text-indent:24px;}

	.subm {background:#b8e4ff;padding:5px 0 20px 0;display:flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;justify-content: center;}
	.subm ul{}
	.subm li {color:#000;line-height:34px;height:34px;font-size:16px;text-indent:38px;background:url('/img/leftm_subicon.png') no-repeat 28px 50%;}
	.subm li a.on{color:#000;opacity:1;}

	.leftm_btn{display:flex;gap:5px;margin:20px 0 20px 0;justify-content: center;}
	.leftm_btn .btn_type1{display:inline-block;cursor:pointer;width:40%;height:50px;line-height:50px;text-align:center;border:#18a5e7 1px solid;background:#fff;color:#000;font-size:18px;border-radius:5px;}
	.leftm_btn .btn_type2{display:inline-block;cursor:pointer;width:40%;height:50px;line-height:50px;text-align:center;background:#18a5e7;color:#fff;font-size:18px;border-radius:5px;}


	.side_menu .top_logo{
		color:#7b7b7b;
		font-size:12px;
	}
	.side_menu .top_logo b{
		color:#000;
		font-size:14px;
	}
	.side_menu .menu_top {
		padding:0 22px;
		height: 52px;
		display: flex;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
	}
	.side_menu .menu_top .top_close {
		width: 24px;
		cursor:pointer;
		margin:0 0 0 0;
	}
	.side_menu .menu_top .top_close img {
		width: 100%;
	}

	.sub_drop{
		display:none;
	}
	.header .mobile_gnb {
		display: block;
		padding:0 22px;
	}
	.header .mobile_gnb .btn_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 24px;
		height: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		cursor: pointer;
		z-index: 102;
	}
	

	.header .mobile_gnb .btn_wrap img{
		width:24px;height:25px;
	}
	.mobile_gnb .btn_wrap span:nth-child(odd) {
		margin-right: 9px;
	}
	.mobile_gnb .btn_wrap span {
		width: 7px;
		height: 7px;
		background-color: #fff;
		border-radius: 50%;
		display: block;
		margin-bottom: 9px;
	}
	.header .mobile_gnb .top_close {
		width: 24px;
		height: 24px;
		cursor:pointer;
		display:none;
	}
	.header .mobile_gnb .top_close img {
		width: 24px;
	}

	.header {
		width: 100%;
		height: 52px;
		position:fixed;
		top: 0;
		left: 0;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
		z-index: 99;
		background-color: #fff;
	}

	.header_inner{
		width: 100%;
		height: 52px;
		margin:0 auto;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		justify-content: space-between;
	}
	.header .header_logo {
		width:80px;
		height: 52px;
		margin:0 0 0 20px;
		background:url(/img/logo.svg) no-repeat 50% 50%;
		background-size: contain;
		text-indent: -9999em;
		cursor:pointer;
	}
	.header .header_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 52px;
		align-items: center;
	}
	.header .header_menu > li {
		display:none;
	}
	.header .header_menu > .prm_play_mobile{width:135px;height:33px;line-height:33px;background:#78bb02 url('/img/play_icon.png') no-repeat 10px 50%;color:#fff;border-radius:80px;padding:0 0 0 22px;cursor:pointer;font-size:15px;}
	.header .header_menu > .prm_play_mobile:hover{text-decoration:none;}
	.header .header_menu > .prm_play{display: none;}

	.header .header_other {
		display:none;
	}
}

@media (min-width: 980px) and (max-width: 1539px) {

	#m_gnb{
		display: none;
	}

	.sub_drop{
		position:relative;
		display:none;
		z-index:1000;
		width:100%;
		background:#f1f8ff;
		height:280px;
		border-bottom:#e0e0e0 1px solid;
		border-top:#e0e0e0 1px solid;
	}
	.sub_drop_w{display:flex;width:100%;margin:0 auto;justify-content: flex-start;}
	.sub_drop_w .sub_div1{width:7%;height:200px;}
	.sub_drop_w .sub_div2{width: 70%;display:flex;flex-wrap: nowrap;flex-direction: row;}
	.sub_drop_w .sub_div2 li{width:17%;text-align:left;font-size:12px;color:#222222;padding:10px 0 0 18px;line-height:200%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.sub_drop_w .sub_div2 li.last{width:155px;height:auto;font-size:11px;line-height:180%;padding:10px 0 0 40px;}
	.sub_drop_w .sub_div2 li.last a{color:#919191;}
	.sub_drop_w .sub_div3{text-align:left;font-size:11px;line-height:180%;color:#919191;padding:10px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.sub_drop_w .sub_div3 a{color:#919191;}


	.header .mobile_gnb {
		display: none;
	}

	.header {
		width: 100%;
		height: 100px;
		position:fixed;
		top: 0;
		left: 0;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
		z-index: 99;
		background-color: #fff;
	}

	.header_inner{
		max-width:1600px;
		height: 100px;
		margin:0 auto;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		justify-content: space-between;
	}
	.header .header_logo {
		margin:0 0 0 15px;
		width: 7%;
		height: 44px;
		background:url(/img/logo.svg) no-repeat 50% 50%;
		background-size: contain;
		text-indent: -9999em;
		cursor:pointer;
	}
	.header .header_menu > li {
		position: relative;
		color:#000;
		font-size:16px;
		padding:0 0;
		text-align:center;
		height:100px;
		line-height:100px;
		width:17%;
	}
	.header .header_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height:100px;
		align-items: center;
		width:68%;
		overflow:hidden;
	}
	.header .header_menu > li:hover{color:#0240df;text-decoration:underline;cursor:pointer;}
	.header .header_menu > .prm_play{width:155px;height:45px;line-height:45px;background:#78bb02 url('/img/play_icon.png') no-repeat 10px 50%;color:#fff;border-radius:80px;padding:0 0 0 22px;cursor:pointer;}
	.header .header_menu > .prm_play:hover{text-decoration:none;}
	.header .header_menu > .prm_play_mobile{display:none;}
	.header .header_other {
		display: grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		width: 25%;
		justify-content: flex-end;
		white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	}
	.header .header_other li.joinlink{font-family: 'Noto Sans KR Bold';color:#0240df;text-decoration:underline;}

}
@media (min-width: 1540px) {

	#m_gnb{
		display: none;
	}

	.sub_drop{
		position:relative;
		display:none;
		z-index:1000;
		width:100%;
		background:#f1f8ff;
		height:280px;
		border-bottom:#e0e0e0 1px solid;
		border-top:#e0e0e0 1px solid;
	}
	.sub_drop_w{display:flex;width:1600px;margin:0 auto;	align-items: flex-start;justify-content: space-between;}
	.sub_drop_w .sub_div1{width: 9%;height:200px;}
	.sub_drop_w .sub_div2{width: 76%;display:flex;flex-wrap: nowrap;flex-direction: row;}
	.sub_drop_w .sub_div2 li{width:17%;text-align:left;font-size:15px;color:#000;padding:20px 0 0 18px;line-height:200%;white-space:normal;word-break:keep-all;}
	.sub_drop_w .sub_div2 li.last{width:155px;height:auto;font-size:13px;line-height:180%;padding:20px 0 0 40px;}
	.sub_drop_w .sub_div2 li.last a{color:#919191;}
	.sub_drop_w .sub_div3{width: 15%;text-align:left;font-size:13px;line-height:180%;padding:20px 0 0 0;white-space:normal;word-break:keep-all;}
	.sub_drop_w .sub_div3 a{color:#919191;}

	.header .mobile_gnb {
		display: none;
	}

	.header {
		width: 100%;
		height: 100px;
		position:fixed;
		top: 0;
		left: 0;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
		z-index: 99;
		background-color: #fff;
	}

	.header_inner{
		max-width:1600px;
		height: 100px;
		margin:0 auto;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		justify-content: space-between;
	}
	.header .header_logo {
		width: 8%;
		height: 44px;
		background:url(/img/logo.svg) no-repeat 50% 50%;
		background-size: contain;
		text-indent: -9999em;
		cursor:pointer;
	}
	.header .header_menu > li {
		position: relative;
		color:#000;
		font-size:18px;
		padding:0 0;
		text-align:center;
		height:100px;
		line-height:100px;
		width:17%;
	}
	.header .header_menu > li:hover{color:#0240df;text-decoration:underline;cursor:pointer;}
	.header .header_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height:100px;
		align-items: center;
		width:76%;
		overflow:hidden;
	}
	.header .header_menu > .prm_play{width:155px;height:45px;line-height:45px;background:#78bb02 url('/img/play_icon.png') no-repeat 10px 50%;color:#fff;border-radius:80px;padding:0 0 0 22px;cursor:pointer;}
	.header .header_menu > .prm_play:hover{text-decoration:none;}
	.header .header_menu > .prm_play_mobile{display:none;}
	.header .header_other {
		display: grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		width: 16%;
	}
	.header .header_other li.joinlink{font-family: 'Noto Sans KR Bold';color:#0240df;text-decoration:underline;}
}





.header .header_other > li {
	position: relative;
	color:#7d7d7d;
	font-size:13px;
	padding:0 8px;
	text-align:center;
	white-space: nowrap;
}
.header .header_other > li:hover{color:#0240df;text-decoration:underline;cursor:pointer;}
.header .header_other li.logout{color:#d20005;}




main:not(.hompy_preview){
	position:relative;
	display:block;
	margin: 0 auto;
	padding:0 0 0 0;
	min-height:900px;
}


@media (max-width: 768px) {
		footer:not(.hompy_preview){
			position:relative;
			display:block;
			padding:0;
			min-height: auto;
		}
		footer .footer_link{
			display: flex;
			width:100%;
			height:auto;
			background:#545454;
			white-space:normal;
			word-break:keep-all;			
			align-items: center;
			flex-wrap: wrap;
			flex-direction: row;
			gap: 10px 30px;
			padding:15px 20px;
		}
		footer .footer_link li{color:#fff;font-size:14px;}
		footer .footer_link li:hover{text-decoration:underline;cursor:pointer;}

		footer .footer_inner{		
			margin:0 auto;
			display: -ms-flexbox;
			display: flex;
			white-space:normal;
			word-break:keep-all;			
			align-items: center;
			flex-wrap: wrap;
			flex-direction: row;
			gap:0;
			padding:0 10px;
		}
		footer .footer_inner .c1{margin:22px 0 15px 0;width:173px;height:24px;background:url('/img/logo_hangang.svg') no-repeat;background-size:contain;text-indent: -9999em;}
		footer .footer_inner .c2{margin:0 0 10px 0;text-align:left;}
		footer .footer_inner .c2 p{font-family: 'Noto Sans KR Regular' ;color:#575757;font-size:13px;margin:0 15px 2px 0;white-space:normal;word-break:keep-all;	}

}
@media (min-width: 769px) {
		footer:not(.hompy_preview){
			position:relative;
			display:block;
			padding:0;
			min-height: 225px;
		}
		footer .footer_link{
			display: flex;
			width:100%;
			height:78px;
			background:#545454;
			white-space:normal;
			word-break:keep-all;
			justify-content: center;
			align-items: center;
			flex-wrap: nowrap;
			gap:60px;
		}
		footer .footer_link li{color:#fff;font-size:16px;}
		footer .footer_link li:hover{text-decoration:underline;cursor:pointer;}

		footer .footer_inner{
					max-width:1600px;			
					margin:0 auto;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					flex-direction: column;
					align-items: flex-start;
					justify-content: center;
					padding:0 20px;
		}
		footer .footer_inner .c1{margin:37px 0 17px 0;width:219px;height:24px;background:url('/img/logo_hangang.svg') no-repeat;background-size:contain;text-indent: -9999em;}
		footer .footer_inner .c2{margin:0 0 10px 0;text-align:left;}
		footer .footer_inner .c2 p{font-family: 'Noto Sans KR Regular' ;color:#575757;font-size:14px;margin:0 30px 10px 0;}

}

@media (max-width: 979px) {
	#top_path{position:sticky;top:52px;z-index:50;height:46px;line-height:46px;background:#18a5e7;margin:52px 0 0 0;}
	#top_path .path_w{position:relative;margin:0 auto;display:grid;grid-template-columns:40px 138px 170px auto;height:46px;}
	#top_path .path_w .home{cursor:pointer;height:46px;line-height:46px;background:#4bb9ec url('/img/path_home.svg') no-repeat 50% 50%;color:#fff;background-size:23px;}
	#top_path .path_w .p_name1{position:relative;cursor:pointer;height:46px;line-height:46px;border-right:#4bb9ec 1px solid;color:#fff;text-align:left;padding:0 0 0 10px;}
	#top_path .path_w .p_name2{position:relative;cursor:pointer;height:46px;line-height:46px;border-right:#4bb9ec 1px solid;color:#fff;text-align:left;padding:0 0 0 10px;}
	#top_path .path_w .loginfo{display:none;}

	#top_path .path_w a{display:block;color:#fff;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

	#top_path .path_w a:hover{color:#fff; text-decoration: none !important;}

	#top_path .path_w .over{background:#81b7d1;}
	#top_path .path_w .over a{color:#ffffff;}
	#top_path .path_w li a{color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#top_path .path_w li a:hover{color:#000;}
	#top_path .path_w .dropdown-toggle::after{position:absolute;right:10px;top:22px;}

	#top_path .dropdown-menu{position:absolute !important;top:-2px !important;left:-10px  !important;width:100%  !important;--bs-dropdown-min-width:none;height:auto;background:#b2dcf0;border:0;margin:0;border-radius:0;z-index:55;--bs-dropdown-link-active-bg:none !important;--bs-dropdown-link-hover-bg:#d8f2ff !important;}
}
@media(min-width: 980px) {
	#top_path{position:sticky;top:100px;z-index:50;height:56px;line-height:56px;background:#18a5e7;margin:100px 0 0 0;}
	#top_path .path_w{position:relative;margin:0 auto;max-width:1600px;display:grid;grid-template-columns:55px 170px 233px auto;height:56px;}
	#top_path .path_w .home{cursor:pointer;height:56px;line-height:56px;background:#4bb9ec url('/img/path_home.svg') no-repeat 50% 50%;color:#fff;background-size:23px;}
	#top_path .path_w .p_name1{position:relative;cursor:pointer;height:56px;line-height:56px;border-right:#4bb9ec 1px solid;color:#fff;text-align:left;padding:0 0 0 10px;}
	#top_path .path_w .p_name2{position:relative;cursor:pointer;height:56px;line-height:56px;border-right:#4bb9ec 1px solid;color:#fff;text-align:left;padding:0 0 0 10px;}
	#top_path .path_w .loginfo{display:flex;justify-content: flex-end;align-items: center;height:56px;text-align:right;color:#ccefff;padding:0 5px 0 0;}
	#top_path .path_w .loginfo .logout{height:30px;width:95px;border-radius:3px;background:#fff;color:#e71818;font-size:14px;text-align:center;margin:0 0 0 10px;}
	#top_path .path_w .loginfo .login{height:30px;width:95px;border-radius:3px;background:#fff;color:#888888;font-size:14px;text-align:center;margin:0 0 0 10px;}
	#top_path .path_w .loginfo b{color:#fff;}

	#top_path .path_w a{display:block;color:#fff;width:100%;}

	#top_path .path_w .over{background:#81b7d1;}
	#top_path .path_w .over a{color:#ffffff;}
	#top_path .path_w a:hover{color:#fff; text-decoration: none !important;}

	#top_path .path_w li a{color:#000;}
	#top_path .path_w li a:hover{color:#000;}
	#top_path .path_w .dropdown-toggle::after{position:absolute;right:15px;top:26px;}

	#top_path .dropdown-menu{position:absolute !important;top:-2px !important;left:-10px  !important;width:100%  !important;height:auto;background:#b2dcf0;border:0;margin:0;border-radius:0;z-index:55;--bs-dropdown-link-active-bg:none !important;--bs-dropdown-link-hover-bg:#d8f2ff !important;}
}



@media (max-width: 768px) {
	.sub_title{position:relative;margin:0 auto;width:100%;height:60px;line-height:60px;font-size:20px;text-align:left;padding:0 0 0 15px;}
	.sub_padding{padding:0 15px;}

	.sub_text{position:relative;margin:0 auto;width:100%;font-size:15px;text-align:left;padding:0 0 15px 15px;}
	.basic_div{margin:0 auto;padding:0 20px;}
	.basic_flex{display:flex; gap:10px; align-items:center;}
	.vertical{flex-direction: column;}

	.sub_contitle{position:relative;font-size:16px;font-family: 'Noto Sans KR Bold';}
	.sub_contitle .sm{color:#616161;font-size:12px;font-family: 'Noto Sans KR';}
	.sub_contitle2{position:relative;font-size:16px;font-family: 'Noto Sans KR Bold';margin:30px 0 0 0;}
	.sub_contitle3{position:relative;font-size:16px;color:#fff;font-family: 'Noto Sans KR Bold';}
	.sub_contxt{position:relative;font-size:14px;line-height:120%;padding:0 30px;white-space:normal;word-break:keep-all;}
	.sub_contxt2{position:relative;font-size:12px;color:#a1a1a1;line-height:120%;padding:10px 10px 0;white-space:normal;word-break:keep-all;}
	.sub_contxt3{position:relative;font-size:20px;color:#018fdf;line-height:120%;padding:10px 30px;white-space:normal;word-break:keep-all;}

	.sub_gray_bg{position:relative;padding:20px 0;width:100%;background:#f8f8f8;min-height:200px;}
	.sub_blue_bg{position:relative;padding:20px 0;width:100%;background:#0a85cb;min-height:200px;margin:30px 0 0 0;}
	.sub_darkbrown_bg{position:relative;padding:20px 0;width:100%;background:#311811;min-height:200px;}
	.sub_darkgreen_bg{position:relative;padding:20px 0;width:100%;background:#0c441b;min-height:200px;}
	.sub_lightgreen_bg{position:relative;padding:20px 0;width:100%;background:#f0f9ee;min-height:200px;}
	.sub_lightblue_bg{position:relative;padding:20px 0;width:100%;background:#eaf1f9;min-height:200px;}
}
@media (min-width: 769px) and (max-width: 1199px) {
	.sub_title{position:relative;margin:0 auto;width:100%;height:116px;line-height:116px;font-size:40px;text-align:left;padding:0 0 0 30px;}
	.sub_padding{padding:0 30px;margin:0 auto;}

	.sub_text{position:relative;margin:0 auto;max-width:1600px;width:100%;font-size:20px;text-align:left;padding:0 0 30px 30px;}
	.basic_div{margin:0 auto;padding:0 20px;}
	.basic_flex{display:flex; gap:10px; align-items:center;}
	.vertical{flex-direction: column;}

	.sub_contitle{position:relative;font-size:24px;font-family: 'Noto Sans KR Bold';}
	.sub_contitle .sm{color:#616161;font-size:14px;font-family: 'Noto Sans KR';line-height:0;}
	.sub_contitle2{position:relative;font-size:24px;font-family: 'Noto Sans KR Bold';margin:50px 0 0 0;}
	.sub_contitle3{position:relative;font-size:24px;color:#fff;font-family: 'Noto Sans KR Bold';}
	.sub_contxt{position:relative;font-size:18px;white-space:normal;word-break:keep-all;padding:0 20px;}
	.sub_contxt2{position:relative;font-size:14px;color:#a1a1a1;padding:10px 0 0 0;white-space:normal;word-break:keep-all;}
	.sub_contxt3{position:relative;font-size:30px;color:#018fdf;padding:10px 0;white-space:normal;word-break:keep-all;}

	.sub_gray_bg{position:relative;padding:30px 0;width:100%;background:#f8f8f8;min-height:200px;}
	.sub_blue_bg{position:relative;padding:30px 0;width:100%;background:#0a85cb;min-height:200px;margin:50px 0 0 0;}
	.sub_darkbrown_bg{position:relative;padding:30px 0;width:100%;background:#311811;min-height:200px;}
	.sub_darkgreen_bg{position:relative;padding:30px 0;width:100%;background:#0c441b;min-height:200px;}
	.sub_lightgreen_bg{position:relative;padding:30px 0;width:100%;background:#f0f9ee;min-height:200px;}
	.sub_lightblue_bg{position:relative;padding:30px 0;width:100%;background:#eaf1f9;min-height:200px;}
}
@media (min-width: 1200px) {
	.sub_title{position:relative;margin:0 auto;max-width:1600px;width:100%;height:116px;line-height:116px;font-size:40px;text-align:left;padding:0 0 0 30px;}
	.sub_padding{padding:0 30px;max-width:1660px;margin:0 auto;}

	.sub_text{position:relative;margin:0 auto;max-width:1600px;width:100%;font-size:20px;text-align:left;padding:0 0 30px 30px;}
	.basic_div{margin:0 auto;max-width:1600px;}
	.basic_flex{display:flex; gap:10px; align-items:center;}
	.vertical{flex-direction: column;}

	.sub_contitle{position:relative;font-size:24px;font-family: 'Noto Sans KR Bold';}
	.sub_contitle .sm{color:#616161;font-size:14px;font-family: 'Noto Sans KR';line-height:0;}
	.sub_contitle2{position:relative;font-size:24px;font-family: 'Noto Sans KR Bold';margin:50px 0 0 0;}
	.sub_contitle3{position:relative;font-size:24px;color:#fff;font-family: 'Noto Sans KR Bold';}
	.sub_contxt{position:relative;font-size:18px;white-space:normal;word-break:keep-all;}
	.sub_contxt2{position:relative;font-size:14px;color:#a1a1a1;padding:10px 0 0 0;white-space:normal;word-break:keep-all;}
	.sub_contxt3{position:relative;font-size:40px;color:#018fdf;padding:10px 0;white-space:normal;word-break:keep-all;}

	.sub_gray_bg{position:relative;padding:30px 0;width:100%;background:#f8f8f8;min-height:200px;}
	.sub_blue_bg{position:relative;padding:30px 0;width:100%;background:#0a85cb;min-height:200px;margin:50px 0 0 0;}
	.sub_darkbrown_bg{position:relative;padding:30px 0;width:100%;background:#311811;min-height:200px;}
	.sub_darkgreen_bg{position:relative;padding:30px 0;width:100%;background:#0c441b;min-height:200px;}
	.sub_lightgreen_bg{position:relative;padding:30px 0;width:100%;background:#f0f9ee;min-height:200px;}
	.sub_lightblue_bg{position:relative;padding:30px 0;width:100%;background:#eaf1f9;min-height:200px;}

}