@charset "utf-8";

html, body {min-width:360px;}
/************ header ************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 3}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}

.header {position:relative;z-index:2;}
.m_menu {display:none;}
.header_wrap {display: flex;justify-content: space-between;align-items: center;height: 80px;padding-left:15px;position: relative;}
.logo a {display:block;width: 190px;height: 41px;background:url('../images/logo.svg') no-repeat 0 0 / 100%;text-indent:-9999px;}
.gnb_wrap {height: 80px;display: flex;align-items: center;}
.gnb_wrap > ul {display: flex;}
.gnb_wrap > ul > li > a {padding: 0 34px;font-size:22px;font-weight: 600;}
.gnb_wrap > ul > li > a:hover, .gnb_wrap > ul > li.on > a, .gnb_wrap > ul > li > a:focus {color:#137a53}
.gnb_wrap .depth_2 {display:none;padding:20px 0;position:absolute;top: 80px;left:0;right:0;background:#fff;border-bottom: 1px solid #ebebeb;box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 6%)}
.gnb_wrap .depth_2:before {content:'';width:100%;height:1px;background:#eeeeee;position:absolute;top:0;left:0;}
.gnb_wrap .depth_2 > ul {display:flex;flex-wrap: wrap;max-width:1240px;margin:0 auto;}
.gnb_wrap .depth_2 > ul > li {width: 33.33333%;padding: 10px 20px;}
.gnb_wrap .depth_2 > ul > li > a {display: block;color: #222;padding: 12px 40px 12px 22px;border-radius: 5px;background: #eef6f7;/*background: #eef6f7  url('../images/ico_smenu.png') no-repeat right center;*/font-size: 16px;}
.gnb_wrap .depth_2 > ul > li > a:hover, .gnb_wrap .depth_2 > ul > li > a:focus {background:#0072b6;/*background:#0072b6 url('../images/ico_smenu_on.png') no-repeat right center;*/color:#fff;}
.gnb_wrap .depth_2 > ul > li > ul  {padding-top:10px;}
.gnb_wrap .depth_2 > ul > li > ul > li > a {display:block;padding:3px 22px;}
.gnb_wrap .depth_2 > ul > li > ul > li > a:hover, .gnb_wrap .depth_2 > ul > li > ul > li > a:focus {color:#0072b6;text-decoration:underline}
.gnb_wrap .depth_2 ul.w3_type li {width:33.3333%}

.util_wrap {display:flex;align-items: center;gap: 23px;}
.util_wrap > a {text-indent: -999em;display: inline-block;width: 21px;height: 24px}
.util_wrap .login {background: url(../images/login.png) no-repeat}
.util_wrap .logout {background: url(../images/login_.png) no-repeat}
.util_wrap .join {background: url(../images/join.png) no-repeat}


.all_menu {}
.all_menu > a {display:flex;width: 80px;height: 80px;background: #008b58 url(../images/ico_sitemap.png) no-repeat center;text-indent:-9999px;}
.all_menu_layer {display:none;height:100vh;padding: 30px;background: #f7f7f7;position:absolute;top:0;left:0;right:0;justify-content: center;align-items: flex-start;overflow-x: hidden;overflow-y: auto;z-index:2;}
.all_menu_wrap {width:100%;}
.all_menu_wrap .sm_tit {font-size:35px;color: #2a2a2a;text-align: center;margin-bottom:30px;}
.all_menu_wrap > ul {display:flex;}
.all_menu_wrap > ul > li {width:20%;}
.all_menu_wrap ul li a {color: #2a2a2a;}
.all_menu_wrap > ul > li > a {display: block;font-size: 22px;border-bottom: 1px solid rgb(147 147 147 / 22%);padding: 20px;color: #060606;font-weight: 800;}
.all_menu_wrap > ul > li > ul {margin-top:20px;}
.all_menu_wrap > ul > li > ul > li {padding:5px 10px;}
.all_menu_wrap > ul > li > ul > li > a {position: relative;display: block;padding-left: 17px;font-size: 18px;}
.all_menu_wrap > ul > li > ul > li > a:before {content:'';width:7px;height:2px;background: #3c3c3c;position:absolute;top:10px;left:0;}
.all_menu_wrap > ul > li > ul > li > ul {background: #ededed;padding:10px 17px;margin-top:10px;}
.all_menu_wrap > ul > li > ul > li > ul > li > a {display:block;padding:3px 0;color: #0a0a0a;font-size: 17px;}
.all_menu_layer .close_sitemap {display:block;width:40px;height:40px;border-radius:100%;background: #000 url(../images/ico_close.png) no-repeat center;position:absolute;top:20px;right:20px;text-indent:-9999px;}

/* sub_navi */
.sub_nav {background: #006540;position: relative;z-index: 1;}
.sub_nav_wrap {max-width:1240px;margin:0 auto;display:flex;}
.sub_nav_wrap a {display:block;color:#fff;padding: 16px 20px;border-right: 1px solid #097e53;background:url('../images/sub_up_down.png') no-repeat right 19px;}
.sub_nav_wrap a.home {display:flex;text-indent:-9999px;border-left: 1px solid #097e53;align-items: center;background:none;}
.sub_nav_wrap a.home:before {content:'';width: 18px;height: 18px;background: url(../images/ico_home.svg) no-repeat center / 100%;}
.sub_nav_wrap .sub_depth1, .sub_nav_wrap .sub_depth2, .sub_nav_wrap .sub_depth3 {max-width:240px;width:100%;position:relative;}
.sub_nav_wrap .sub_depth1 ul, .sub_nav_wrap .sub_depth2 ul, .sub_nav_wrap .sub_depth3 ul {width:100%;background: #006540;position:absolute;top:54px;left:0}
.sub_nav_wrap .sub_depth1 ul li a, 
.sub_nav_wrap .sub_depth2 ul li a,
.sub_nav_wrap .sub_depth3 ul li a {background:none;border-top: 1px solid #097e53;padding: 10px 20px;}
.sub_nav_wrap .sub_depth1 ul li a:hover, 
.sub_nav_wrap .sub_depth2 ul li a:hover,
.sub_nav_wrap .sub_depth3 ul li a:hover {background: #4e8966;}
.sub_nav_wrap .sub_depth1 ul,
.sub_nav_wrap .sub_depth2 ul,
.sub_nav_wrap .sub_depth3 ul,
.sub_nav_wrap .sub_depth2 div,
.sub_nav_wrap .sub_depth3 div {display:none;}

.footer_wrap {padding:50px 15px;border-top:1px solid #ececec;background:#f8f8f8;position:relative}
.footer_inner {max-width:1410px;margin:0 auto;}
.footer_top {display: flex;justify-content: space-between;align-items: center;}
.footer_top .footer_menu {display:flex;}
.footer_top .footer_menu a {font-size:16px;font-weight:600;position:relative;}
.footer_top .footer_menu .highlight {font-weight: 1000; color:#1a5bb1;}
.footer_top .footer_menu a+a {padding-left:15px;margin-left:15px;}
.footer_top .footer_menu a+a:before {content:'';width:1px;height:15px;background:#a4a4a4;position:absolute;top:50%;left:0;margin-top:-7px}
.footer_wrap .related_link {max-width:277px;width:100%;position:relative;}
.footer_wrap .related_link > a {display:block;max-width:277px;width:100%;padding:15px 30px;background:#fff;border:1px solid #dcdcdc;border-radius:50px;position:relative;}
.footer_wrap .related_link > a:after {content:'';width:11px;height:6px;background:url(../images/ico_family_site.png) no-repeat center;position:absolute;top:50%;right:30px;margin-top:-3px;}
.footer_wrap .related_link span {display:none;position:absolute;bottom: 59px;left:0;width: 100%;border: 2px solid #006072;border-radius: 15px;background: #fff;box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, .3);}
.footer_wrap .related_link span a {display:block;padding: 10px 15px;}
.footer_wrap .related_link span a+a {border-top: 1px solid #dcdcdc;}
.footer_wrap .related_link span a:hover {color:#3182b8}
.footer_wrap .footer_cont {display:flex;gap:40px;margin-top:30px;}
.footer_wrap .footer_cont strong {width:180px;height:38px;background: url(../images/logo.svg) no-repeat 0 0 / 100%;text-indent:-9999px;flex-shrink:0;margin-top: 3px}
.footer_wrap .footer_cont .address_wrap {flex-grow:1;font-weight: 600;}
.footer_wrap .footer_cont .address_wrap p {margin-top:10px;font-size:14px;font-weight:100;color:#666}
.footer_wrap .footer_cont .mark_wrap {flex-shrink:0}


@media screen and (max-width: 1210px) {
	/* GNB */
	.logo a {width: 224px;height: 21px}
	.all_menu_wrap > ul {flex-wrap: wrap;}
	.gnb_wrap > ul > li > a {font-size: 20px;padding: 0 17px;}
	.gnb_wrap .depth_2 {padding:20px 10px;}
	.gnb_wrap .depth_2 > ul > li {padding:5px;}
	
	/* 사이트맵 */
	.all_menu_wrap > ul > li {width:33.3333%;}
}
@media screen and (max-width: 980px) {
	/* GNB */
	.header_wrap {height:50px;padding-left: 10px;}
	.logo a {width: 179px;height: 18px}
	.m_menu {display:block;width:50px;height:50px;position:absolute;top:0;right:0;background:#008b58 url('../images/ico_sitemap.png') no-repeat center;text-indent:-9999px;background-size: 20px;}
	.m_menu.off {background: #008b58 url('../images/ico_close02.png') no-repeat center;}
	.gnb_wrap {display:none;position: absolute;top: 50px;left: 0;right: 0;height: calc(100vh - 50px);background: #006540;align-items: flex-start;overflow-x:hidden;overflow-y:auto;}
	.gnb_wrap > ul {flex-direction: column;width: 100%;}
	.gnb_wrap > ul > li > a {color: #fff;display: block;font-size: 17px;border-bottom: 1px solid #00744a;padding: 10px 20px;background: url('../images/up_down.png') no-repeat right 17px;}
	.gnb_wrap > ul > li.on > a {color:#fff;background: #017e50 url(../images/up_down.png) no-repeat right -21px;}
	.gnb_wrap > ul > li > a:hover {color:#fff}
	.gnb_wrap .depth_2 {position: relative;top: auto;background: #015637;}
	.gnb_wrap .depth_2:before {content:none}
	.gnb_wrap > ul > li.on .depth_2 {border-bottom: 1px solid #00744a;padding: 10px 20px 20px;}
	.gnb_wrap .depth_2 > ul {flex-direction: column;max-width:none;}
	.gnb_wrap .depth_2 > ul > li, .gnb_wrap .depth_2 ul.w3_type li {width:100%;}
	.gnb_wrap .depth_2 > ul > li > a {background: none;padding: 0;color: #fff;font-size: 15px;}
	.gnb_wrap .depth_2 > ul > li > a:hover, .gnb_wrap .depth_2 > ul > li > a:focus {background: none;color: #ffb85d;}
	.gnb_wrap .depth_2 > ul > li > ul {background: #004c31;border-radius: 10px;padding: 10px 0;margin-top: 10px;}
	.gnb_wrap .depth_2 > ul > li > ul > li > a {color: #d3dfe9;position:relative;padding: 3px 30px;}
	.gnb_wrap .depth_2 > ul > li > ul > li > a:before {content:'';width:4px;height:4px;background:#d3dfe9;border-radius:100%;position:absolute;top:50%;left:20px;margin-top:-2px;}
	.gnb_wrap .depth_2 > ul > li > ul > li > a:hover, .gnb_wrap .depth_2 > ul > li > ul > li > a:focus {color: #ffb85f;}
	.util_wrap {padding-right: 80px;}
	.search_layer_wrap {top:50px;padding: 25px;}
	.search_layer_wrap .search_input {padding: 0 15px;}
	.search_layer_wrap .search_input input[type="text"] {font-size:15px;height:36px;}
	.search_layer_wrap .search_input button {width: 18px;height: 17px;}
	.search_layer_wrap .close_search {width: 26px;height: 26px;background-size: 5px;margin-left:-13px;}
	.all_menu {display:none;}
	
	/* 서브메뉴 */
	.sub_nav_wrap a {padding: 12px 20px;background-position: right 15px;}
	.sub_nav_wrap .sub_depth1 ul, .sub_nav_wrap .sub_depth2 ul, .sub_nav_wrap .sub_depth3 ul {top:46px;}
}
@media screen and (max-width: 780px) {
	/* 서브메뉴 */
	.sub_nav_wrap {justify-content: space-between;}
	.sub_nav_wrap a.home {display:none;}
	.sub_nav_wrap > div {flex:1 1 auto;}
	.sub_nav_wrap .sub_depth1, .sub_nav_wrap .sub_depth2, .sub_nav_wrap .sub_depth3 {max-width:none;width:auto;}
}
@media screen and (max-width: 640px) {
	.util_wrap {gap:15px;padding-right: 65px;}
	.footer_wrap {padding:30px 15px;}
	.footer_top {flex-direction: column;gap: 15px;}
	.footer_top .footer_menu a {font-size:15px;}
	.footer_top .footer_menu a+a:before {height: 12px;margin-top: -6px;}
	.footer_wrap .related_link > a {padding: 10px 20px;}
	.footer_wrap .related_link span {bottom: 49px;}
	.footer_wrap .footer_cont {flex-direction: column;align-items: center;gap: 20px;}
	.footer_wrap .footer_cont .address_wrap {text-align:center;}
}
@media screen and (max-width: 540px) {
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 360px) {

}