@charset "utf-8";

@import url("/sites/ksa_kr/css/common_n.css");

/*SKIP메뉴*/
.skipMenu{width:100%;}
.skipMenu .hidden{display:none;}
.skipMenu a.accessibility01{position:absolute;display:block;width:100%;left:0px;top:-9999px;text-align:center;z-index:9999;}
.skipMenu a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position:absolute;top:0px;padding:15px 0;font-weight:bold;color:#FFF;background:#293038;z-index:9998;}

/**[Layout]********************************************************/
#_wrap {position: relative;}
#_wrap #_wrapHeader {position: relative; z-index: 3;}
#_wrap #_wrapHeader #_header {}
#_wrap #_wrapArticle {position: relative; z-index: 2;}
#_wrap #_wrapArticle #_container {}
#_wrap #_wrapArticle #_container:before ,
#_wrap #_wrapArticle #_container:after {}
#_wrap #_wrapArticle #_container #_content {}
#_wrap #_wrapFooter {background-color: #2c333d; position: relative; z-index: 2;}
#_wrap #_wrapFooter #_footer {width: 100%; max-width: 1230px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box;}
#_wrap #_wrapFooter #_footer .footer-top ul{display: flex; border-bottom: 1px solid rgba(255,255,255,.2); padding: 20px 0;}
#_wrap #_wrapFooter #_footer .footer-top ul a{font-size: 16px; color: white; font-family: "NanumBarunGothic"; font-weight: 400;}
#_wrap #_wrapFooter #_footer .footer-top ul li{margin-right: 40px;}
#_wrap #_wrapFooter #_footer .footer-top ul li:last-child{margin-right: 0;}
#_wrap #_wrapFooter #_footer .footer-top ul .private a{color: #7eb138; font-weight: 700;}
#_wrap #_wrapFooter #_footer .footer-bottom{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 55px;}
#_wrap #_wrapFooter #_footer .footer-left img{opacity: .4;}
#_wrap #_wrapFooter #_footer .footer-left p{font-size: 16px; color: #ffffff; opacity: .4; margin: 20px 0 8px;}
#_wrap #_wrapFooter #_footer .footer-left span{color: #ffffff; opacity: .4; font-size: 16px;}
#_wrap #_wrapFooter #_footer .footer-right h1{color: white; opacity: .7; font-size: 27px; font-weight: 900;}
#_wrap #_wrapFooter #_footer .footer-right h1 span{font-size: 25px;}
#_wrap #_wrapFooter #_footer .footer-icon{display: flex; align-items: center; margin-top: 20px;}
#_wrap #_wrapFooter #_footer .footer-icon p{opacity: .4; font-size: 15px; color: white; line-height: 25px; margin: 0 10px;}

@media all and (max-width: 1023px) {
  #_wrap #_wrapFooter #_footer .footer-top ul{flex-wrap: wrap;}
  #_wrap #_wrapFooter #_footer .footer-top ul li{margin-right: 20px; margin-bottom: 10px;}
  #_wrap #_wrapFooter #_footer .footer-top ul a{font-size: 14px;}
  #_wrap #_wrapFooter #_footer .footer-right{margin-top: 30px;}
  #_wrap #_wrapFooter #_footer .footer-bottom{display: block; padding: 30px 0;}
}

#_wrap #_wrapFooter #_footer ._jumpMenuWrap {}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu {}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu h2{}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu select,
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu button{}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu select{}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu button{}
#_wrap #_wrapFooter #_footer ._addressWrap{}
#_wrap #_wrapFooter #_footer ._addressWrap ._info{}
#_wrap #_wrapFooter #_footer ._addressWrap ._info span{}
#_wrap #_wrapFooter #_footer ._addressWrap ._info span._address{}
#_wrap #_wrapFooter #_footer ._addressWrap ._copyright{}
/**********************************************************/
#_logo{}

/**[모바일 - 메뉴열기/닫기]********************************************************/
#mMenu{}
#mMenu .mMenuButton{}

/**[주메뉴]********************************************************/
.menuUItop{}
.menuUItop a{}
.menuUItop .top_div {}
.menuUItop ul.ul_1{}
.menuUItop ul.ul_1 li.li_1{}
.menuUItop ul.ul_1 li.li_1 a.a_1{}

/**[서브메뉴]********************************************************/
.menuUIsub .menuSubTitleUI{	}
.menuUIsub .menuSubTitleUI h2{	}
.menuUIsub .sub_div .ul_2 .li_2 .a_2{	}
.menuUIsub .sub_div .ul_2 .li_2 .a_2:hover,
.menuUIsub .sub_div .ul_2 .li_2 .a_2._active{}
.menuUIsub .sub_div .ul_2 .li_2 .a_2._active{}
.menuUIsub .sub_div .ul_2 .li_2 .a_2._active{}
.menuUIsub .sub_div .ul_2 .li_2 .div_3{}
.menuUIsub .sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3{}
.menuUIsub .sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3:hover,
.menuUIsub .sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3._active{}
.menuUIsub .sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3._active{}
.menuUIsub .sub_div ul li._active ._childDiv {}

/**[탭메뉴]********************************************************/
.menuUItab .tab_div{}
.menuUItab .tab_div .ul_3{}
.menuUItab  .tab_div .ul_3 .li_3{}
.menuUItab .tab_div .ul_3 .li_3._even{}
.menuUItab .tab_div .ul_3 .li_3._odd{}
.menuUItab .tab_div .ul_3 .li_3 .a_3{}
.menuUItab .tab_div .ul_3 .li_3 .a_3:hover,
.menuUItab .tab_div .ul_3 .li_3 .a_3._active{}
.menuUItab .tab_div .ul_3 .li_3 .a_3._active{}

/**페이지타이틀+페이지네비게이션********************************************************/
#masterTitle{}
#masterTitle h1{}

/**페이지내비게이션********************************************************/
#masterNavigation{width:100%;background:#f6f6f6;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
#masterNavigation #submenuNavigation.location{margin: 0 auto;position:relative;}
#masterNavigation #submenuNavigation.location:before,
#masterNavigation #submenuNavigation.location:after,
#masterNavigation #submenuNavigation.location ul:before,
#masterNavigation #submenuNavigation.location ul:after{content:"";clear: both; display: block;}
#masterNavigation #submenuNavigation.location > ul{border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#FFF; position: relative;}
#masterNavigation #submenuNavigation.location > ul > li{float:left;background:url(../images/line_04.png) no-repeat left;}
#masterNavigation #submenuNavigation.location > ul > li._1st,
#masterNavigation #submenuNavigation.location > ul > li:first-child{background:none;}
#masterNavigation #submenuNavigation.location > ul >  li > a.home,
#masterNavigation #submenuNavigation.location > ul >  li > .navTitle > a{display:block;height:48px;line-height: 48px;text-decoration:none;font-size:15px;background:url(../images/bul_cate.png) no-repeat 90%;padding-left:20px;padding-right:45px;}
#masterNavigation #submenuNavigation.location > ul >  li > a.home{background:url(../images/bul_home.png) no-repeat 15px;padding-left:45px;padding-right:20px;}
#masterNavigation #submenuNavigation.location > ul >  li > a.home:hover{color:#0072bc;}
#masterNavigation #submenuNavigation.location > ul >  li > .navTitle a:hover,
#masterNavigation #submenuNavigation.location > ul >  li._navigNow > .navTitle > a{background:url(../images/bul_cate_on.png) no-repeat 90%;padding-left:20px;padding-right:45px;color:#0072bc;}
#masterNavigation #submenuNavigation.location > ul >  li._navigNow > .navTitle > a{font-weight: 600;}
#masterNavigation #submenuNavigation.location > ul >  li > .navDiv {
  position: absolute;
  top: 48px;
  background-color: #fff;
  border-width: 0 1px 1px;
  border-color: #ddd;
  border-style: solid;
  display: none;
}
#masterNavigation #submenuNavigation.location > ul >  li > .navDiv ul{
}
#masterNavigation #submenuNavigation.location > ul >  li > .navDiv > ul > li{
  float: none;
  border-top: 1px #ddd solid;
}
#masterNavigation #submenuNavigation.location > ul >  li > .navDiv > ul > li > a{
  display: block;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 45px;
}
#masterNavigation #submenuNavigation.location > ul >  li > .navDiv > ul > li > a:hover{
  color: #0273bd;
}
#masterNavigation #submenuNavigation.location > ul >  li > .navDiv > ul > li > a._active{
  background-color: #0273bd;
  color: #fff;
}
.menuUItab > .tab_div > .tab_k2wiz_GNB > .li_4 > .div_5 {
  display: none;
}
#pagetitle4_2 span{max-width:190px;}
/*페이지내비게이션메뉴*/
.locationMenu{}
.locationMenu ul{border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.locationMenu li{clear:both;background:#FFF;border-top:1px solid #dddddd;width:100%;}
.locationMenu li:hover{background:#f6f6f6;}
.locationMenu li a{height:auto;font-size:13px;background:url(../images/locationMenuBul.png) no-repeat 15px;padding:9px 10px 9px 25px;}

/**[글로벌 네비게이션]********************************************************/
#_globalNavi {}


/**[페이지 로케이션]********************************************************/
#submenuNavigation {
}


/**[콘텐츠 담당자]********************************************************/
.contentsMngr{border: 1px solid #ddd; padding: 20px 30px; background-color: #fafafa;}
.contentsMngr ul{overflow: hidden;}
.contentsMngr ul li{float: left; margin-right: 8%; font-size: 1.1em; line-height: 20px; background: url(http://demo.ksa.or.kr/sites/ksa_kr/images/bul_00.png) no-repeat 0 12px; padding: 3px 0 3px 10px !important; }
.contentsMngr ul li:last-child{margin-right: 0;}
.contentsMngr.half ul li{font-size: 13px !important; width: 44%;}

/**[메뉴열기/닫기]********************************************************/
#mListOpen {
  display: none;
  border: 0;
}
#mListClose {
  left: 0;
  top: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
  text-indent: -5000px;
}
/**[gnbAllMenu]********************************************************/
#gnbAllMenu {
  position: fixed;
  top: 0;
  left: -250px;
  width: 250px;
  z-index: 140;
  overflow-y: auto;
  background-color: #0072bc;
  display:none;
}
#gnbAllMenu a{
  display: block;
}
#gnbAllMenu .li_1{
  background-color: #0072bc;
  border-bottom: 1px #4489b5 solid;
}
#gnbAllMenu .li_1._1st{
}
#gnbAllMenu .li_2{
  background-color: #f2faff;
  border-top: 1px #b7c7c6 solid;
}
#gnbAllMenu .li_2._1st{
  border: 0;
}
#gnbAllMenu .li_3{
  background-color: #f2f2f2;
  border-top: 1px #ddd solid;
}
#gnbAllMenu .li_4{
  background-color: #fff;
}
#gnbAllMenu .li_4._1st{
  border-top: 1px #999 solid;
}
#gnbAllMenu .li_1._useChildDiv,
#gnbAllMenu .li_2._useChildDiv,
#gnbAllMenu .li_3._useChildDiv{
  background-repeat: no-repeat;
}
#gnbAllMenu .li_1._useChildDiv{
  background-image: url("../images/gnbLi1.png");
  background-position: right 23px;
}
#gnbAllMenu .li_2._useChildDiv{
  background-image: url("../images/gnbLi2.png");
  background-position: right 18px;
}
#gnbAllMenu .li_3._useChildDiv{
  background-image: url("../images/gnbLi3.png");
  background-position: right 18px;
}
#gnbAllMenu a{
  margin-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gnbAllMenu .a_1{
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
#gnbAllMenu .a_2{
  color: #0072bc;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
#gnbAllMenu .a_3{
  color: #333;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
#gnbAllMenu .a_4{
  color: #333;
  height: 30px;
  line-height: 30px;
  font-size: 13px;  
  background-repeat: no-repeat;
  background-image: url("../images/gnbA4.png");
  background-position: 0 14px;
  padding-left: 10px;
}
#gnbAllMenu .div_2,
#gnbAllMenu .div_3,
#gnbAllMenu .div_4{
  display: none;
}
#gnbAllMenu .div_4{
  background-color: #fff;
}
#gnbAllMenuClose{
  display:none;
}
/* 탑버튼 */
#gotoTop {
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: rgba(0,151,182,0.5);
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
#gotoTop:hover {
  background-color: rgba(0,151,182,1);
}


/*20250218주석#wrap_header{position: relative; z-index: 10;}
#wrap_header .container{max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
#wrap_header .sub_header_wrap{background-color: white; position: relative;}
#wrap_header .sub_header_wrap .header_box{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#wrap_header .sub_header_wrap .header_logo{width: 220px; padding: 21px 0;}
#wrap_header .sub_header_wrap .header_logo img{width: 100%;}
#wrap_header .sub_header_wrap .header_util ul{display: flex; align-items: center;}
#wrap_header .sub_header_wrap .header_util li a{font-family: "NanumBarunGothic"; font-size: 16px; color: #17593d; font-weight: 700; width: 100%; height: 100%; display: block;}
#wrap_header .sub_header_wrap .header_util .header_dep_1{margin-right: 40px;}
#wrap_header .sub_header_wrap .header_util .header_dep_1 > a{position: relative; width: auto; height: auto; padding: 25px 0;}*/
/*#wrap_header .sub_header_wrap .header_util .header_dep_1 > a::after,
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a::before,
#wrap_header .sub_header_wrap .header_util .header_dep_3 > a::before{content:""; display: block; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #17593d;}*/
/*20250218주석#wrap_header .sub_header_wrap .header_util .header_dep_1 > a::after, 
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a::after, 
#wrap_header .sub_header_wrap .header_util .header_dep_3 > a::after{content:"";display: block;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 50%;background-color: #17593d;}
#wrap_header .sub_header_wrap .header_util .header_dep_2{margin-right: 30px; padding: 0;}
#wrap_header .sub_header_wrap .header_util .header_dep_3{margin-right: 30px; padding: 0;}
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a,
#wrap_header .sub_header_wrap .header_util .header_dep_3 > a{padding: 25px 0; position:relative;}*/
/*#wrap_header .sub_header_wrap .header_util .header_dep_1:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_2:hover > a::after{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_3:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}*/
/*20250218주석#wrap_header .sub_header_wrap .header_util .header_dep_1:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_2:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_3:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_search{position: relative; margin-right: 18px;}
#wrap_header .sub_header_wrap .header_util .header_search input[type="text"]{width: 190px; border: 0; margin: 0 0 0 20px; background-color: #f2f3f9; border-radius: 15px; line-height: 30px; height: 30px; padding-left:15px;}
#wrap_header .sub_header_wrap .header_util .header_search a{position: absolute; right: 0; top: 50%; width: 30px; height: 30px; background: transparent url(../images/renewal2/search.png) no-repeat center center; border: 0; font-size: 0; transform: translateY(-50%)}
#wrap_header .sub_header_wrap .header_util .header_sitemap a{width: 20px; height: 15px; background: url(../images/renewal2/menu.png) no-repeat center center; font-size: 0;}
#wrap_header .sub_header_wrap .div_2{background: #f5f5f5; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 100%; border-bottom: 0; width: 100%; z-index: 2; display: none; border-top: 1px solid #ddd;}
#wrap_header .sub_header_wrap .header_util .header_dep_1:hover .div_2{display: block;}
#wrap_header .sub_header_wrap .header_util .header_dep_2:hover .div_2{display: block;}
#wrap_header .sub_header_wrap ul.ul_1 li.li_1:hover .div_2{display: block;}
#wrap_header .sub_header_wrap .div_2_wrap{display: flex; flex-wrap: wrap; background: white url(../images/renewal2/menu_background.png) no-repeat right 20px bottom 20px;}
#wrap_header .sub_header_wrap .div_2_title{width: 240px; padding-top: 35px; padding-left: 18px; border-right: 1px solid #ddd; box-sizing: border-box;}
#wrap_header .sub_header_wrap .div_2_title h1{font-family: "Arial"; font-size: 35px; font-weight: 900; color: #7eb138; position: relative; line-height: 40px; opacity: .33; letter-spacing: -.05em;}
#wrap_header .sub_header_wrap ul.ul_2{width: calc(100% - 240px); margin: 0; border: 0; flex-wrap: wrap; align-items: start; justify-content: stretch;}
#wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2{padding: 0 30px; background-color: white; padding-bottom: 40px; width: calc(100%/3); box-sizing: border-box; border-right: 1px solid #ddd; height: 100%;}
#wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2:last-child{border-right: 0;}
#wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2 a.a_2{border: 0; font-size: 18px; color: #007944; margin: 0; font-family: "NanumBarunGothic"; font-weight: 700; padding: 39px 0 17px; width: auto; height: auto;}
#wrap_header .sub_header_wrap .div_3{margin: 0;}
#wrap_header .sub_header_wrap .div_3 ul{display: block;}
#wrap_header .sub_header_wrap .div_3 ul li{background: none; float: none; padding: 0; line-height: 1.5}
#wrap_header .sub_header_wrap .div_3 ul li a{font-size: 16px; color: #333333; padding: 6px 0; background: none; width: auto; height: auto; font-weight: 400;}
#wrap_header .sub_header_wrap .div_4{display: block;}
#wrap_header .sub_header_wrap .div_4 ul{padding: 0; width: 100%; border-bottom: 0;}
#wrap_header .sub_header_wrap .div_4 ul li{background: none;}
#wrap_header .sub_header_wrap .div_4 ul li a{position: relative; padding-left: 13px; font-size: 14px; color: #666666;}
#wrap_header .sub_header_wrap .div_4 ul li a::before{content:"-"; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}*/
#wrap_header{position: relative; z-index: 10;}
#wrap_header .container{max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
#wrap_header .sub_header_wrap{background-color: white; position: relative;}
#wrap_header .sub_header_wrap .header_box{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#wrap_header .sub_header_wrap .header_logo{width: 220px; padding: 21px 0;}
#wrap_header .sub_header_wrap .header_logo img{width: 100%;}
#wrap_header .sub_header_wrap .header_util ul{display: flex; align-items: center;}
#wrap_header .sub_header_wrap .header_util li a{font-family: "NanumBarunGothic"; font-size: 16px; color: #17593d; font-weight: 700; width: 100%; height: 100%; display: block;}
#wrap_header .sub_header_wrap .header_util .header_dep_1{margin-right: 40px;}
#wrap_header .sub_header_wrap .header_util .header_dep_1 > a{position: relative; width: auto; height: auto; padding: 25px 0;}
/*#wrap_header .sub_header_wrap .header_util .header_dep_1 > a::after,
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a::before,
#wrap_header .sub_header_wrap .header_util .header_dep_3 > a::before{content:""; display: block; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #17593d;}*/
#wrap_header .sub_header_wrap .header_util .header_dep_1 > a::after, 
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a::after, 
#wrap_header .sub_header_wrap .header_util .header_dep_3 > a::after,
#wrap_header .sub_header_wrap .header_util .header_dep_4 > a::after{content:"";display: block;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 50%;background-color: #17593d;}
#wrap_header .sub_header_wrap .header_util .header_dep_2{margin-right: 30px; padding: 0;}
#wrap_header .sub_header_wrap .header_util .header_dep_3{margin-right: 30px;padding: 0;}
#wrap_header .sub_header_wrap .header_util .header_dep_4{margin-right: 30px;padding: 0;}
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a,
#wrap_header .sub_header_wrap .header_util .header_dep_3 > a,
#wrap_header .sub_header_wrap .header_util .header_dep_4 > a{padding: 25px 0; position:relative;}
#wrap_header .sub_header_wrap .header_util .header_dep_4 > a:after{display:none;}
/*#wrap_header .sub_header_wrap .header_util .header_dep_1:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_2:hover > a::after{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_3:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}*/
#wrap_header .sub_header_wrap .header_util .header_dep_1:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_2:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_3:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_dep_4:hover > a::before{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}
#wrap_header .sub_header_wrap .header_util .header_search{position: relative; margin-right: 18px;}
#wrap_header .sub_header_wrap .header_util .header_search input[type="text"]{width: 190px; border: 0; margin: 0 0 0 20px; background-color: #f2f3f9; border-radius: 15px; line-height: 30px; height: 30px; padding-left:15px;}
#wrap_header .sub_header_wrap .header_util .header_search a{position: absolute; right: 0; top: 50%; width: 30px; height: 30px; background: transparent url(../images/renewal2/search.png) no-repeat center center; border: 0; font-size: 0; transform: translateY(-50%)}
#wrap_header .sub_header_wrap .header_util .header_sitemap a{width: 20px; height: 15px; background: url(../images/renewal2/menu.png) no-repeat center center; font-size: 0;}
#wrap_header .sub_header_wrap .div_2{background: #f5f5f5; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 100%; border-bottom: 0; width: 100%; z-index: 2; display: none; border-top: 1px solid #ddd;}
#wrap_header .sub_header_wrap .header_util .header_dep_1:hover .div_2{display: block;}
#wrap_header .sub_header_wrap .header_util .header_dep_2:hover .div_2{display: block;}
#wrap_header .sub_header_wrap ul.ul_1 li.li_1:hover .div_2{display: block;}
#wrap_header .sub_header_wrap .div_2_wrap{display: flex; flex-wrap: wrap; background: white url(../images/renewal2/menu_background.png) no-repeat right 20px bottom 20px;}
#wrap_header .sub_header_wrap .div_2_title{width: 240px; padding-top: 35px; padding-left: 18px; border-right: 1px solid #ddd; box-sizing: border-box;}
#wrap_header .sub_header_wrap .div_2_title h1{font-family: "Arial"; font-size: 35px; font-weight: 900; color: #7eb138; position: relative; line-height: 40px; opacity: .33; letter-spacing: -.05em;}
#wrap_header .sub_header_wrap ul.ul_2{width: calc(100% - 240px); margin: 0; border: 0; flex-wrap: wrap; align-items: start; justify-content: stretch;}
#wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2{padding: 0 30px; background-color: white; padding-bottom: 40px; width: calc(100%/3); box-sizing: border-box; border-right: 1px solid #ddd; height: 100%;}
#wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2:last-child{border-right: 0;}
#wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2 a.a_2{border: 0; font-size: 18px; color: #007944; margin: 0; font-family: "NanumBarunGothic"; font-weight: 700; padding: 39px 0 17px; width: auto; height: auto;}
#wrap_header .sub_header_wrap .div_3{margin: 0;}
#wrap_header .sub_header_wrap .div_3 ul{display: block;}
#wrap_header .sub_header_wrap .div_3 ul li{background: none; float: none; padding: 0; line-height: 1.5}
#wrap_header .sub_header_wrap .div_3 ul li a{font-size: 16px; color: #333333; padding: 6px 0; background: none; width: auto; height: auto; font-weight: 400;}
#wrap_header .sub_header_wrap .div_4{display: block;}
#wrap_header .sub_header_wrap .div_4 ul{padding: 0; width: 100%; border-bottom: 0;}
#wrap_header .sub_header_wrap .div_4 ul li{background: none;}
#wrap_header .sub_header_wrap .div_4 ul li a{position: relative; padding-left: 13px; font-size: 14px; color: #666666;}
#wrap_header .sub_header_wrap .div_4 ul li a::before{content:"-"; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

#wrap_header .main_header_wrap{background-color: #17593d;}
#wrap_header .main_header_wrap .menuUItop{position: static; margin-left: 0; width: 100%; left: 0; top: 0;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1{display: flex; flex-wrap: wrap; justify-content: stretch;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1{float: none; width: calc(100% / 6); padding: 33px 0; cursor: pointer;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1 .a_1 > span{font-size: 13px; opacity: .73; font-weight: 700; color: white; margin-top: 10px; line-height: 18px; display: block; text-align: center;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:hover{background-color: #7eb138;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:nth-child(7),
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:nth-child(8),
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:nth-child(9){display: none;}
#wrap_header .main_header_wrap .div_1{position: static;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1 a.a_1._active, .menuUItop ul.ul_1 li.li_1 a.a_1:hover{color: white !important; background: transparent !important;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1 a.a_1{height: auto; color: white; display: block; text-align: center;}
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(1) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(2) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(3) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(4) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(5) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(6) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(7) a.a_1,
#wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(8) a.a_1{position: static; margin-left: 0; width: 100%; padding-top: 0; font-size: 20px; font-family: "NanumBarunGothic"; font-weight: 400;}
#wrap_header .main_header_wrap .menuUItop .div_2{background: #f5f5f5; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 100%; border-bottom: 0;}



#wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:hover .div_2{display: block;}
#wrap_header .main_header_wrap .menuUItop .div_2_wrap{display: flex; flex-wrap: wrap; position: relative; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#wrap_header .main_header_wrap .menuUItop .div_2_title{position: absolute; right: 50px; bottom: 40px; opacity: .33; text-align: right;}
#wrap_header .main_header_wrap .menuUItop .div_2_title span{font-family: "Arial"; font-weight: 900; color: #7eb138; font-size: 60px; line-height: 1;}
#wrap_header .main_header_wrap .menuUItop .div_2_title h1{font-family: "Arial"; font-weight: 900; color: #7eb138; font-size: 60px; line-height: 1;}
#wrap_header .main_header_wrap .menuUItop .div_2.top_div_794 .div_2_title{bottom:20px;}
#wrap_header .main_header_wrap .menuUItop .div_2.top_div_794 .div_2_title h1{font-size:42px;}
#wrap_header .main_header_wrap .menuUItop ul.ul_2{width: 100%; margin: 0; border: 0; background-color: white;}
#wrap_header .main_header_wrap .menuUItop ul.ul_2::after{content:""; display: table; clear: both;}
#wrap_header .main_header_wrap .menuUItop .div_2 ul.ul_2 li.li_2{padding: 0 0 20px 20px; background-color: white; width: calc(100% / 6); float: left; border-bottom: 1px solid #ddd; min-height: 250px; box-sizing: border-box;}
#wrap_header .main_header_wrap .menuUItop .div_2 ul.ul_2 li.li_2:last-child{border-right: 0;}
#wrap_header .main_header_wrap .menuUItop .div_2 ul.ul_2 li.li_2 a.a_2{border: 0; font-size: 18px; color: #007944; margin: 0; font-family: "NanumBarunGothic"; font-weight: 700; padding: 39px 0 17px; background: none;} /*20231128 수정*/
#wrap_header .main_header_wrap .menuUItop .div_3{margin: 0;}
#wrap_header .main_header_wrap .menuUItop .div_3 ul{display: block;}
#wrap_header .main_header_wrap .menuUItop .div_3 ul li{background: none;}
#wrap_header .main_header_wrap .menuUItop .div_3 ul li > a{font-size: 16px; color: #333333; padding: 6px 0; background: none; font-weight: 400; line-height: 20px; word-break: keep-all;}
#wrap_header .main_header_wrap .menuUItop .div_4{display: block;}
#wrap_header .main_header_wrap .menuUItop .div_4 ul{padding: 0; width: 100%; border-bottom: 0;}
#wrap_header .main_header_wrap .menuUItop .div_4 ul li{background: none;}
#wrap_header .main_header_wrap .menuUItop .div_4 ul li a{position: relative; padding-left: 13px; color: #666666; font-weight: 300; font-size: 14px; word-break: keep-all;}
#wrap_header .main_header_wrap .menuUItop .div_4 ul li a::before{content:"-"; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1),
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2){border-bottom: 0; width: calc(100%/3);}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(5),
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(6){min-height: 125px;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(5){border-right: 0;}
/*#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1) .div_3{padding-bottom: 84px;}*/
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1) .div_3 .ul_3,
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2) .div_3 .ul_3{display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; max-height: 800px;}
/*#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2) .div_3 .ul_3{max-height:610px;} */
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1) .div_3 .ul_3 .li_3,
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2) .div_3 .ul_3 .li_3{width: 50%;}

#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2{min-height: auto;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(1){border-bottom: 0;} /* border-right: 0;  */
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2){min-height:821px; border-right:0; border-bottom:1px solid #ddd;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(3){border-left:1px solid #ddd;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(3),
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(4),
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(5){min-height: 649px;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(5){border-right:0;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(6){min-height: 407px;} /*20231128 수정*/
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(6){border-right:1px solid #ddd; border-left:1px solid #ddd;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(7),
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(8){min-height: 100px;} /*20231128 수정*/
/*#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(7){border-left:1px solid #ddd;}*/
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(8){border-right: 0;} /*20231128 수정*/
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(9){border-right: 1px solid #ddd;} /*20231128 수정*/

#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(3) .div_2 ul.ul_2 li.li_2{min-height: 100px;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(3) .div_2 ul.ul_2 li.li_2:last-child{border-right:1px solid #ddd;}

#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5)  ul.ul_2{padding: 33px 15px 23px; display:flex; flex-wrap:wrap; justify-content:center; gap:0 20px;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2{width: 18.5%;  border: 1px solid #dddddd; min-height: auto; position: relative; padding-bottom: 0; min-height: 260px; padding-left: 0; margin-bottom: 20px;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2::before{content:""; display: block; position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; background: url(../images/renewal2/menu_link.png) no-repeat center center; right: 9px; bottom: 9px;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(1){background: url(../images/renewal2/menu_image_1.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(2){background: url(../images/renewal2/menu_image_2.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(3){background: url(../images/renewal2/menu_image_3.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(4){background: url(../images/renewal2/menu_image_4.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(5){background: url(../images/renewal2/menu_image_5.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(6){background: url(../images/renewal2/menu_image_6.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(7){background: url(../images/renewal2/menu_image_7.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(8){background: url(../images/renewal2/menu_image_8.png) no-repeat top 50px center}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(9){background: url(../images/renewal2/menu_image_9.png) no-repeat top 50px center}
/*#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(8) a{font-size: 0;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2:nth-child(8)::before{display: none;}*/
#wrap_header .main_header_wrap .menuUItop .li_1:nth-chidl(5) .div_2 ul.ul_2 li.li_2:nth-child(4n){margin-right: 0;}
#wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2 a.a_2{color: #333333; padding: 181px 33px 37px; word-break: keep-all; text-align: center;box-sizing: border-box;}



@media all and (max-width: 1023px) {
  #wrap_header .sub_header_wrap .div_2{ background: #f3f4f9 ; width: 100%; display: none; padding-bottom: 30px;}
  #wrap_header .main_header_wrap .menuUItop .div_2_wrap{border-right: 0; border-left: 0;}
  #wrap_header .sub_header_wrap ul.ul_2{width: 100%;}
  #wrap_header .sub_header_wrap .div_2_wrap{background: transparent;}
  #wrap_header .sub_header_wrap .div_2_title{width: 100%; padding: 15px 0;}
  #wrap_header .sub_header_wrap .div_2.active{display: block;}
  #wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2 a.a_2{display: inline-block; padding: 0; margin-bottom: 10px;}
  #wrap_header .sub_header_wrap .div_2_title h1{left: 0;}
  #wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2{padding: 0; background: #f3f4f9; width: calc(100%/3); border-right: 0;}
  #wrap_header .sub_header_wrap .div_3 ul li{margin-bottom: 5px;}
  #wrap_header .sub_header_wrap .div_3 ul li:last-child{margin-bottom: 0;}
  #wrap_header .sub_header_wrap .div_4{margin: 5px 0;}
  #wrap_header .sub_header_wrap .header_util .header_dep_2 > a.active::after{content:""; display: block; position: absolute; left: -7px; bottom: 0; width: calc(100% + 14px); height: 5px; background-color: #7eb138; z-index: 10;}

  #wrap_header .main_header_wrap .menuUItop .div_2{ background: #f3f4f9 ; width: 100%; display: none; padding-bottom: 30px;}
  #wrap_header .main_header_wrap .menuUItop ul.ul_2{grid-template-rows: auto; width: 100%; background-color: transparent;}
  #wrap_header .main_header_wrap .menuUItop .div_2_title{width: auto; left: 10px; bottom: 10px;}
  #wrap_header .main_header_wrap .menuUItop .div_2_title span{font-size: 18px;}
  #wrap_header .main_header_wrap .menuUItop .div_2_title h1{font-size: 22px;}
  #wrap_header .main_header_wrap .menuUItop .div_2.active{display: block; border-right: 0 !important;} /*20231128 수정*/
  #wrap_header .main_header_wrap .menuUItop .div_2 ul.ul_2 li.li_2 a.a_2{display: inline-block; padding: 0; margin-bottom: 10px;}
  #wrap_header .main_header_wrap .menuUItop .div_2_title h1{left: 0;}
  #wrap_header .main_header_wrap .menuUItop .div_2 ul.ul_2 li.li_2{padding: 20px 0; background: #f3f4f9; width: calc(100%/3); min-height: auto; border-bottom: 0;}
  #wrap_header .main_header_wrap .menuUItop .div_3 ul li{margin-bottom: 5px;}
  #wrap_header .main_header_wrap .menuUItop .div_3 ul li:last-child{margin-bottom: 0;}
  #wrap_header .main_header_wrap .menuUItop .div_4{margin: 5px 0;}
  
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1) .div_3{padding-bottom: 0;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1) .div_3 .ul_3{max-height: none;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(1) .div_2 ul.ul_2 li.li_2:nth-child(1) .div_3 .ul_3 .li_3{width: 100%;}
  
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2){border: 0;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(3), #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(4){min-height: auto;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(7), #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(8){min-height: auto;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(3){border-left:0;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(3) .div_2 ul.ul_2 li.li_2{min-height: auto;}

  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(4) ul.ul_2{padding: 20px 0;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(4) .div_2 ul.ul_2 li.li_2{width: 49%; margin-right: 2%;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(4) .div_2 ul.ul_2 li.li_2:nth-child(even){margin-right: 0;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2{border:0 !important;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2){min-height:auto;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2) .div_3 .ul_3{display:block; max-height:unset;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(2) .div_3 .ul_3 .li_3{width:100%;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(3), 
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(4),
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(2) .div_2 ul.ul_2 li.li_2:nth-child(5){min-height:unset;}

}

@media all and (max-width: 768px) {
  #wrap_header .sub_header_wrap .header_box{display: block;}
  #wrap_header .sub_header_wrap .header_logo{margin: 0 auto; margin-bottom: 20px; padding: 10px 0;}
  #wrap_header .sub_header_wrap .header_util ul{flex-wrap:wrap;}
  #wrap_header .sub_header_wrap .header_util li{padding: 10px 0; line-height: 30px;}
  #wrap_header .sub_header_wrap .header_util .header_dep_1{padding: 0; padding-right: 40px; margin-right:0; }
  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1{padding: 15px 0; width: calc(100%/3);}
  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1 .a_1 > span{display: none;}
  #wrap_header .sub_header_wrap .div_2{padding-top: 50px;}
  #wrap_header .sub_header_wrap .div_2 .menu_close_btn,
  #wrap_header .main_header_wrap .div_2 .menu_close_btn{width: 20px; height: 20px; background: url(../images/renewal2/mobile_close.png) no-repeat center center / cover; cursor: pointer; position: absolute; right: 20px; top: 20px;}
  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(1) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(2) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(3) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(4) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(5) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(6) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(7) a.a_1, #wrap_header .main_header_wrap .menuUItop ul.ul_1 li:nth-child(8) a.a_1{font-size: 16px;}
  #wrap_header .sub_header_wrap .div_2_title h1{font-size: 22px;}
  #wrap_header .sub_header_wrap .header_util .header_search{width: calc(100% - 224px);}
  #wrap_header .sub_header_wrap .header_util .header_search input[type="text"]{width: 100%; margin-left:0;}
  #wrap_header .main_header_wrap .menuUItop .div_2 ul.ul_2 li.li_2 a.a_2{font-size: 16px;}
  #wrap_header .main_header_wrap .menuUItop .div_3 ul li a{font-size: 12px;}
  #wrap_header .main_header_wrap .div_2{padding-top: 50px;}
  #wrap_header .main_header_wrap .div_2 .menu_close_btn{width: 20px; height: 20px; background: url(../images/renewal2/mobile_close.png) no-repeat center center; cursor: pointer; position: absolute; right: 20px; top: 20px;}

  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:hover{background: transparent;}
  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1.active{background: #7eb138}
  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1:hover .div_2{display: none;}
  #wrap_header .main_header_wrap .menuUItop ul.ul_1 li.li_1 .div_2.active{display: block;}

  #wrap_header .sub_header_wrap .header_util .header_dep_1 > a{padding:10px 0;}
  #wrap_header .sub_header_wrap .header_util .header_dep_1:hover > a::before{display: none;}
  #wrap_header .sub_header_wrap .header_util .header_dep_1 > a.active::before{display: block;}
  #wrap_header .sub_header_wrap .header_util .header_dep_1:hover .div_2{display: none;}
  #wrap_header .sub_header_wrap .header_util .header_dep_1 .div_2.active{display: block;}
  #wrap_header .sub_header_wrap .header_util .header_dep_2:hover > a::after{display: none;}
  #wrap_header .sub_header_wrap .header_util .header_dep_2 > a.active::after{display: block;}
  #wrap_header .sub_header_wrap .header_util .header_dep_2:hover .div_2{display: none;}
  #wrap_header .sub_header_wrap .header_util .header_dep_2 .div_2.active{display: block;}
#wrap_header .sub_header_wrap .header_util .header_dep_2 > a,
  #wrap_header .sub_header_wrap .header_util .header_dep_3 > a{padding:10px 0;}
  #wrap_header .sub_header_wrap .div_2 ul.ul_2 li.li_2 a.a_2{font-size: 16px;}
  #wrap_header .sub_header_wrap .div_3 ul li a{font-size: 12px; display: inline}
}

@media all and (max-width: 480px){
  #wrap_header .sub_header_wrap .header_util .header_search{width:90%; margin-bottom:2%;}
  #wrap_header .sub_header_wrap .header_util li.header_sitemap{margin-bottom:2%;}
  #wrap_header .main_header_wrap .menuUItop .li_1:nth-child(5) .div_2 ul.ul_2 li.li_2{width:47%;}
}

/* sub */
/* 20231212 */
#_wrap #_wrapArticle{top: 0;}
#wrapLnb{display: none;}
.sub_menu_wrap #navUldep01 .div_2{display: none;}
.sub_menu_wrap #navUldep01 .li_1 > span{display: none;}
.sub_menu_wrap #navUldep02 .div_3{display: none;}
.sub_menu_wrap #navUldep03 .div_4{display: none;}

#_wrapArticle .sub_visual{background-repeat: no-repeat; background-size: cover; padding: 115px 0 86px;}
#_wrapArticle .sub_visual.body-792{background-image: url(../images/renewal2/sub_visual_1.png)}
#_wrapArticle .sub_visual.body-793{background-image: url(../images/renewal2/sub_visual_2.png)}
#_wrapArticle .sub_visual.body-794{background-image: url(../images/renewal2/sub_visual_3.png)}
#_wrapArticle .sub_visual.body-799{background-image: url(../images/renewal2/sub_visual_4.png)}
#_wrapArticle .sub_visual.body-798,
#_wrapArticle .sub_visual.body-16159{background-image: url(../images/renewal2/sub_visual_5.png)}
#_wrapArticle .sub_visual h1{color: #ffffff; font-size: 60px; font-weight: 700; text-align: center; letter-spacing: 27px;}
#_wrapArticle .sub_menu_wrap{background-color: #2c333d; position: relative; z-index: 100;}
#_wrapArticle .sub_menu_wrap > ul{background-color: #7eb138; display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto;}
#_wrapArticle .sub_menu_wrap  > ul > li{position: relative;}
#_wrapArticle .sub_menu_wrap .navHome{width: 104px; border-right: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); background: url(../images/renewal2/sub_home.png) no-repeat center center; box-sizing: border-box; height:100%;}
#_wrapArticle .sub_menu_wrap .navHome a{display: block; width: 100%; height: 100%; text-indent:-9999px;}
#_wrapArticle .sub_menu_wrap ul .navTitle{min-width: 274px; border-right: 1px solid rgba(255,255,255,.2); padding: 0 55px 0 27px; position: relative; box-sizing: border-box; line-height: 60px; color: white; font-size: 16px; cursor:pointer; z-index: 50;}
#_wrapArticle .sub_menu_wrap ul .navTitle::after{content:""; display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%) rotate(0deg); background: url(../images/renewal2/menu_arrow.png) no-repeat center center; width: 19px; height: 10px; transition: all .3s}
#_wrapArticle .sub_menu_wrap ul .navTitle.on{background-color: white; color: #000000;}
#_wrapArticle .sub_menu_wrap ul .navTitle.on::after{background: url(../images/renewal2/menu_arrow_on.png) no-repeat center center;}
#_wrapArticle .sub_menu_wrap ul .navTitle span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#_wrapArticle .sub_menu_wrap ul .navDiv{position: absolute; left: 0; top: 100%; width: 100%; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; background-color: white;}
#_wrapArticle .sub_menu_wrap ul .navDiv ul{padding: 0 25px;}
#_wrapArticle .sub_menu_wrap ul .navDiv li{border-bottom: 1px solid #dddddd; padding: 20px 0;}
#_wrapArticle .sub_menu_wrap ul .navDiv li:last-child{border-bottom: 0;}
#_wrapArticle .sub_menu_wrap ul .navDiv a{font-size: 16px; color: #666666; width: 100%; height: 100%; display: block;}
#_wrapArticle .sub_menu_wrap ul .navDiv .a_1 > span{display: none;}
#_wrapArticle .sub_menu_wrap ul .navDiv a._active{font-weight: 700; color: #007944;}

#_wrapArticle .sub_menu_depth{background-color: #f5f5f5; padding: 40px 0 30px;}
#_wrapArticle .sub_menu_depth #navUldep01_1 .div_2{display: none}
#_wrapArticle .sub_menu_depth #navUldep01_1 .a_1 > span{display: none;}
#_wrapArticle .sub_menu_depth #navUldep02_1 .div_3{display: none}
#_wrapArticle .sub_menu_depth #navUldep03_1 .div_4{display: none}
#_wrapArticle .sub_menu_depth #navUldep01_1,
#_wrapArticle .sub_menu_depth #navUldep02_1,
#_wrapArticle .sub_menu_depth #navUldep03_1,
#_wrapArticle .sub_menu_depth #navUldep04{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li,
#_wrapArticle .sub_menu_depth #navUldep02_1 li,
#_wrapArticle .sub_menu_depth #navUldep03_1 li,
#_wrapArticle .sub_menu_depth #navUldep04 li{background-color: white; text-align: center; box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.03); min-width: 150px; margin-right: 10px; margin-bottom: 10px;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li:last-child,
#_wrapArticle .sub_menu_depth #navUldep02_1 li:last-child,
#_wrapArticle .sub_menu_depth #navUldep03_1 li:last-child,
#_wrapArticle .sub_menu_depth #navUldep04 li:last-child{margin-right: 0;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li a,
#_wrapArticle .sub_menu_depth #navUldep02_1 li a,
#_wrapArticle .sub_menu_depth #navUldep03_1 li a,
#_wrapArticle .sub_menu_depth #navUldep04 li a{font-weight: 700; color: #999999; font-size: 16px; width: 100%; height: 100%; display: block; line-height: 50px;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li a._active,
#_wrapArticle .sub_menu_depth #navUldep02_1 li a._active,
#_wrapArticle .sub_menu_depth #navUldep03_1 li a._active,
#_wrapArticle .sub_menu_depth #navUldep04 li a._active{background-color:#10975c; color:#fff;}
@media all and (max-width: 1023px) {
  #_wrapArticle .sub_visual{padding: 50px 0 40px;}
  #_wrapArticle .sub_visual h1{font-size: 40px;}
  #_wrapArticle .sub_menu_wrap > ul > li:first-child{width: 104px !important;}
  #_wrapArticle .sub_menu_wrap > ul > li{min-width: auto; width: calc((100% - 104px) / 4);}
  #_wrapArticle .sub_menu_wrap ul .navTitle{min-width: auto; width: 100%;}
}

@media all and (max-width: 768px) {
  #_wrapArticle .sub_menu_wrap > ul > li:first-child{width: 60px !important;}
  #_wrapArticle .sub_menu_wrap .navHome{width: 60px; background-size: 30%;}
  #_wrapArticle .sub_menu_wrap > ul > li{width: calc((100% - 60px) / 4);}
  #_wrapArticle .sub_menu_wrap ul .navTitle{font-size: 14px; padding: 0 30px 0 15px;}
  #_wrapArticle .sub_menu_wrap ul .navTitle::after{right: 15px;}
  #_wrapArticle .sub_menu_depth{padding: 30px 15px;}
  #_wrapArticle .sub_menu_depth #navUldep01_1 li a,
  #_wrapArticle .sub_menu_depth #navUldep02_1 li a,
  #_wrapArticle .sub_menu_depth #navUldep03_1 li a,
  #_wrapArticle .sub_menu_depth #navUldep04 li a{font-size: 14px;}
  #_wrapArticle .sub_menu_wrap ul .navDiv ul{padding: 0 15px;}
  #_wrapArticle .sub_menu_wrap ul .navDiv li{padding: 13px 0;}
  #_wrapArticle .sub_menu_wrap ul .navDiv a{font-size: 14px;}
}
/* 20231212 */
@media all and (max-width: 768px) {
	#wrap_header .sub_header_wrap .header_util .header_search{width:90%; margin-bottom: 2%;}
	#wrap_header .sub_header_wrap .header_util li.header_sitemap{margin-bottom:2%;}
}
