.main_box {
	width: 100%;
}
.main_box .main_slide {
	width: 100%;
}
.main_box .main_slide img {
	width: 100%;
}
.main_box .main_tab {
	width: 85%;
	margin: 0 auto;
	padding: 10px 0px;
}

.main_box .main_tab ul li {
	width: calc(33% - 1px);
	float: left;
	text-align: center;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 600;
	color: #11274f;
	border-bottom: 1px solid #e1e1e1;
	border-top: 2px solid #fff;
}
.main_box .main_tab ul li:last-child {
	width: calc(34% - 1px);
}
.main_box .main_tab ul li.on {
	border-top: 2px solid #105a1c;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 0px;
}
.main_box .main_tab .tab_cont {
	width: calc(100% - 33px);
	min-height: 100px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px;

}

.main_box .main_tab .tab_cont .tab_search {
	padding: 15px;
	position: relative;
}
.main_box .main_tab .tab_cont .srch_box {
	border-radius: 3px !important;
	border: 1px solid #747474 !important;
	width: 100%;
	padding: 0px 10px;
}
.main_box .main_tab .tab_cont .tab_search img {
	width: 6%;
	position: absolute;
	top: 23px;
	right: 23px;
}

.main_box .main_tab .tab_cont .key_list ul li {
	float: left;
	width: calc(100% / 6 - 8px);
	border: 1px solid #e1e1e1;
	margin: 3px 3px;
	background: #f8f8f8;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
	color: #636d8e;
}
.main_box .main_tab .tab_cont .recom_box dl dd {
	display: inline-block;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 400;
	color: #636d8e;
	text-align: center;
	border: 2px solid #eee;
	border-radius: 15px;
}
.main_box .main_tab .tab_cont .recom_box dl dd.more {
	background: #eee;
}

.main_box .main_menu {
	width: 87%;
	margin: 0 auto;
}
.main_box .main_menu dl dd {
	width: calc(100% / 3 - 24px);
	float: left;
	margin: 12px 12px;
}
.main_box .main_menu dl dd div {
	text-align: center;
	padding: 5px 0px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 400;	
	font-size: 3.5vw;
}
.main_box .main_menu dl dd img {
	width: 80%;
	vertical-align: top;
}

.main_box .banner {
	width: 87%;
	margin: 0 auto;
}
.main_box .banner img {
	width: 100%;
}
.main_box .notice_list {
	width: 87%;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.main_box .m_noti_box {
	border: 1px solid #ccc;
	min-height: 100px;
	border-radius: 3px;
	padding: 15px 25px;
	position: relative;
}
.main_box .notice_list .m_noti_box .m_noti_title {
	font-weight: 600;
	font-family: "Noto Sans KR", sans-serif;
	border-bottom: 2px solid #111;

}
.main_box .notice_list .m_noti_box .m_noti_list dl dt {
	font-weight: 600;
	font-family: "Noto Sans KR", sans-serif;
}
.main_box .notice_list .m_noti_box .m_noti_list dl dd {
	font-weight: 400;
	font-family: "Noto Sans KR", sans-serif;

}
.main_box .notice_list .m_noti_box .m_noti_list dl dd:last-child {
	border-bottom: 1px solid #e1e1e1;
	color: #747474;
}
/* Media CSS */
@media screen and (max-width: 359px) {
	.main_box .main_tab {
		margin-top: 20px;
	}
	.main_box .main_tab ul li {
		padding: 10px 0px;'
		font-size: 12px;
	}
	.main_box .main_tab .tab_cont .key_list {
		padding: 0px 10px;
	}
	.main_box .main_tab .tab_cont .key_list ul li {
		float: left;
		width: calc(100% / 6 - 8px);
		border: 1px solid #e1e1e1;
		margin: 3px 3px;
		background: #f8f8f8;
		padding: 5px 0px !important;
	}
	.main_box .main_tab .tab_cont .recom_box {
		margin: 10px 15px;
	}
	.main_box .main_tab .tab_cont .recom_box dl dd {
		padding: 5px 10px;
		margin: 5px 2px;
	}
	.main_box .main_menu dl dd {
		width: calc(100% / 3 - 30px);
		float: left;
		margin: 15px;
	}
	.main_box .notice_list {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.main_box .notice_list .m_noti_box .m_noti_title {
		padding-bottom: 20px;
		border-bottom: 3px solid #111;
		font-size: 18px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more img {
		width: 60%;
	}
	.main_box .main_tab .tab_cont .tab_search img {
		width: 4%;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list {
		margin-top: 10px;
		padding: 10px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl {
		margin-top: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dt {	
		font-size: 14px;
		padding-bottom: 5px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd {
		font-size: 12px;
		padding: 0px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd:last-child {
		font-size: 10px;
		padding-bottom: 10px;
	}
}
@media screen and (min-width: 360px) and (max-width: 410px) {
	.main_box .main_tab {
		margin-top: 23px;
	}
	.main_box .main_tab ul li {
		padding: 10px 0px;
		font-size: 14px;
	}
	.main_box .main_tab .tab_cont .srch_box {
		height: 35px;
		line-height: 35px;
		background-size: 7% 50%;
	}
	.main_box .main_tab .tab_cont .key_list {
		padding: 0px 15px;
	}
	.main_box .main_tab .tab_cont .key_list ul li {
		float: left;
		width: calc(100% / 6 - 8px);
		border: 1px solid #e1e1e1;
		margin: 3px 3px;
		background: #f8f8f8;
		padding: 5px 0px !important;
	}
	.main_box .main_tab .tab_cont .recom_box {
		margin: 10px 15px;
	}
	.main_box .main_tab .tab_cont .recom_box dl dd {
		padding: 5px 10px;
		margin: 5px 2px;
	}
	.main_box .main_menu {
		margin-top: 15px;
		margin-bottom: 15px;
	
	}
	.main_box .main_menu dl dd {
		width: calc(100% / 3 - 30px);
		float: left;
		margin: 15px;
	}
	.main_box .notice_list {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.main_box .notice_list .m_noti_box .m_noti_title {
		padding-bottom: 20px;
		border-bottom: 3px solid #111;
		font-size: 18px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more img {
		width: 60%;
	}
	.main_box .notice_list .m_noti_box .m_noti_list {
		margin-top: 20px;
		padding: 10px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl {
		margin-top: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dt {	
		font-size: 16px;
		padding-bottom: 5px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd {
		font-size: 14px;
		padding: 0px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd:last-child {
		font-size: 12px;
		padding-bottom: 10px;
	}
}
/* 411px 이상 */
@media screen and (min-width: 411px) {
	.main_box .main_tab {
		margin-top: 25px;
	}
	.main_box .main_tab ul li {
		padding: 12px 0px;
		font-size: 20px;
	}
	.main_box .main_tab .tab_cont .srch_box {
		height: 35px;
		line-height: 35px;
		background-size: 4% 50%;
		padding: 0px 10px;
	}
	.main_box .main_tab .tab_cont .tab_search {
		padding: 15px;
	}
	.main_box .main_tab .tab_cont .key_list {
		padding: 0px 25px;
	}
	.main_box .main_tab .tab_cont .key_list ul li {
		float: left;
		width: calc(100% / 6 - 8px);
		border: 1px solid #e1e1e1;
		margin: 3px 3px;
		background: #f8f8f8;
		padding: 5px 0px !important;
	}
	.main_box .main_tab .tab_cont .recom_box {
		margin: 15px 25px;
	}
	.main_box .main_tab .tab_cont .recom_box dl dd {
		padding: 5px 10px;
		margin: 5px 2px;
		font-size: 14px;
	}
	.main_box .main_menu {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.main_box .notice_list {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.main_box .notice_list .m_noti_box .m_noti_title {
		padding-bottom: 20px;
		border-bottom: 3px solid #111;
		font-size: 18px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more img {
		width: 60%;
	}
	.main_box .notice_list .m_noti_box .m_noti_list {
		margin-top: 20px;
		padding: 10px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl {
		margin-top: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dt {	
		font-size: 16px;
		padding-bottom: 5px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd {
		font-size: 14px;
		padding: 0px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd:last-child {
		font-size: 12px;
		padding-bottom: 10px;
	}

	.main_box .main_tab .tab_cont .tab_search img {
		width: 6%;
		position: absolute;
		top: 23px;
		right: 23px;
	}
}
@media screen and (min-width: 720px) and (max-width: 1024px) {
	.main_box .main_tab {
		margin-top: 45px;
	}
	.main_box .main_tab ul li {
		padding: 22px 0px;
		font-size: 30px;
	}
	.main_box .main_tab .tab_cont .srch_box {
		height: 40px;
		line-height: 40px;
		background-size: 4% 50%;
	}
	.main_box .main_tab .tab_cont .tab_search {
		padding: 20px;
	}

	.main_box .main_tab .tab_cont .recom_box dl dd {
		padding: 10px 10px;
		margin: 5px 2px;
		font-size: 20px;
	}
	.main_box .main_menu {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.main_box .notice_list {
		margin-top: 70px;
		margin-bottom: 70px;
	}
	.main_box .notice_list .m_noti_box .m_noti_title {
		padding-bottom: 35px;
		border-bottom: 3px solid #111;
		font-size: 25px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 20px;
		right: 15px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more img {
		width: 70%;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more img {
		width: 60%;
	}
	.main_box .notice_list .m_noti_box .m_noti_list {
		margin-top: 35px;
		padding: 10px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl {
		margin-top: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dt {	
		font-size: 18px;
		padding-bottom: 5px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd {
		font-size: 16px;
		padding: 0px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd:last-child {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.main_box .main_tab .tab_cont .tab_search img {
		width: 4%;
		position: absolute;
		top: 28px;
		right: 30px;
	}
}
@media screen and (min-width: 1024px) {
	.main_box .main_tab {
		margin-top: 63px;
	}
	.main_box .main_tab ul li {
		padding: 33px 0px;
		font-size: 30px;
	}
	.main_box .main_tab .tab_cont .srch_box {
		height: 40px;
		line-height: 40px;
		background-size: 3% 50%;
	}
	.main_box .main_tab .tab_cont .recom_box dl dd {
		padding: 10px 10px;
		margin: 5px 2px;
		font-size: 20px;
	}
	.main_box .main_menu {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.main_box .notice_list {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.main_box .notice_list .m_noti_box {
		padding: 50px;
	}
	.main_box .notice_list .m_noti_box .m_noti_title {
		padding-bottom: 45px;
		border-bottom: 3px solid #111;
		font-size: 30px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 65px;
		right: 40px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more {
		position: absolute;
		top: 45px;
		right: 40px;
	}
	.main_box .notice_list .m_noti_box .m_noti_more img {
		width: 100%;
	}
	.main_box .notice_list .m_noti_box .m_noti_list {
		margin-top: 45px;
		padding: 10px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl {
		margin-top: 10px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dt {	
		font-size: 30px;
		padding-bottom: 15px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd {
		font-size: 25px;
		padding: 5px 0px;
	}
	.main_box .notice_list .m_noti_box .m_noti_list dl dd:last-child {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.main_box .main_tab .tab_cont .tab_search img {
		width: 3%;
		position: absolute;
		top: 23px;
		right: 30px;
	}
}