@charset "utf-8";

header{}
header nav{position: fixed; left: 50%; transform:translateX(-50%); z-index: 9999; width: 100%;  padding: 22px 0 16px; transition: 0.5s ease;}
header nav.scroll_on{background: rgba(0, 0, 0, 0.9);}
header nav::after{content:""; display: block; clear:both;}
header nav .nav_logo{float:left; padding-left: 10%; width: 170px;}
header nav .nav_logo img{transition: 0.5s ease; width: 100%;}
header .tel_btn{display: none; font-size: 18px; color: #fff; }
header nav .nav_list{float:right; text-align: center; margin-top: -5px; padding-right: 10%; width: 60%;}
header nav .nav_list::after{content:""; display: block; clear:both;}
header nav .nav_list li{float:left; width: 20%;}
header nav .nav_list li:nth-child(5){margin-top: -7px;}
header nav .nav_list li img{cursor:pointer;}
/* header nav .nav_list li:nth-child(6){position: absolute; top: 11%; right: 3%; animation: ready_ani 0.5s 0s infinite alternate ease-in;}
@keyframes ready_ani {0%{transform:translate(0,-4px)} 100%{transform:translate(0,0)}} */

.nav_re{position: fixed; left: 50%; transform:translateX(-50%); z-index: 9999; width: 100%; padding: 40px 0; transition: 0.5s ease; display: none;}
.nav_re.scroll_on{background: rgba(0, 0, 0, 0.9);}
.nav_re p{position: absolute; top: 50%; transform:translateY(-50%); right: 5%; cursor:pointer; text-align: right;}
.nav_re p span{display: block; width: 60px; height: 5px; background: #fff; border-radius: 5px;}
.nav_re p span:nth-child(2){margin: 10px 0;}
.nav_re .nav_re_con{position: fixed; height: 100vh; width: 100%; top: 0; background: rgb(0 0 0 / 1); transition:0.8s; z-index:9998; display:none;
					transition: 0.5s ease;}
.nav_re .nav_re_con.on{display: block;}
.nav_re .nav_re_con ul{padding-top: 50px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nav_re .nav_re_con ul li{padding: 0px 150px 40px; margin-bottom: 40px; transition: 0.5s ease; border-bottom: 1px solid rgba(255, 255, 255, 0.3); cursor:pointer;}
.nav_re .nav_re_con ul li:hover{transform: translateY(-10px);}
/* .nav_re .nav_re_con ul .re_ready{position: absolute; top: 79%; right: 30%; animation: ready_ani 0.5s 0s infinite alternate ease-in; border:none;}
@keyframes ready_ani {0%{transform:translate(0,-4px)} 100%{transform:translate(0,0)}} */

.nav_re .close{position: absolute; top: 50%; transform:translateY(-50%); right: 5%; cursor:pointer; display: none; z-index: 9999; text-align: right;}
.nav_re .close.on{display: inline-block;}
.nav_re .close img{width: 30%; padding-top: 20px;}

.qucik_kakao{position: fixed; right:30px; bottom:150px; z-index:10; background: #f9e000; border-radius:16px; overflow: hidden; box-shadow:5px 5px 20px rgba(249,224,0,0.3); animation:kakao_ani 0.4s 0s infinite alternate; text-align: center;}
.qucik_kakao a{display: block;padding:8px 8px 14px 8px;}
.qucik_kakao a img{width:64px; margin-bottom:-2px;}
.qucik_kakao a span{display: block;font-weight:700; letter-spacing:-1.5px; color: #371c1d; font-size:15px;}
@keyframes kakao_ani{
	0%{transform:translate(0,10px);}
	100%{transform:translate(0,0px);}
}
/* --------메인--------- */

main{position: relative;overflow: hidden; }

main .main_bg{}
main .main_bg .swiper-wrapper{}
main .main_bg .swiper-wrapper .swiper-slide{width: 100%; height:100vh;}
main .main_bg .swiper-wrapper .swiper-slide:nth-child(1){background: url(../image/main_bg_new0803.jpg) top center no-repeat; background-size: cover;}
main .main_bg .swiper-wrapper .swiper-slide.swiper-slide-active{animation: mainbg 5s 0s infinite alternate ease-in;}
main .main_title{position: absolute; top: 330px; left: 10%; z-index: 1; color: #fff;}
main .main_title h1{font-size:clamp(50px,6vw,95px); border-bottom: 1px solid rgba(255, 255, 255, 0.3); letter-spacing: -0.5px;}
main .main_title h1 span{display: inline-block;font-size:inherit; color: #d50f0f; font-weight: bold;}
main .main_title p{display: flex; align-items: center; font-size: 56px; font-weight: 300; letter-spacing: -0.7px; margin: 30px 0 10px;}
main .main_title p img{display: block; margin-left: 15px; width: 15%;}
main .main_title span{font-size: 23px; font-weight: 300; letter-spacing:-0.7px; line-height: 1.5;}
main .main_title .haccp img{width:230px;}
main .main_title .haccp span{font-size: 25px; opacity: 0.7; letter-spacing: -0.7px; margin-left: 10px; line-height: 80px;}
main .m_ani{display: block; width: 35px; height: 50px; border: 2px solid #fff; border-radius:30px; position: absolute; top: 750px; left: 10%; z-index: 1;}
main .m_ani span{display: block; background: #fff; width: 8px; height: 8px; border-radius:50px; margin: 8px auto 0;
				 animation: mani 1s 0s infinite ease-in;}
@keyframes mani {0%{transform:translateY(0px); opacity: 0.9;} 100%{transform:translateY(20px); opacity:0.1;}}



/* --------s01--------- */

.s01{position: relative;}
.s01 .s01_con{}
.s01 .s01_con::after{content: ""; display: block; clear: both;}
.s01 .s01_con li{float:left; width: 50%;}
.s01 .s01_con li:nth-child(1){background: url(../img/s01_img.jpg) no-repeat center; background-size: cover; height: 900px;}
.s01 .s01_con li:nth-child(1) img{width: 100%;}
.s01 .s01_con li:nth-child(2){font-size: 20px; text-align: center; padding: 50px 0; box-sizing: border-box;}
.s01 .s01_con li:nth-child(2) h1{padding-bottom: 20px;}
.s01 .s01_con li:nth-child(2) h1 img{}
.s01 .s01_con li:nth-child(2) p{line-height: 1.5; letter-spacing: -0.7px;}
.s01 .s01_con li:nth-child(2) p span{display: inline-block; font-size: 23px; padding-top: 15px; font-weight: bold;}
.s01 .s01_con li:nth-child(2) div{padding-top: 50px;}
.s01 .s01_con li:nth-child(2) div img{width: 90%;}
.s01 .s01_center{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}

/* --------s02--------- */

.s02{background: url(../img/s02_bg01.jpg) center no-repeat; background-size: cover;  text-align: center; padding: 130px 0;
	 position: relative; overflow: hidden;}

.s02 .s02_title{position: relative; z-index: 1;}
.s02 .s02_title div{margin-bottom: 10px;}
.s02 .s02_title div img{}
.s02 .s02_title p{font-size: 84px; color: #fff; font-weight: 400;}
.s02 .s02_title p br{display: none;}
.s02 .s02_title p span{display: inline-block; margin-right: 10px;}
.s02 .s02_title p span img{vertical-align: top;}

.s02 .s02_list{width: 1150px; margin: 30px auto 0; position: relative; z-index: 1;}
.s02 .s02_list::after{content: ""; display: block; clear:both;}
.s02 .s02_list li{float:left; width: 32%; padding: 5% 2%; box-sizing:border-box; text-align: center; font-size: 20px; color: #fff; font-weight: 500;
				  background: rgba(28, 28, 28, 0.9); margin: 0.5%; border-radius: 10px; cursor: pointer; transition:0.6s ease; height: 415px; z-index: 9999;}
.s02 .s02_list li:hover{background: rgba(28, 28, 28, 0.7); transform: translate(-10px, -10px)}
.s02 .s02_list li div{}
.s02 .s02_list li div img{}
.s02 .s02_list li h1{width: 150px; line-height: 40px; background: #d50f0f; border-radius:5px; margin: 30px auto 15px;}
.s02 .s02_list li p{line-height: 1.5;}

.s02 .s02_img{}
.s02 .s02_img img{position: absolute;}
.s02 .s02_img img:nth-child(1){top: -50px; right: -700px;}
.s02 .s02_img img:nth-child(2){top: 50%; transform: translateY(-50%); left: -500px;}
.s02 .s02_img img:nth-child(3){bottom: -350px; right: -150px;}

/* --------s03--------- */

.s03{padding: 150px 0 100px;}
.s03 .s03_title{display:flex; align-items:center; padding-bottom: 100px;}
.s03 .s03_title span{display: block; width: 250px; height: 2px; background: #222; margin-right: 35px;}
.s03 .s03_title img{}

.s03 .s03_con01{position: relative; text-align: center;}
.s03 .s03_con01 h1{background: url(../img/s03_con01.jpg) no-repeat center; height: 400px;}

.s03 .s03_con01 .s03_list{width: 1150px; margin: 30px auto 0;}
.s03 .s03_con01 .s03_list::after{content: ""; display: block; clear:both;}

.s03 .s03_con01 .s03_list li{float:left; width: 32%; padding: 0% 0%; box-sizing: border-box; text-align: center;
							 margin: 0.5%; transition:0.6s ease; height: 450px;}
.s03 .s03_con01 .s03_list li div{height: 250px; background: #222;}
.s03 .s03_con01 .s03_list li:nth-child(1) div{background: url(../img/con01_img01.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(2) div{background: url(../img/con01_img02.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(3) div{background: url(../img/con01_img03.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(4) div{background: url(../img/con01_img04.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(5) div{background: url(../img/con01_img05.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(6) div{background: url(../img/con01_img06.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(7) div{background: url(../img/con01_img07.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(8) div{background: url(../img/con01_img08.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(9) div{background: url(../img/con01_img09.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(10) div{background: url(../img/con01_img10.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(11) div{background: url(../img/con01_img11.png) no-repeat center;}
.s03 .s03_con01 .s03_list li:nth-child(12) div{background: url(../img/con01_img12.png) no-repeat center;}
.s03 .s03_con01 .s03_list li div img{}
.s03 .s03_con01 .s03_list li p{background: #d50f0f; padding: 15px; margin: 15px auto 0; color: #fff; border-radius:35px; font-size: 20px;}
.s03 .s03_con01 .s03_list li span{display: inline-block; font-size: 18px; line-height: 1.5; letter-spacing: -0.7px; margin-top: 15px;}

.s03 .s03_con01 .s03_bar{}
.s03 .s03_con01 .s03_bar img{}


/* --------s04--------- */

.s04{background: url(../img/s04_bg.jpg) no-repeat center; background-size: cover; padding: 180px 0 150px;}

.s04_title{width: 1180px; margin: 0 auto 50px;}
.s04_title::after{content: ""; display: block; clear: both;}
.s04_title li{float:left; width: 50%;}
.s04_title li:nth-child(1){padding-top: 30px;}
.s04_title li:nth-child(1) span{display: block;}
.s04_title li:nth-child(1) span img{}
.s04_title li:nth-child(1) h1{margin: 30px 0;}
.s04_title li:nth-child(1) h1 img{}
.s04_title li:nth-child(1) p{font-size: 27px; line-height: 1.5; color: #fff; letter-spacing: -0.7px;}

.s04_title li:nth-child(2){text-align: right;}
.s04_title li:nth-child(2) img{}

.s04_con{width: 1180px; margin: 0 auto; background: rgba(255, 255, 255, 0.9); border-radius: 10px; border-left: 40px solid #c71413; box-sizing: border-box;
		 padding: 50px 0 100px;}
.s04_con .s04_icon{text-align: center; padding: 50px;}
.s04_con li{display: flex; align-items:center; width: 90%; margin: 0 auto;}
.s04_con li+li{margin-top: 50px;}
.s04_con li h1{display: inline;}
.s04_con li h1 img{}
.s04_con li p{display: inline; font-size: 30px; font-weight: bold; letter-spacing: -0.7px; color: #c20f0f; margin-left: 5px;}
.s04_con li p span{display: block; font-size: 23px; font-weight: 400; line-height: 1.5; margin-top: 10px; color: #222;}

/* --------s05--------- */

.s05{text-align: center; padding: 150px 0 100px; background:#f4f4f4;}
.s05 .s05_title{margin-bottom: 70px;}
.s05 .s05_title img{}

.s05 ul{width: 1215px; margin: 0 auto;}
.s05 ul::after{content: ""; display: block; clear:both;}
.s05 ul li{float:left;}
.s05 ul li:nth-child(1){width: 45%; margin-right: 4%;}
.s05 ul li:nth-child(1) img{}

.s05 ul li:nth-child(2){width: 50%; text-align: left;}
.s05 ul li:nth-child(2) h1{display:flex; align-items: center; margin-bottom: 15px;}
.s05 ul li:nth-child(2) h1:nth-child(2){margin-bottom: 40px;}
.s05 ul li:nth-child(2) h1 span{padding-top: 7px;}
.s05 ul li:nth-child(2) h1 span img{}
.s05 ul li:nth-child(2) h1 p{font-size: 21px; font-weight: 300; letter-spacing: -0.7px; margin-left: 10px;}
.s05 ul li:nth-child(2) h1 p strong{font-size: 28px; margin-left: 15px;}

.s05 ul li:nth-child(2) h2{padding-left: 5px;}
.s05 ul li:nth-child(2) h2:nth-child(4){margin: 30px 0;}
.s05 ul li:nth-child(2) h2 p{font-size: 25px; font-weight: bold; letter-spacing: -0.7px;}
.s05 ul li:nth-child(2) h2 p::after{content: "*"; display: block; color: #d50f0f; font-size: 18px; text-align: right;}
.s05 ul li:nth-child(2) h2 p img{display: inline-block; margin-right: 10px; vertical-align: top;}
.s05 ul li:nth-child(2) h2 input{width: 100%; font-size: 18px; border:none; border-bottom:1px solid #222; padding: 10px; font-weight: 500;
								 box-sizing: border-box;}

.s05 ul li:nth-child(3){width: 100%; margin-top: 50px;}
.s05 ul li:nth-child(3) h2{text-align: left; padding-left: 5px;}
.s05 ul li:nth-child(3) h2 p{font-size: 25px; font-weight: bold; letter-spacing: -0.7px; }
.s05 ul li:nth-child(3) h2 p::after{content: "*"; display: block; color: #d50f0f; font-size: 18px; text-align: right;}
.s05 ul li:nth-child(3) h2 p img{display: inline-block; margin-right: 10px; vertical-align: top;}
.s05 ul li:nth-child(3) h2 input{width: 100%; font-size: 18px; border:none; border-bottom:1px solid #222; padding: 10px; padding-top: 50px;
								 font-weight: 500; box-sizing: border-box;}

.s05 .s05_submit{display: block; width: 300px; height: 95px; background: #d50f0f; color: #fff; border-radius: 10px; font-size: 33px; letter-spacing: -0.7px;
				 font-weight: bold; line-height: 95px; margin: 0 auto; margin-top: 70px;}

.s05_agree{width: 100%; margin-top:4px; text-align: right; color: #111; font-size:15px; letter-spacing:-1px; margin-top: 15px;}
.s05_agree a{display: inline-block; text-decoration:underline; font-weight: bold; cursor:pointer;}
.s05_agree input[type="checkbox"]{width:20px; height:20px; margin-right: 5px; vertical-align: middle;}

.layer{position:fixed; display:none; left:0; top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#aa0000; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}

/* --------db----------- */

.db_wrap{position: fixed; width: 100%; bottom:-200px; background: #d50f0f; box-shadow:0 0 90px rgba(0,0,0,0.8); transition:0.8s;
		 z-index: 9998; padding: 12px 0; left: 50%; transform:translateX(-50%);}
.db_wrap.scroll_on{bottom:0;}
.db_wrap .db{width: 1200px; margin:0 auto; overflow: hidden; box-sizing:border-box; padding-top:10px;}
.db_wrap .db h2{float:left; padding-right: 1%;}
.db_wrap .db ul{float:left; width:55%; overflow: hidden;}
.db_wrap .db ul li{float:left; width:31%;}
.db_wrap .db ul li:nth-child(2){margin: 0 3%;}
.db_wrap .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db ul li input[type="text"]{width: 100%; padding: 6px 5px; height:30px; background:#fff; border:1px solid #fff; font-size:15px;}
.db_wrap .db ul li input[type="text"]::placeholder{color: #aaa; font-size:15px; text-align: center;}
.db_wrap .db .agree{margin-top:4px; text-align: left; color: #fff; font-size:13px; letter-spacing:-1px;}
.db_wrap .db .agree a{text-decoration:underline;}
.db_wrap .db .agree input[type="checkbox"]{width:20px; height:20px; margin-right: 5px; vertical-align: middle;}
.db_wrap .db .db_submit{float:right; margin-left: 15px; animation:submit_btn 0.3s 0s infinite alternate ease-in; width: 160px;
						line-height: 60px; background: #1c1c1c; font-size: 30px; letter-spacing: -0.7px; color: #fff; text-align: center; font-weight: bold;}
/* @keyframes submit_btn {0%{transform:translate(0,-4px)} 100%{transform:translate(0,0)}} */
.db_wrap .db .db_submit input{transition:0.3s;}
.db_wrap .db .db_submit input:hover{filter:contrast(150%)}

.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#aa0000; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}

/* --------푸터--------- */

footer{text-align: center; color: #fff; background: #1c1c1c; padding: 70px 7% 300px;  font-weight: 300; font-size: 20px;}
footer img{display: inline-block; margin-bottom: 20px;}
footer p{}
footer span{display: block; margin: 10px 0;}
footer cite{font-style: normal; font-size: 18px; opacity:0.7;}

/* ---------반응형--------- */

@media all and (min-width:1024px){
	.s01 .s01_con li:nth-child(2){height: 800px;}
  }


@media all and (max-width:1280px){
	header nav{display: none;}
	header .tel_btn{position: fixed;left:8px; top:6px;display: block; z-index:100000;}
	header .tel_btn a{display: inline-block; padding:12px;}
	header .tel_btn a img{width:44px;}

	.nav_re{display: block;}
	main .m_ani{display: none;}
	main .main_title{left: 5%;}
	main .main_bg .swiper-wrapper .swiper-slide:nth-child(1){background: url(../image/main_bg_new0803.jpg) 100% 100% no-repeat; background-size: cover;}


	.s01 .s01_con li:nth-child(1){width: 40%;}
	.s01 .s01_con li:nth-child(2){width: 60%;}
	.s01 .s01_center{display: none;}

	.s02 .s02_list{width: 95%;}
	.s03 .s03_con01 .s03_list{width: 95%;}
	.s03 .s03_con01 .s03_bar img{width: 95%;}
	.s03 .s03_con01 .s03_list li span br{display: none;}


	.s04_title{width: 92%;}
	.s04_title li:nth-child(1){padding-top: 0}
	.s04_title li:nth-child(1) span img{width: 35%;}
	.s04_title li:nth-child(1) h1{margin: 20px 0;}
	.s04_title li:nth-child(1) h1 img{width: 90%;}
	.s04_title li:nth-child(1) p{font-size: 24px;}
	.s04_title li:nth-child(1) p br{display: none;}

	.s04_title li:nth-child(2) img{width: 100%;}
	.s04_con{width: 95%;}
	.s04_con li p br{display: none;}

	.s05 .s05_title img{width: 60%;}
	.s05 ul{width: 80%; margin: 0 auto;}
	.s05 ul li:nth-child(1){width: 100%; margin: 0 auto; margin-bottom: 50px;}
	.s05 ul li:nth-child(2){width: 100%; margin: 0 auto;}
	.s05 ul li:nth-child(3){width: 100%; margin: 30px auto 0;}


	.db_wrap{bottom: -250px;}
	.db_wrap .db{width: 100%; text-align: center; padding-top: 15px;}
	.db_wrap .db h2{display: none;float: none; padding-bottom: 15px;}
	.db_wrap .db ul{float: none; width: 80%; margin: 0 auto;}
	.db_wrap .db ul li{}
	.db_wrap .db .db_submit{float: none; width: 80.5%; margin: 15px auto 0; font-size: 25px; line-height: 50px;}

	.qucik_kakao{ right:20px; bottom:200px;}
	.qucik_kakao a img{width:54px; margin-bottom:-2px;}
  }


  @media all and (max-width:1024px){
	main .main_title{top: 50%; transform:translateY(-50%);}
	main .main_title p img{width: 20%;}

	.s01 .s01_con li:nth-child(1){background: url(../img/s01_img_b.jpg) center no-repeat; background-size: cover;}
	.s01 .s01_con li:nth-child(1){width: 100%; height: 200px;}
	.s01 .s01_con li:nth-child(2){width: 100%;}

	.s02 .s02_title p br{display: block;}
	.s02 .s02_list{width: 90%;}
	.s02 .s02_list li{width: 49%; height: 400px;}

	.s03 .s03_con01 .s03_list{width: 90%;}
	.s03 .s03_con01 .s03_list li{width: 49%;}

	.s03 .s03_title{padding-left: 3%;}
	.s03 .s03_title span{display: none;}
	.s03 .s03_title img{width: 70%;}
	.s03_slider .swiper-wrapper .swiper-slide{padding: 5%;}
	.s03_slider .swiper-wrapper .swiper-slide p{}
	.s03 .s03_con02 .s03_con02_img{margin-top: 50px; background: url(../img/s03_con02_img02.png) no-repeat center / 95%; height: 130px;}

	.s04{background-position: left;}
	.s04_title li{width: 100%;}
	.s04_title li:nth-child(1) p{font-size: 23px;}
	.s04_title li:nth-child(1) span img{width: 18%;}
	.s04_title li:nth-child(1) h1 img{width: 45%;}
	.s04_title li:nth-child(2) img{display: none;}
	.s04_con li p{}

	.s05 .s05_title img{width: 65%;}



  }

  @media all and (max-width:768px) {
	main .main_title p{font-size: 7vw;}
	main .main_title span{display: block; padding-right: 3%; font-size:4vw;}
	main .main_title p img{width: 20%;}
	main .main_bg .swiper-wrapper .swiper-slide:nth-child(1){background: url(../image/main_bg_new0803.jpg) 65% 100% no-repeat; background-size: cover;}
	main .main_title .haccp span{font-size: 25px; opacity: 0.7; letter-spacing: -0.7px; margin: 25px 0 25px; line-height: 0px; }

	.s01 .s01_con li:nth-child(2) h1 img{width: 27%;}
	.s01 .s01_con li:nth-child(2) p span{font-size: 20px;}
	.s01 .s01_con li:nth-child(2) div img{width: 95%;}

	.s02 .s02_title p{font-size: 60px; line-height: 1.5;}
	.s02 .s02_title p span img{width: 90%;}
	.s02 .s02_list{width: 95%;}
	.s02 .s02_list li{font-size: 16px; font-weight: 400; height: 300px;}
	.s02 .s02_list li h1{margin: 15px auto 15px;}
	.s02 .s02_list li div img{width: 30%;}

	.s03 .s03_con01 .s03_list{width: 95%;}
	.s03 .s03_con01 .s03_list li{height: 500px;}
	.s03 .s03_con01 .s03_list li img{width: 100%;}
	.s03 .s03_con01 .s03_list li p{padding: 10px 15px; font-size: 18px;}

	.s03 .s03_title{padding-left: 3%;}
	.s03 .s03_title span{display: none;}
	.s03 .s03_title img{width: 90%;}
	.s03 .s03_con01 h1{background: url(../img/s03_con01.jpg) no-repeat center; background-size: cover; height: 300px;}
	.s03 .s03_con02 h1{background: url(../img/s03_con02.jpg) no-repeat center; background-size: cover; height: 300px;}
	.s03 .s03_con03 h1{background: url(../img/s03_con03.jpg) no-repeat center; background-size: cover; height: 300px;}
	/* .s03_slider .swiper-wrapper .swiper-slide img{width: 65%;}
	.s03_arrow_l{position: absolute; top: 63%; transform:translateY(-50%); left: 12%; z-index: 1; cursor: pointer;}
	.s03_arrow_r{position: absolute; top: 63%; transform:translateY(-50%); right: 12%; z-index: 1; cursor: pointer;}
	.arrow_l{top: 56%;}
	.arrow_r{top: 56%;}
	.s03 .s03_con02{margin-top: 70px;}
	.s03 .s03_con03{margin-top: 45px;} */
	.s03{padding: 150px 0 70px;}


	.s04_title li:nth-child(1) span img{width: 35%;}
	.s04_title li:nth-child(1) h1 img{width: 60%;}
	.s04_con li{display: block; text-align: center;}
	.s04_con li p{font-size: 28px;}
	.s04_con li p span{font-size: 20px; margin-top: 10px;}
	.s04_con li h1{display: inline-block; padding-top: 8%; padding-bottom:0;}

	.s05 .s05_title{margin-bottom: 50px;}
	.s05 .s05_title img{width: 75%;}
	.s05 ul li:nth-child(1) img{width: 90%;}
	.s05 ul li:nth-child(2) h1 p strong{font-size: 23px;}

	.db_wrap .db{width: 100%; text-align: center;}
	.db_wrap .db h2{float: none; padding-bottom: 10px;}
	.db_wrap .db h2 img{width: 80%;}
	.db_wrap .db ul{float: none; width: 90%; margin: 0 auto;}
	.db_wrap .db ul li{width: 30%;}
	.db_wrap .db ul li:nth-child(2){margin: 0 5%;}
	.db_wrap .db ul li:nth-child(4){width: 100%;}
	.db_wrap .db .db_submit{float: none; width: 90.5%; margin: 10px auto 0; font-size: 25px; line-height: 50px;}
	.db_wrap .db ul li input[type="text"]{padding: 3px 5px;}

	.db_wrap{padding: 0px 0 15px; bottom: -250px;}

	.qucik_kakao{ right:16px; bottom:180px;}
	.qucik_kakao a img{width:54px; margin-bottom:-2px;}
	.qucik_kakao a span{font-size:13px;}
  }

  @media all and (max-width:550px){

	.s03 .s03_con01 .s03_list li{height: 450px;}
	.s03 .s03_con01 .s03_list li:nth-child(12) div{background: url(../img/con01_img13.png) no-repeat center;}
	.qucik_kakao{ right:16px; bottom:170px;}
	.qucik_kakao a img{width:48px; margin-bottom:-2px;}
	.qucik_kakao a span{font-size:12px;}
  }

  @media all and (max-width:415px) {


	main .main_title h1{font-size:70px; line-height:1.1;}
	main .main_title h1 span{font-size: 80px;}
	main .main_title p{font-size: 7vw;}
	main .main_title span{font-size: 20px;}
	main .main_title p img{margin-left: 10px;}

	.s01 .s01_con li:nth-child(1){width: 100%; height: 150px;}
	.s01 .s01_con li:nth-child(2) h1 img{width: 35%;}
	.s01 .s01_con li:nth-child(2) p{padding: 0 4%;}
	.s01 .s01_con li:nth-child(2) p br{display: none;}
	.s01 .s01_con li:nth-child(2) div img{width: 90%;}

	.s02{background: url(../img/s02_bg02.jpg) no-repeat center; background-size: cover;}
	.s02 .s02_title div{margin-bottom: 15px;}
	.s02 .s02_title div img{width: 20%;}
	.s02 .s02_title p{font-size: 40px;}
	.s02 .s02_title p br{display: none;}
	.s02 .s02_title p span{width: 90%;}
	.s02 .s02_title p span img{width: 50%;}
	.s02 .s02_list li{width: 95%; margin: 2.5%; height: 300px; cursor:none; padding: 35px 30px 30px;}
	.s02 .s02_img img{width: 50%;}
	.s02 .s02_list li:hover{background: rgba(28, 28, 28, 0.9); transform: translate(0, 0);}

	.s03 .s03_con01 h1{background: url(../img/s03_con01.jpg) no-repeat center; background-size: cover;}
	.s03 .s03_con01 .s03_slider{width: 100%; left: 50%; transform: translateX(-50%);}
	.s03 .s03_con02 h1{background: url(../img/s03_con02.jpg) no-repeat center; background-size: cover;}
	.s03 .s03_con02 .s03_slider{width: 100%; left: 50%; transform: translateX(-50%);}
	.s03 .s03_con03 h1{background: url(../img/s03_con03.jpg) no-repeat center; background-size: cover;}
	.s03 .s03_con03 .s03_slider{width: 100%; left: 50%; transform: translateX(-50%);}
	.s03 .s03_con01 .s03_list li{height: 300px; margin-bottom: 5%;}
	.s03 .s03_con01 .s03_list li div{height: 150px;}
	.s03 .s03_con01 .s03_list li p{padding: 10px 15px; font-size: 15px;}
	.s03 .s03_con01 .s03_list li span{padding: 10px 15px; font-size: 12px; margin-top: 0px;}
	.s03 .s03_con01 .s03_bar{margin-top: 5%;}
	.s03_arrow_l{left: 6%;}
	.s03_arrow_l img{width: 80%;}
	.s03_arrow_r{right: 6%;}
	.s03_arrow_r img{width: 80%;}
	.arrow_l{top: 52%}
	.arrow_r{top: 52%;}
	.s03 .s03_con02 .s03_con02_img{margin-top: 25px; background: url(../img/s03_con02_img03.png) no-repeat center / 95%; height: 216px;}


	.s04_title li:nth-child(1) span img{width: 35%;}
	.s04_title li:nth-child(1) h1 img{width: 80%;}
	.s04_title li:nth-child(1) p{font-size: 20px;}
	.s04_con li{display: block; text-align: center;}
	.s04_con li p{font-size: 25px;}
	.s04_con li p span{font-size: 18px; margin-top: 10px;}
	.s04_con li h1{display: inline-block; padding-top: 8%; padding-bottom:0;}
	.s04_con li{padding: 5% 0;}
	.s04_con .s04_icon{padding: 0;}
	.s04_con .s04_icon img{width: 70%;}
	.s04_con li+li{margin-top: 25px;}
	.s04_con{padding: 50px 0;}

	.s05{padding: 100px 0;}
	.s05 .s05_title{margin-bottom: 30px;}
	.s05 .s05_title img{width: 90%;}
	.s05 ul li:nth-child(1){width: 100%;}
	.s05 ul li:nth-child(1) img{width: 100%;}
	.s05 .s05_submit{width: 250px; height: 75px; border-radius: 10px; font-size: 28px; line-height: 75px; margin-top: 50px;}
	.s05_agree{margin-left: 20px;}

	footer{font-size: 18px;}
	footer cite{font-size: 16px;}

	.nav_re p span{display: block; width: 40px; height: 3px; background: #fff; border-radius: 5px;}
	.nav_re .nav_re_con{position: fixed; height: 100vh; width: 100%; top: 0; background: rgb(0 0 0 / 1); transition:0.8s; z-index:9998; display:none;
					transition: 0.5s ease;}
	.nav_re .nav_re_con.on{display: block;}

	.nav_re .nav_re_con ul{padding-top: 25px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.nav_re .nav_re_con ul li{padding: 0px 30px 25px; margin-bottom: 25px; transition: 0.5s ease; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

	.nav_re .nav_re_con ul li img{width: 100%;}


	.nav_re .close{z-index: 9999; text-align: right; padding-right: 3%;}
	.nav_re .close.on{display: inline-block;}
	.nav_re .close img{width: 20%; padding-top: 0px;}
/* 	.nav_re .nav_re_con ul li:nth-child(6){width: 100%; top: 76%; left: 40%;}
	.nav_re .nav_re_con ul li:nth-child(6) img{width: 30%;} */
	.nav_re .nav_re_con ul .re_ready{position: absolute; top: 76%; left: 60%; animation: ready_ani 0.5s 0s infinite alternate ease-in; border:none;}


  }






/* 20230803추가 */
.section_title{text-align: center; margin-bottom:32px;}
.section_title h2{margin-bottom:24px;}
.section_title p{font-size:25px; color: #333; letter-spacing:-0.05em; line-height:1.4;font-weight: 500;}
.content_inner{max-width:1320px; margin:0 auto;}

#new_main02{padding:7% 0 10%;}
#new_main02 .list{text-align: center;}
#new_main02 .list ul{display:flex; justify-content:center; gap:40px}
#new_main02 .list ul li{position: relative;width:30%;padding-top:30%; border-radius:30px;}
#new_main02 .list ul li:after{content:' '; position: absolute;width: 100%; bottom: 0; left:0; height:300px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);border-radius:0 0 30px 30px;}
#new_main02 .list ul li:nth-child(1){background:url(../image/new_main02_list01.jpg) no-repeat 50% 50% / cover;}
#new_main02 .list ul li:nth-child(2){background:url(../image/new_main02_list02.jpg) no-repeat 50% 50% / cover;}
#new_main02 .list ul li:nth-child(3){background:url(../image/new_main02_list03.jpg) no-repeat 50% 50% / cover;}
#new_main02 .list ul li .text{position: relative; z-index: 2; color: #fff; text-shadow:0 0 3px rgba(0,0,0,0.7)}
#new_main02 .list ul li .text h3{font-size:32px; margin-bottom:8px;}
#new_main02 .list ul li .text p{font-size:19px;	opacity:0.8; line-height:1.4;}
#new_main02 .list ul li .icon{position: relative;bottom: 0; z-index:3; transform:translate(0,50%)}

#new_main03{padding:5% 0; background:url(../image/new_main03_bg.jpg) no-repeat 50% 0 ;}
#new_main03 .section_title p{color: #fff;}
#new_main03 .list ul{display:flex; flex-wrap:wrap;justify-content:center;}
#new_main03 .list ul li{display:flex; flex-wrap:wrap; margin-bottom:60px;}
#new_main03 .list ul li:nth-child(even){flex-direction: row-reverse;}
#new_main03 .list ul li:nth-child(even) .text{padding-right:3%;}
#new_main03 .list ul li .img{width:50%; margin-right:3%;}
#new_main03 .list ul li .img img{width:100%; border-radius:40px; overflow: hidden;}
#new_main03 .list ul li .text{display:flex; flex-wrap:wrap; width:40%; padding-bottom:24px;     align-content: flex-end;}
#new_main03 .list ul li .text .best{display: inline-block; padding:10px 20px; height:20px;background:#e60012; color: #fff;  border-radius:100px;  font-size:18px; font-weight:bold;}
#new_main03 .list ul li .text h4{width: 100%;margin:8px 0;font-size:45px; color: #111; letter-spacing:-1.5px;	}
#new_main03 .list ul li .text p{font-size:19px; color: #666; font-weight:400; line-height:1.4; letter-spacing:-0.5px;}

#new_main04{padding:10% 0; background:url(../image/new_main04_bg.jpg) no-repeat 50% 0 / cover}
#new_main04 .content_inner{display:flex;}
#new_main04 .img{width:50%; margin-right:5%;}
#new_main04 .img img{width:100%;}
#new_main04 .ctn{padding-top:60px;}
#new_main04 .ctn .section_title{text-align: left;}
#new_main04 .ctn .section_title h2{text-align: left;}
#new_main04 .ctn .section_title p{margin:12px 0;text-align:left; color: #fff; font-size:21px;}
#new_main04 .ctn .section_title strong{font-size:40px; font-weight:bold ; color: #e60012; letter-spacing:-1.5px;}
#new_main04 .ctn .list ul li{display:flex;color: #fff; margin-bottom:24px;     align-items: center;}
#new_main04 .ctn .list ul li .img{width:20%; margin-right:5%;}
#new_main04 .ctn .list ul li .img img{width:100%;}
#new_main04 .ctn .list ul li .text h4{font-size:26px; margin-bottom:8px;}
#new_main04 .ctn .list ul li .text p{font-size:17px; opacity: 0.8;}

#new_main05{padding:8% 0;}
#new_main05 .list{text-align: center;}
#new_main05 .list ul{display:flex; justify-content:center; gap:40px}
#new_main05 .list ul li{position: relative;width:30%; border-radius:30px;}
#new_main05 .list ul li img{width:100%; border-radius:20px;}
#new_main05 .list ul li h3{margin-top:24px;font-size:32px; margin-bottom:8px; color: #111;}
#new_main05 .list ul li p{font-size:18px;	opacity:0.8; line-height:1.5; letter-spacing:-1px;}



@media all and (max-width:1320px){

	#new_main02{padding:10% 0;}
}




@media all and (max-width:1024px){
	.section_title h2 img{width:40%; max-width:300px}
	.section_title p{font-size:21px;}
	#new_main02{padding:13% 0;}
	#new_main02 .list ul{gap:10px	}
	#new_main02 .list ul li{padding-top:26%;}
	#new_main02 .list ul li:after{height:250px;}
	#new_main02 .list ul li .text h3{font-size:28px ;}
	#new_main02 .list ul li .text p{font-size:17px;}
	#new_main02 .list ul li .icon img{width:60px;}
	#new_main03{padding:10% 0; background:url(../image/new_main03_bg.jpg) no-repeat 50% 0 / 1400px;}
	#new_main03 .list{padding-top:100px;}
	#new_main03 .list ul{padding:0 5%;}
	#new_main03 .list ul li{margin-bottom:;}
	#new_main03 .list ul li .text .best{font-size:13px;     height: 13px;}
	#new_main03 .list ul li .text{width:47%;}
	#new_main03 .list ul li .text h4{font-size:5vw;	}
	#new_main03 .list ul li .text p{font-size:16px}
	#new_main03 .list ul li:nth-child(even) .text{padding-right:3%; box-sizing:border-box}
	#new_main03 .list ul li:nth-child(even) .img{margin-right:0;}

	#new_main04 .section_title h2 img{width:90%; max-width:540px}
	#new_main04 .content_inner{flex-wrap:wrap}
	#new_main04 .content_inner .img{width:45%; margin-right:2%}
	#new_main04 .content_inner .ctn{width:50%}
	#new_main04 .content_inner .ctn .section_title p{font-size:21px;}
	#new_main04 .content_inner .ctn .section_title p br{display: none;}
	#new_main04 .content_inner .ctn .section_title strong{font-size:32px;}

	#new_main05{padding:11% 5%;}
	#new_main05 .section_title h2 img{width:80%; max-width:700px}
	#new_main05 .list ul{gap:20px}
	#new_main05 .list ul li h3{font-size:24px; margin-top:16px;}
	#new_main05 .list ul li p{font-size:16px;}

}




@media all and (max-width:768px){
	.section_title h2 img{width:40%; max-width:300px}
	.section_title p{font-size:21px;}
	#new_main02{padding:13% 0;}
	#new_main02 .list ul{gap:0; flex-wrap:wrap; padding:0 6%;}
	#new_main02 .list ul li{position: relative;width:100%;padding-bottom:50px; margin-bottom:16px; padding-top:300px;}
	#new_main02 .list ul li:nth-child(1){background:url(../image/new_main02_list01.jpg) no-repeat 50% 50% / cover;}
	#new_main02 .list ul li:nth-child(2){background:url(../image/new_main02_list02.jpg) no-repeat 50% 50% / cover;}
	#new_main02 .list ul li:nth-child(3){background:url(../image/new_main02_list03.jpg) no-repeat 50% 50% / cover;}
	#new_main02 .list ul li .icon{position: absolute;top:16px; left:16px;transform: translate(0,0);}
	#new_main02 .list ul li .icon img{width:40px;}
	#new_main03{padding:0 0 10%; background:none}
	#new_main03 .section_title{padding:60px 0;background:url(../image/new_main03_bg.jpg) no-repeat 50% 0 / cover;}
	#new_main03 .list{padding-top:20px;}
	#new_main03 .list ul{padding:0 3%;}
	#new_main03 .list ul li{margin-bottom:24px;}
	#new_main03 .list ul li .text h4{font-size:4vw;	}
	#new_main03 .list ul li .text p{font-size:15px}
	#new_main03 .list ul li:nth-child(even) .text{padding-right:3%; box-sizing:border-box}
	#new_main03 .list ul li:nth-child(even) .img{margin-right:0;}
	#new_main04{padding:14% 5%;}
	#new_main04 .content_inner{display:flex; flex-wrap:wrap; flex-direction: column-reverse;}
	#new_main04 .content_inner .ctn{width:100%;}
	#new_main04 .content_inner .img{width:100%; margin-right:0; }
	#new_main04 .content_inner .img img{width:80%;}
	#new_main04 .content_inner .ctn .section_title p{font-size:19px;}
	#new_main04 .content_inner .ctn .section_title p br{display: none;}
	#new_main04 .content_inner .ctn .section_title strong{font-size:28px;}
	#new_main05 .list ul{gap:20px; display:block;padding:0 8%;}
	#new_main05 .list ul li{width:100%; margin-bottom:24px}
	#new_main05 .list ul li br{display: none;}
}


@media all and (max-width:450px){
	#new_main04 .ctn .list ul li .text h4{font-size:21px;}
	#new_main04 .ctn .list ul li .text p{font-size:14px;}
	#new_main04 .content_inner .img img{width:100%;}
}}