.dv_wrap { width: 1300px; margin: 0 auto; }

/* header */
header { width: 100%;position: relative;z-index: 99999;background: #fff;}
.lnb_btn_mo {display: none; height: 20px; padding-left: 20px; }
.header_first_wrap { background-color: #e9e9e9; }
.header_first { display: flex; justify-content: space-between; align-items: center; height: 39px; } 
.header_first_item1 ul li{ height: 39px; }
.sns_go { color: white; font-size: 15px; font-family: "Pretendard", serif; height: 100%; width: 210px; padding-left: 15px; border: 0; background: #149c4b url(../../../../resource/cw_farm/images/main/main_ico_arrow.png) no-repeat right 10px center; background-size: 10px; }
.header_first ul { display: flex; } 
.header_first_item2 ul li { font-size: 15px; font-family: 'Pretendard', serif; text-align: right; }
.header_first_item2 ul li:first-child { padding: 0 22px 0 0; position: relative; }
.header_second { display: flex; height: 108px; align-items: center;}
.header_second_item1 {margin-right: auto;} 
.header_second_item2 { width: 75%; display: block; } 
.depth1 { align-items: center; display: flex; justify-content: space-between; position: relative; } 
.depth1 > li { width: 25%; text-align: center;} 
.depth1 > li > a { color: black; font-size: 21px; font-family: 'esamanru', serif;}
.depth1 > li > a.on { color: #149c4b; }
.depth2 { position: absolute; height: 0; overflow: hidden; z-index: 999; text-align: center; width: 25%; }
.depth2:before { content: ""; height: 350px; position: absolute; right: 0; }
.depth2 > ul { height: 400px; padding: 65px 0 10px 0; }
.depth2 > ul > li {  margin-bottom: 15px; }
.depth2 > ul > li > a { font-size: 16px; font-family: 'esamanru', serif; color: #888; }
.depth2 > ul > li > a.on { text-decoration: underline; text-underline-offset: 10px; color: black; }
.site_map_wrapper { text-align: right; width: 10%; }

.mo_first { display:none; position:relative; color: #000; flex-direction: column;align-items: flex-start;}
.mo_first.show {display: flex;}
.mo_ul { display: none; justify-content: flex-end;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .4);padding: 10px 30px;margin-bottom: 20px;}
.mo_first.show + .mo_ul {display: flex;}
.mo_ul li {min-width: 60px;max-width: 60px;}
.mo_ul li a {display: flex;flex-direction: column;align-items: center;color: #fff;font-weight: 600;font-size: .8rem;}
.mo_ul li a::before {content: '';display: block;width: 26px;height: 26px;border-radius: 50%;padding: 6px;margin-bottom: 3px;}
.mo_ul li a.log_in::before {background: #026441  url(../../../../resource/cw_farm/images/sub/sideBar_03.png) no-repeat center center;}
.mo_ul li a.log_out::before {background: #026441  url(../../../../resource/cw_farm/images/sub/sideBar_05.png) no-repeat center center;}
.mo_ul li a.site_map::before {background: #026441  url(../../../../resource/cw_farm/images/sub/sideBar_07.png) no-repeat center center;}
.home_btn { display: block;color: #fff;width: 100%;background: #176438;padding: 25px 0;}
.close { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; background: url(../../../../resource/cw_farm/images/sub/sideBar_logo_06.png) no-repeat center; background-size: 20px; cursor: pointer; }
.header_second_bg { position: absolute; left: 0; top: 147px; width: 100%; background: #f8f8f8; border-top: 1px solid #e6e6e6; overflow: hidden !important; background: url(../../../../resource/cw_farm/images/main/drop_down_menu.png) 200px no-repeat; background-color: #fff; }

.menu_name { top: 35%;left: 50%;transform: translate(-50%, -50%); text-align: center; font-size: 40px; color: white; position: relative;z-index: 1; }
.lnb_on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.5); }

.contents {min-height: calc(100vh - 260px);}

/* sub */
.sub_area { display: flex; justify-content: space-between; flex-direction: column; position: relative; }
.sub_content { width: 100%; }
.sub_menu_area { width: 70%; min-width: 250px; position: absolute; bottom: 100%;left: 50%;transform: translateX(-50%);margin-bottom: 30px; }
.sub_menu_title { color: #fff; height: 140px; text-align: center; line-height: 140px; font-size: 20px; background: url(../../../../resource/cw_farm/images/sub/left_menu.png) 60%; font-family: 'esamanru', serif;}
.sub_menu { width: 100%; height: auto; /*border: 1px solid #c0c0c0;*/ border-radius: 10px; overflow: hidden; box-shadow: 10px 10px 10px 1px rgba(50, 50, 50, 0.5); }
.sub_menu ul { background-color: #FFFFFF; display: flex; }
.sub_menu li { width: 100%; height: 55px; line-height: 55px; position: relative; }
.sub_menu li:not(:last-child) { border-right: 1px solid #c0c0c0; }
.sub_menu li a { padding: 0 20px; display: flex; width: 100%;align-items: center;font-size: 1.1rem;transition: all .3s; font-weight: 500; }
.sub_menu li a:hover {background-color: #037a4e; color: #FFFFFF; }
.sub_menu li a:hover::after{border-color: transparent #FFFFFF #FFFFFF transparent;}
.sub_menu li a.on { background-color: #037a4e; font-weight: bold; color: #FFFFFF; }
.sub_menu li a:after { content:'';border-width: 2px;border-style: solid;border-color: transparent #555 #555 transparent;box-sizing: border-box;width: 10px;height: 10px;display: block;transform: rotate(-45deg);margin-left: auto;transition: all .3s;}
.sub_menu li a.on:after { border-width: 3px; border-color: transparent #FFFFFF #FFFFFF transparent; }





/* footer */
footer { height: 200px; background-color: #323232; color: white;} 
footer .dv_wrap {display: flex;flex-direction: column;height: 100%;padding: 30px 0;}
/* .footer_first { padding-top: 30px; }  */
.footer_first ul { display: flex; font-size: 16px; }
.footer_first ul li:nth-child(n+2) { padding-left: 15px; } 
.footer_first ul li:not(:last-child):after { content: ""; display: inline-block; width: 1px; height: 15px; background: #909090; /* transform: translateY(-50%); */ /* border-radius: 2px; */ margin: 0 5px -2px 15px; }
.footer_first ul li > a { color: white; } 
.footer_first ul li > a:hover {text-decoration: underline;}
.footer_second { display: flex; margin-top: auto; font-size: 15px; color: #909090; }
.footer_second div:nth-child(2) { margin-left: 50px; }