@charset "utf-8";

/* savethechildren */
@font-face {
    font-family: "SavetheChildren";
    font-weight: 300;
    src: url("../../font/savethechildren/SavetheChildrenL.eot");
    src: url("../../font/savethechildren/SavetheChildrenL.woff2") format("woff2"),
        url("../../font/savethechildren/SavetheChildrenL.woff") format("woff"),
        url("../../font/savethechildren/SavetheChildrenL.ttf") format("truetype"),
        url("../../font/savethechildren/SavetheChildrenL.svg#SavetheChildrenL") format("svg"),
        url("../../font/savethechildren/SavetheChildrenL.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: "SavetheChildren";
    font-weight: 400;
    src: url("../../font/savethechildren/SavetheChildrenM.eot");
    src: url("../../font/savethechildren/SavetheChildrenM.woff2") format("woff2"),
        url("../../font/savethechildren/SavetheChildrenM.woff") format("woff"),
        url("../../font/savethechildren/SavetheChildrenM.ttf") format("truetype"),
        url("../../font/savethechildren/SavetheChildrenM.svg#SavetheChildrenM") format("svg"),
        url("../../font/savethechildren/SavetheChildrenM.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: "SavetheChildren";
    font-weight: 500;
    src: url("../../font/savethechildren/SavetheChildrenM.eot");
    src: url("../../font/savethechildren/SavetheChildrenM.woff2") format("woff2"),
        url("../../font/savethechildren/SavetheChildrenM.woff") format("woff"),
        url("../../font/savethechildren/SavetheChildrenM.ttf") format("truetype"),
        url("../../font/savethechildren/SavetheChildrenM.svg#SavetheChildrenM") format("svg"),
        url("../../font/savethechildren/SavetheChildrenM.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: "SavetheChildren";
    font-weight: 700;
    font-style: normal;
    src: url("../../font/savethechildren/SavetheChildrenB.eot");
    src: url("../../font/savethechildren/SavetheChildrenB.woff2") format("woff2"),
        url("../../font/savethechildren/SavetheChildrenB.woff") format("woff"),
        url("../../font/savethechildren/SavetheChildrenB.ttf") format("truetype"),
        url("../../font/savethechildren/SavetheChildrenB.svg#SavetheChildrenB") format("svg"),
        url("../../font/savethechildren/SavetheChildrenB.eot?#iefix") format("embedded-opentype");
}

/* s-coredream */
@font-face {
    font-family: 'S-Core';
    font-weight: 400;
    src: url('../../font/s_coredream/S-CoreDream-4Regular.eot');
    src:
        url('../../font/s_coredream/S-CoreDream-4Regular.ttf') format('truetype'),
        url('../../font/s_coredream/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../../font/s_coredream/S-CoreDream-4Regular.woff') format('woff');
}

@font-face {
    font-family: 'S-Core';
    font-weight: 600;
    src: url('../../font/s_coredream/S-CoreDream-6Bold.eot');
    src:
        url('../../font/s_coredream/S-CoreDream-6Bold.ttf') format('truetype'),
        url('../../font/s_coredream/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../../font/s_coredream/S-CoreDream-6Bold.woff') format('woff');
}


/* s-coredream */
@font-face {
    font-family: 'S-Core';
    font-weight: 400;
    src: url('../../font/s_coredream/S-CoreDream-4Regular.eot');
    src:
        url('../../font/s_coredream/S-CoreDream-4Regular.ttf') format('truetype'),
        url('../../font/s_coredream/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../../font/s_coredream/S-CoreDream-4Regular.woff') format('woff');
}

@font-face {
    font-family: 'S-Core';
    font-weight: 600;
    src: url('../../font/s_coredream/S-CoreDream-6Bold.eot');
    src:
        url('../../font/s_coredream/S-CoreDream-6Bold.ttf') format('truetype'),
        url('../../font/s_coredream/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../../font/s_coredream/S-CoreDream-6Bold.woff') format('woff');
}

/* HakgyoansimKkokkoma */
@font-face {
    font-family: 'HakgyoansimBadasseugiTTF-L';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimBadasseugiTTF-L.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Hakgyoansim Badasseugi TTF';
    src:url('../../font/hakgyoansim-badasseugi/Hakgyoansim Badasseugi TTF B.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot');
    src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix') format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  overflow-x:hidden;
  font-family: "S-Core", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial;
  word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: #ccc 1px 1px 1px rgba(0,0,0,0.004);
  font-smooth: always;
}
 body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0;}
 ul, ol{list-style-type:none;}
img,fieldset{border:none;}
body, input, textarea, select, button, table{font-size:13px; color:#666; font-family:"S-Core", "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; font-family:"S-Core", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial;}
select{font-family:"S-Core", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; vertical-align: top;height:24px;border:1px solid #c5c5c5;}
button {letter-spacing: -0.06em; font-family:"S-Core", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; font-size: 16px; background: none; border: none; cursor: pointer;}
img {
    display: block;
    border: none;
}
/* iframe default */
iframe {
    border:0px none transparent !important;
}

iframe[name="google_conversion_frame"] {height:0 !important}
#wrap {
    max-width: 1920px;
    min-width: 1300px;
}
#wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
/* ggnb_left_top */
.emergency_relief_cnts_top {background:#4f4241;margin: 0px auto;width: 100%;height: 29px;border-bottom-color: #272120;border-bottom-width: 1px;border-bottom-style: solid;position: relative;z-index: 9999; box-sizing:unset;}
.emergency_relief_cnts_top ul.util_left{width: 420px; height: 30px; position: absolute; left: 47.75%; margin-left: -470px; top: 0px; } 
.emergency_relief_cnts_top ul.util_left li{float: left;}

/* footer */
#footer{background: #f1f1f1; border-top: 1px solid #e5e5e5; height:auto;}
#footer .inner{margin: auto; width: 1050px;}
#footer a,
#footer span{font-family:"S-Core", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; letter-spacing: -0.05em;}
.footer-top{padding-top: 20px;}
.footer-top:after { content: ''; display: block; clear: both; }
.sns-link-wrap{float: left; margin-top: 2px;}
.sns-link-wrap:after { content: ''; display: block; clear: both; }
.sns-link-wrap a{float: left; margin-right: 20px;}
.sns-link-wrap a:last-child{margin-right: 0;}
.bi-wrap{float: right;}
.footer-menu-list{margin-top: 22px;}
.footer-menu-list ul li{float: left; position: relative; margin-right: 15px; padding-right: 17px;}
.footer-menu-list ul:after { content: ''; display: block; clear: both; }
.footer-menu-list ul li:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 13px; background: #e5e5e5;}
.footer-menu-list ul li:last-child{margin-right: 0; padding-right: 0;}
.footer-menu-list ul li:last-child:after{content: none;}
.footer-menu-list ul li a{font-size: 15px; color: #555555; font-weight: 700;}
.footer-info-list{margin-top: 14px;}
.footer-info-list ul:after { content: ''; display: block; clear: both; }
.footer-info-list ul li{float: left; position: relative; margin-right: 8px; padding-right: 8px;}
.footer-info-list ul li:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 13px; background: #e5e5e5;}
.footer-info-list ul li:last-child{margin-right: 0; padding-right: 0;}
.footer-info-list ul li:last-child:after{content: none;}
.footer-info-list ul li a{font-size: 13px; color: #777777; letter-spacing: -0.05em;}
.copyright{margin-top: 6px; padding-bottom: 22px;}
.copyright span{font-size: 13px; color: #999999; letter-spacing: -0.03em;}

.email-popup-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000;}
.popup-bg {width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.65); z-index: 999999;}
.email-popup {width: 590px; height: 529px; background-color: #fff; margin: auto; position: absolute; z-index: 9999999; text-align: center; top: 0; left: 0; right: 0; bottom: 0;}
.email-popup div:nth-child(1) {text-align: left; position: relative; height: 74px; background: url('https://care.sc.or.kr/images/b-copy.png'); background-position: center top; background-repeat: no-repeat; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.email-popup div:nth-child(1) img {margin-top: 17px; margin-left: 15px;position: relative; display: inline-block; left: 15px;}
.email-popup div:nth-child(1) button {margin-top: 12px; float: right; margin-right: 35px; cursor: pointer;}
.email-popup div:nth-child(1) button>img {right: 35px; margin-top: 14px; margin-right: 15px;}
.email-popup div:nth-child(2) {position: relative; margin-bottom: 0px;}
.email-popup div:nth-child(2) h2 {margin-top: 73px; margin-bottom: 19px; font-size: 29px; font-family:"SpoqaHanSansNeo",  'NanumSquare', "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; color:#000000;}
.email-popup div:nth-child(2) h3 {font-size: 16px; color: #333333; font-family:"SpoqaHanSansNeo",  'Nanum Barun Gothic', sans-serif; padding-bottom: 19px; line-height: 1.5;}
.email-popup div:nth-child(2) p {margin-top: 0px; margin-bottom: 0px; line-height: 1.5; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 77px; font-family:"SpoqaHanSansNeo",  'Nanum Barun Gothic', sans-serif; font-size: 15px; color: #555555;}
.email-popup div:nth-child(2) p strong{font-weight: bold;}
.email-popup div:nth-child(3) {position: relative; height: 115px;}
.email-popup .close-btn {overflow: auto; margin: auto; width: 146px; height: 55px; background-color: #555555; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: white; font-family:"SpoqaHanSansNeo",  'Nanum Barun Gothic', sans-serif; font-size: 16px;	cursor: pointer;}

/*brown gnb*/
.emergency_relief_cnts_top { height: 30px; }
.CampaignList ul {padding: 6px 14px !important;}
.CampaignList ul li {margin-bottom: 7px;}

/* float btn */
.float_area {position:fixed; right: -138px; top: 27%; z-index:10; opacity:0; transition:.5s;}
.float_area.on{right:3%; opacity:1}
.float_area a.float_btn{position:relative; display:block; width:155px; height:auto;}
.float_area a.float_btn img{position:absolute; top:-164px; left:0;}


/* 공통 */
#wrap{margin: 0 auto; max-width: 1920px; min-width: 1440px;}
.com-center {
    width: 100%;
    box-sizing: border-box;
    max-width: 1320px !important;
    margin: 0 auto;
}

.section .button-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* section1 */
.section.area1 {
    background: url("../images/section1-bg.png") no-repeat top center;
    width: 100%;
    height: 994px;
}
.section.area1 .text-box {
    padding-top: 185px;
    width: 600px;
    text-align: center;
}
.section.area1 .text-box .title1 {
    margin-bottom: 26px;
}
.section.area1 .text-box .logo {
    margin: 0 auto 64px;
    position: relative;
    width: 446px;
    height: 274px;
}
.section.area1 .text-box .logo .line {
    position: absolute;
    left: 0;
}
.section.area1 .text-box .logo .text {
    position: absolute;
    top: 45px;
    left: 45px;

    overflow:hidden;
    width:0;
    height: 170px;
    transition:0.6s 0.5s ease;
}
.section.area1 .text-box .logo .text img {
    width: 341px;
    height: 170px;
}
.section.area1 .text-box .logo.on .text {
    width: 341px;
}
.section.area1 .text-box > span {
    margin-top: 64px;
    display: block;
    width: 100%;
    font-size: 26px;
    font-weight: 400;
    line-height: 48px;
    color: #3e271b;
    text-align: center;
}

/* section2 */
.section.area2 {
    position: relative;
    background: url("../images/section2-bg.png") no-repeat top center;
    width: 100%;
    height: 1053px;
}
.section.area2 .meal-box {
    position: absolute;
    right: 165px;
    top: 554px;
    background: url("../images/section2-meal-box.png") no-repeat center center;
    width: 295px;
    height: 226px;
}
.section.area2 .content-box {
    padding-top: 99px;
    margin: 0 auto;
    display: flex;
    width: 1200px;
    height: 656px;
    justify-content: center;
    gap: 100px;
}
.section.area2 .content-box + .content-box {
    padding-top: unset;
    position: relative;
    bottom: 42px;
    height: 440px;
}
.section.area2 .content-box + .content-box .text-box {
    padding-top: 115px;
    color: #7d2a1b;
}
.section.area2 .content-box + .content-box .img-box {
    padding-top: unset;
}
.section.area2 .content-box .text-box .title {
    margin-bottom: 40px;
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size: 48px;
    line-height: 40px;
    color: #7d2a1b;
}
.section.area2 .content-box .text-box .title span {
    padding-top: 20px;
    display: block;
    font-size: 24px;
    font-weight: 500;
    font-family: "S-Core";
    color: #3e3531;
}
.section.area2 .content-box .text-box p {
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size: 26px;
    line-height: 36px;
}
.section.area2 .content-box .img-box {
    padding-top: 37px;
}

/* section3 */
.section.area3 {
    padding-bottom: 160px;
    position: relative;
    background: url("../images/section3-bg.png") no-repeat top center;
    width: 100%;
    height: 100%;
    /* 7461px */
}
.section.area3 .title {
    position: relative;
    width: 100%;
    /*height: 300px;*/
    height: 100%;
}
/*.section.area3 .title::before {
    position: absolute;
    content: '';
    background: url("../images/section3-title-shadow.png") no-repeat center center;
    width: 944px;
    height: 660px;
}*/
.section.area3 .title img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -151px;
}
.section.area3 .div_movie {
    padding-top: 260px;
    display: flex;
    justify-content: center;
}
.section.area3 .div_movie .load_movie {
    /*width: 960px;*/
    height: 522px;
    aspect-ratio: 16 / 9;
}
.section.area3 .div_movie .load_movie #player {
    width: 100%;
    height: 100%;
}
.section.area3 .div_movie .load_movie #player .html5-video-container video {
    width: 100% !important;
    left: 0 !important;
}
.section.area3 .button-area {
    margin-top: 34px;
}
.section.area3 .contents-wrap {
    margin: 128px auto 88px;
    position: relative;
    width: 1440px;
    height: 100%;
    border-radius: 24px;
    background-color: #f0efee;
}
.section.area3 .contents-wrap .cont1 {
    padding: 175px 0 0 207px;
    background: url("../images/section3-area1.png") no-repeat center center;
    width: 100%;
    height: 738px;
    color: #fff;
}
.section.area3 .contents-wrap .cont1 .text-box {
    width: 354px;
    height: 307px;
    text-align: center;
}
.section.area3 .contents-wrap .cont1 h2 {
    margin-top: 26px;
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size: 48px;
    font-weight: 300;
}
.section.area3 .contents-wrap .cont1 p {
    margin-top: 45px;
    font-size: 28px;
    font-weight: 400;
    line-height: 44px;
}
.section.area3 .contents-wrap .cont2 {
    padding: 200px 0 0;
}
.section.area3 .contents-wrap .cont2 .bg-box {
    padding: 142px 0 0 66px;
    margin: 0 auto;
    width: 1200px;
    height: 680px;
    background: url("../images/section3-area2.png") no-repeat center center;
    border-radius: 24px;
}
.section.area3 .contents-wrap .cont2 p {
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    color: #f9f9f9;
}
.section.area3 .contents-wrap .cont2 .flex-box {
    position: relative;
    top: -90px;
    display: flex;
    align-items: flex-end;
    gap: 45px;
}
.section.area3 .contents-wrap .cont2 .flex-box p {
    padding-bottom: 35px;
    color: #3e271b;
}
.section.area3 .contents-wrap .cont3 {
    background: url("../images/section3-area3.png") no-repeat center center;
    width: 100%;
    height: 800px;
}
.section.area3 .contents-wrap .cont3 > div {
    padding-left: 117px;
}
.section.area3 .contents-wrap .cont3 .text-box {
    padding-top: 296px;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    color: #faf9f9;
}
.section.area3 .contents-wrap .cont3 .comment {
    margin-top: 50px;
    font-size: 30px;
    line-height: 44px;
    font-weight: 300;
    font-family: 'HakgyoansimBadasseugiTTF-L';
    color: #fff3c1;
}
.section.area3 .contents-wrap .cont4 {
    padding: 142px 0 140px;
}
.section.area3 .contents-wrap .cont4 .bg-box {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    height: 764px;
    background: url("../images/section3-area4.png") no-repeat center center;
    border-radius: 24px;
}
.section.area3 .contents-wrap .cont4 .bg-box p {
    position: absolute;
    top: 92px;
    left: 600px;
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    color: #fbfbfb;
}
.section.area3 .contents-wrap .cont5 {
}
.section.area3 .contents-wrap .cont5 .bg-box {
    padding: 135px 0 0 120px;
    background: url("../images/section3-area5.png") no-repeat center center;
    width: 100%;
    height: 680px;
}
.section.area3 .contents-wrap .cont5 p {
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    color: #f9f9f9;
}
.section.area3 .contents-wrap .cont5 .flex-box {
    position: relative;
    top: -90px;
    display: flex;
    align-items: flex-end;
    gap: 45px;
}
.section.area3 .contents-wrap .cont5 .flex-box p {
    padding-bottom: 35px;
    color: #3e271b;
}
.section.area3 .contents-wrap .cont6 {
    padding: 146px 0 0 762px;
    background: url("../images/section3-area6.png") no-repeat center center;
    width: 100%;
    height: 834px;
}
.section.area3 .contents-wrap .cont6 .text-box {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #e6e5e4;
}
.section.area3 .contents-wrap .cont6 .comment {
    margin-top: 50px;
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
    color: #e7d4c2;
}

/* section4 */
.section.area4 {
    padding: 100px 0 100px;
    background: url("../images/section4-bg.png") no-repeat top center;
    width: 100%;
    height: 1189px;
}
.section.area4 .swiper-box {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 807px;
    background-color: #f4f4f4;
    border-radius: 29px;
}
.section.area4 .swiper-box > div {
    width: 100%;
    max-width: 660px;
}
.section.area4 .swiper-box .left {
    padding: 126px 0 0 55px;
    position: relative;
    background: url("../images/section4-left-bg.png") no-repeat left top;
    overflow: hidden;
}
.section.area4 .swiper-box .left .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    color: #7d2a1b;
}
.section.area4 .swiper-box .left .title span {
    margin-bottom: 40px;
    display: block;
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size: 40px;
    font-weight: 300;
    color: #7d2a1b;
}
.section.area4 .swiper-box .left p {
    margin-top: 80px;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    color: #222;
}
.section.area4 .swiper-box .right {
    position: relative;
    height: 100%;
}
.section.area4 .swiper-box .right .large-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.section.area4 .swiper-box .right .large-image img {
    width: 100%;
}
.section.area4 .swiper-box .right .thumbnail-container {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 80px;
    right: 19px;
    z-index: 5;
}
.section.area4 .swiper-box .right .thumbnail-container .thumbnail {
    cursor: pointer;
}
.section.area4 .swiper-box .right .thumbnail-container .thumbnail:not(:first-child) {
    margin-left: 13px;
}
.section.area4 .button-area {
    padding-top: 80px;
}

/* section5 */
.section.area5 {
    background: url("../images/section5-bg.png") no-repeat top center;
    width: 100%;
    height: 1020px;
}
.section.area5 .com-center {
    padding: 160px 0 0 60px;
}
.section.area5 .title {
    margin-bottom: 44px;
    font-size: 32px;
    font-weight: 400;
}
.section.area5 p {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
}
.section.area5 .img-box {
    padding: 74px 0 84px;
}
.section.area5 .img-box > div:first-child {
    margin-bottom: 11px;
}
.section.area5 .img-box > div {
    margin-bottom: 26px;
}
.section.area5 .img-box span {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

/* section6 */
.section.area6 {
    position: relative;
    z-index:3;
    background: url("../images/section6-bg-edit.jpg") no-repeat top center;
    width: 100%;
    height: 950px;
}/* edit */
.area6 .a13_text01 {
    display: grid;
    position:absolute;
    top:106px;
    left:0;
    width:100%;
    font-size:28px;
    font-weight: 500;
    color:#3e271b;
    text-align:center;
    line-height:1.5;
}/* edit */
.area6 .a13_text01 span {
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size: 44px;
    color: #7d2a1b;
}
.area6 .a13_text02 {
    position:absolute;
    top:242px;
    left:0;
    width:100%;
    font-size:22px;
    font-weight: 500;
    color:#222222;
    text-align:center;
    line-height:1.7;
}/* edit */
.area6 .a13_text02 span {
    color: #7d2a1b;
}

.area6 .meal_area{
    position:absolute;
    left:50%;
    bottom:179px;
    transform: translateX(-50%);
    /*width:1256px;*/
}/* edit */
.area6 .meal_set_area {
    position: absolute;
    bottom: 84px;
    width: 100%;
}
.area6 .meal_set_area .kover10{position:absolute; bottom:450px; left:565px; padding:5px; width:126px; height:55px; line-height:47px; font-family: 'nanumsquare'; 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: 16px;}
.area6 .meal_set_area .kover10.on{opacity:1;}
.area6 .meal_set_area ul.setkul{width:50%;}
.area6 .meal_set_area ul li{position: absolute; transition:0.4s; transform: translateY(-20px); opacity:0;}
.area6 .meal_set_area ul.setkul li{left:-128px;}/* edit */
.area6 .meal_set_area ul li.on{transform: translateY(0); opacity:1;}
.area6 .meal_set_area ul li.pos1{bottom:0;}
.area6 .meal_set_area ul li.pos2{bottom:29px;}/* edit */
.area6 .meal_set_area ul li.pos3{bottom:58px;}/* edit */
.area6 .meal_set_area ul li.pos4{bottom:87px;}/* edit */
.area6 .meal_set_area ul li.pos5{bottom:116px;}/* edit */
.area6 .meal_set_area ul li.pos6{bottom:145px;}/* edit */
/* edit
.area6 .meal_set_area ul li.pos7{bottom:210px;}
.area6 .meal_set_area ul li.pos8{bottom:245px;}
.area6 .meal_set_area ul li.pos9{bottom:280px;}
.area6 .meal_set_area ul li.pos10{bottom:315px;}
.area6 .meal_set_area ul li.pos11{bottom:350px;}*/
.area6 .meal_set_area ul li .meal_txt {}
.area6 .meal_set_area ul li:nth-child(even) .meal_txt {
    position: absolute;
    bottom: 10px;
    right: 258px;
}/* edit */
.area6 .meal_set_area ul li:nth-child(odd) .meal_txt {
    position: absolute;
    bottom: 10px;
    left: 262px;
}/* edit */

.area6 .meal_count_area{
    margin-left: 20px;
    position: relative;
    width:164px;
}
.area6 .meal_count_area .k_food{
    position:relative;
    /*  bottom:147px;
      right:320px;*/
    width:123px;
    height:60px;
    background:#e4d7c6;
    border-radius: 20px;
    overflow: hidden;
}
.area6 .meal_count_area span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.area6 .meal_count_area input{
    padding: 0 55px 0 0;
    width:100%;
    height:100%;
    line-height:60px;
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size:32px;
    font-weight:700;
    color:#222222;
    background:#e4d7c6;
    text-align:right;
    outline: none;
}
.area6 .meal_count_area input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.area6 .meal_count_area button{cursor:pointer;}
.area6 .meal_count_area button.btn_plus{position: absolute; top: 12px; right: 16px;}
.area6 .meal_count_area button.btn_minus{position: absolute; bottom: 12px; right: 16px;}
.area6 .meal_count_area button img{display:block;}

.area6 .meal_result{
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    left:50%;
    bottom:20px;
    margin-left:-582px;
    width:1177px;
    font-family: 'HakgyoansimBadasseugiTTF-L';
    font-size:32px;
    color:#fff;
    text-align:center;
}
.area6 .meal_result span.meal_num{}
.area6 .meal_result .meal-price-text,
.area6 .meal_result .meal-price-text span{
    font-weight: bold;
}
.area6 .meal_result span.meal_price{
    margin-left:40px;
    display: inline-block;
    width: 135px;
}

.area6 .meal_btn01{
    position:absolute;
    bottom: 58px;
    left:50%;
    transform:translateX(-50%);
    display: block;
    padding:0 35px;
    min-width: 474px;
    width:max-content;
    height:100px;
    line-height:100px;
    font-family:'SavetheChildren';
    font-weight: 700;
    font-size:30px;
    color:#fff;
    letter-spacing:0em;
    text-align:center;
    background:#da291c;
    border-radius:10px;
    box-shadow: 5px 6px 10px 2px rgba(0, 0, 0, 0.4);
}/*eungyoug2 수정 edit */

/* section7 */
.section.area7 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 130px;
    font-family: 'NanumSquareNeoVariable';
    font-size: 22px;
    font-weight: bold;
    color: #222;
}
