#wrap {clear: both;width:100vw;min-height: 100vh;background: #F8F9FA;z-index: 0; }
#header {clear:both;overflow:hidden;width:calc(100vw - 36px);height:auto;border-bottom: none;background: #FFFFFF;text-align:center; padding: 12px 18px; display: flex; justify-content: space-between; box-shadow: 0px 4px 4px #1b1d214d; position: fixed; z-index: 9999; align-items: center;}
#header a:first-child img,#header a:last-child img {width: 26px; height: 26px !important;}

*{letter-spacing: -0.5px;}
#modify { border: none !important; line-height: 38px !important; font-size: 17px !important;}
#modify:hover {background: transparent !important; color: #569932 !important; border: none !important;}
#modify::after {content: "";margin-left: 8px; margin-bottom: 2px; width: 13px; height: 7px; display: inline-block; background: url('/image/nav/down_arrow.svg');}
#modify:hover::after{background: url('/image/nav/down_arrow_over.svg');}
#login:hover{color: #ffffff !important;}


#header > div:nth-child(3) {display:none; position: absolute;left:0;top:113px;clear:both;overflow:hidden;width:1280px;background:#FFF;z-index:999;box-shadow: 0px 3px 6px #00000029;margin:0;padding:0px calc(50% - 633px);height: 0;}
#header > div:nth-child(3) > div {float:left;width:20%;}
#header > div:nth-child(3) > div > h1 {display:none;}
#header > div:nth-child(3) > div .detailMenu {display:none;}
#menu59 > a > br,#body-nav > ul > li:nth-child(3) > a > br {display: none;}
#header > a:nth-child(1) img,#header > a:nth-child(3) img {height: 26px;}
#header > a:nth-child(2) {line-height: 35px;}

#body {clear:both;overflow:hidden;background: #ffffff; min-height: calc(100vw - 1351px); padding-top: 48px !important;}
#login{border: 2px solid #1B1D21 !important; border-radius: 20px !important;}
#body-left {display: none;}
#body-nav {display: none;} 

#left_slide > ul > li:nth-of-type(-n+3){padding: 0 20px; background: #3a4c30;}
#left_slide > ul > li:nth-of-type(1) a {color: #ffffff; background: url(/image/m/left-slide/close.png?ver=1) center no-repeat; width: 36px; height: 36px; display: inline-block; background-size: cover; }
#left_slide > ul > li:nth-of-type(2) h1 {font-size: 20px; line-height: 23px; font-weight: bold; color: #ffffff; padding-bottom: 15px;}
#left_slide > ul > li:nth-of-type(2) h1 img {width: 48px; margin-right: 20px; margin-left: 35px;}


#left_slide > ul > li:nth-of-type(n+8) {display: flex; justify-content: space-between;}
#left_slide > ul > li h2 {font-size: 14px; line-height: 17px;}
#left_slide > ul > li:nth-of-type(n+5) a, #left_slide > ul > li p:nth-of-type(1) {line-height: 26px; font-size: 14px; font-family: 'Notosans KR'; display: block; clear: both; overflow: hidden; text-align: center; margin: 0 13px;}
#left_slide > ul > li p:nth-of-type(2) {color: #1B1D21; font-size: 18px; font-weight: bold; letter-spacing: -0.54px; line-height: 26px; font-family: 'Notosans KR';}
#left_slide > ul > li p {display: inline-block;}
#left_slide > ul > li:last-child a {background: #EFEFEF; color: #000; font-size: 14px; width: 120px;height: 48px; margin: 0 auto; padding: 0; font-family: 'NEXON Lv1 Gothic OTF'; text-align: center; line-height: 48px; border: none !important; box-shadow: none !important;}

#left_slide { position: fixed;width: 300px;padding: 0px 0 46px 0;height:100%;left: -320px;top: 0; display: block; box-shadow: none; border: none; overflow-y: scroll;}
#left_slide > ul > li:nth-of-type(1) {background: #3a4c30; position: relative; height: 36px; padding-top: 30px; text-align: right;}
#left_slide > ul > li:nth-child(3) {display: flex; justify-content: space-between;  padding-bottom: 20px;}
#left_slide > ul > li:nth-child(3) a {background: transparent; border: 2px solid #ffffff; padding: 10px 0 !important; text-align: center; width: 120px;}
#left_slide > ul > li:nth-child(n+4){background: #ffffff;}
#left_slide .topMenu:nth-child(n+6){display: none;}
#left_slide .topMenu h1{font-size: 16px; font-family: 'NEXON Lv1 Gothic OTF'; line-height: 29px; padding: 11px 20px ; border-bottom: 1px solid #9E9E9F;}
#left_slide .topMenu h1::after{content: ''; background: url(/image/m/left-slide/bottom.png) no-repeat center; width: 24px; height: 24px; float: right; background-size: cover; }
#left_slide .topMenu div { border-bottom: 1px solid #9e9e9f; display: none;}
#left_slide .topMenu a {font-size: 15px; padding: 11px 30px; display: block;}
#left_slide .topMenu a::before {content: '-'; padding-right: 5px; float: left;}
#left_slide #leftMenu59 > a br {display: none;}
#left_slide > ul > li:nth-of-type(5) {margin-top: 15px;}
#left_slide > ul > li:nth-of-type(6) {padding-bottom: 60px; padding-top: 20px; display: flex; justify-content: space-between;}
.menu_slide {height: 380px !important; }

.slide_left {transform: translateX(-0px) !important;}
.act {background-image: url('/image/nav/fold2.svg') !important;}
.right_on{transition: all 0.5s; left: 0 !important; box-shadow: rgb(0 0 0 / 50%) 0 0 0 9999px, rgb(0 0 0 / 50%) 2px 2px 3px 3px !important; }
.right_off{transition: all 0.5s; left: -320px !important; box-shadow: none !important;}

#footer { clear:both;overflow:hidden;background:#3B3B3B;text-align:center; padding: 30px 40px 60px 40px;}
#footer div,#footer a,#footer label,#footer span{font-family: 'Noto sans KR Light';}
#footer > div > div:nth-child(1) {text-align:left;}
#footer > div > div:nth-child(1) > ul {float:left;}
#footer > div > div:nth-child(1) > ul > li {float:left;}
#footer > div > div:nth-child(1) > ul > li:after {content:'|';margin:0 7px;font-size:10px;color:#FFF;}
#footer > div > div:nth-child(1) > ul > li:last-child:after {content:'';}
#footer > div > div:nth-child(1) > ul > li > a {font-size:10px;color:#FFF; letter-spacing: -0.24px;}
#footer > div > div:nth-child(1) > div:nth-child(2) {float:left;background:url(/image/nav/phone.svg) no-repeat;background-size:25px 25px;background-position:0 0;text-align:left;padding-left:30px; display: none;}
#footer > div > div:nth-child(1) > div:nth-child(2) > label {display:block;clear:both;overflow:hidden;font-size:10px;color:#FFF;line-height:12px;}
#footer > div > div:nth-child(1) > div:nth-child(2) > span {display:block;clear:both;overflow:hidden;font-size:16px;color:#FFF;line-height:18px;}
#footer > div > div:nth-child(1) > div:nth-child(3) {clear:both;overflow:hidden;color:#FFFFFF4D;font-size:11px;padding:30px 0 ; padding-bottom: 0px;}
#footer > div > div:nth-child(1) > div:nth-child(3) > span {font-size: 11px; letter-spacing: -0.22px; line-height: 36px; color: #FFFFFF4D; }
#footer > div > div:nth-child(1) > div:nth-child(4) {clear:both;overflow:hidden;color:#FFFFFF4D;font-size:11px;margin:0;}
#footer > div > div:nth-child(1) > div:nth-child(5) {margin-top: 20px;}

#footer > div > div:nth-child(2) {float:right;padding-top: 100px;}
.image img {width: 100%;}

@media screen and (min-width: 1180px) {
  
}



@media (min-width: 780px) and (max-width: 1180px) {


}

@media (min-width: 480px) and (max-width: 780px) {
	

}

@media (max-width: 480px) {
  

}



.body {padding: 15px 20px;}
.body .tab {display: flex; justify-content: left;border-top: 1px solid #F5F5F8; }
.body .tab li {height: auto; background: #ffffff; }
.body .tab li.over {background: #ffffff;}
.body .tab li.over::after  {height: 4px; background:#569932; width: 100%; content: ''; display: block; margin: 0 auto;}
.body .tab li a {display: block; font-size: 16px; text-align: center; font-weight: bold; padding: 16px 20px; color: #7E7E7E; padding-bottom: 14px; white-space: nowrap;}
.body .tab li.over a {color: #000;}

 #body-content > div > .foot {clear: both; height: 40px; width: calc(100% - 50px); }
div.bottom > div.search {display: flex; justify-content: space-around; align-items: center;}
div.bottom > div.search .button {padding: 0 ;}