/* Written By MJS */
@font-face {
    font-family:'BMEuljiro';/* 을지로체 */
    font-weight:400;
    font-style:normal;
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/BMEuljiro/BMEuljiro.eot');
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/BMEuljiro/BMEuljiro.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BMEuljiro/BMEuljiro.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BMEuljiro/BMEuljiro.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BMEuljiro/BMEuljiro.ttf') format("truetype");
    font-display:swap;
} 
@font-face {
    font-family:'SBAggro';/* 어그로체 */
    font-weight:300;
    font-style:normal;
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot');
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.ttf') format("truetype");
    font-display:swap;
}
@font-face {
    font-family:'SBAggro';
    font-weight:500;
    font-style:normal;
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot');
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.ttf') format("truetype");
    font-display:swap;
}
@font-face {
    font-family:'SBAggro';
    font-weight:700;
    font-style:normal;
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot');
    src:url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.ttf') format("truetype");
    font-display:swap;
}

/*Reset*/
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#3b3b3b; font-size:18px; line-height:1.5; letter-spacing:-0.02em; font-family: 'SBAggro','Noto Sans KR', sans-serif; font-weight:500;}
.blind{display:none;}





/* PC ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 공통 */
section{display:block;width:100%;text-align:center;box-sizing:border-box;padding:4%;background:#fff;}
.line{background:linear-gradient(to top, #f6bfb5 50%, transparent 50%);}/* 형관펜효과 */
.logo{display:inline-block;width:200px;text-align:center;margin-bottom:30px;}
.pTitle{font-size:50px;font-weight:1000;color:#000;margin-bottom:30px;}


/* 최상단 */
#top{position:relative;display:block;width:100%;height:800px;background:url(img/ms4-bg.jpg);background-size:cover;overflow:hidden; right:0 !important; z-index:99 !important;}
#top:before{position:absolute;content:"";top:0;left:0;width:100%;height:1060px;background:url(img/food_img_01.png) no-repeat bottom center;background-size:900px;}
h1{font-size:110px;font-weight:1000;background:linear-gradient(to right, #ff7c3c, #e7381b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
h3{font-family:BMEuljiro;font-size:36px;color:#fff;}
h5{font-size:30px;font-weight:300;color:#fff;}


/* 아구랑콩이랑 만능소스는... */
#p1{position:relative;display:block;width:100%;padding:100px 0;background:url(img/ms2-bg.jpg) no-repeat;;background-size:cover;overflow:hidden;}
.wrap{display:flex;max-width:1080px;margin:0 auto;}
.p1_img{display:block;width:50%;}
.p1_txt{display:inline-block;width:50%;font-size:22px;text-align:center;color:#333;z-index:100;}
.p1_txt strong{display:block;font-family:BMEuljiro;font-size:48px;font-weight:300;color:#000;margin-bottom:20px;}


/* 만능소스 특징 */
#p2{display:block;width:100%;background:#f6bfb5;padding:100px 0;}
#p2 ul{display:flex;max-width:1100px;margin:0 auto;}
#p2 ul li{position:relative;display:block;width:100%;box-sizing:border-box;border-radius:15px;border:2px solid #fff;background:#fff;padding:60px 30px;margin:0 10px;transition-duration:0.3s;}
#p2 ul li:hover{border:2px solid #e7381b;transform:scale(1.2, 1.2);transition-duration:0.5s;z-index:100;}
#p2 ul li p{font-size:24px;word-break:keep-all;}
#p2 ul li span{display:inline-block;font-family:BMEuljiro;font-size:34px;line-height:50px;word-break:keep-all;color:#e7381b;background-size:36px !important;padding-left:45px;;margin:0 10px 15px 0;}
#p2 ul li:nth-child(1) span{background:url(img/bn1.png) no-repeat;}
#p2 ul li:nth-child(2) span{background:url(img/bn2.png) no-repeat;}
#p2 ul li:nth-child(3) span{background:url(img/bn3.png) no-repeat;}


/* 이런분께 추천드립니다. */
#p3{display:block;width:100%;background:#fff;padding:100px 0;}
#p3 .p1_txt{width:100%;text-align:center;}
#p3 ul{display:block;max-width:1080px;margin:60px auto 0 auto;}
#p3 ul li{position:relative;display:block;width:100%;box-sizing:border-box;border-radius:15px;background:#e7381b;padding:30px 0;margin:10px 0;transition-duration:0.3s;}
#p3 ul li:hover{transform:scale(1.2, 1.2);transition-duration:0.5s;}
#p3 ul li p{display:inline-block;font-family:BMEuljiro;font-size:38px;word-break:keep-all;color:#fff;background:url(img/icon_check.png) no-repeat 0 50%;background-size:40px;padding:0 60px;}


/* 이런 요리에 잘 어울려요. */
#p4{display:block;width:100%;background:#eee;padding:100px 0;}
#p4 ul{display:block;width:1140px;margin:60px auto 0 auto;}
#p4 ul li{display:inline-block;width:45%;margin:0 2% 60px;}
#p4 ul li .pImgW{position:relative;width:100%;}
.pImg{position:relative;padding-top:66%;overflow:hidden;background:#fff;border-radius:15px;}
.pImg img{width:100%;position:absolute;left:50%;top:50%;transition-duration:0.3s;}
.pImg img:hover{transform:scale(1.2, 1.2);transition-duration:0.5s;}
#p4 ul li p{background:#422f2c;position:absolute;z-index:5;right:-20px;bottom:-20px;padding:20px 50px;border-radius:20px 0 20px 0;color:#fff;font-size:25px;}


/* 만능소스 레시피 */
#p5{display:block;width:100%;background:#fff;padding:100px 0;}
#p5 ul{display:block;max-width:1080px;margin:0 auto;border-top:6px solid #e7381b;}
#p5 ul li{display:flex;width:100%;box-sizing:border-box;padding:40px 60px;}
#p5 ul li:nth-child(even){background:#f5efea;}
#p5 ul li img{display:block;width:100px;margin-right:60px;}
#p5 ul li p{text-align:left;font-size:22px;word-break:keep-all;padding:10px 0;}
#p5 ul li p span{display:block;font-family:BMEuljiro;font-size:34px;color:#e7381b;margin-bottom:15px;}


/* 상품정보고시 */
#p6{display:block;width:100%;background:#eee;padding:100px 0;}
.p6_img{display:block;width:460px;height:320px !important;background:#fff;margin-right:50px;}
.p6_tbl {width:60%;text-align:left;background:#fafafa;}
.p6_tbl table{width:100%;}
.p6_tbl table th,.p6_tbl table td{font-size:18px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:10px;}
.p6_tbl table th{font-weight:400;text-align:center;background:#e0e0e0;}
.p6_tbl table td{text-align:justify;}


/* 0602 조리순서 */
#recipe{position:relative;display:block;width:100%;background:url(img/ms4-bg.jpg) repeat;overflow:hidden;}
.wrap2{display:flex-wrap;max-width:1080px;margin:0 auto;box-sizing:border-box;padding:4%;background:#fff;}
h4{font-family:BMEuljiro;font-size:30px;margin-bottom:30px;}
h2{font-size:78px;line-height:1.2;font-weight:1000;background:linear-gradient(to right, #ff7c3c, #e7381b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

ul.icon{display:flex;width:100%;}
ul.icon li{display:block;width:30.33%;height:200px;box-sizing:border-box;padding:4%;text-align:center;border-radius:100%;background:#e7381b;margin:50px 1.5%;}
ul.icon li img{display:inline-block;width:40px;}
ul.icon li p{display:block;width:100%;font-size:22px;color:#fff;margin:15px 0;}
ul.icon li p b{display:block;width:100%;font-family:BMEuljiro;font-size:32px;font-weight:400;color:gold;}

.recipe{display:flex;width:100%;}
.recipe dl{display:block;width:58%;margin-right:50px;}
.recipe dl dt{display:block;width:100%;text-align:left;font-size:18px;font-weight:600;color:#000;}
.recipe dl dd{display:block;width:100%;text-align:left;font-size:17px;word-break:keep-all;margin:10px 0;}

.recipe table{display:block;width:50%;}
.recipe table th,.recipe table td{font-size:15px;border:1px solid #aaa;border-right:none;padding:8px;}
.recipe table th:first-child,.recipe table td:first-child{border-left:none;}
.recipe table th{font-weight:400;text-align:center;background:#e0e0e0;}
.recipe table td{width:25%;}

ul.step{display:flex-wrap;width:100%;}
ul.step li{position:relative;display:inline-block;width:49.6% !important;margin:60px -3px 0 -3px;z-index:100;}
ul.step li .step_box{display:inline-block;width:100%;vertical-align:top;text-align:center;color:#444;padding-top:50px;overflow:hidden;}
ul.step li .step_box:after{content:"";display:block;width:100%;height:4px;opacity:1;background:#e7381b;margin:0 auto;position:absolute;left:0;top:0;z-index:9;}
ul.step li .step_box span{position:absolute;left:50%;top:-25px;display:block;width:50px;height:50px;line-height:52px;font-size:26px;font-weight:600;text-align:center;color:#fff;background:#e7381b;border-radius:100%;margin:0 0 0 -25px;z-index:10;}
ul.step li .step_box b{display:block;width:100%;font-family:BMEuljiro;font-size:40px;font-weight:400;color:#e7381b;}
ul.step li .step_box img{display:block;width:100%;box-sizing:border-box;padding:4%;}
ul.step li .step_box p{display:block;width:100%;font-size:24px;word-break:keep-all;box-sizing:border-box;padding:4%;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* TABET /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:1024px){
	/* 최상단 */
	#top{height:600px;}
	#top:before{height:820px;background-size:700px;}
	h1{font-size:88px;}
	h3{font-size:32px;}
	h5{font-size:26px;}


	/* 아구랑콩이랑 만능소스는... */
	#p1{padding:70px 4%;background-position:70% 0;}
	.wrap{display:block;width:100%;text-align:center;margin:0;}
	.p1_img{display:inline-block;width:50%;margin-bottom:40px;}
	.p1_txt{display:inline-block;width:100%;font-size:20px;}
	.p1_txt strong{display:block;font-family:BMEuljiro;font-size:38px;}


	/* 만능소스 특징 */
	#p2{padding:70px 4%;}
	#p2 ul{width:100%;margin:0;}
	#p2 ul li{padding:30px 10px;margin:0 10px;}
	#p2 ul li p{font-size:20px;}
	#p2 ul li span{font-size:26px;line-height:40px;background-size:26px !important;padding-left:30px;margin:0 10px 15px 0;}


	/* 이런분께 추천드립니다. */
	#p3{padding:70px 4%;}
	#p3 ul{width:100%;margin:40px 0 0 0;}
	#p3 ul li{padding:20px 0;margin:10px 0;}
	#p3 ul li p{font-size:26px;background:url(img/icon_check.png) no-repeat 0 50%;background-size:26px;padding:0 35px;}


	/* 이런 요리에 잘 어울려요. */
	#p4{padding:70px 2%;}
	#p4 ul{display:block;width:100%;box-sizing:border-box;padding:0 2%;margin:40px 0 0 0;}
	#p4 ul li{width:45%;margin:0 2% 40px;}
	#p4 ul li p{right:-10px;bottom:-10px;padding:10px 30px;border-radius:20px 0 20px 0;font-size:18px;}


	/* 만능소스 레시피 */
	#p5{padding:70px 4%;}
	#p5 ul{width:100%;border-top:4px solid #e7381b;margin:0;}
	#p5 ul li{padding:30px 40px;}
	#p5 ul li img{width:80px;height:80px;vertical-align:middle;margin:0 40px 0 0;}
	#p5 ul li p{font-size:18px;padding:0;margin:0;}
	#p5 ul li p span{font-family:BMEuljiro;line-height:1;font-size:28px;color:#e7381b;margin:0 0 10px 0;}


	/* 상품정보고시 */
	#p6{padding:70px 4%;}
	.p6_img{float:left;width:45%;height:auto !important;margin-right:3%;}
	.p6_tbl {display:inline-block;width:52%;}
	.p6_tbl table{width:100%;}
	.p6_tbl table th,.p6_tbl table td{font-size:15px;padding:8px;}


	/* 0602 조리순서 */
	.wrap2{width:100%;}
	h4{font-size:26px;margin-bottom:30px;}
	h2{font-size:64px;word-break:keep-all;}

	ul.icon{display:flex;width:100%;}
	ul.icon li{margin:40px 1.5%;}
	ul.icon li img{width:40px;}
	ul.icon li p{font-size:22px;color:#fff;margin:15px 0;}
	ul.icon li p b{font-size:30px;}

	.recipe{}
	.recipe dl{width:55%;margin-right:30px;}
	.recipe dl dt{font-size:18px;}
	.recipe dl dd{font-size:17px;margin:10px 0;}

	.recipe table{width:57%;}
	.recipe table th,.recipe table td{font-size:15px;padding:8px;}
	.recipe table td{width:25%;}

	ul.step li{width:49.6% !important;margin:60px -3px 0 -3px;}
	ul.step li .step_box{padding-top:50px;}
	ul.step li .step_box:after{height:4px;}
	ul.step li .step_box span{top:-25px;width:50px;height:50px;line-height:52px;font-size:26px;margin:0 0 0 -25px;}
	ul.step li .step_box b{font-size:36px;}
	ul.step li .step_box p{font-size:20px;}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MOBILE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px){
	/* 공통 */
	.logo{width:100px;margin-bottom:15px;}
	.pTitle{font-size:24px;margin-bottom:15px;}

	/* 최상단 */
	#top{height:460px;padding:40px 0;}
	#top:before{height:580px;background-size:500px;}
	h1{font-size:42px;margin:10px 0 15px 0;}
	h3{font-size:18px;}
	h5{font-size:16px;}


	/* 아구랑콩이랑 만능소스는... */
	#p1{padding:40px 4%;background-position:60% 0;}
	.p1_img{display:inline-block;width:50%;margin-bottom:20px;}
	.p1_txt{display:inline-block;width:100%;font-size:15px;}
	.p1_txt strong{display:block;font-family:BMEuljiro;font-size:22px;}


	/* 만능소스 특징 */
	#p2{padding:40px 4%;}
	#p2 ul{display:block;width:100%;margin:0;}
	#p2 ul li{width:100%;padding:20px;margin:5px 0;}
	#p2 ul li p{font-size:15px;}
	#p2 ul li span{font-size:20px;line-height:32px;background-size:22px !important;padding-left:30px;margin:0 10px 15px 0;}


	/* 이런분께 추천드립니다. */
	#p3{padding:40px 4%;}
	#p3 ul{width:100%;margin:20px 0 0 0;}
	#p3 ul li{padding:10px 0;margin:5px 0 0 0;}
	#p3 ul li p{font-size:16px;background:url(img/icon_check.png) no-repeat 0 50%;background-size:16px;padding:0 5px 0 22px;}
	#p3 .p1_txt{font-size:12px;}


	/* 이런 요리에 잘 어울려요. */
	#p4{padding:40px 2%;}
	#p4 ul{display:block;width:100%;box-sizing:border-box;padding:0 2%;margin:40px 0 0 0;}
	#p4 ul li{width:45%;margin:0 2% 40px;}
	#p4 ul li p{right:-10px;bottom:-10px;padding:5px 20px;border-radius:15px 0 15px 0;font-size:16px;}


	/* 만능소스 레시피 */
	#p5{padding:40px 4%;}
	#p5 ul{width:100%;border-top:3px solid #e7381b;margin:0;}
	#p5 ul li{padding:15px;}
	#p5 ul li img{width:50px;height:50px;vertical-align:middle;margin:0 20px 0 0;}
	#p5 ul li p{font-size:14px;padding:0;margin:0;}
	#p5 ul li p span{font-family:BMEuljiro;line-height:1;font-size:18px;color:#e7381b;margin:0 0 10px 0;}


	/* 상품정보고시 */
	#p6{padding:40px 4%;}
	.p6_img{float:left;width:100%;height:auto !important;margin-right:3%;}
	.p6_tbl {display:inline-block;width:100%;}
	.p6_tbl table{width:100%;}
	.p6_tbl table th,.p6_tbl table td{font-size:13px;padding:8px;}


	/* 0602 조리순서 */
	.wrap2{width:100%;}
	h4{box-sizing:border-box;padding:0 24%;font-size:14px;margin-bottom:15px;}
	h2{box-sizing:border-box;padding:0 10%;font-size:38px;word-break:keep-all;}

	ul.icon{display:block !important;width:105%;margin:20px 0 30px -2.5%;}
	ul.icon li{display:inline-block;width:40% !important;height:150px;padding:25px 0 !important;margin:10px 1.5%;}
	ul.icon li img{width:30px;}
	ul.icon li p{font-size:18px;color:#fff;margin:15px 0;}
	ul.icon li p b{font-size:24px;}

	.recipe{display:block;width:100% !important;}
	.recipe dl{display:inline-block;width:100%;margin:0 0 15px 0;}
	.recipe dl dt{font-size:16px;}
	.recipe dl dd{font-size:14px;margin:10px 0;}

	.recipe table{display:block;width:100% !important;}
	.recipe table th,.recipe table td{font-size:13px;border:1px solid #aaa;border-right:none;padding:8px;}
	.recipe table th:first-child,.recipe table td:first-child{border-left:none;}
	.recipe table th{font-weight:400;word-break:keep-all;text-align:center;background:#e0e0e0;}
	.recipe table td{width:25%;}

	ul.step{margin-top:40px;}
	ul.step li{width:100% !important;margin:30px 0 0 0;}
	ul.step li .step_box{padding-top:30px;}
	ul.step li .step_box:after{height:3px;}
	ul.step li .step_box span{top:-20px;width:40px;height:40px;line-height:42px;font-size:20px;margin:0 0 0 -20px;}
	ul.step li .step_box b{font-size:26px;}
	ul.step li .step_box p{font-size:16px;}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/