.inner{position:relative;width:1200px;margin:0 auto}
.inner .t1{font-size:50px;color:#232421;line-height:58px;letter-spacing:-1px;font-weight:500}
.inner .t2{font-size:22px;color:#232421;line-height:32px;letter-spacing:-1px;margin-top:15px;font-weight:500;white-space: pre-wrap;}

.main_bx{position:relative;width:100%;margin-top:108px}
.main_bx .slide{width:100%;height:980px;}
.main_bx .slide .inner .p1{line-height:42px;padding-top:200px;font-size:42px;color:#fff;font-family: "godoMaum";}
.main_bx .slide .inner .p1 span{line-height:42px;font-size:70px;vertical-align:bottom}
.main_bx .slide .inner .p2{line-height:55px;padding-top:20px;font-size:42px;color:#fff;font-weight:500;white-space:pre-wrap;}
.main_bx .slide .inner .p3{line-height:32px;padding-top:20px;font-size:22px;color:#fff;font-weight:500}
.main_bx .slide .inner a{position:relative;display:block;margin-top:80px;width:225px;height:55px;border:3px solid #232421;border-radius:30px;font-size:16px;line-height:55px;color:#fff;text-indent:30px;background:#232421;overflow:hidden;font-weight:500;z-index: 1;transition:         0.2s ease-in;-o-transition:      0.2s ease-in;-ms-transition:     0.2s ease-in;-moz-transition:    0.2s ease-in;-webkit-transition: 0.2s ease-in;}
.main_bx .slide .inner a i{position:absolute;top:50%;right:20px;margin-top:-8px;}
.main_bx .slide .inner a:hover {color: #87c134;border:3px solid #87c134;}
.main_bx .s2 .inner .p2{padding-top:200px}

.main_bx .slick-dots{position:absolute;left:50%;bottom:230px;margin-left:-600px;text-align:center}
.main_bx .slick-dots>li{display:inline-block;margin-bottom:0}
.main_bx .slick-dots>li>button{width:12px;height:12px;background:#fff !important;border:none;border-radius:50%;overflow:hidden;text-indent:-9999px;margin:7px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background:transparent}
.main_bx .slick-dots .slick-active>button{background:#87c134 !important;border:none;width:30px;border-radius:10px}

.sec1{position:relative;background:url('/image/site/index/sec1_bg.jpg') no-repeat center;background-size:cover;width:auto;padding-bottom:50px}
.sec1 .cont_box{position:relative;text-align:center;z-index:10}
.sec1 .cont_box .title{padding:10px 0;font-weight:500;font-size:55px;line-height:100px;color:#313030;z-index:10;position:relative;top:-160px;display:inline-block;width:280px;border:8px solid #313030;background:#fff;-webkit-box-shadow: 14px 10px 20px -8px rgba(0,0,0,0.3);-moz-box-shadow: 14px 10px 20px -8px rgba(0,0,0,0.3);box-shadow: 14px 10px 20px -8px rgba(0,0,0,0.3);}
.sec1 .cont_box .title span{color:#87c134}
.sec1 .sec1_img{display:block;margin:0 auto;margin-top:-140px}

.sec1 .p1{margin-top:40px;font-size:45px;color:#313030;line-height:48px;letter-spacing:-2px}
.sec1 .p1 span{font-size:24px;color:#313030;display:block;line-height:24px;margin-bottom:10px;}
.sec1 .p2{margin-top:40px;font-size:22px;color:#313030;line-height:32px;letter-spacing:-1px;white-space:pre-wrap;}
.sec1 .p2 span{color:#909090;display:block;margin-bottom:13px}

.sec1 a{position:relative;text-align:left;display:block;margin:40px auto;width:225px;height:55px;border:3px solid #232421;border-radius:30px;font-size:16px;line-height:55px;color:#fff;text-indent:30px;background:#232421;overflow:hidden;font-weight:500;z-index: 1;transition:         0.2s ease-in;-o-transition:      0.2s ease-in;-ms-transition:     0.2s ease-in;-moz-transition:    0.2s ease-in;-webkit-transition: 0.2s ease-in;}
.sec1 a i{position:absolute;top:50%;right:20px;margin-top:-8px;}
.sec1 a:hover{color: #87c134;border:3px solid #87c134;}

.sec1 ul {display:inline-block;}
.sec1 ul li{float:left;width:320px;height:150px;background:#fff;font-weight:500;color:#313030;font-size:18px;}
.sec1 ul li span{display:block;font-size:38px;font-weight:bold;padding-top:30px;}
.sec1 ul li img{padding-top:32px;}

.food_box_wrap{position:absolute;top:0;z-index:1;width:100%;height:100%;left:0;overflow:hidden;}
.sec1 .food_box{position:absolute;top:0;z-index:1;width:100%;height:100%;left:0;overflow:hidden;}
.sec1 .food_box img{position:absolute;}
.sec1 .food_box .food0{top:-100px;left:0;}
.sec1 .food_box .food1{top:-90px;right:0}
.sec1 .food_box .food2{top:200px;right:237px}
.sec1 .food_box .food3{width:500px;right:0;top:130px;z-index:10}
.sec1 .food_box .food4{top:440px;right:0;}
.sec1 .food_box .food5{display:none;right:50%;bottom:-80px;margin-right:-800px}
.sec1 .food_box .food6{display:none;bottom:-100px;right:0;}
.sec1 .food_box .food7{display:none}
.sec1 .food_box .food8{display:none;bottom:-150px;left:50%;margin-left: -162px}
.sec1 .food_box .food9{display:none}
.sec1 .food_box .food10{display:none;bottom:-70px;left:0;}
.sec1 .food_box .food11{display:none}
.sec1 .food_box .food12{left:0;top:490px}
.sec1 .food_box .food13{top:190px;left:284px}

.sec2{border-top:1px solid #e7e7e7;text-align:center}
.sec2 .nav{display:inline-block;height:80px;line-height:80px}
.sec2 .nav>div{float:left;color:#191818;font-size:20px;margin:0 30px;cursor: pointer;transition: all ease 0.3s;font-weight:500}
.sec2 .nav>div.act,.sec2 .nav>div:hover{color:#87c134}
.sec2 .slide_bx{border-top:1px solid #e7e7e7;height:688px;max-width:1920px;margin:0 auto;}
.sec2 .slide_bx .slide{position:relative;height:688px;}
.sec2 .slide_bx .slide .cover{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:all 0.2s ease-out;opacity:0}
.sec2 .slide_bx .slide .cont{text-align:left;position:absolute;bottom:0;left:0;height:auto;width:100%;padding:30px 0;background:rgba(135,193,52,0.9);color:#fff;opacity:1;transition:all 0.2s ease-out}
.sec2 .slide_bx .slide .cont .p1{font-weight: 500;padding-left:35px;font-size:30px;line-height:34px;color:#fff;}
.sec2 .slide_bx .slide .cont .p2{font-weight: 500;padding-left:35px;font-size:18px;line-height:26px;margin-top:10px;color:#fff;}
.sec2 .slide_bx .slide .cont i{transition: all ease 0.5s;font-size:30px;position:absolute;top:20px;right:20px;color:#fff}
.sec2 .slide_bx .slide .cont a:hover i{transform: rotate( 180deg );}
.sec2 .slide_bx .slick-prev{position:absolute;top:50%;left:50%;margin-left:-21%;width:60px;height:60px;margin-top:-30px;opacity:1;background:url('/image/site/index/slide_prev.png');background-size:cover;z-index:99;overflow:hidden;text-indent:-9999px;border:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sec2 .slide_bx .slick-next{position:absolute;top:50%;right:50%;margin-right:-21%;width:60px;height:60px;margin-top:-30px;opacity:1;background:url('/image/site/index/slide_next.png');background-size:cover;z-index:99;overflow:hidden;text-indent:-9999px;border:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sec2 .slide_bx .slick-prev:hover{background:url('/image/site/index/slide_prev_act.png');background-size:cover;}
.sec2 .slide_bx .slick-next:hover{background:url('/image/site/index/slide_next_act.png');background-size:cover;}
.sec2 .slide_bx .slide:not(.slick-center) .cont{opacity:0 !important}
.sec2 .slide_bx .slide:not(.slick-center) .cover{visibility:visible;opacity:1}

.sec3{margin:38px 38px 0 38px;padding:50px 0 80px 0;background:url('/image/site/index/sec3_bg.png') no-repeat center;background-size:cover}
.sec3 .cont{display:inline-block;width:500px}
.sec3 .cont ul {display:block;}
.sec3 .cont ul li{float:left;width:50%;text-align:center;height:130px;background:#fff;font-weight:500;color:#313030;font-size:18px;}
.sec3 .cont ul li span{display:block;font-size:38px;font-weight:bold;padding-top:20px;}
.sec3 .cont ul li img{padding-top:32px;width:180px}
.sec3 .cont .p1{padding-top:50px;font-size:26px;font-weight:500;color:#313030}
.sec3 .cont .p1 span{display:block;font-weight:bold;font-size:62px;letter-spacing:-5px;line-height:62px}
.sec3 .cont .p2{margin-top:20px;font-size:22px}

.sec3 .inner>ul{float:right;display:inline-block;width:550px}
.sec3 .inner>ul li{width:250px;border-bottom:1px solid #d9d9d9;float:left;position:relative;margin-right:50px;height:50px;line-height:50px;font-size:18px;}
.sec3 .inner>ul li:nth-child(2n){margin-right:0}
.sec3 .inner>ul li span{position:absolute;top:0;right:0;}
.sec3 .inner>ul li.tit{font-size:26px;font-weight:500;height:60px;line-height: 60px;border-bottom:none !important}

.sec4{position:relative;padding:170px 0;overflow:hidden;z-index:10}
.sec4 .pumkin{position:absolute;top:-170px;right:0}
.sec4 .sec4_more{position:relative;width:40px;height:40px;float:right;font-size:30px;}
.sec4 .sec4_more img{position:absolute;top:0;left:0;}
.sec4 .sec4_more img.img1{z-index:2;opacity:1}
.sec4 .sec4_more img.img2{z-index:1;opacity:0}
.sec4 .sec4_more:hover .img1{opacity:0}
.sec4 .sec4_more:hover .img2{opacity:1}

.sec4 .prev_slide .slide img{width:100%}
.sec4 .img_effect{position:absolute;bottom:0;left:0;height:520px;width:300px}
.sec4 .img_effect .img1{position:absolute;bottom:0;left:0;z-index:1}
.sec4 .img_effect .img2{position:absolute;top:0;left:0}
.sec4 .img_effect .img3{position:absolute;top:20px;right:10px}
.sec4 .prev_slide{margin-top:50px;position:relative;width:1650px}
.sec4 .prev_slide .slide:nth-child(1){margin-left:-200px}
.sec4 .prev_slide .slide{background: #fafafa;width:390px;margin-right:20px;position:relative;border-radius:4px;border:1px solid #d6d6d6;height:100%;min-height:575px;float:left;transition:all 0.2s ease-out}
.sec4 .prev_slide .slide .img_box{width:100%;height:260px;border-bottom:1px solid #ddd}
.sec4 .prev_slide .slide .cont_box{padding:40px}
.sec4 .prev_slide .slide .cont_box .p1{font-size:18px;color:#363935;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sec4 .prev_slide .slide .cont_box .p1 span{display:block;font-size:15px;color:#838383;padding-bottom:5px}
.sec4 .prev_slide .slide .cont_box .bd{width:100%;height:1px;background:#e5e5e5;margin:20px 0}
.sec4 .prev_slide .slide .cont_box .p2{font-size:16px;color:#686868;line-height:28px;display: inline-block; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; height:145px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.sec4 .prev_slide .slide:hover .cover{opacity:1;text-align:center;color:#fff;font-size:50px}
.sec4 .prev_slide .slick-prev{position:absolute;top:-22px;left:1060px;width:40px;height:40px;margin-top:-29px;opacity:1;background:url('/image/site/index/prev_btn.png');background-size:cover;z-index:99;overflow:hidden;text-indent:-9999px;border:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sec4 .prev_slide .slick-next{position:absolute;top:-22px;left:1110px;width:40px;height:40px;margin-top:-29px;opacity:1;background:url('/image/site/index/next_btn.png');background-size:cover;z-index:99;overflow:hidden;text-indent:-9999px;border:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.sec4 .prev_slide .slick-prev:hover{background:url('/image/site/index/prev_btn_act.png');background-size:cover;}
.sec4 .prev_slide .slick-next:hover{background:url('/image/site/index/next_btn_act.png');background-size:cover;}
.sec4 .prev_slide .slide:not(.slick-active){opacity:0.5 !important}
.slick-active:focus{outline: none !important}

.layer_pop{position:relative;max-width:900px;min-height:300px;margin:50px auto;background:#fff;border-radius:10px;font-size:15px;line-height:24px;color:#333;padding:30px 50px;white-space: pre-wrap;}
.loading{text-align:center;}

.sec5{margin-top:-50px}
.com_p1{padding-top:50px;font-size:26px;font-weight:500;color:#313030;margin-bottom:10px}
.company_bx .box{background:#fff;width:100px;vertical-align:middle;}
.company_bx .box img{display:block;margin:20px auto;vertical-align:middle;}

@media ( max-width: 1920px ) {
    .sec1 .food_box{width:1920px;left:50%;margin-left:-960px}
}

@media all and (max-width:1200px) {
    .inner{width:auto}
    .inner .t1{font-size:30px;line-height:38px}
    .inner .t2{font-size:16px;line-height:24px;margin-top:10px}

    .main_bx{margin-top:60px;width:auto}
    .main_bx .slide{width:100%;height:360px;padding:10px}
    .main_bx .slide .inner .p1{line-height:30px;padding-top:40px;font-size:30px;}
    .main_bx .slide .inner .p1 span{line-height:30px;font-size:50px}
    .main_bx .slide .inner .p2{line-height:28px;padding-top:20px;font-size:20px;letter-spacing:-1px}
    .main_bx .slide .inner .p3{line-height:24px;padding-top:10px;font-size:15px;}
    .main_bx .slide .inner a{margin-top:20px;width:135px;height:40px;font-size:14px;line-height:40px;text-indent:10px}
    .main_bx .slide .inner a i{right:10px;}

    .main_bx .slick-dots{position:absolute;left:auto;right:10px;bottom:20px;margin-left:0}

    .sec1{display:none;height:auto;padding-bottom:380px}
    .sec1 .cont_box{position:relative;text-align:center;z-index:10;padding:30px 10px}
    .sec1 .cont_box .title{padding:20px 0;font-size:40px;line-height:70px;top:0;width:230px;border:6px solid #313030;}
    .sec1 .cont_box .title span{color:#87c134}
    .sec1 .sec1_img{margin-top:20px;width:100%}

    .sec1 .p1{margin-top:50px;font-size:35px;line-height:38px}
    .sec1 .p1 span{font-size:20px;line-height:20px}
    .sec1 .p2{margin-top:40px;font-size:20px;color:#313030;line-height:30px;letter-spacing:-1px;white-space:pre-wrap;}
    .sec1 .p2 span{color:#909090;display:block;margin-bottom:13px;font-size:16px;line-height:26px;}

    .sec1 a{margin:30px auto;width:135px;height:40px;font-size:14px;line-height:40px;text-indent:10px;}
    .sec1 a i{right:10px;}



    .food_box_wrap{position:absolute;top:0;z-index:1;width:100%}
    .sec1 .food_box{width:auto;left:0;margin-left:0;width:100%}
    .sec1 .food_box img{opacity:0.6}
    .sec1 .food_box .food0{top:10px;left:0;width:110px;}
    .sec1 .food_box .food1{top:30px;right:-10px;width:70px;}
    .sec1 .food_box .food2{right:0;top:150px;width:100px;}
    .sec1 .food_box .food3{right:0;top:auto;bottom:0;width:90%;opacity:1 !important}
    .sec1 .food_box .food4{display:none;}
    .sec1 .food_box .food5{right:-30px;margin-right:0;width:130px;bottom:auto;top:350px;}
    .sec1 .food_box .food6{bottom:auto;top:510px;right:0;width:100px}
    .sec1 .food_box .food7{bottom:auto;top: 560px;right:-90px;margin-right:0;width:150px}
    .sec1 .food_box .food8{left:auto;right:-30px;bottom:auto;top:840px;margin-left: 0;width:200px}
    .sec1 .food_box .food9{bottom:auto;top:960px;left:-60px;;margin-left:0;width:200px}
    .sec1 .food_box .food10{display:none;}
    .sec1 .food_box .food11{left:-50px;bottom:auto;top:500px;margin-left:0;width:145px}
    .sec1 .food_box .food12{left:0;top: 740px;bottom:auto;width:150px}
    .sec1 .food_box .food13{top:230px;left:-40px;width:160px}

    .sec2 .nav{height:auto;line-height:45px;margin-bottom:-6px}
    .sec2 .nav>div{font-size:14px;margin:0;width:33%;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7}
    .sec2 .nav>div:nth-child(3n){border-right:none}
    .sec2 .nav>div span{display:none}
    .sec2 .nav>div.act, .sec2 .nav>div:hover{background:#333}
    .sec2 .slide_bx{border-top:none;height:330px}
    .sec2 .slide_bx .slide{position:relative;height:330px;}
    .sec2 .slide_bx .slide .cover{display:none;}
    .sec2 .slide_bx .slide .cont{padding:20px 0;}
    .sec2 .slide_bx .slide .cont .p1{padding-left:10px;font-size:20px;line-height:25px;font-weight:bold;}
    .sec2 .slide_bx .slide .cont .p2{padding-left:10px;font-size:14px;line-height:22px}
    .sec2 .slide_bx .slide .cont i{font-size:24px}
    .sec2 .slide_bx .slick-prev{opacity:0.8;left:10px;margin-left:0;width:40px;height:40px;margin-top:-20px}
    .sec2 .slide_bx .slick-next{opacity:0.8;right:10px;margin-right:0;width:40px;height:40px;margin-top:-20px}
    .sec2 .slide_bx .slide:not(.slick-center) .cont{opacity:1 !important}

    .sec3{margin:10px;padding:10px 10px 30px 10px}
    .sec3 .cont{display:block;width:auto}
    .sec3 .cont ul{margin-bottom:20px}
    .sec3 .cont ul li{height:75px;padding:10px 0;font-size:13px}
    .sec3 .cont ul li span{font-size:30px;padding-top:0}
    .sec3 .cont ul li img{padding-top:10px;width:120px}
    .sec3 .cont .p1{padding-top:10px;font-size:16px;margin-bottom:10px;}
    .sec3 .cont .p1 span{font-size:30px;letter-spacing:-2px;margin-top:5px;line-height:40px}
    .sec3 .cont .p2{font-size:16px;line-height:25px}
    .sec3 .inner>ul{float:none;display:block;width:auto;margin-top:20px;}
    .sec3 .inner>ul li{width:47.5%;margin-right:10px;height:40px;line-height:40px;font-size:14px;}
    .sec3 .inner>ul li.tit{font-size:16px;height:50px;line-height:50px}

    .sec4{padding: 0 10px 40px 10px}
    .sec4 .pumkin{position:relative;top:0;right:0;width:60%}
    .sec4 .t1{margin-top:10px}
    .sec4 .sec4_more{position:relative;width:40px;height:40px;float:right;font-size:30px;}
    .sec4 .sec4_more img{position:absolute;top:19px;left:0;}
    .sec4 .sec4_more img.img1{z-index:2;opacity:1}
    .sec4 .sec4_more img.img2{z-index:1;opacity:0}
    .sec4 .sec4_more:hover .img1{opacity:0}
    .sec4 .sec4_more:hover .img2{opacity:1}

    .sec4 .img_effect{display:none;}
    .sec4 .prev_slide{margin-top:70px;width:auto}
    .sec4 .prev_slide .slide:nth-child(1){margin-left:0}
    .sec4 .prev_slide .slide{width:auto;margin-right:0;height:auto;min-height:auto;margin-bottom:15px;}
    .sec4 .prev_slide .slide .img_box{float:left;width:29%;height:80px;border-bottom:none;border-right:1px solid #ddd}
    .sec4 .prev_slide .slide .cont_box{padding:0;float:left;width:70%}
    .sec4 .prev_slide .slide .cont_box .p1{white-space:normal;height:45px;padding-left:10px;padding-right:5px;padding-top:15px;font-size:14px;line-height:20px;}
    .sec4 .prev_slide .slide .cont_box .p1 span{font-size:13px}
    .sec4 .prev_slide .slide .cont_box .bd{display:none}
    .sec4 .prev_slide .slide .cont_box .p2{display:none}
    .sec4 .prev_slide .slide:hover .cover{display:none;}
    .sec4 .prev_slide .slide:not(.slick-active){opacity: 1 !important}
    .sec4 .prev_slide .slide:after{display:block;content:"";clear:both}
    .sec4 .prev_slide .slick-prev{left:auto;right:100px}
    .sec4 .prev_slide .slick-next{left:auto;right:50px}
    .sec5{margin-top:0}

    .layer_pop{font-size:14px;line-height:24px;color:#333;padding:20px 10px}
    .com_p1{padding-top:20px;font-size:16px}
    .company_bx .box{background:#fff;width:100px;vertical-align:middle;}
    .company_bx .box img{width:80%;display:block;margin:10px auto;vertical-align:middle;}

}