@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");


/* 해더영역 */
#header {position:fixed;left:0;top:0;z-index:100;display:flex;width:100%;height:108px;background:rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.3);transition:all 0.4s;}
#header > .wrap {display:flex;justify-content:space-between;align-items:center;}
/* 상단 */
.head .mbtn_box {display:none;}
	@media only screen and (max-width:1023px){
		#header {height:88px;}
		.head {display:flex;justify-content:space-between;width:100%;}
		.head .logo img {width:225px;}
		.head .mbtn_box {display:flex;align-items:center;}
		.head .mbtn_box .menu_open {position:relative;z-index:110;display:block;width:25px;height:23px;font-size:0;}
		.head .mbtn_box .menu_open:after {content:"";position:absolute;right:0;top:0;bottom:0;width:20px;height:3px;margin:auto 0;background:#fff;transition:all 0.4s;}
		.head .mbtn_box .menu_open span:after {content:"";position:absolute;left:0;bottom:0;width:25px;height:3px;background:#fff;transition:all 0.4s;}
		.head .mbtn_box .menu_open span:before {content:"";position:absolute;left:0;top:0;width:25px;height:3px;background:#fff;transition:all 0.4s;}
		.head .mbtn_box .menu_open.on {position:relative;z-index:100;display:block;width:32px;height:26px;font-size:0;}
		.head .mbtn_box .menu_open.on:after {content:"";position:absolute;left:0;top:0;bottom:0;width:0;height:4px;margin:auto 0;background:#3e4242;}
		.head .mbtn_box .menu_open.on span:after {content:"";position:absolute;left:0;bottom:11px;width:32px;height:4px;background:#3e4242;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
		.head .mbtn_box .menu_open.on span:before {content:"";position:absolute;left:0;top:11px;width:32px;height:4px;background:#3e4242;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

		#header.on .head .mbtn_box .menu_open:after {background:#3e4242;}
		#header.on .head .mbtn_box .menu_open span:after {background:#3e4242;}
		#header.on .head .mbtn_box .menu_open span:before {background:#3e4242;}
	}
	@media only screen and (max-width:767px){
		#header {height:70px;}
		.head .logo img {width:190px;}
	}

/* 헤더메뉴 */
body.on {overflow:hidden;}
.mtop_menu {display:none;}
.top_menu {display:flex;height:100%;}
.top_menu .lnb {display:flex;justify-content:space-between;align-items:center;}
.top_menu .lnb > li {position:relative;height:100%;}
.top_menu .lnb > li .lnb_title {display:flex;align-items:center;padding:0 35px;height:100%;font-weight:600;font-size:1.5em;color:#fff;}
.top_menu .lnb > li .lnb_layer01 {display:none;position:absolute;top:107px;padding:15px 5px;width:100%;background:#fff;border:1px solid #ddd;text-align:center;}
.top_menu .lnb > li .lnb_layer01 > li a {display:block;padding:10px 0;font-size: 1.25em;color:#111;}
	/* 헤더메뉴_오버시 */
	#header.on {background:#fff;border-bottom:1px solid #ddd;}
	#header.on .head .logo img {filter:brightness(0.8);}
	#header.on .top_menu .lnb > li .lnb_title {color:#111;}
	#header.on .top_menu .lnb > li.on .lnb_title {background:#009039;color:#fff;}
	@media only screen and (max-width:1023px){		
		.top_menu {display:none;}
		.mglobal_box {display:flex;align-items:center;position:fixed;left:0;top:0;z-index:102;width:100%;height:87px;padding:0 15px;background:#fff;border-bottom:1px solid #ddd;}
		.mglobal_box ul {display:flex;align-items:center;}
		.mglobal_box ul > li {margin-right:20px;}

		.mtop_menu.on {display:block;position:fixed;left:0;top:0;z-index:11;overflow-y:scroll;width:100%;height:100%;background:#eefff0;}
		.mtop_menu .lnb {position:relative;z-index:101;width:100%;height:100vh;margin-top:87px;}
			.mtop_menu .lnb > li.on .lnb_title,
			.mtop_menu .lnb > li .lnb_title:hover,
			.mtop_menu .lnb > li .lnb_title:focus,
			.mtop_menu .lnb > li .lnb_title:active {background:#009039;color:#fff;}
			.mtop_menu .lnb > li .lnb_title {position:relative;}
			.mtop_menu .lnb > li .lnb_title {display:flex;justify-content:center;align-items:center;width:50%;height:60px;border-bottom:1px solid #ddd;font-size:1.250em;font-weight:bold;text-decoration:none;color:#222;}
				.mtop_menu .lnb_layer01 {display:none;position:absolute;left:50%;top:0;width:50%;height:100vh;background:#fff;}
				.mtop_menu .lnb_layer01 > li > a {display:flex;align-items:center;height:60px;padding:0 20px;font-size:1.063em;color:#000;border-bottom:1px dashed #ccc;}
	}
	@media only screen and (max-width:767px){
		.mglobal_box {height:69px;}
		.mtop_menu .lnb {position:relative;z-index:101;width:100%;height:100vh;margin-top:67px;}
	}

/* 서브비주얼 */
.sub_visual {display:grid;place-items:center; width:100%;height:430px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.sub_visual h3 {font-weight:700;font-size:3.125em;color:#fff;}
	@media only screen and (max-width:1023px){
		.sub_visual {height:250px;padding-top:88px;}
	}
	@media only screen and (max-width:767px){
		.sub_visual {height:200px;padding-top:70px;}
	}

/* 서브메뉴 */
.snb_box {margin:-100px auto 0 auto;padding:0 50px;height:100px;background:#fff;}
.snb_box .loca_box {display:none;}
.snb_box .snb_menu {display:flex;align-items:center;margin:-100px auto 0 auto;height:100px;background:#fff;border-bottom: 1px solid #ddd;}
.snb_box .snb_menu h2 {position:relative;padding-top:20px;margin-right:70px;font-weight:700;font-size:1.625em;color:#222;}
.snb_box .snb_menu h2:after {content:"";position:absolute;left:0;top:0;width:38px;height:2px;background:#00b649;}
.snb_box .snb_menu ul {display:flex;align-items:center;}
.snb_box .snb_menu ul li a {display:flex;align-items:center;padding:20px 30px 0 30px;height:100px;font-weight:400;font-size:1.25em;color:#444;}
.snb_box .snb_menu ul li.on a {color:#222;font-weight:700;border-bottom: 2px solid #222;}
	@media only screen and (max-width:1023px){
		.snb_box {height:auto;margin:0 auto;padding:0;background:#222;}
		.snb_box .loca_box {display:block;padding:15px 15px;}
		.snb_box .loca_box em {font-size:1em;color:#fff;}
		.snb_box .snb_menu {display:none;}
	}
	@media only screen and (max-width:767px){
		.snb_box .loca_box {display:block;padding:10px 15px;}
	}

/* 컨텐츠 */
.content {padding:70px 0;}
	/* 타이틀 */
	.con_header h3 {position:relative;padding-bottom:40px;text-align:center;font-size:2.5em;font-weight:700;color:#222;}
	.con_header h3:after {content:"";display:block;width:45px;height:2px;margin:40px auto 0 auto;background:#00b649;}

	/* 실컨텐츠 영역 */
	.con_body {min-height:400px;word-break:keep-all;}
	@media only screen and (max-width:1023px){
		.content {padding:35px 0;}
		.con_header h3 {padding-bottom:25px;}
		.con_header h3:after {margin:25px auto 0 auto;}
	}

/* 푸터영역 */
#footer {background:#333;}
#footer .topbox {position:relative;display:flex;align-items:center;height:55px;border-bottom:1px solid #484848;}
#footer .topbox ul li {position:relative;display:inline-block;color: #bbb;padding-right:35px;}
#footer .topbox ul li:after {content: "";display:block;position:absolute;right:12px;top:6px;width:4px;height:4px;background:rgba(255,255,255,0.2);border-radius:100%;}
#footer .topbox ul li:last-child:after {display:none;}
#footer .topbox ul li a {color:#fff;}
#footer .topbox ul li:last-child a {color:#00b648;}

#footer .footer_list {position:relative;display:flex;padding-top:35px;padding-bottom:35px;text-align:left;}
#footer .footer_list .foot_logo {padding-right:85px;}
#footer .footer_list .foot_logo img {filter:grayscale(1);width:227px;}
#footer .footer_list .foot_text {position:relative;font-size:0.937em;font-weight:400;line-height:28px;color: #9d9d9d;}
#footer .footer_list .foot_text .address span {display:inline-block;width:1px;height:12px;margin:0 10px;background:#5c5c5c;}
#footer .footer_list .foot_text .copyright {margin-top: 20px;}
	@media only screen and (max-width:1023px){
		#footer .footer_list {padding-top:25px;padding-bottom:25px;}
		#footer .footer_list .foot_logo {padding-right:55px;}
		#footer .footer_list .foot_logo img {width:187px;}
		#footer .footer_list .foot_text {line-height:24px;}
	}
	@media only screen and (max-width:767px){
		#footer .footer_list {flex-direction:column;padding-top:20px;padding-bottom:20px;text-align:left;}
		#footer .footer_list .foot_logo img {width:157px;}
		#footer .footer_list .foot_text {margin-top:5px;line-height:20px;}
	}
	@media only screen and (max-width:499px){
		#footer .footer_list .foot_text .address span {display:block;width:0;height:0;}
	}

/*맨위로*/
#footer .btn_top {position:fixed;right:10px;bottom:10px;display:grid;place-items:center;width:60px;height:60px;background:#00b648;border-radius:100%;color:#fff;}
	@media only screen and (max-width:767px){
		#footer .btn_top {width:40px;height:40px;}
	}