/*대표색상*/
:root { --main-color: #2c5425;  } 
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/*header*/
.head{ height: 100px; position: fixed; width: 100%; z-index: 999; border-bottom: 1px solid #959595;}
.head .head_inner{  max-width:1280px; margin: 0 auto; display: flex; justify-content: space-between; height: 100%;}
.head .logo{width: 190px; background: url(../../img/logo2.png) no-repeat; background-size: contain; background-position: center;}
.head .logo a{display: block; width: 100%; height: 100%;}
.head .main_menu{display: flex; justify-content: space-around; width: 1000px;}
.head .main_menu>li{width: 200px; position: relative;}
.head .main_menu>li>a{display: block; text-align: center; font-size: 20px; line-height: 100px; }
.head .main_menu>li span{ position: relative;}
.head .main_menu>li span::before{content: ""; width: 7px; height: 7px; background-color: var(--main-color); position: absolute; top: -5px; left: -5px;border-radius: 50%; opacity: 0; transition: all .3s;}
.head .main_menu>li .sub2dep{background-color:rgba(44,84,37,0.8); display:none;}
.head .main_menu>li .sub2dep li{ text-align: center; font-size: 16px; height: 50px; line-height: 50px;}
.head .main_menu>li .sub2dep li a{display: block;width: 100%; height: 100%; color: #fff;}
.head .main_menu>li:hover span::before{content: ""; opacity: 1; }


.head .lang{width: 70px; margin-top: 35px;}
.head .lang button{border: 2px solid var(--main-color);border-radius: 20px; width: 100%; height: 30px; background-color: transparent;color: var(--main-color);font-weight: 600;}
.head .lang .lang_list{ background-color: var(--main-color); display: none; margin-top: 10px;}
.head .lang .lang_list li{height: 30px; line-height: 30px;}
.head .lang .lang_list li a{display: block; text-align: center;color: #fff; font-size: 16px; }

.head.active{background-color: #fff;}



/*footer*/
.footer{background-color: #222222; padding: 50px 0; color:#bdbdbd; }
.footer .ft_top{display: flex; }
.footer .ft_top li{width: calc(100% / 2 - 20px); margin: 0 10px;}

.footer .ft_top li.ft_logo{background: url(../../img/logo2.png) no-repeat;height: 80px;}
.footer .ft_top li a{display: block; color: #fff; }
.footer .ft_top li .ft_menu{display: flex; justify-content: flex-end;}
.footer .ft_top li .ft_menu p{font-size: 16px; padding: 0 15px; position: relative;}
.footer .ft_top li .ft_menu p::after{content: "/";color: #fff; position: absolute; top: 0; right: 0; }
.footer .ft_top li .ft_menu p:last-child::after{display: none;}

.footer .ft_bot{margin: 30px 0;}
.footer .ft_bot .ft_info{display: flex; margin: 10px 0;}
.footer .ft_bot .ft_info li{padding: 0 10px; position: relative;}
.footer .ft_bot .ft_info li span{font-size: 16px; margin-right: 10px; }
.footer .ft_bot .ft_info li b{font-weight: 500; font-size: 16px;}
.footer .ft_bot .ft_info li::after{content: ""; background-color: #bdbdbd; width: 1px; height: 12px; position: absolute; top: 5px; right: 0px;}
.footer .ft_bot .ft_info li:last-child::after{display: none;}
.footer .ft_bot .email{padding-left: 10px;}
.footer .ft_bot .email span{font-size: 16px; margin-right: 10px;}
.footer .ft_bot .email b{font-weight: 500; font-size: 16px;}

.footer .copy{border-top: 1px solid #fff; }
.footer .copy .main_inner{position: relative;}
.footer .copy p{font-size: 15px; margin-top: 30px;}
.footer .copy #top_btn{position: absolute; right: 0; bottom: -15px; border: none; background-color: transparent; width: auto;}
.footer .copy #top_btn span{color: #fff; margin-right: 10px;}
.footer .copy #top_btn i{color: #fff;}



/*footer 개인정보처리방침*/
.privacy .pop_wrap{width: 800px;}
.layerpopup{display: none; position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999;overflow:auto;}
.layerpopup .pop_wrap{margin:70px auto 50px;padding:20px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative; overflow-y: scroll; height: 800px;}
.layerpopup .pop_wrap .pop_tit{font-size: 25px; text-align: center;margin: 50px 0 ; color: var(--main-color); font-weight: 600;}
.layerpopup .pop_wrap .pop_content{border: 1px solid #ddd; margin-bottom: 20px; padding: 20px; background-color: #f7f7f7;}
.layerpopup .pop_wrap .pop_content h3{font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.layerpopup .pop_wrap .pop_content p{font-size: 16px;line-height: 1.2; word-break: keep-all;}

.layerpopup .pop_wrap .pop_close{position: absolute; right: 30px; top: 30px;}
.layerpopup .pop_wrap .pop_close i{color: var(--main-color); font-size: 30px; transition: all .5s;}
.layerpopup .pop_wrap .pop_close:hover i{transform: rotate(360deg);}