나와 내 가족의 건강,
+ 더 나아가 지구환경의 건강까지 두루 살핍니다.
+
+
+
+
+
사회책임경영
+
‘이웃사랑’과 ‘생명존중’ 정신을 바탕으로
+
+
+
+
+
Value Creation Process
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
new file mode 100644
index 00000000..7e1591bd
--- /dev/null
+++ b/js/main.js
@@ -0,0 +1,30 @@
+// 헤더 부분의 메인 메뉴들에 마우스를 오버하는 동안 풀드랍 되게 하는 코드
+const menu = document.querySelectorAll('.main_menu a');
+const mouseOut = document.querySelector('.main_menu_items_wrap');
+
+menu.forEach((menu) => {
+ menu.addEventListener('mouseover', () => {
+ mouseOut.classList.add('active');
+ });
+});
+mouseOut.addEventListener('mouseleave', () => {
+ mouseOut.classList.remove('active');
+});
+
+
+
+// 마우스 클릭 하면 서브 메뉴바가 열리고 다시 누르면 닫히는 코드
+const mainMenu = document.querySelector('.home_main_menu');
+const subMenu = document.querySelector('.home_sub_menu');
+
+mainMenu.addEventListener('click', ()=> {
+ subMenu.classList.toggle('open');
+});
+
+
+const mainMenu2 = document.querySelector('.home_main_menu2');
+const subMenu2 = document.querySelector('.home_sub_menu2');
+
+mainMenu2.addEventListener('click', ()=> {
+ subMenu2.classList.toggle('open');
+});
\ No newline at end of file
diff --git a/manageinfo/manageinfo.css b/manageinfo/manageinfo.css
new file mode 100644
index 00000000..0b5e69fc
--- /dev/null
+++ b/manageinfo/manageinfo.css
@@ -0,0 +1,792 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 80%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/manageinfo/manageinfo.html b/manageinfo/manageinfo.html
new file mode 100644
index 00000000..b8bdd485
--- /dev/null
+++ b/manageinfo/manageinfo.html
@@ -0,0 +1,246 @@
+
+
+
+
+
+
+
경영정보 l 투자정보 l 회사소개 l 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 풀무원의
+ 경영정보, 재무정보, 주식정보, 전자공고 등을 한 눈에 확인할 수 있습니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/management/overview.css b/management/overview.css
new file mode 100644
index 00000000..0b5e69fc
--- /dev/null
+++ b/management/overview.css
@@ -0,0 +1,792 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 80%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/management/overview.html b/management/overview.html
new file mode 100644
index 00000000..26e811e4
--- /dev/null
+++ b/management/overview.html
@@ -0,0 +1,242 @@
+
+
+
+
+
+
+
추진전략 l 사회책임경영 ㅣ 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 풀무원은 경제적 사회적 환경적 가치 창출을 풀무원의 사회적책임으로 정의하고 끊임없는 혁신을 통해 공유가치를 창출함으로써
+ 지속가능한 성장을 도모하겠습니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/policy/policy.css b/policy/policy.css
new file mode 100644
index 00000000..97989173
--- /dev/null
+++ b/policy/policy.css
@@ -0,0 +1,580 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_move{
+ max-width: 1180px;
+ margin: 0 auto;
+}
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+
+
+
+
+
+/* MAIN */
+main{
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 70%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+}
+
+main .main_wrap .main_privacy{
+ color: rgb(99, 99, 99);
+}
+
+
+
+main .main_wrap .main_privacy h2{
+ padding: 0;
+ font-size: 20px;
+}
+
+
+
+main .main_wrap .main_privacy span{
+ display: inline-block;
+ width: 90%;
+ padding-left: 30px;
+ margin-top: 20px;
+ padding-bottom: 20px;
+ border-bottom: 1px solid #d6d6d6;
+ font-size: 15px;
+ line-height: 28px;
+}
+
+
+main .main_wrap .main_privacy2{
+ color: rgb(99, 99, 99);
+ margin-top: 20px;
+}
+
+
+main .main_wrap .main_privacy2 h1{
+ padding: 0;
+ font-size: 20px;
+ font-weight: 700;
+}
+
+
+
+main .main_wrap .main_privacy2 span{
+ display: inline-block;
+ width: 90%;
+ padding-left: 30px;
+ margin-top: 10px;
+ padding-bottom: 30px;
+ font-size: 14px;
+ line-height: 28px;
+}
+
+table {
+ margin-left: 30px;
+ margin-bottom: 30px;
+ width: 700px;
+}
+
+
+table, th, td {
+ border: 1px solid #d6d6d6;;
+ padding: 10px 15px;
+ vertical-align: middle;
+ font-size: 15px;
+ color: #636363;
+ line-height: 25px;
+}
+
+
+
+th{
+ background: #f3f3f3;
+}
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
\ No newline at end of file
diff --git a/policy/policy.html b/policy/policy.html
new file mode 100644
index 00000000..cf46de81
--- /dev/null
+++ b/policy/policy.html
@@ -0,0 +1,358 @@
+
+
+
+
+
+
+
개인정보처리방침 l 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
(주)풀무원 개인정보처리방침(Ver 6.0)
+ ('www.pulmuone.kr'이하 '풀무원 홈페이지')는 개인정보보호법에 따라 이용자의 개인정보 보호 및 권익을 보호하고 개인정보와 관련한 이용자의 고충을 원활하게 처리할 수 있도록 다음과 같은 처리방침을 두고 있습니다.
+
+
+
+
+
1. 총칙
+
㈜풀무원 브랜드사이트(이하 ‘회사’)는 고객님의 개인정보를 보호하기 위하여 관련 법령을 준수하고 다음과 같이 개인정보보호법에 따라 개인정보 처리방침을 수립하였습니다.
+
+
2. 개인정보 수집 목적 및 항목
+
회사는 고객민원, 공장견학신청, 감사실제보 등의 목적으로 다음과 같이 개인정보를 수집합니다.
+
+
+
+ 수집 목적
+ 구분
+ 수집하는 항목
+ 보유 기간
+
+
+
+
+ 고객의 소리 접수 및 결과 회신
+ 필수항목
+ 이름, 이메일, 휴대전화 번호
+ 3년
+
+
+ 선택항목
+ 주소
+
+
+ 공장견학 신청 및 신청 결과 회신
+ 필수항목
+ 이름, 이메일, 휴대전화 번호
+ 1년
+
+
+ 선택항목
+ 유선 연락처
+
+
+ 부정제보
+ 필수항목
+ 이름, 이메일, 휴대전화 번호
+ 10년
+
+
+
+
+
+
+
+
+
+
3. 개인정보의 수집 방법
+
홈페이지 내 제2조에 따른 수집 목적에 해당하는 메뉴를 통한 정보 수집
+
4. 개인정보의 처리 위탁
+
원활한 개인정보 업무처리를 위하여 다음과 같이 개인정보 처리업무를 위탁하고 있습니다.
+
+
+
+ 위탁업체명
+ 위탁업무내용
+ 위탁기간
+
+
+ 메타넷
+ 풀무원 홈페이지 유지관리
+ 회원탈퇴 시 혹은 위탁계약 종료 시
+
+
+ ㈜MPC
+ CS 정보전산 처리 및 유지관리
+
+
+ ㈜이비즈엔시스템
+ 메일 전송 시스템 유지관리
+
+
+ LG CNS
+ 고객기쁨센터 상담 고객만족도 조사
+
+
+
+
+
+
+
+
+
5. 개인정보의 제3자 제공
+
회사는 정보주체의 개인정보를 제2조에 명시한 수집 목적 내에서만 사용하며, 그 범위를 초과하여 이용하거나 타인 또는 타기업, 기관 등에 제공하지 않습니다.
+
6. 개인정보의 보유 및 이용기간
+
① 원칙적으로, 개인정보 수집 및 이용목적이 달성된 후에는 해당정보를 지체없이 파기합니다.
+
7. 개인정보의 파기 절차 및 방법
+
① 수집한 정보주체의 개인정보는 처리목적 달성, 해당 서비스의 폐지, 사업의 종료 등 그 개인정보가 불필요하게 되었을 때에는 즉시 파기합니다.
+
8. 정보주체의 권리 행사 방법
+
① 정보주체는 개인정보의 정정, 삭제, 처리정리를 요구할 수 있으며 E-mail(privacy@pulmuone.com)로 통보하시면 본인 확인을 거친 경우에 한하여 처리할 수 있습니다.
+
9. 개인정보 자동 수집 장치의 설치/운영 및 거부에 관한 사항
+
회사는 회원 여러분에게 개인화된 서비스를 제공하기 위하여 '쿠키(cookie)'를 사용하기도 합니다. '쿠키(cookie)'는 HTTP서버에서 사용자의 브라우저에게 보내는 조그마한 데이터 꾸러미로서 회원의 컴퓨터 하드드라이브에 저장됩니다. 쿠키에는 사용한 웹사이트의 정보 및 이용자의 개인정보가 담길 수 있습니다.
+
10. 개인정보의 안전성 확보조치에 관한 사항
+
① 관리적 보호조치 : 개인정보내부관리 수립/시행, 개인정보취급자 교육/점검 등
+
11. 개인정보보호 책임자의 지정
+
부서명 : 정보보안팀
+ 담당자 : 최현석
+ 연락처 : privacy@pulmuone.com
+
12. 권익침해 및 구제 방법
+
- 개인정보침해신고센터 (http://privacy.kisa.or.kr / 국번없이 118)
+
13. 고지의 의무
+
이 개인정보처리방침은 시행일로부터 적용되며, 법령 및 방침에 따른 변경 내용의 추가, 삭제 및 정정이 있는 경우 시행 7일 전부터 공지사항을 통하여 고지할 것입니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/result/result.css b/result/result.css
new file mode 100644
index 00000000..0b5e69fc
--- /dev/null
+++ b/result/result.css
@@ -0,0 +1,792 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 80%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/result/result.html b/result/result.html
new file mode 100644
index 00000000..92afd6c4
--- /dev/null
+++ b/result/result.html
@@ -0,0 +1,243 @@
+
+
+
+
+
+
+
수상내역 ㅣ 성과 ㅣ 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 풀무원은 사회책임경영을 통해
+ ‘글로벌 No.1 LOHAS기업’ 으로 도약하겠습니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/rule/rule.css b/rule/rule.css
new file mode 100644
index 00000000..0b5e69fc
--- /dev/null
+++ b/rule/rule.css
@@ -0,0 +1,792 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 80%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/rule/rule.html b/rule/rule.html
new file mode 100644
index 00000000..fed6e4ce
--- /dev/null
+++ b/rule/rule.html
@@ -0,0 +1,243 @@
+
+
+
+
+
+
+
바른먹거리 원칙 ㅣ 바른먹거리 & 로하스
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 내 가족의 건강과 행복을 위한
+ 바른먹거리.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/strategy/strategy.css b/strategy/strategy.css
new file mode 100644
index 00000000..0b5e69fc
--- /dev/null
+++ b/strategy/strategy.css
@@ -0,0 +1,792 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 80%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/strategy/strategy.html b/strategy/strategy.html
new file mode 100644
index 00000000..f67d2267
--- /dev/null
+++ b/strategy/strategy.html
@@ -0,0 +1,242 @@
+
+
+
+
+
+
+
추진전략 l 사회책임경영 ㅣ 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 풀무원은 경제적 사회적 환경적 가치 창출을 풀무원의 사회적책임으로 정의하고 끊임없는 혁신을 통해 공유가치를 창출함으로써
+ 지속가능한 성장을 도모하겠습니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/value/value.css b/value/value.css
new file mode 100644
index 00000000..ee08b914
--- /dev/null
+++ b/value/value.css
@@ -0,0 +1,820 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_value{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_value {
+ width: 90%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_value strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_value img{
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_value2 {
+ width: 85%;
+ padding-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+ background-color: #f4f4f4;;
+}
+
+main .main_wrap .main_value2 img{
+ padding-top: 10px;
+ margin: 0 auto;
+}
+
+main .main_wrap .main_value2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding: 30px 0;
+}
+
+
+
+
+main .main_wrap .main_value3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_value3 h1{
+ font-weight: 700;
+ font-size: 30px;
+ padding: 60px 0;
+}
+
+
+main .main_wrap .main_value3 h2{
+ display: inline;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_value3 img{
+ display: inline;
+ width: 90%;
+ padding-bottom: 30px;
+}
+
+
+
+main .main_wrap .main_value4{
+ display: flex;
+ flex-wrap: wrap;
+ width: 100%;
+ padding-left: 30px;
+ padding-bottom: 50px;
+}
+
+main .main_wrap .main_value4 .value_card{
+ width: 40%;
+ border: 1px solid rgba(0, 0, 0, .2);
+ padding: 50px;
+ font-size: 17px;
+ font-weight: 700;
+ color: #1e1e1e;
+}
+
+
+
+main .main_wrap .main_value4 .value_card span{
+ font-size: 30px;
+ padding: 20px 0;
+}
+
+
+main .main_wrap .main_value4 .value_card strong{
+ color: #7eae4b;
+}
+
+
+
+
+main .main_wrap .main_value4 .value_card h2{
+ font-size: 35px;
+ padding: 20px 0;
+}
+
+main .main_wrap .main_value4 .value_card div{
+ padding-top: 20px;
+}
+
+
+
+
+main .main_wrap .main_value4 .value_card img{
+ display: inline-block;
+ padding-left: 350px;
+ margin: 0;
+}
+
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_value1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_value2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_value3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_value4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/value/value.html b/value/value.html
new file mode 100644
index 00000000..6f705426
--- /dev/null
+++ b/value/value.html
@@ -0,0 +1,332 @@
+
+
+
+
+
+
+
가치체계 l 회사소개 l 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 바른먹거리로 사람과 지구의 건강한 을 만드는 기업입니다.
+
+
+
+
+ 백년에 이르는 생애 동안 이기주의를 벗고 사람과 사람, 사람과 자연이
+
+
+
+ 풀무원의 정신은 이웃사랑과 생명존중의 정신입니다.미션
+
+ 바른먹거리로 사람과 지구의 건강한 내일 을 만드는 기업우리는 바른먹거리를 만듭니다. 우리는 사람과 지구를 더 건강하게 만듭니다.
+
+
+
+
+
+
01
+
P Forward
+
식물성지향
+
+
사람과 지구의 건강을 위해 식물성 원료를 지향하고 동물성
+
+
+
02
+
A nimal Welfare
+
동물복지
+
+
건강한 사육환경에서 생산하고 생태계의 지속적인 순환에
+
+
+
03
+
H ealthy Experience
+
건강한 경험
+
+
건강한 식생활을 원하는 고객에게, 차별화된 디자인 푸드와
+
+
+
04
+
E co-Caring
+
친환경 케어
+
+
원료, 제조, 판매/포장, 폐기 등 Business Value Chain
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/videoes/230202.mp4 b/videoes/230202.mp4
new file mode 100644
index 00000000..7417a5c8
Binary files /dev/null and b/videoes/230202.mp4 differ
diff --git a/viewLohas/viewLohas.css b/viewLohas/viewLohas.css
new file mode 100644
index 00000000..0b5e69fc
--- /dev/null
+++ b/viewLohas/viewLohas.css
@@ -0,0 +1,792 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 80%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/viewLohas/viewLohas.html b/viewLohas/viewLohas.html
new file mode 100644
index 00000000..a673b6ff
--- /dev/null
+++ b/viewLohas/viewLohas.html
@@ -0,0 +1,244 @@
+
+
+
+
+
+
+
로하스 식생활 ㅣ 로하스 ㅣ 바른먹거리
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 풀무원은
+ ‘바른먹거리로 사람과 지구의 건강한 내일을 만드는 기업’ 입니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/with/with.css b/with/with.css
new file mode 100644
index 00000000..0730a340
--- /dev/null
+++ b/with/with.css
@@ -0,0 +1,794 @@
+*{
+ scroll-behavior: smooth;
+ list-style: none;
+ color: inherit;
+}
+
+
+body{
+ font-size: 16px;
+ color: #7d7d7d;
+ font-family: 'NSKR', '맑은 고딕';
+ line-height: 1;
+}
+
+
+img{
+ display: block;
+}
+
+a {
+ text-decoration: none;
+}
+
+
+a:visited{
+ color: inherit;
+}
+
+.inner{
+ width: 100%;
+ background-color: #fff;
+}
+
+
+/* HEADER */
+header{
+ position: relative;
+ padding-top: 20px;
+ width: 100%;
+ background-color: #fff;
+}
+
+
+header .header_wrap{
+ display: flex;
+ position: relative;
+ width: 1180px;
+ height: 117px;
+ margin: 0 auto;
+
+}
+
+
+header .header_logo{
+ position: absolute;
+ height: 53px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto 0;
+}
+
+header .header_wrap .sub_menu {
+ width: 100%;
+ height: 17px;
+}
+
+
+header .header_wrap .sub_menu .menu{
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 17px;
+ white-space: nowrap;
+ margin-top: 2px;
+}
+
+
+
+header .header_wrap .sub_menu .menu img{
+ display: inline;
+ margin-right: 3.4px;
+}
+
+
+
+header .header_wrap .sub_menu .menu a{
+ display: block;
+ color: #666;
+ font-size: 14.5px;
+ padding-left: 12px;
+ font-weight: 600;
+}
+
+
+
+header .header_wrap .main_menu_wrap {
+ position: absolute;
+ bottom: 35%;
+ right: 26%;
+}
+
+
+
+header .header_wrap .main_menu_wrap .main_menu{
+ display: flex;
+}
+
+
+header .header_wrap .main_menu_wrap .main_menu li a{
+ font-size: 22px;
+ color: #1e1e1e;
+ margin-left: 76px;
+ font-weight: 700;
+ font-family: 'Gowun Dodum', Arial, sans-serif;
+}
+
+
+
+header .header_wrap .search_wrap {
+ position: absolute;
+ width: 10px;
+ bottom: 31%;
+ right: 18.8%;
+}
+
+
+header .header_wrap .search_wrap input{
+ width: 150px;
+ height: 35px;
+ padding: 0px 5px;
+ border-radius: 5px;
+ border: none;
+ outline: none;
+}
+
+header .header_wrap .search_wrap input:focus{
+ border: .5px solid rgba(0, 0, 0, .2);
+ outline: initial;
+}
+
+header .header_wrap .search_wrap img {
+ position: absolute;
+ top: 17%;
+ left: 120px;
+}
+
+
+
+header .header_wrap .language_select_wrap{
+ position: absolute;
+ bottom: 31.5%;
+ right: -0.5%;
+}
+
+header .header_wrap .language_select_wrap select{
+ height: 34px;
+ width: auto;
+ padding: 4px 10px;
+ padding-top: 1px;
+ padding-right: 12px;
+ border-radius: 20px;
+ font-family: '맑은고딕';
+ color: #666;
+ background-color: #f4f4f4;
+ border: hidden;
+ outline: hidden;
+}
+
+header .header_wrap .language_select_wrap select:focus{
+ outline: 2px solid black;
+}
+
+
+
+
+
+header .inner .main_menu_items_wrap {
+ display: none;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+ height: 487px;
+ background-color: #fff;
+ text-align: center;
+ border-top: 1px solid #d7d0d0;
+ border-bottom: 1px solid #d7d0d0;
+ z-index: 1;
+ font-family: '맑은고딕';
+}
+
+header .main_menu_items_wrap .main_menu_items{
+ margin-top: 25px;
+}
+
+header .main_menu_items_wrap .main_menu_items li{
+ padding: 10px 33px;
+
+}
+
+
+
+header .main_menu_items_wrap .main_menu_items a{
+ display: inline-block;
+ color: #666;
+ font-size: 16px;
+ font-weight: 700;
+}
+
+
+header .main_menu_items_wrap .main_menu_items a:hover{
+ color: #8dc63f;
+ text-decoration: underline;
+
+}
+
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_wrap{
+ position: absolute;
+ display: flex;
+ width: 100%;
+ height: 135px;
+ bottom: 0;
+ border-bottom: 1px solid #d7d0d0;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left{
+ width: 50%;
+ height: 135px;
+ left: 0;
+ bottom: 0;
+ background-color: #ecdea1;
+}
+
+header .inner .main_menu_items_wrap .main_menu_image_left img{
+ float: right;
+}
+
+
+
+header .inner .main_menu_items_wrap .main_menu_image_right{
+
+ width: 50%;
+ height: 135px;
+ right: 0;
+ bottom: 0;
+ background-color: #625042;
+}
+
+
+header .inner .main_menu_items_wrap.active{
+ display: flex;
+}
+
+.home_wrap{
+ position: relative;
+ background: #8dc63f;
+}
+
+
+
+
+.home_wrap img{
+ width: 100%;
+}
+
+.home_wrap .home_move{
+ display: flex;
+ max-width: 1180px;
+ margin: 0 auto;
+ color: #fff;
+ border-right: 1px solid #b7d47f;
+}
+
+
+
+
+.home_wrap .home_move .home{
+ display: inline-flex;
+ padding: 20px 22px;
+ border-left: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+ border-bottom: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+ border-right: 1px solid #b7d47f;
+}
+
+.home_wrap .home_main_menu ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+}
+
+
+.home_wrap .home_main_menu2{
+ width: 200px;
+ padding: 20px 0;
+ border-right: 1px solid #b7d47f;
+ cursor: pointer;
+}
+
+.home_wrap .home_main_menu2 ul{
+ width: 190px;
+ position: absolute;
+ background: #8dc63f;
+}
+
+.home_wrap .home_main_menu2 ul:first-child{
+ padding-left: 10px;
+}
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+ border-right: 1px solid #b7d47f;
+
+}
+
+
+
+.home_wrap .home_sub_menu.open{
+ display: block;
+}
+
+
+
+
+.home_wrap .home_main_menu2 ul li{
+ display: flex;
+ padding: 10px 0;
+ font-style: none;
+
+}
+
+
+.home_wrap .home_sub_menu2.open{
+ display: block;
+}
+
+
+.home_wrap .home_sub_menu2{
+ display: none;
+ width: 100%;
+ margin-top: 20px;
+ border-top: 1px solid #b7d47f;
+
+}
+
+
+
+
+
+
+/* MAIN */
+main{
+ width: 100%;
+ position: relative;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+}
+
+
+main .main_wrap{
+ margin-right: 10px;
+}
+
+
+main .main_wrap .main_title{
+ display: flex;
+ padding: 50px 0 0;
+ margin: 0 0 110px;
+}
+
+
+
+main .main_wrap .main_title h1{
+ display: inline-block;
+ font-size: 30px;
+ font-weight: 700;
+ color: rgb(33, 33, 33);
+ margin-right: 30px;
+
+}
+
+
+main .main_wrap .main_title div{
+ width: 69%;
+ background: url(../images/sub_tit_line.gif) repeat-x left 18px;
+ z-index: -1;
+}
+
+main .main_wrap .main_with{
+ color: rgb(33, 33, 33);
+}
+
+
+
+
+
+main .main_wrap .main_with {
+ width: 90%;
+ margin-top: 20px;
+ padding-left: 70px;
+ padding-bottom: 20px;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 74px;
+ text-align: center;
+ z-index: -1;
+}
+
+main .main_wrap .main_with strong{
+ color: #7eae4b;
+}
+
+
+main .main_wrap .main_with img{
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 40px;
+}
+
+
+
+main .main_wrap .main_with2 {
+ width: 85%;
+ margin-top: 70px;
+ padding-bottom: 70px;
+ padding-left: 80px;
+ font-size: 17px;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+ font-weight: 700;
+
+}
+
+
+
+
+main .main_wrap .main_with2 h1{
+ font-weight: 700;
+ font-size: 21px;
+ padding-bottom: 30px;
+}
+
+
+
+
+main .main_wrap .main_with3 {
+ width: 85%;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ padding-left: 80px;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 30px;
+ color: #333;
+ text-align: center;
+
+}
+
+
+
+main .main_wrap .main_with3 h1{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+}
+
+
+main .main_wrap .main_with3 h2{
+ font-weight: 700;
+ font-size: 27px;
+ padding-bottom: 30px;
+ color: #7eae4b;
+}
+
+
+
+
+
+main .main_wrap .main_with3 .main_with_logo{
+ display: flex;
+ padding: 100px 0;
+ margin-top: 70px;
+ justify-content: center;
+ border: 1px solid rgba(58, 58, 58, .4);
+}
+
+main .main_wrap .down_box {
+ display: flex;
+ position: absolute;
+ right: 10%;
+ width: 300px;
+ border: 1px solid rgba(58, 58, 58, .4);
+ color: #333;
+}
+
+main .main_wrap .down_box a{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #333;
+ padding: 20px;
+}
+
+main .main_wrap .down_box img{
+ padding-right: 10px;
+}
+
+
+
+
+@keyframes up_text {
+ from {
+ transform: translateY(500px);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+
+.main_wrap {
+ animation: up_text 1s ease-out;
+}
+
+
+.main_with1 {
+ animation: up_text 2s ease-out;
+}
+
+.main_with2 {
+ animation: up_text 3s ease-out;
+}
+
+.main_with3 {
+ animation: up_text 4s ease-out;
+}
+
+.main_with4 {
+ animation: up_text 4s ease-out;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* FOOTER */
+
+footer {
+ width: 100%;
+ height: 355px;
+ border-top: 1px solid rgba(0, 0, 0, .5)
+}
+
+footer .footer_wrap{
+ position: relative;
+ width: 1180px;
+ padding: 45px 0 0 0;
+ margin: 0 auto;
+ text-decoration: none;
+
+}
+
+
+footer .footer_wrap .footer_logo{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 50px;
+}
+
+footer .footer_wrap .footer_logo img{
+ width: 107px;
+}
+
+footer .footer_wrap .footer_information{
+ display: flex;
+ padding-left: 21px;
+ padding-top: 1px;
+ justify-content: center;
+
+}
+
+
+footer .footer_wrap .footer_information span{
+ display: inline-block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 16px;
+ margin-right: 13px;
+ padding-right: 17px;
+}
+
+footer .footer_wrap .footer_information span a{
+ color: #585858;
+
+}
+
+footer .footer_wrap .footer_information span:first-child a{
+ color: #004f18;
+ font-weight: 700;
+
+}
+
+footer .footer_wrap .footer_information span:nth-child(-n+4){
+ background: url(../images/ft_line.gif) no-repeat right 5px;
+}
+
+footer .footer_wrap .footer_location{
+ padding: 28px;
+ padding-bottom: 0;
+ text-align: center;
+}
+
+
+footer .footer_wrap .footer_location span{
+ padding-right: 8px;
+}
+
+
+footer .footer_wrap .footer_location span:nth-child(-n+2){
+ background: url(../images/ft_line.gif) no-repeat right;
+}
+
+
+
+footer .footer_wrap .footer_location span{
+ line-height: 14px;
+ font-size: 15px;
+ color: #585858;
+ display: inline-block;
+ text-align: center;
+ padding: 0 10px;
+}
+
+footer .footer_wrap .footer_location span:nth-last-child(1){
+ background: none;
+ font-size: 15px;
+}
+
+footer .footer_wrap .footer_location .copyright{
+ padding-top: 12px;
+ padding-bottom: 20px;
+ line-height: 15px;
+}
+
+
+footer .footer_wrap .footer_sns{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-right: 62px;
+
+}
+
+
+footer .footer_wrap .footer_sns span{
+ font-size: 14px;
+ padding-right: 15px;
+ margin-right: 15px;
+ background: url(../images/ft_arr02.gif) no-repeat right;
+}
+
+
+footer .footer_wrap .footer_sns li{
+ padding-right: 15px;
+}
+
+
+
+footer .footer_wrap .footer_affiliate{
+ width: 230px;
+ height: 35px;
+ font-size: 14px;
+ color: #1e1e1e;
+ margin-left: 45px;
+ margin-right: 27px;
+ padding-left: 15px;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+footer .footer_wrap .footer_affiliate .modal:hover .mini_modal{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate .modal .mini_modal:hover{
+ display: flex;
+}
+
+footer .footer_wrap .footer_affiliate span{
+ position: absolute;
+ background: url(../images/ft_arr01.gif)no-repeat right;
+ background-position-y: 15px;
+ padding-right: 90px;
+ padding-top: 11px;
+}
+
+
+footer .footer_wrap .footer_web{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal{
+ position: absolute;
+ display: none;
+ width: 650px;
+ font-family: '맑은 고딕';
+ bottom: 26px;
+ right: -12px;
+ background-color: #fff;
+ border: 3px solid rgba(58, 58, 58, .4);
+}
+
+
+
+footer .footer_wrap .footer_affiliate .mini_modal ul{
+
+ padding: 30px;
+ font-size: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal div{
+ padding-bottom: 20px;
+ border-bottom: 1px solid black;
+ margin-bottom: 20px;
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal ul li{
+ font-size: 15px;
+ padding-top: 10px;
+
+}
+
+footer .footer_wrap .footer_affiliate .mini_modal .modal_box a{
+color: #585858;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/with/with.html b/with/with.html
new file mode 100644
index 00000000..8f744973
--- /dev/null
+++ b/with/with.html
@@ -0,0 +1,255 @@
+
+
+
+
+
+
+
동반성장 l 회사소개 l 풀무원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
풀무원식품은 협력기업과 힘을 모아동반성장 문화 창출 에 이바지하겠습니다.
+
+
+
+
+ 풀무원식품은 공정한 거래 문화 조성 및 동반성장을 위한 프로그램을 도입∙운영하고 있습니다. VIDEO 더 큰 성장을 위한 협력의 길, 동반성장
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+ 
+ 인재채용
+ 고객기쁨센터
+ #풀무원
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
풀무원 CI 매뉴얼 다운로드
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ .jpg)
+ .jpg)
+ 
+ .jpg)
+ 
+ 
+ 인재채용
+ 고객기쁨센터
+ #풀무원
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+