@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'notokr-regular';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-medium';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-bold';
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-bold.woff2') format('woff2'),
         url('../font/notokr-bold.woff') format('woff'),
         url('../font/notokr-bold.ttf') format('truetype'),
         url('../font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
font-family:"Nanum Gothic";
src:url('../font/NanumGothic.eot');
src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumGothic.woff') format('woff'),
	url('../font/NanumGothic.ttf') format('truetype');
}

@font-face{
font-family:"Nanum Gothic";
font-weight:600;
src:url('../font/NanumGothicBold.eot');
src:url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumGothicBold.woff') format('woff'),
	url('../font/NanumGothicBold.ttf') format('truetype');
} 

html,body {height:100%;}
*{margin:0; padding:0; font-family: 'notokr-regular', 'NanumGothic', 'Nanum Gothic', '돋움', 'dotum'; letter-spacing:-0.5px; word-spacing:-1px;}
li {list-style:none;}
a {text-decoration:none; color:#222;}
a:hover {text-decoration:none; color:inherit;}
img {border:0; vertical-align:middle; max-width: 100%; max-height: 100%;}
table {width:100%; border-collapse:collapse;}
table caption {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; padding:0; margin:0;}
.label_hidden {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
ul, p {margin:0; padding:0;}
select, input {padding:.1em .3em; border-radius:3px; border:1px solid #cfcecd; color:#555; }
select option {color:#555;}
input, textarea {box-shadow:inset 1px 1px 1px #ddd; }
textarea {resize:none; border:1px solid #cfcecd;}
.row {margin-right:0; margin-left:0;}

#wrap {position:relative; height:100%;}
	.container {position:relative; padding-left:0; padding-right:0; }
	/*상단*/
	.gnbWrap {text-align:center;}
		.utilBox {position:absolute; right:0; top:10px;}
			.utilBox li  {display:inline-block; font-family:"Nanum Gothic"; font-size:12px;}  /* 수정 */
				.utilBox li a {display:block; font-size:12px; font-family:"Nanum Gothic";}

	/*대메뉴*/
		nav {background:linear-gradient(to right, #b0c75b, #26754a); }
			.menu {}
				.menuBtn {text-align: center; display: block; color:#fff; font-size:17px; font-family: 'notokr-bold';}
				.menuBtn:hover {color:#fff;}
				/*하단메뉴*/
				.menu:hover .dropDownMenu {display:block;}
				.dropDownMenu {display:none; position:absolute; left:0; right:0; background-color:rgba(255,255,255,0.8);}
					.dropDownMenu a {display: block; font-size:14px; padding:3px; font-family:"Nanum Gothic";}
					.dropDownMenu a:hover {text-decoration: underline;}

		/*모바일메뉴*/
		.mobileLogo {background:linear-gradient(to right, #b0c75b, #26754a); padding:0 15px; position:relative;}
			.mobileLogo a {display:inline-block; line-height: 60px;}
				.mobileLogo img {height:30px; vertical-align: middle;}
			.mobileMenuBtn{ border:0; background-color:transparent; position:absolute; right:15px; top:12px; color:#fff; font-size:25px;}

		.mobile_nav {display:none; max-width:640px; width:100%; position:fixed; background-color:#fff; z-index: 100; transition:right 400ms;
						height:100vh; top:0; right:0; overflow:auto; 
						-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
		.mobile_nav::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
			.mobile_nav_bg {position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5);}
			.mobile_navBox {background-color: #fff; position:relative; min-height: 100vh; }
				.mb_topBox {background:linear-gradient(to right, #9db542, #dbde32); text-align: center; position:relative;}
					.mb_topBox button.mb_closeBtn {border:0; background-color:transparent; color:#fff; position:absolute; right:15px; top:10px; font-size:20px;}
					.mb_topBox_util {}
						.mb_topBox_util li {display:inline-block;}
							.mb_topBox_util li a {display:block; border:1px solid; font-family:"Nanum Gothic"; font-size:12px; color:#fff; margin:0 4px; width:80px;}
					.mb_nav_list {background-color:#fff;  position:relative}
						.mb_nav_list .navDepth01 {border-bottom:1px solid #eee; }
							.mb_nav_list .navDepth01 a {display:block; line-height:40px; font-weight: bold; font-family:"Nanum Gothic"; font-size:14px; padding-left:20px; position:relative;}
								.mb_nav_list .navDepth01 a button {border:0; background-color:transparent; position:absolute; right:10px; color:#bbb; font-size:12px; }
							/*depth02*/	
							.mb_nav_list .navDepth02 {background-color:#f5f5f5;}
								.mb_nav_list .navDepth02 a {font-size:12px; padding-left:30px; font-weight:normal;}
								.mb_nav_list .navDepth02 a::before {content: "- ";}

	/*footer*/
	.footerBox {padding:3em 0;}
		.footerText {font-family:"Nanum Gothic";}
			.footerText address {font-family:"Nanum Gothic"; font-size:12px; color:#97989d; margin-bottom:.3rem;}
			.footerText ul li {display:inline-block;}
				.footerText ul li a {display:block; border-right:1px solid #c6c6c6; color:#c6c6c6; font-family:"Nanum Gothic"; font-size:12px; padding:0 1em;}
				.footerText ul li:first-child a {padding-left:0; color:#5c5b5d; font-weight:600;}
            /*상단으로바로가기*/
            .btn_top { position: fixed; bottom: 20px; right: 5%; width: 42px; height: 42px; background: rgba(0,0,0,.5); border-radius: 50%; transition: right .4s ease; z-index: 100; }
                .btn_top span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*글자색*/
em { color: #e60606; font-style: normal;}

/*페이징*/
.page-item.active .page-link { background-color: #b0c75b; border-color: #b0c75b; }

/*셀렉트박스 라벨*/
label.select-label { margin-bottom: 0; }

/*반응형*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	/*대메뉴*/
		.menu {padding:0;}
	/*footer*/
	.footerBox {padding:2em 0;}
		.footerText {padding-left:30px;}
}

@media (max-width: 992px) {
	#header {height:60px;}
		.header {display:none;}
	/*footer*/
	.footerBox {padding:1em 0;}
	.footerText address {margin-top:.5em;}
}
@media (max-width: 768px) {
}