@charset "utf-8";

@font-face {
font-family: 'HGGGothicssi_Pro'; font-weight:200;
src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_20g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_20g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_20g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_20g.woff') format('woff');
}

@font-face {
font-family: 'HGGGothicssi_Pro'; font-weight:600;
src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.woff') format('woff');
}

@font-face {
font-family: 'HGGGothicssi_Pro'; font-weight:800;
src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.woff') format('woff');
}

@font-face {
font-family: 'HGGGothicssi_Pro'; font-weight:900;
src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_99g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_99g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_99g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_99g.woff') format('woff');
}

@font-face {
    font-family: 'SchoolSafeLittleOne';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimKkokkomaR.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}


/*= RESET =*/
*{padding:0; margin:0; text-decoration:none; list-style:none; box-sizing:border-box;}
body {overflow-x:hidden; zoom:1;}
ul, ol{list-style-type:none;}
img,fieldset{border:none;}
body, input, textarea, select, button, table{font-size:13px; color:#666; font-family:"SpoqaHanSansNeo", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial;}
a{text-decoration:none; color:#666; }
a:link, a:visited{text-decoration:none; color:#666; /*outline: none!important;*/}
a:hover, a:active{text-decoration:none; color:#666; /*outline: none!important;*/}
input{border:0;}
select{vertical-align: top;height:24px;border:1px solid #c5c5c5;}
iframe{border: 0; margin: 0; padding: 0;}
button {overflow: visible; padding: 0; margin: 0; background: none; border: 0;}

/*////////////header////////////*/
/*common*/
.emergency_relief_cnts_top {
  height: 30px;
}
.CampaignList{left: 47.75%; margin-left: -274px; top: 30px;}
.CampaignList ul {padding: 6px 14px !important;}
.CampaignList ul li {margin-bottom: 7px;}

/*white*/
.emergency_relief_cnts_top {
  background: #fff;
  border-bottom-color: #dadada;
}
.emergency_relief_cnts_top ul.util_right li a {
  color: #7f7f7f;
}
.emergency_relief_cnts_top ul.util_right .save_user,
.emergency_relief_cnts_top ul.util_right .save_user strong{ 
  color:#000;
}

/*brown*/
/*.emergency_relief_cnts_top {height: 30px;}*/

/*sns_area*/
.sns_area{ padding:47px 0 62px; border-top:3px solid #f8f6f3;}
.sns_area h3{font-weight: normal; display: inline-block; font-size: 16px; color: #4e4e4e; vertical-align: middle; margin-right:8px;}
.sns_area .div_inner {margin: 0 auto; height: 100%; text-align: center;}
.sns_area > .div_inner > a{display: inline-block; margin-left: 14px; vertical-align: middle; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.sns_area > .div_inner > a > img{width:54px;}

/*footer*/
#footer {width: 100%; height: auto; background: #fffbf7; border-top: 2px solid #ed425a;}
#footer .inner {width: 1000px; margin: 0 auto; position: relative; min-height: 72px; padding-top: 22px;}

/*= CONTENT =*/
#sarang2{margin: 0 auto; max-width: 1920px; min-width: 1480px; overflow:hidden;}
#sarang2 .swiper-wrapper{cursor: grab; will-change: transform;}
#sarang2 .swiper-slide {flex-shrink: 0;}

#sarang2 .div-sec{max-width:1920px; min-width:1480px; position:relative; font-family:'MaruBuri', serif;letter-spacing:-0.025em;line-height:1.71;}
#sarang2 .div-sec img{display:block;}
#sarang2 .div-sec img.center-img{position: relative; top: 0; left: 50%; transform: translateX(-50%); display: block; max-width: none;}
#sarang2 .div-sec .screen-out {position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important;}
#sarang2 .div-sec .div-inner{position: absolute; top: 0; left: 50%; bottom:0; margin-left: -740px; width: 1480px;}
#sarang2 .font-sandol{font-family: "sandoll-andante", sans-serif; font-weight: 400; font-style: normal;}

.area01{background: #fff; z-index: 4;}
.area01 .a1-wrap{overflow: hidden; position: relative; left: 50%; transform: translateX(-50%); display: flex; width: 1920px;}
.area01 .a1-wrap .a1l-cover{position: relative; z-index: 3;}
.area01 .a1-wrap .a1-swiper{position: absolute; top:0; left:0; width:1520px; z-index: 2;}
.area01 .a1-wrap .a1-swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; transform: scale(1); will-change: transform;}
.area01 .a1-wrap .a1-leaf01{position: absolute; bottom:-144px; left:0; z-index: 4; transform: translateY(50px) rotate(-12deg);}
.area01 .a1-wrap .a1-leaf02{position: absolute; bottom:-136px; right:-36px; z-index: 4; transform: translateY(50px) rotate(8deg);}

.area01 .a1-wrap .a1-subTitle{position: absolute; top:36px; left:1520px; font-family: 'S-Core'; font-weight: 500; font-size: 17px; letter-spacing: -0.04em; line-height: 1; color:#058946; z-index: 4;}
.area01 .a1-wrap .a1-title{position: absolute; top: 92px; left:1520px; z-index: 4;}

.area02{margin-top:-94px; z-index: 5;}
.area02 .a2-title{margin-top:196px; display: flex; align-items: flex-end; justify-content: center;}
.area02 .a2-title span{font-family: 'Noto Sans KR'; font-weight:500; font-size: 37px; letter-spacing: -0.04em; line-height: 1; color:#fff;}
.area02 .a2-title span:nth-child(2){font-size: 56px; letter-spacing: 0;}
.area02 .a2-text01{margin-top:30px; font-family: 'Noto Sans KR'; font-weight:500; font-size: 24px; letter-spacing: -0.04em; line-height: 1.837; color:#fff; text-align: center;}
.area02 .a2-text02{margin-top:15px; font-family: 'Noto Sans KR'; font-weight:500; font-size: 24px; letter-spacing: -0.04em; line-height: 1.837; color:#fff; text-align: center;}
.area02 .div_movie {margin-top:44px; position: relative; left:50%; margin-left: -512px; width: 1024px; aspect-ratio: 16/9; border-radius: 20px; overflow: hidden;}
.area02 .div_movie iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateZ(0);}
.area02 .a2-Btn{margin-top:63px; position:relative; left:50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; padding:5px 61px 0 67px; width: max-content; height: 80px; border-radius: 34px; background:#047d3d;}
.area02 .a2b-text{font-family: 'HGGGothicssi_Pro'; font-weight: 600; font-size: 32px; letter-spacing: 0; color:#fff;}
.area02 .fbArrow{position: relative; margin-left:39px; width:80px; height:12px}
.area02 .fbArrow svg.arrow1{position: absolute; left:0; width:98%; height: 12px; animation: scroll_motion 2.5s infinite; fill: none; stroke: #fff; stroke-width:2; stroke-miterlimit: 10;}
.area02 .fbArrow svg.arrow2{position: absolute; right:0; width:7px; height:12px; fill: none; stroke: #fff; stroke-width:2; stroke-miterlimit: 10;}
@keyframes scroll_motion {
	0% {
		left: 0;
		width: 0;
	}
	45% {
		left: 0;
		width: 98%;
	}
	55% {
		left: 0;
		width: 98%;
	}
	100% {
		left: 98%;
		width: 0;
	}
}

.area03{margin-top:-90px; z-index: 4;}
.area03 .a3-wrap{position: relative; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; width: 1920px;}
.area03 .a3-wrap .a3-cont01{position: relative; margin-top:100px;}
.area03 .a3-wrap .a3-cont01 > span{position: absolute; font-family: 'Noto Sans KR'; font-weight:500; font-size: 21.5px; letter-spacing: -0.04em; line-height: 1.72; color:#fff;}
.area03 .a3-wrap .a3-cont01 > span.a3c1-text01{top:66px; left:402px;}
.area03 .a3-wrap .a3-cont01 > span.a3c1-text02{top:378px; right:402px; font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 45px; letter-spacing: 0; line-height: 1.488; color:#fff392; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.35); text-align: right;}
.area03 .a3-wrap .a3-cont01 > span.a3c1-text03{top:540px; right:402px; text-align: right;}
.area03 .a3-wrap .a3-cont02{position: relative; margin-top:82px; display: flex; flex-direction: row-reverse;}
.area03 .a3-wrap .a3-cont02 > span{position: absolute; font-family: 'Noto Sans KR'; font-weight:500; font-size: 21.5px; letter-spacing: -0.04em; line-height: 1.72; color:#fff;}
.area03 .a3-wrap .a3-cont02 > span.a3c2-text01{top:78px; left:400px;}
.area03 .a3-wrap .a3-cont02 > span.a3c2-text02{top:256px; right:330px;}
.area03 .a3-wrap .a3-cont02 > span.a3c2-text03{top:498px; right:316px; filter:drop-shadow(3px 0px 7px rgba(0, 0, 0, 0.07));}
.area03 .a3-wrap .a3-cont03{position: relative; margin-top:98px;}
.area03 .a3-wrap .a3-cont03 > span{position: absolute; font-family: 'Noto Sans KR'; font-weight:500; font-size: 21.5px; letter-spacing: -0.04em; line-height: 1.72; color:#fff;}
.area03 .a3-wrap .a3-cont03 > span.a3c3-text01{top:102px; left:790px;}
.area03 .a3-wrap .a3-cont03 > span.a3c3-text02{top:268px; left:790px;}
.area03 .a3-wrap .a3-cont03 > span.a3c3-text03{top:662px; right:418px; font-family: 'MaruBuriSemiBold'; font-size: 40px; letter-spacing: -0.06em; line-height: 1.52; color:#9fcfca; text-align: right;}
.area03 .a3-wrap .a3-cont03 > span.a3c3-text03:before{content: ''; position: absolute; top: 0; left: 152px; width: 20px; height: 30px; background: url('../images/a3-dd01.png')no-repeat center/ contain;}
.area03 .a3-wrap .a3-cont03 > span.a3c3-text03:after{content: ''; position: absolute; bottom: 9px; right: -21px; width: 20px; height: 30px; background: url('../images/a3-dd02.png')no-repeat center/ contain;}
.area03 .a3-wrap .a3-cont03 > span.a3c3-text04{top:858px; right:420px; font-size: 18px; color:#c8c8c8;}
.area03 .a3-wrap .a3-Btn{margin-top:118px; position:relative; left:50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; padding:5px 61px 0 67px; width: 624px; height: 80px; border-radius: 34px; background:#047d3d;}
.area03 .a3-wrap .a3b-text{font-family: 'HGGGothicssi_Pro'; font-weight: 600; font-size: 32px; letter-spacing: 0; color:#fff;}
.area03 .a3-wrap .fbArrow{position: relative; margin-left:39px; width:80px; height:12px}
.area03 .a3-wrap .fbArrow svg.arrow1{position: absolute; left:0; width:98%; height: 12px; animation: scroll_motion 2.5s infinite; fill: none; stroke: #fff; stroke-width:2; stroke-miterlimit: 10;}
.area03 .a3-wrap .fbArrow svg.arrow2{position: absolute; right:0; width:7px; height:12px; fill: none; stroke: #fff; stroke-width:2; stroke-miterlimit: 10;}

.area04{margin-top:-95px; z-index: 3;}
.area04 .a4-title{margin-top:226px; display: flex; justify-content: center;}
.area04 .a4-cont{position: relative; margin: 65px auto 0; width: 1440px;}
.area04 .a4-cont > span{position: absolute; font-family: 'Noto Sans KR'; font-weight:500; font-size: 22px; letter-spacing: -0.04em; line-height: 1.636; color:#fff;}
.area04 .a4-cont > span.a4c-text01{top:127px; left:162px; font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 50px; letter-spacing: 0; line-height: 1.36; color:#fff392; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.35);}
.area04 .a4-cont > span.a4c-text02{top:362px; left:162px;}
.area04 .a4-cont > span.a4c-text03{top:458px; left:162px;}
.area04 .a4-Btn{margin-top:60px; position:relative; left:50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; padding:5px 61px 0 67px; width: 610px; height: 80px; border-radius: 34px; background:#02945c;}
.area04 .a4b-text{font-family: 'HGGGothicssi_Pro'; font-weight: 600; font-size: 32px; letter-spacing: 0; color:#fff;}
.area04 .fbArrow{position: relative; margin-left:49px; width:80px; height:12px}
.area04 .fbArrow svg.arrow1{position: absolute; left:0; width:98%; height: 12px; animation: scroll_motion 2.5s infinite; fill: none; stroke: #fff; stroke-width:2; stroke-miterlimit: 10;}
.area04 .fbArrow svg.arrow2{position: absolute; right:0; width:7px; height:12px; fill: none; stroke: #fff; stroke-width:2; stroke-miterlimit: 10;}
.area04 .a4-text{margin-top:30px; font-family: 'Noto Sans KR'; font-weight:500; font-size: 17px; letter-spacing: -0.04em; line-height: 1.588; color:#00745d; text-align: center;}

.area05{}
.area05 .a5-text01{margin-top:113px; font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 50px; letter-spacing: -0.015em; line-height: 1.2; color:#fff; text-align: center; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.35);}
.area05 .a5-text02{margin-top:12px; font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 34.42px; letter-spacing: 0.005em; line-height: 1.2; color:#fff392; text-align: center; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.35);}
.area05 .a5-text02 span{font:inherit; font-size: 70px;}
.area05 .a5-text03{font-family: 'Noto Sans KR'; font-weight:500; font-size: 17px; letter-spacing: -0.04em; line-height: 1.588; color:#fff; text-align: center;}
.area05 .a5-cont{display: flex; gap: 60px; margin: 328px auto 0; padding:0 38px; width:1034px; border-radius: 30px; background: rgba(0, 0, 0, 0.5);}
.area05 .a5-cont .a5c-left{padding-top:10px; padding-bottom: 20px;}
.area05 .a5-cont .a5c-left figure .txt-caption02 {margin-top:12px; font-family: 'S-Core'; font-weight: 400; font-size: 13px; color:#ffebd7; letter-spacing: -0.025em; text-align: center;}
.area05 .a5-cont .a5c-left figure .img-box .pie {margin-top:40px;--p:100;--b:52px;--c:#271c16;--w:174px; width:var(--w); aspect-ratio:1;position:relative;display:inline-grid;background:url('../images/a5-pie.png')no-repeat center /172px;}
.area05 .a5-cont .a5c-left figure .img-box.aos-animate .pie {animation:p 1s .5s both;}
.area05 .a5-cont .a5c-left figure .img-box .pie:before{content:""; position:absolute; border-radius:48%; inset:0; transform: scaleX(-1);background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);}
.area05 .a5-cont .a5c-left figure .img-box .pie:before {background-size:0 0,auto;}
@property --p{
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}
@keyframes p {
    to{--p:0}
}
.area05 .a5-cont .a5c-left figure .img-box .pie span {position:absolute;bottom:0;left:0;opacity:0;}
.area05 .a5-cont .a5c-left figure .img-box.aos-animate .pie span {opacity:1;transition:1.5s 1s;}
.area05 .a5-cont .a5c-right{padding-bottom: 8px; flex:1; display: flex; flex-direction: column; justify-content: center; gap: 24px;}
.area05 .a5-cont .a5c-right .a5cr-cont01{font-family: 'S-Core'; font-weight: 400; font-size: 17px; color:#ffebd7; letter-spacing: -0.025em; line-height: 1.8;}
.area05 .a5-cont .a5c-right .a5cr-cont01 > span:first-child{font:inherit; letter-spacing: -0.05em;}
.area05 .a5-cont .a5c-right .a5cr-cont01 > span:last-child{font: inherit; font-size: 15px; color:#c5c5c5;}
.area05 .a5-cont .a5c-right .a5cr-cont02{font-family: 'S-Core'; font-weight: 500; font-size: 24px; color:#fff; letter-spacing: -0.025em; line-height: 1.625;}
.area05 .a5-cont .a5c-right .a5cr-cont02 > span{font: inherit; color:#fff392;}

.area06 .a6-text01{display: flex; align-items: center; margin:121px auto 0; padding:2px 38px 0; width: max-content; height: 36px; font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 22px; letter-spacing: 0.005em; line-height: 1.2; color:#fff; text-align: center; background: #da291c; }
.area06 .a6-text02{margin-top:35px; margin-bottom:10px; font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 40px; letter-spacing: 0.01em; line-height: 1.55; color:#222222; text-align: center;}
.area06 .a6-text02 >span:first-child{font:inherit; letter-spacing: -0.04em;}
.area06 .a6-text02 >span:last-child{font:inherit; color: #da291c;}
.area06 .a6-text03,
.area06 .a6-text04,
.area06 .a6-text05{margin-top:24px; font-family: 'S-Core'; font-weight: 500; font-size: 22px; letter-spacing: -0.025em; line-height: 1.681; color:#222222; text-align: center;}
.area06 .a6-text03{margin-top:52px;}
.area06 .slider06_area {overflow:hidden;margin:84px auto 0; width:1250px; border-radius:20px;box-shadow:3px 0 12px rgba(129,129,129,0.3);}

.area06 .slide-figure figcaption {position: relative; flex:1 0;}
.area06 .slide-figure {display:flex;align-items:center;gap:75px;padding:37px 42px;background:#fff;}
.area06 .slide-figure .img-box {flex:0 0 318px; width:318px; height:255px;border-radius:12px;overflow:hidden;}
.area06 .slide-figure .img-box img {width:100%;height:100%;object-fit:contain;}
.area06 .slide-figure .txt-body01{font-family: 'MaruBuriSemiBold'; font-size: 24px; letter-spacing: -0.04em; line-height: 1.833; color:#2c1d11; text-align: left;}
/* 손글씨 css
.area06 .slide-figure .txt-body02{font-family: 'SchoolSafeLittleOne'; font-size: 29px; letter-spacing: 0.01em; line-height: 1.517; color:#222222; text-align: left;}*/
.area06 .slide-figure .txt-body02{font-family: 'MaruBuriSemiBold'; font-size: 24px; letter-spacing: -0.04em; line-height: 1.833; color:#2c1d11; text-align: left;}
.area06 .slide-figure .txt-body03{font-family: 'MaruBuriSemiBold'; font-size: 24px; letter-spacing: -0.04em; line-height: 1.833; color:#2c1d11; text-align: left;}

.area06 .slide-figure .txt-body01:before{content: '';  position: absolute; top:-6px; left:-40px; display: block; width: 48px; height: 34px; background: url('../images/ico-dd01.png')no-repeat center/ contain;}
.area06 .slide-figure .txt-body01:after{content: '';  position: absolute; bottom:0; right:191px; display: block; width: 48px; height: 34px; background: url('../images/ico-dd02.png')no-repeat center/ contain;}

.area06 .slide-figure .txt-body02:before{content: '';  position: absolute; top:-6px; left:-40px; display: block; width: 48px; height: 34px; background: url('../images/ico-dd01.png')no-repeat center/ contain;}
.area06 .slide-figure .txt-body02:after{content: '';  position: absolute; bottom:0; right:292px; display: block; width: 48px; height: 34px; background: url('../images/ico-dd02.png')no-repeat center/ contain;}

.area06 .slide-figure .txt-body03:before{content: '';  position: absolute; top:-6px; left:-40px; display: block; width: 48px; height: 34px; background: url('../images/ico-dd01.png')no-repeat center/ contain;}
.area06 .slide-figure .txt-body03:after{content: '';  position: absolute; bottom:0; right:589px; display: block; width: 48px; height: 34px; background: url('../images/ico-dd02.png')no-repeat center/ contain;}


.area06 .swiper-pagination {width:auto; bottom:-70px !important; left:50% !important; transform:translateX(-50%);}
.area06 .swiper-pagination-bullet {margin:0 9px !important; width:14px; height:14px; border-radius:50%;background:#818181;opacity:1;}
.area06 .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:18px;}
.area06 .swiper-pagination-bullet-active {background:#e03115;}
.area06 .btn-slide {width:32px;height:58px;font-size:0;}
.area06 .swiper-button-prev {left:54px;background:url('../images/ico-slider-prev.png')no-repeat center / contain;}
.area06 .swiper-button-next {right:54px;background:url('../images/ico-slider-next.png')no-repeat center / contain;}
.area06 .swiper-button-next:after,
.area06 .swiper-button-prev:after {content: '';}

.area07 {padding:116px 0 100px;position:relative;background:url('../images/a7-bg.jpg')no-repeat center top / 1920px 1032px #e3f3fe; text-align:center;}
.area07 .txt-h02 {font-family: 'HGGGothicssi_Pro'; font-weight: 800; font-size: 50px; letter-spacing: 0.005em; margin-bottom:28px; color:#2c1d11;}
.area07 .txt-h02 .color {font:inherit; color:#da291c;}
.area07 .txt-h02 + .txt-body03 {font-family: 'S-Core'; font-weight: 400; font-size: 24px; letter-spacing: -0.025em; line-height: 1.625; color:#2c1d11;}
.area07 .meal_area {height:707px;}
.area07 .meal_set_area {position:relative; width:490px; height:490px; margin:0 auto 64px;}
.area07 .meal_set_area .kover10 {display:inline-block;position:relative;left:-32px;padding:10px 5px;min-width:126px; height: 67px; line-height:47px;font-family:'S-Core',sans-serif; font-weight:400;font-size:40px;font-weight:600;color:#fff;text-align:center;transition:0.4s;opacity:0; background: rgba(0,0,0,0.5);border-radius:12px;z-index:10;}
.area07 .meal_set_area .kover10.on {opacity:1;}
.area07 .meal_set_area ul.setkul{width:50%;}
.area07 .meal_set_area ul li{position: absolute; transition:0.4s; transform: translateY(-20px); opacity:0;}
.area07 .meal_set_area ul.setkul li{left:100px;}
.area07 .meal_set_area ul li.on{transform: translateY(0); opacity:1;}
.area07 .meal_set_area ul li.pos1{bottom:0;}
.area07 .meal_set_area ul li.pos2{bottom:35px;}
.area07 .meal_set_area ul li.pos3{bottom:70px;}
.area07 .meal_set_area ul li.pos4{bottom:105px;}
.area07 .meal_set_area ul li.pos5{bottom:140px;}
.area07 .meal_set_area ul li.pos6{bottom:175px;}
.area07 .meal_set_area ul li.pos7{bottom:210px;}
.area07 .meal_set_area ul li.pos8{bottom:245px;}
.area07 .meal_set_area ul li.pos9{bottom:280px;}
.area07 .meal_set_area ul li.pos10{bottom:315px;}
.area07 .meal_set_area ul li .meal_txt{position:absolute; top:54px;left:240px;}
.area07 .meal_count_area {display:flex; align-items:center; width:900px; padding-left:100px; margin-inline:auto; color:#2c1d11;}
.area07 .meal_count_area .meal_package{font-family: 'S-Core'; font-weight: 400; font-size: 32px; letter-spacing: -0.025em; line-height: 1.625; color:#2c1d11;}
.area07 .meal_count_area .k_food{position:relative;max-width:300px;min-width:257px;height:88px;margin:0 40px;padding:0 75px;border-radius:44px;background:#fff;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.13);overflow:hidden;}
.area07 .input-box {display:inline-flex;align-items:center;height:100%;}
.area07 .input-box .ea{font-family: 'S-Core'; font-weight: 400; font-size: 32px; letter-spacing: -0.025em; line-height: 1.625; color:#2c1d11;}
.area07 .meal_count_area input {font-family: 'S-Core'; font-weight: 400; font-size: 32px; letter-spacing: -0.025em; line-height: 1.625; color:#2c1d11; width:3ch; height:100%;outline:none;background:#fff;text-align:center;color:#2c1d11;}
.area07 .meal_count_area input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin: 0;}
.area07 .meal_count_area button {width:48px;height:48px;position:absolute;top:21px;cursor:pointer;}
.area07 .meal_count_area .btn-plus{background:url('../images/ico-plus.png')no-repeat center;right:19px;}
.area07 .meal_count_area .btn-minus{background:url('../images/ico-minus.png')no-repeat center;left:19px;}
.area07 .meal_result {display: inline-block; min-width: 204px; font-family: 'S-Core'; font-weight: 600; font-size: 38px; letter-spacing: -0.025em; color:#da291c; text-align: left;}
.area07 .meal_result span.meal_price{font:inherit;}
.area07 .btn-meal01 {display: flex; align-items: center; justify-content: center; width:570px; height:109px; margin-inline:auto;padding:25px; border-radius:55px; background:#4390ae; text-align:center;}
.area07 .btn-meal01 > span {font-family: 'HGGGothicssi_Pro'; font-weight: 600; font-size:32px; letter-spacing: 0; color:#fff;}

.copy-area {padding:50px 0; background:#f7f7f7;}
.copy-area p {font-size:20px; text-align:center; color:#000000;}

/*float*/
.float-area {position:fixed; right:-300px; bottom:10%; z-index:10; opacity:0; transition:.5s; filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.5));}
.float-area.on {right:1%;opacity:1}
.float-area a.float-btn {position:relative;display:block;width:188px;background:#047d3d;border-radius:15px 15px 0 0;}
.float-area a.float-btn::before {content:''; position:absolute; display:block; top:-83px; left:0; width:188px; height:145px; background:url('../images/float-dish.png')no-repeat center/ contain; filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.35));}
.float-area .float-btn span {display: flex; align-items: center; justify-content: center; width:100%; height:183px; padding-top:68px;border-radius:15px 15px 0 0; font-family: 'HGGGothicssi_Pro'; font-weight: 600; font-size:28px; letter-spacing: 0; line-height: 1.5; color:#fff; pointer-events:none;}
.float-area .btn-top {cursor:pointer;width:100%;height:60px;border-radius:0 0 15px 15px;background:url('../images/float-top.png')no-repeat center/ 94px #634934;font-size:0;}