body,html{ min-width: 1200px;}
.inner_wrap{ width: 1200px; height: auto; position: relative; margin: 0 auto; z-index: 101; padding: 0 15px}
.sec{ position: relative}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/*gnb*/
.hd{ position: absolute; left: 0; top: 0; width: 100%; height: 100px; background: #2a1a13; z-index: 999; font-size: 1.063rem}
.hd .inner_wrap{ max-width: 1200px !important;}
.active.hd{ position: fixed;display:block}
.hd .inner_wrap{ display: flex; align-items: center; flex-wrap: nowrap}
.hd .logo{ width: 100px; flex-shrink: 0; margin-right: 30px}
.hd .logo img{ height: 100%}
.hd .logo img.m_show{ display: none}
.hd .logo img.m_hidden{ display: block}
.hd nav{ width: 100%; display: flex; align-items: center; flex-wrap: nowrap}
.hd .gnb{ width: 100%}
.hd .tel_wrap{ text-align: right; font-size: 1.125rem; flex-shrink: 0; margin-left: 40px}
.hd .tel_wrap .tel{ font-weight: bold; font-size: 1.5rem; line-height: +1.3}
.hd .inner_wrap{ height: 100%}

/* fixed_form start */
.fixed_form_wrap select[name="country"]{ display: none}
.fixed_form_wrap img{ height: 40px; width: auto}
.fixed_form_wrap .tel{ display: flex; align-items: center}
.fixed_form_wrap .tel .txt{ font-size: 1rem; color: #fff}
.fixed_form_wrap .tel .num{ font-size: 1.5rem; font-weight: bold}
.fixed_form_wrap{position: fixed;left: 0;right: 0;bottom: -95px;z-index: 1000;background: #f9bb05; padding: 20px 0; transition-duration: bottom 0.5s; font-size: 18px; color: #000}
.fixed_form_wrap:after{ content: ""; z-index: 1; width: 100vw; height: 100%; background: #1d130b url("../img/common/fix_bg.png") no-repeat left top / auto 100%; position: absolute; left: 45%; top: 0}
.fixed_form_wrap .inner_wrap{ z-index: 2}
.fixed_form_wrap ::placeholder{ font-size: 16px}
.fixed_form_wrap.active{ bottom: 0; transition-duration: bottom 0.5s}
.fixed_form_wrap .fixed_form_inner{padding: 0; margin: 0 auto;display: flex;}
.fixed_form_wrap .fw_input_box{display: flex;justify-content: space-between;align-items: center;}
.fixed_form_wrap .fw_input_box li{width: auto;display: flex;}
.fixed_form_wrap .fw_input_box li input{width: 140px;height: 40px;padding: 0 5px;font-size: 16px;border: none; margin: 0 3px;}
.fixed_form_wrap .fw_input_box li select{width: 140px;height: 40px;cursor: pointer;border: none; margin: 0 3px; font-size: 16px;}
.fixed_form_wrap .fw_input_box li select#fixed_wr_3{margin-right: 5px;}
.fixed_form_wrap .fw_input_box .ck_agree{cursor: pointer;display: flex;align-items: center; margin: 0 25px 0 10px}
.fixed_form_wrap .fw_input_box .ck_agree input{width: auto;height: auto;cursor: pointer;margin: 0 5px;}
.fixed_form_wrap .fw_input_box .ck_agree label{color: #fff;letter-spacing: -1px;cursor: pointer; font-size: 14px;}
.fixed_form_wrap .fw_input_box .ck_agree label span{text-decoration: underline;}
.fixed_form_wrap .fw_submit_wrap .btn-submit{color: #1d130b;background: #f9bb05;margin: 0;width: 145px;height: 45px;border-radius: 0;line-height: 45px; font-weight: bold; font-size: 1.250rem; cursor: pointer; padding-top: 2px}
.fixed_form_wrap .fw_submit_wrap:after{ display: none}
/* fixed_form style end */

/* btm_form style start*/
.btm_form .bot_agree.input_box{ width: 1000px; max-width: 100%; margin: 0 auto 40px; padding: 30px; background: #fafafa}
.btm_form .bot_agree.input_box div{ width: 100%}
.btm_form .bot_agree .detail{ color: #dfdfdf; background: #333; padding: 5px 15px 3px}
.btm_form .wrap{ width: 670px; margin: 0 auto}
.btm_form .input_box{width: 100%;display: flex;margin: 20px auto; padding: 0 10px}
.btm_form .input_box p{width: 200px;text-align: left; font-size: 2rem; line-height: 45px; color: #000}
.btm_form .input_box input::placeholder{ color: #7e7e7e}
.btm_form .input_box input[type="radio"],
.btm_form .input_box input[type="text"],
.btm_form .input_box input[type="tel"]{width: calc(100% - 200px);height: 60px;border: solid 1px #000;padding: 0 20px; font-size: 1.188rem; color: #222}
.btm_form .input_box select{outline: none;width: calc((100% - 200px)/2);height: 60px;padding: 0 20px;font-size: 1.188rem;border: solid 1px #000; color: #222; margin-left: 0}
.btm_form .input_box select + select{ border-left: none}
.btm_form .input_box select.bot_city{ margin-left: 0}

.btm_form .bot_type input{display: none;}
.btm_form .bot_type .bot_type_con{width: calc((100% - 200px)/3)}
.btm_form .bot_type label{width: 100%;height: 60px;background: #fff; font-size: 1.5rem; text-align: center; border: solid 1px #000; border-left: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #7e7e7e}
.btm_form .bot_type label.bd{ border-left: solid 1px #000}
.btm_form .bot_type input[type='radio']:checked + label{background: #633d21; color: #fff}

.btm_form .bot_btn{ margin: 35px auto 0}
.btm_form .bot_btn button{ width: 250px; height: 90px; background: #ee7624; font-size: 2.250rem; color: #fff; cursor: pointer; margin-left: 200px}
/* btm_form style end*/

/*pop*/
.dim{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.7)}
.pop_body{ max-width: 90%; max-height: 90vh; overflow-y: auto; width: 90%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pop_body .pop_close{ width: 50px; height: 50px; position: absolute; right: 0; top: 0; z-index: 9999; background: url("../img/common/pop_close_wh.png") no-repeat center; border: solid 1px rgba(255,255,255,0.5)}

.pop_biz .pop_body{ max-width: 600px;}
.pop_biz .pop_body .item_slide { overflow: hidden; border: solid 50px #000}

.pop_privacy{ z-index: 10000}
.pop_privacy .pop_body{ max-width: 600px;}
.pop_privacy .pop_body .inn_wrap{ max-height: 90vh; overflow-y: auto; border: solid 50px #ee7624; background: #fff; padding: 20px}
.pop_privacy .pv_tit{ font-weight: bold; font-size: 1.250rem}

.pop_click_inquiry .pop_body{ width: 100%; max-width: 450px; background: #000; padding: 40px 50px; border-radius: 90px;}
.pop_click_inquiry .txt01{ font-size: 1.5rem}
.pop_click_inquiry .txt02{ font-size: 1.5rem}
.pop_click_inquiry .db_form_inner{width: auto;padding: 0; font-size: 1.125rem}
.pop_click_inquiry .db_form_inner p{ font-size: 35px;text-align: center;line-height: 1.3;font-weight: 900;color: #000;}
.pop_click_inquiry .db_form_inner .pop_db_form_close{text-align:right;padding: 5px 20px;}
.pop_click_inquiry .db_form_inner .pop_db_form_close img{cursor:pointer}
.pop_click_inquiry p.bot_db_form_close{text-align: right;margin: 0 15px 10px;}
.pop_click_inquiry p.bot_db_form_close img{cursor: pointer;}
.pop_click_inquiry .pop_txt1{color: #d81f29;}
.pop_click_inquiry .pop_txt2{margin-bottom: 20px;}
.pop_click_inquiry .pop_txt2 a{color: #000; font-size: 45px;letter-spacing: -2px;}
.pop_click_inquiry #fwrite{flex-direction: column;width: auto;}
.pop_click_inquiry .fw_input_box{width: auto;justify-content: center;}
.pop_click_inquiry .fw_input_box li{width: 100%;text-align: center;display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: space-between; color: #444}
.pop_click_inquiry .fw_input_box li input{width: 100%;height: 50px;border: none;margin: 5px 0;padding: 0 10px; font-size: 1rem}
.pop_click_inquiry .fw_input_box li select{width: 49%;border: none;outline: none;height: 50px;margin: 5px 0;font-size: 1rem;background: #fff;}
.pop_click_inquiry .fw_input_box li .boxfull{width:100%}
.pop_click_inquiry .fw_submit_wrap{width: 100%; text-align: center;}
.pop_click_inquiry .fw_submit_wrap .btn-submit{margin: 10px 0;background: #ffaa00;border: none;width: 100%; height: 50px; cursor: pointer; color: #000; font-size: 1.5rem}
.pop_click_inquiry .fw_submit_wrap .btn-submit img{ width: 100%}
.pop_click_inquiry .fw_submit_wrap .ck_agree{position: relative; text-align: left; margin-top: 10px}
.pop_click_inquiry .fw_submit_wrap .ck_agree label{font-size: 0.875rem; color: #fff; display: flex; align-items: center}
.pop_click_inquiry .fw_submit_wrap .ck_agree input{background: #fff;--swiper-theme-color: #fff; margin-right: 5px}
.pop_click_inquiry .fw_submit_wrap .detail{ color: #fff; font-size: 0.875rem}
.pop_click_inquiry .pop_body .pop_close{ right: 40px; top: 40px; width: 30px; height: 30px; border-radius: 50%; background-size: 55%}

/*footer*/
#footer{ padding: 50px 0 140px; background: #312012; color: #fff}
#footer .con01{ width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 1.125rem; line-height: +1.3}
#footer .con01 .tel_txt{ font-size: 1.375rem; margin-bottom: 10px}
#footer .con01 .tel_txt img{ margin-right: 8px}
#footer .con01 .tel_num{ font-size: 2.188rem; color: #ffc002}
#footer .wrap01,
#footer .wrap03{ flex-shrink: 0}
#footer .wrap02{ width: 100%; padding: 15px 30px}

/*sec_main*/
#sec_main {align-content: center; min-height: 900px; height: 100vh; background: url("../img/sec_main/sec_main_bg.jpg") no-repeat center / cover}
#sec_main .inner_wrap {padding:15px 0; width: 100%; max-width: 1200px;}
#sec_main .inner_hd {display: flex; justify-content: space-between; align-items: center; font-size: 1.250rem; line-height: +1.3;}
#sec_main .inner_hd a {text-align: right; line-height: 1.5; font-size: 1.125rem; letter-spacing: 0;}
#sec_main .con01{ margin:-40px auto 2.0rem; font-size: 2.813rem; position: relative; letter-spacing: -2px;}
#sec_main .con01 .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #00592b; font-size: 2.125rem; margin-top: 5px; margin-left: -8px; letter-spacing: -4px;}
#sec_main .con01 .wd{ display: inline-flex; opacity: 0; transform: translateY(0px) translateX(-2px); transition-duration: 0.1s; transition: 0.3s;}
#sec_main .con01 .txt.active .wd {transform: translateY(0) translateX(0); opacity: 1;}
#sec_main .con01 .wd01{ transition-delay: 0.1s}
#sec_main .con01 .wd02{ transition-delay: 0.1s}
#sec_main .con01 .wd03{ transition-delay: 0.2s}
#sec_main .con01 .wd04{ transition-delay: 0.3s}
#sec_main .con01 .wd05{ transition-delay: 0.4s}
#sec_main .con01 .wd06{ transition-delay: 0.5s}
#sec_main .con01 .wd07{ transition-delay: 0.6s}
#sec_main .con01 .wd08{ transition-delay: 0.7s}
#sec_main .con02{ margin:0 auto 0.75rem; font-size:2.25rem; font-weight: 600; }
#sec_main .con03{ margin:0 auto 1.75rem; font-size:1.5rem; }
#sec_main .con04 .swiper-wrapper {transition-timing-function: linear !important;}
#sec_main .con04 .swiper-slide {width: 546px;}
#sec_main .con04 .swiper-slide img {filter: drop-shadow(-8px 8px 12px rgba(0,0,0,0.5));}


/*sec01*/
#sec01 {padding-top:100px;}
#sec01 .main_slide_wrap{ width: 100%; min-height: 900px; height: 100vh}
#sec01 .inner_wrap{ height: 100%}
#sec01 .main_slide{ width: 100%; height: 100%; padding-top: 15px}
#sec01 .main_slide01{ background: url("../img/sec01/sec01_slide01_bg.png") no-repeat center / cover}
#sec01 .main_slide02{ background: url("../img/sec01/sec01_slide02_bg.png") no-repeat center / cover}
#sec01 .slide_hd{ display: flex; justify-content: space-between; align-items: center; font-size: 1.250rem; line-height: +1.3}
#sec01 .slide_hd .right{ text-align: right}
#sec01 .main_slide01 .con01{ font-size: 2.813rem; position: relative; letter-spacing: -2px; margin-top: -65px; margin-bottom: 40px}
#sec01 .main_slide01 .con01:after{ content: url("../img/sec01/sec01_slide01_underline.png"); position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); z-index: 0}
#sec01 .main_slide01 .con01 .txt{ position: relative; z-index: 1}
#sec01 .main_slide01 .con02{ color: #b18f7f; font-size: 4.625rem}
#sec01 .main_slide01 .con03{ position: relative; margin-bottom: 30px; z-index: 2}
#sec01 .main_slide01 .con03 .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #bb9685; font-size: 2.125rem; margin-top: 5px; margin-left: -8px}
#sec01 .main_slide01 .con03 .wd{ opacity: 0; letter-spacing: -8px}
#sec01 .main_slide01 .con03 .wd01,
#sec01 .main_slide01 .con03 .wd07{ letter-spacing: -3px}
#sec01 .main_slide01 .con04{ font-size: 1.5rem; background: url("../img/sec01/sec01_slide01_underline02.png") no-repeat center / 100% auto; display: flex; align-items: center; justify-content: center; width: 360px; height: 50px; padding-top: 5px; margin: 0 auto 10px; position: relative; z-index: 2}
#sec01 .main_slide01 .con05{ position: relative; z-index: 2}
#sec01 .main_slide01 .con05 .receipt_wrap{ background: url("../img/sec01/receipt_bg.png") no-repeat top center / 100% auto; width: 380px; margin: 0px auto; padding: 25px 30px 0}
#sec01 .main_slide01 .con05 .receipt{ height: 307px; width: 100%; overflow: hidden; position: relative}
#sec01 .main_slide01 .con05 .receipt_img{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%}
#sec01 .main_slide01 .con05 .receipt_txt{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
#sec01 .main_slide01 .con05 .receipt_txt .txt01{ font-size: 1.125rem; margin: 35px 0 30px}
#sec01 .main_slide01 .con05 .receipt_txt .txt02{ font-size: 2.5rem; margin: 30px 0 0}
#sec01 .main_slide01 .con05 .receipt_txt .txt03{ font-size: 2rem; margin: 5px 0}
#sec01 .main_slide01 .con05 .receipt_txt .txt03 .bold{ font-size: 2.8rem; letter-spacing: -2px}
#sec01 .main_slide01 .con05 .receipt_txt .txt04{ font-size: 0.875rem; letter-spacing: -2px}
#sec01 .main_slide01 .con06{ position: absolute; left: 25px; top: 390px; z-index: 2}
#sec01 .main_slide01 .con07{ position: absolute; right: -130px; top: 120px; z-index: 0}
#sec01 .main_slide01 .con07 img{ margin-top: 300px; opacity: 0}
#sec01 .main_slide01 .con08{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1}
#sec01 .main_slide01 .con08 .food01{ position: absolute; left: -235px; bottom: -90px; z-index: 0; margin-left: -200px; opacity: 0}
#sec01 .main_slide01 .con08 .food02{ position: absolute; left: 0; bottom: -120px; z-index: 1; margin-left: -200px; opacity: 0}
#sec01 .main_slide01 .con08 .food03{ position: absolute; right: -45px; bottom: -75px; z-index: 1; margin-right: -200px; opacity: 0}
#sec01 .main_slide01 .con08 .food04{ position: absolute; right: -270px; bottom: -58px; z-index: 0; margin-right: -200px; opacity: 0}
#sec01 .main_slide02 .con01{ font-size: 3.875rem; margin-bottom: 30px; margin-top: -65px}
#sec01 .main_slide02 .con01 .circle{ font-size: 5.375rem; letter-spacing: -2px; position: relative}
#sec01 .main_slide02 .con01 .circle:after{ content: url("../img/sec01/sec01_slide02_circle.png"); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 0}
#sec01 .main_slide02 .con01 .circle img{ position: relative; z-index: 1; transform: scale(0.6)}
#sec01 .main_slide02 .con02{ position: relative}
#sec01 .main_slide02 .con02 .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%}
#sec01 .main_slide02 .con02 .txt01{ font-size: 2.188rem; margin-bottom: 15px}
#sec01 .main_slide02 .con02 .brown{ color: #30261d}
#sec01 .main_slide02 .con02 .txt02{ font-size: 4.625rem}
#sec01 .main_slide02 .con03{ position: relative; margin-top: -20px}
#sec01 .main_slide02 .con03 img{ margin-top: 200px; opacity: 0}
#sec01 .main_slide02 .con03 .round{ width: 250px; height: 250px; border-radius: 50%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: absolute; left: 50%; top: 45px; transform: translateX(-50%); line-height: +1.3}
#sec01 .main_slide02 .con03 .round .color01{ font-size: 2rem; display: block; width: 100%; text-align: center}
#sec01 .main_slide02 .con03 .round .color02{ font-size: 2.5rem; display: block; width: 100%; text-align: center}
#sec01 .main_slide02 .con03 .round01{ background: rgba(42,26,19,0.9); margin-left: -115px}
#sec01 .main_slide02 .con03 .round02{ background: rgba(171,22,0,0.9); margin-left: 115px}

#sec01 .main_slide01.active .con03 .wd{ opacity: 1; transition-duration: 0.1s}
#sec01 .main_slide01.active .con03 .wd02{ transition-delay: 0.1s}
#sec01 .main_slide01.active .con03 .wd03{ transition-delay: 0.2s}
#sec01 .main_slide01.active .con03 .wd04{ transition-delay: 0.3s}
#sec01 .main_slide01.active .con03 .wd05{ transition-delay: 0.4s}
#sec01 .main_slide01.active .con03 .wd06{ transition-delay: 0.5s}
#sec01 .main_slide01.active .con03 .wd07{ transition-delay: 0.6s}
#sec01 .main_slide01.active .con03 .wd08{ transition-delay: 0.7s}
#sec01 .main_slide01.active .con07 img{ margin-top: 0; opacity: 1; transition-delay: 0.5s; transition-duration: 0.3s}
#sec01 .main_slide01.active .con05 .receipt_img{ top: 0; transition-delay: 0.5s; transition-duration: 0.5s}
#sec01 .main_slide01.active .con08 .food01{ margin-left: 0; opacity: 1; transition-duration: 0.3s}
#sec01 .main_slide01.active .con08 .food02{ margin-left: 0; opacity: 1; transition-delay: 0.3s; transition-duration: 0.3s}
#sec01 .main_slide01.active .con08 .food03{ margin-right: 0; opacity: 1; transition-delay: 0.3s; transition-duration: 0.3s}
#sec01 .main_slide01.active .con08 .food04{ margin-right: 0; opacity: 1; transition-duration: 0.3s}

#sec01 .main_slide02.active .con01 .circle img{ transform: scale(1); transition-duration: 0.5s; transition-delay: 0.3s;}
#sec01 .main_slide02.active .con03 img{ margin-top: 0; opacity: 1; transition-duration: 0.3s; transition-delay: 0.3s; transition-timing-function: ease-in-out}

/*sec02*/
#sec02{ background: url("../img/sec02/sec02_bg.png") no-repeat center top 0 / cover; padding: 140px 0 70px}
#sec02 .inner_wrap{ width: 100%; max-width: 1600px}
#sec02 .con01{ font-size: 3.250rem; display: flex}
#sec02 .con01 .left,
#sec02 .con01 .right{ width: 50%; flex-shrink: 0; display: flex; flex-wrap: wrap}
#sec02 .con01 .left{ justify-content: flex-start}
#sec02 .con01 .right{ justify-content: flex-end}
#sec02 .con01 img{ margin-bottom: 20px}
#sec02 .con01 .big{ font-size: 4.125rem}
#sec02 .con02 .list{ width: 100%; display: flex; margin-top: 55px}
#sec02 .con02 .list li{ width: 25%; flex-shrink: 0; display: flex; align-items: flex-start; justify-content: center; position: relative; padding: 0 30px}
#sec02 .con02 .list li .mark{ position: absolute; right: -16px; top: 142px; margin-left: 10px; transform-origin: center}
#sec02 .con02 .list li:nth-child(2),
#sec02 .con02 .list li:nth-child(3){ margin-top: 260px}

/*sec_sales*/
#sec_sales{ background: url("../img/sec_sales/sec_sales_bg.jpg") no-repeat center top / cover; padding: 130px 0 24px 0;}
#sec_sales .inner_wrap {padding:0; width: 100%;}
#sec_sales .red_line {transform: scaleX(0); transform-origin: left center; transition: transform 0.8s cubic-bezier(.55,0,.1,1); max-width: unset;}
#sec_sales .red_line.animated { transform: scaleX(1); }
#sec_sales .con01 {position:relative; display: inline-flex; margin:0 auto 40px; padding:0 4px; width: auto; font-size:3.0rem; letter-spacing: -4px;}
#sec_sales .con01 span {position: relative; z-index: 2;}
#sec_sales .con01 .red_line1 {position: absolute; left:-4px; top:0; z-index: 0}
#sec_sales .con02 { margin:0 auto 128px; font-size:6.125rem;}
#sec_sales .con02 .txt_wrap {position: relative; line-height: 1.05;}
#sec_sales .con02 .txt_wrap .txt_shadow {position: absolute; top:-4px; left:10px; width: 100%; opacity: 0.75; color: #000; z-index: 1;}
#sec_sales .con02 .txt_wrap {position: relative;}
#sec_sales .con02 .txt_wrap span {position: relative; z-index: 2;}
#sec_sales .con02 .txt_wrap .red_line {position: absolute; left:-4px; bottom:-16px; z-index: 0;}
#sec_sales .con02 .txt2 {position: relative; margin:0 26px 0 46px; padding:0 16px; letter-spacing: -5px;}
#sec_sales .con02 .txt2::after {content:''; display:block; position: absolute; top:40%; left:50%; transform: translate(-50%,-50%); width:calc(100%); height:calc(100% + 24px); background:#ba0000; z-index: 0;}
#sec_sales .con03 {gap:36px; margin:0 auto 24px;}
#sec_sales .graph_wrap {position: relative; width: calc(580px); height: auto; min-height:520px; z-index: 1;}
#sec_sales .graph_wrap .eat_wrap {position: absolute;}
#sec_sales .graph_wrap .breakfast_wrap {top:0; left:50%; z-index: 2;}
#sec_sales .graph_wrap .dinner_wrap {top:150px; left:50%; margin:0 0 0 -140px; z-index: 32;}
#sec_sales .graph_wrap .eat_wrap img {position: relative; z-index: 0;}
#sec_sales .graph_wrap .lunch_wrap {top:0; left:50%; margin:0 0 0 -265px; z-index: 1;}
#sec_sales .graph_wrap .s_bubble {position: absolute; display:flex; align-items: center; justify-content: center; width: 208px; height: 154px; z-index: 10;}
#sec_sales .graph_wrap .s_bubble.type-r {background: url("../img/sec_sales/sb_right.png") no-repeat center top / 100% auto;}
#sec_sales .graph_wrap .s_bubble.type-l {background: url("../img/sec_sales/sb_left.png") no-repeat center top / 100% auto;}
#sec_sales .graph_wrap .s_bubble .txt {margin:0 auto 0.25rem; font-size:1.125rem;}
#sec_sales .graph_wrap .s_bubble .sales {font-size:2.0rem;}
#sec_sales .graph_wrap .s_bubble .sales small {font-size:0.875em;}
#sec_sales .graph_wrap .breakfast_wrap .s_bubble {left:145px; top:-45px;}
#sec_sales .graph_wrap .dinner_wrap .s_bubble {right:-120px; top:30px;}
#sec_sales .graph_wrap .lunch_wrap .s_bubble {left:-55px; top:-10px;}
#sec_sales .slide_wrap{ position: relative; width: calc( (100% - 580px) / 2 - 36px); max-width:422px; border-top: none; border-bottom: none; padding-top: 40px; overflow: visible; z-index: 0;}
#sec_sales .swiper-slide { display: flex; align-items: center; max-width:422px; width: 100%; height:422px; opacity: 0; transition: 0.3s;}
#sec_sales .swiper-slide img {filter: drop-shadow(-8px 8px 12px rgba(0,0,0,0.5));}
#sec_sales .left_sw .swiper-slide.swiper-slide-active,
#sec_sales .left_sw .swiper-slide.swiper-slide-prev { opacity: 1; }
#sec_sales .right_sw .swiper-slide.swiper-slide-active,
#sec_sales .right_sw .swiper-slide.swiper-slide-next { opacity: 1; }

#sec_sales .light_box.type_1 {display: flex; align-items: center; justify-content: center; position: relative; margin:0 auto 40px; width: 440px; height: 108px; border:1px solid #ffd800;}
#sec_sales .shine_con{position: absolute;width: 100%;height: 100%; left: 0; top: 0; display: inline-block;background: transparent;overflow: hidden;transition: .5s;}
#sec_sales .shine_con span {position: absolute;display: block; box-shadow: 1px 1px 5px #ffef92}
#sec_sales .shine_con span:nth-of-type(1) {top: 0;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, #ffe95f);animation: btn-anim1 2s linear infinite;}
#sec_sales .shine_con span:nth-of-type(2) {top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg, transparent, #ffd800);animation: btn-anim2 2s linear infinite;animation-delay: 0.5s;}
#sec_sales .shine_con span:nth-of-type(3) {bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg, transparent, #ffe95f);animation: btn-anim3 2s linear infinite;animation-delay: 1s;}
#sec_sales .shine_con span:nth-of-type(4) {bottom: -100%;left: 0;width: 2px;height: 100%;background: linear-gradient(360deg, transparent, #ffd800);animation: btn-anim4 2s linear infinite;animation-delay: 1.5s;}
#sec_sales .light_box .label_box {display: flex; align-items: center; justify-content: center; position: absolute; bottom:-28px; left:50%; transform: translateX(-50%); width: 256px; height:35px; font-size:1.375rem; font-weight: 600; background: #e4e62e; z-index: 10;}
#sec_sales .con04 .txt {font-size: 1.625rem;}


/*sec03*/
#sec03{ background: url("../img/sec03/sec03_bg.png") no-repeat center top / cover; padding: 70px 0}
#sec03 .con01{ margin-bottom: 35px}
#sec03 .slide_wrap{ width: 100%; border: solid 45px transparent; border-top: none; border-bottom: none; padding-top: 40px; overflow: hidden}
#sec03 .swiper-slide{ width: 100%; background: #fff url("../img/sec03/sec03_slide_bg.png") no-repeat center top / 100% auto; padding: 40px; border-radius: 20px}
#sec03 .slide_wrap .tit_wrap{ margin-top: -80px}
#sec03 .slide_wrap .tit_wrap .tit{ width: 420px; height: 80px; border-radius: 40px; background: #ffde00; font-size: 2.875rem; display: inline-block; line-height: 80px; text-align: center}
#sec03 .slide_wrap .money_wrap{ font-size: 4.250rem; letter-spacing: -2px; margin: 50px 0 30px; position: relative; z-index: 2}
#sec03 .slide_wrap .money_con{ font-size: 5.125rem; position: relative; padding: 0 15px 15px 0}
#sec03 .slide_wrap .money_con:after{ content: url("../img/sec03/sec03_circle.png"); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
#sec03 .slide_wrap .money_con .txt{ position: relative; z-index: 2}
#sec03 .slide_wrap .money_con .txt_shadow{ position: absolute; left: 5px; top: 11px; z-index: 1; opacity: 0.37}
#sec03 .slide_wrap .img_wrap{ position: relative; margin-top: -25px; z-index: 1; display: inline-block}
#sec03 .slide_wrap .img_wrap .point{ position: absolute; left: -15px; top: 90px}
#sec03 .slide_wrap .arrow{ width: 80px; height: 80px; top: 50%; margin-top: 80px}

/*sec04*/
#sec04{ background: url("../img/sec04/sec04_bg.png") no-repeat center top / cover; padding: 65px 0 55px}
#sec04 .con01{ color: #ebb2b0; font-size: 3.875rem; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 20px}
#sec04 .con01 img{ flex-shrink: 0}
#sec04 .con02{ font-size: 5.750rem; margin-bottom: 50px}
#sec04 .con02 .txt_wrap{ position: relative; padding: 0 15px 15px 0}
#sec04 .con02 .txt_wrap:after{ content: url("../img/sec04/sec04_underline.png"); position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%)}
#sec04 .con02 .txt_wrap .txt{ position: relative; z-index: 2}
#sec04 .con02 .txt_wrap .txt_shadow{ z-index: 1; position: absolute; left: 10px; top: 10px; opacity: 0.75}
#sec04 .con03{ font-size: 1.875rem; margin-bottom: 60px}
#sec04 .con04 .list{ display: flex; align-items: flex-start; justify-content: space-between}
#sec04 .con04 .list li:nth-child(1),
#sec04 .con04 .list li:nth-child(3){ margin-top: 70px}
#sec04 .con04 .receipt_wrap{ width: 380px; padding: 25px 34px; background: url("../img/sec04/receipt_bg.png") no-repeat center top / 100% auto;}
#sec04 .con04 .receipt{ width: 100%; height: 305px; overflow: hidden; position: relative}
#sec04 .con04 .receipt_img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
#sec04 .con04 .receipt_txt{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
#sec04 .con04 .receipt_txt .txt01{ font-size: 1.125rem; margin: 30px 0 45px}
#sec04 .con04 .receipt_txt .txt02{ font-size: 2.5rem; letter-spacing: -2px; margin-bottom: 5px}
#sec04 .con04 .receipt_txt .txt03{ font-size: 1.875rem; letter-spacing: -2px}
#sec04 .con04 .receipt_txt .txt03 .bold{ font-size: 2.750rem}
#sec04 .con05{ font-size: 2.50rem; margin-bottom: 25px}
#sec04 .con06{ font-size: 1.875rem; letter-spacing: -2px}
#sec04 .con06 .box{ padding: 5px 5px 0}
#sec04 .con06 .circle{ margin: 0 15px; position: relative}
#sec04 .con06 .circle:after{ content: url("../img/sec04/sec04_circle.png"); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}

/*sec05*/
#sec05{ background: url("../img/sec05/sec05_bg.png") no-repeat center top / cover; padding: 60px 0 70px}
#sec05 .con01{ font-size: 3.375rem; margin-bottom: 45px; position: relative}
#sec05 .con01 .txt{ position: relative; z-index: 1}
#sec05 .con01:after{ content: url("../img/sec05/sec05_underline.png"); position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%); z-index: 0}
#sec05 .con02{ font-size: 2.125rem; opacity: 0.8}

/*sec06*/
#sec06{ background: #f3f3f3; padding: 100px 0 0}
#sec06 .con01{ font-size: 2.5rem}
#sec06 .con01 .txt_left{ position: relative; left: 60px}
#sec06 .con01 .txt_right{ position: relative; left: -60px}
#sec06 .con01 .img{ width: 110px; height: 110px; display: inline-block; transform: scale(0.5) rotate(-180deg); opacity: 0; position: relative; top: -5px}
#sec06 .con02{ background: url("../img/sec06/sec06_underline.png") no-repeat center bottom}
#sec06 .con02 .txt_left{ font-size: 4.750rem; position: relative; left: 100px}
#sec06 .con02 .txt_right{ font-size: 4rem; position: relative; left: -100px}
#sec06 .con02 .img{ width: 200px; height: 160px; display: inline-block; transform: scale(0.5) rotate(-180deg); opacity: 0; position: relative; top: -10px}
#sec06 .con03{ margin-bottom: 100px}
#sec06 .con03 .txt_right{ font-size: 2.375rem; position: relative; left: -160px}
#sec06 .con03 .img{ width: 160px; height: 130px; display: inline-block; transform: scale(0.5) rotate(-180deg); opacity: 0; position: relative; top: -5px}
#sec06 .con04{ position: relative}
#sec06 .con04 .phone{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 99}
#sec06 .con04 .phone img{ position: relative; z-index: 2}
#sec06 .con04 .phone:after{ content: ""; width: 98%; height: 50px; background: #fff; position: absolute; left: 50%; top: 5px; transform: translateX(-50%); border-radius: 100px 100px 0 0; z-index: 1}
#sec06 .con04 .ic{ z-index: 100; transform: scale(0.5) rotate(-90deg); margin-top: 100px; opacity: 0;}
#sec06 .con04 .ic_yo{ position: absolute; left: -50px; top: -55px}
#sec06 .con04 .ic_bm{ position: absolute; left: calc(50% + 95px); top: -95px}
#sec06 .con04 .ic_cp{ position: absolute; right: -120px; top: -235px}

#sec06.active .con01 .txt_left{ left: 0; transition-duration: 0.2s}
#sec06.active .con01 .txt_right{ left: 0; transition-duration: 0.2s}
#sec06.active .con01 .img{ transform: scale(1) rotate(0); opacity: 1; transition-duration: 0.2s; transition-delay: 0.2s}
#sec06.active .con02 .txt_left{ left: 0; transition-duration: 0.2s; transition-delay: 0.4s}
#sec06.active .con02 .txt_right{ left: 0; transition-duration: 0.2s; transition-delay: 0.4s}
#sec06.active .con02 .img{ transform: scale(1) rotate(0); opacity: 1; transition-duration: 0.2s; transition-delay: 0.6s}
#sec06.active .con03 .txt_right{ left: 0; transition-duration: 0.2s; transition-delay: 0.8s}
#sec06.active .con03 .img{ transform: scale(1) rotate(0); opacity: 1; transition-duration: 0.3s; transition-delay: 1s}
#sec06.active .con04 .ic{ transform: scale(1) rotate(0); opacity: 1; margin-top: 0; transition-duration: 0.2s}
#sec06.active .con04 .ic_yo{ transition-delay: 0.5s}
#sec06.active .con04 .ic_bm{ transition-delay: 0.6s}
#sec06.active .con04 .ic_cp{ transition-delay: 0.7s}

/*sec07*/
#sec07{ background: url("../img/sec07/sec07_bg.png") no-repeat center / cover; padding: 55px 0 100px}
#sec07 .con01{ display: flex; align-items: flex-end; justify-content: center; font-size: 4.750rem; margin-bottom: 15px}
#sec07 .con01 img{ flex-shrink: 0; margin-right: 10px}
#sec07 .con02{ margin-bottom: 30px}
#sec07 .con02 .bg{ position: relative}
#sec07 .con02 .txt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); font-size: 2.625rem; margin-top: 5px}
#sec07 .con03{ font-size: 2.125rem; margin-bottom: 30px}
#sec07 .con04{ display: flex; align-items: center; justify-content: center; margin-bottom: 30px}
#sec07 .con04 .img{ flex-shrink: 0}
#sec07 .con04 .count_wrap{ width: 620px; height: 230px; letter-spacing: -15px; text-indent: -10px; flex-shrink: 0; margin: 0 5px}
#sec07 .con04 .num{ font-size: 13.250rem; letter-spacing: -20px; color: #ffde00; text-shadow: -10px -10px 0 #2c1605, 10px -10px 0 #2c1605, -10px 10px 0 #2c1605, 10px 10px 0 #2c1605;}
#sec07 .con04 .won{ font-size: 7.125rem; margin-left: 10px; color: #939393; text-shadow: -10px -10px 0 #2c1605, 10px -10px 0 #2c1605, -10px 10px 0 #2c1605, 10px 10px 0 #2c1605;}
#sec07 .con05 .img{ margin-bottom: 15px}
.opacity_list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px}
.opacity_list li{ background: #2c1605 url("../img/sec07/sec07_box_bg.png") no-repeat right top 17px; padding: 40px 15px 35px; border-radius: 20px; font-size: 2.625rem; line-height: +1.3}

/*form*/
.form_wrap{ background: url("../img/form/form_wrap_bg.png") no-repeat center / cover; padding: 125px 0 0}
.form_wrap .con01{ color: #f6c4a1; font-size: 3.625rem; margin-bottom: 40px}
.form_wrap .con01 .circle{ position: relative; padding: 0 20px}
.form_wrap .con01 .circle .txt{ position: relative; z-index: 2}
.form_wrap .con01 .circle:after{ content: url("../img/form/form_circle.png"); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1}
.form_wrap .con02{ margin-bottom: 50px}
.form_wrap .con03{ margin-bottom: 55px}
.form_wrap .con05{ padding: 35px 0; font-size: 3rem}

.form_wrap .tel_wrap{ width: 980px; height: 135px; border-radius: 45px; background: #633d21; display: inline-flex; align-items: center; justify-content: center; z-index: 2; position: relative}
.form_wrap .tel_wrap img{ flex-shrink: 0}
.form_wrap .tel_wrap .txt{ color: #ee7624; font-size: 2.375rem; text-align: left; flex-shrink: 0; padding: 0 20px}
.form_wrap .tel_wrap .tel{ font-size: 4.938rem}
.form_inn{ width: 1120px; margin: -65px auto 45px; background: #fff; padding: 120px 110px 90px; font-size: 1.250rem !important; position: relative; z-index: 1}
.form_inn .wrap{ display: flex; align-items: center}
.form_inn .left{ width: 40%; flex-shrink: 0; display: flex; align-items: center; padding-right: 30px; margin: 10px 0}
.form_inn .right{ width: 60%; flex-shrink: 0; display: flex; align-items: center; padding-right: 60px; margin: 10px 0}
.form_inn .input_box label{ flex-shrink: 0; text-align: left}
.form_inn .input_box.left label{ width: 90px}
.form_inn .input_box.right label{ width: 140px}
.form_inn .input_box label{ flex-shrink: 0}
.form_inn .input_box input[type="tel"],
.form_inn .input_box input[type="text"],
.form_inn .input_box select{ width: 100%; height: 50px; border: solid 1px #222; padding: 0 10px; font-size: 1rem}
.form_inn .input_box select + select{ border-left: none}
.form_inn .bot_type_con{ width: calc((100% - 140px)/3) !important;}
.form_inn .bot_type_con input{display: none;}
.form_inn .bot_type_con label{width: 100% !important; height: 50px; background: #fff; font-size: 1.125rem; text-align: center; border: solid 1px #000; border-left: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #7e7e7e; font-weight: 500}
.form_inn .bot_type_con label.bd{ border-left: solid 1px #000}
.form_inn .bot_type_con input[type="radio"]:checked + label{background: #633d21; color: #fff}
.form_inn .bot_agree{ width: 100%; justify-content: center; font-size: 1rem; font-weight: 500; margin: 30px 0 0}
.form_inn .bot_agree input{ margin-right: 10px; position: relative; top: -1px}
.form_inn .detail{ font-size: 0.875rem; font-weight: 600; color: #474747; opacity: 0.8; margin-left: 10px}
.form_inn .bot_btn{ width: 100%; position: absolute; left: 0; bottom: -45px}
.form_inn .bot_btn button{ cursor: pointer; width: 350px; height: 90px; display: inline-flex; align-items: center; justify-content: center; background: #ee7624; font-size: 2.188rem; color: #fff}

/*sec09*/
#sec09{ background: url("../img/sec09/sec09_bg.png") no-repeat center / cover; padding: 125px 0 80px}
#sec09 .con01{ color: #633d21; font-size: 2.375rem; margin-bottom: 25px}
#sec09 .con02{ font-size: 5.5rem}
#sec09 .con03{ height: 430px; position: relative; display: flex; align-items: center; justify-content: center}
#sec09 .con03 .left{ width: 60%; height: 100%; position: absolute; left: -10%; top: 20%}
#sec09 .con03 .left .mark{ position: absolute; right: 100px; top: -12%}
#sec09 .con03 .right{ width: 60%; height: 100%; position: absolute; right: -10%; top: -50%}
#sec09 .con03 .right .mark{ position: absolute; left: 100px; top: -12%}
#sec09 .con03 .plus{ position: relative; z-index: 2; margin-left: 1.5%}
#sec09 .con04{ display: flex; justify-content: flex-end; flex-wrap: wrap}
#sec09 .con04 .txt_wrap{ width: auto; display: inline-block; text-align: left}
#sec09 .con04 .txt_wrap .txt01{ font-size: 3.250rem; margin-bottom: 20px; text-decoration: underline; text-underline-position: from-font; text-decoration-thickness: 2px; line-height: +1.3}
#sec09 .con04 .txt_wrap .txt02{ font-size: 1.750rem}

/*sec10*/
#sec10{ background: url("../img/sec10/sec10_bg.png") no-repeat center / cover; padding: 160px 0 60px}
#sec10 .con01{ margin-bottom: 40px}
#sec10 .con02{ width: 950px; margin: 0 auto; position: relative}
#sec10 .con02 .monitor{ width: 720px;}
#sec10 .con02 .monitor img{ width: 100%}
#sec10 .con02 .monitor .top{ width: 100%; height: 415px; border: solid 15px #dfdfdf; border-radius: 15px 15px 0 0}
#sec10 .con02 .monitor .tab_con_wrap{ width: 100%; height: 100%; background: url("../img/sec10/img_sample.png") no-repeat center / cover;}
#sec10 .con02 .monitor .tab_con{ width: 100%; height: 100%}
#sec10 .con02 .monitor iframe{ width: 100%; height: 100%}
#sec10 .con02 .tab_menu{ width: 200px; position: absolute; left: 705px; top: 50px; text-align: left}
#sec10 .con02 .tab_link{ width: 100%; height: 100px; background: url("../img/sec10/tab_bg.png") no-repeat left center / auto 100%; font-size: 1.5rem; display: flex; align-items: center; padding-top: 20px; padding-left: 45px}
#sec10 .con02 .tab_link .bold{ font-size: 1.625rem; color: #bd302c}
#sec10 .con02 .tab_link .tab_txt{ width: 125px; display: flex; align-items: flex-end; justify-content: space-between; opacity: 0.8}
#sec10 .con02 .tab_link img{ position: relative; top: -5px}

#sec10 .con02 .tab_link.current{ background: url("../img/sec10/tab_bg_on.png") no-repeat left center / auto 100%;}
#sec10 .con02 .tab_link.current .tab_txt{ opacity: 1}

/*sec11*/
#sec11{ background: url("../img/sec11/sec11_bg.png") no-repeat top center / cover; padding: 130px 0 100px; overflow: initial}
#sec11 .con01{ font-size: 3rem; margin-bottom: 30px}
#sec11 .con02{ margin-bottom: 45px;}
#sec11 .con02 .underline{ font-size: 5rem; padding-bottom: 10px; background: url("../img/sec11/sec11_underline.png") no-repeat bottom center / 100% auto;}
#sec11 .con02 .yellow{ display: inline-block}
#sec11 .con03{ margin-bottom: 30px}
#sec11 .con03 .box{ width: 640px; height: 67px; border-radius: 35px; display: inline-flex; align-items: center; justify-content: center; background: #ffde00; font-size: 1.875rem; padding-top: 2px}
#sec11 .con04{ position: relative}
#sec11 .con04 .sticky_txt_wrap{ position: absolute; right: -150px; top: 0; height: 100%}
#sec11 .con04 .sticky_txt{ position: sticky; top: 120px; transition: top 0.5s}
#sec11 .con04 .list{ width: 1290px; margin: 0 0 0 -60px; background: #fff; padding: 130px 45px; text-align: left; line-height: +1.3}
#sec11 .con04 .list .item{ width: 100%; display: flex; align-items: center; margin-bottom: 80px; position: relative}
#sec11 .con04 .list .left,
#sec11 .con04 .list .right{ width: 50%; flex-shrink: 0; position: relative; z-index: 2}
#sec11 .con04 .list .tit_wrap{ position: relative; margin-bottom: 20px}
#sec11 .con04 .list .tit{ z-index: 2; font-size: 3.5rem; padding-left: 50px; padding-top: 8px}
#sec11 .con04 .list .tit{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3}
#sec11 .con04 .list img{ position: relative; z-index: 2}
#sec11 .con04 .list .the{ margin-right: 20px}
#sec11 .con04 .list .num{ font-size: 18.750rem; color: #efefef; position: absolute; right: 70px; top: 50%; transform: translateY(-50%); height: 150px; line-height: 90px; z-index: 1; letter-spacing: -20px}
#sec11 .con04 .list .txt_big{ font-size: 3.250rem; padding-left: 40px; position: relative; z-index: 3}
#sec11 .con04 .list .txt_detail{ font-size: 1.875rem; padding-left: 40px; margin-top: 20px}

#sec11 .con04 .list .item01 .right{ display: flex; align-items: center; justify-content: center}
#sec11 .con04 .list .item01 .right .item_slide{ width: 100%; overflow: hidden}
#sec11 .con04 .list .item01 .right .swiper-slide{ padding: 0 20px}
#sec11 .con04 .list .item01 .right .img02,
#sec11 .con04 .list .item01 .right .img03{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; width: 85%}
#sec11 .con04 .list .item01 .right .img01{ z-index: 3; position: relative}
#sec11 .con04 .list .item01 .right .img02{ margin-left: -60px; margin-top: 45px; z-index: 2}
#sec11 .con04 .list .item01 .right .img03{ margin-left: 45px; margin-top: 90px; z-index: 1}

#sec11 .con04 .list .item02 .left img{ width: 150%; max-width: initial; position: relative; left: -55%}

#sec11 .con04 .list .item03 .right{ display: flex; align-items: flex-end; justify-content: center; height: 450px}
#sec11 .con04 .list .item03 .right .img{ width: 55%}
#sec11 .con04 .list .item03 .right .img01{ position: absolute; left: 0; top: 0}
#sec11 .con04 .list .item03 .right .img02{ position: absolute; right: 0; top: 0}
#sec11 .con04 .list .item03 .right .img01{ z-index: 1}
#sec11 .con04 .list .item03 .right .img02{ z-index: 2}
#sec11 .con04 .list .item03 .right .img03{ z-index: 3; position: relative}

#sec11 .con04 .list .item04 .left{ text-align: center}
#sec11 .con04 .list .item04 .item_slide{ overflow: hidden}

#sec11 .con04 .list .item05{ padding: 80px 0}
#sec11 .con04 .list .item05 .right .img01{ position: absolute; top: 50%; transform: translateY(-50%); right: 45px; margin-top: -60px}
#sec11 .con04 .list .item05 .right .img02{ position: absolute; top: 50%; transform: translateY(-50%); left: 45px; margin-top: 60px}

#sec11 .con04 .list .item06{ margin-bottom: 0}
#sec11 .con04 .list .item06 .left{ min-height: 480px}
#sec11 .con04 .list .item06 .img{ position: absolute; display: block}
#sec11 .con04 .list .item06 .img01{ left: 0; top: 0; z-index: 4}
#sec11 .con04 .list .item06 .img02{ right: 45px; top: 0; z-index: 2}
#sec11 .con04 .list .item06 .img03{ left: 50%; top: 165px; transform: translateX(-50%); width: 70%; z-index: 3}

@media (max-width: 1580px){
    .bg_money{ max-width: 100%}
    #sec11 .con04 .list{ width: 100%; margin: 0}
    #sec11 .con04 .sticky_txt_wrap{ right: -60px}
}
@media (max-width: 1200px){
    #sec11{ overflow-x: hidden}
}

/*sec13*/
#sec13{ background: url("../img/sec13/sec13_bg.png") no-repeat top center / cover; padding: 100px 0 160px}
#sec13 .con01{ font-size: 3.438rem; margin-bottom: 20px}
#sec13 .con02{ font-size: 4.625rem; margin-bottom: 25px}
#sec13 .con03{ font-size: 1.750rem; margin-bottom: 25px}
#sec13 .tab_menu{ display: flex; align-items: center; justify-content: center; margin-bottom: 70px}
#sec13 .tab_link{ width: 250px; height: 60px; font-size: 1.375rem; border-radius: 30px; border: solid 3px #b20000; margin: 0 3px}
#sec13 .tab_link a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%}
#sec13 .tab_link.current{ background: #b20000}
#sec13 .item_slide_menu{ width: 100%}
#sec13 .swiper-slide{ display: flex; flex-flow: column nowrap}
#sec13 .swiper-slide .img_wrap{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
#sec13 .swiper-slide .txt_wrap{ width: 100%; flex-shrink: 0; margin-top: 45px; font-size: 1.375rem;}

/*sec14*/
#sec14{ background: url("../img/sec14/sec14_bg.png") no-repeat top center / cover; padding: 65px 0 120px; position: relative}
#sec14 .party{ position: absolute; left: 0; top: 0; width: 100%; text-align: center}
#sec14 .party img{ display: inline-block}
#sec14 .con01{ margin-bottom: 85px}
#sec14 .con02{ margin-bottom: 25px; font-size: 2.875rem}
#sec14 .con02 .flip{ display: inline-block}
#sec14 .con03{ margin-bottom: 65px; font-size: 4.625rem}
#sec14 .con03 .star_wrap{ position: relative}
#sec14 .con03 .star_wrap:after{ content: url("../img/sec14/star.png"); position: absolute; left: -50px; top: -60px}
#sec14 .con04{ margin-bottom: 40px}
#sec14 .con04 .list{ display: flex; align-items: center}
#sec14 .con04 .list .item{ width: 25%; min-height:280px; flex-shrink: 0; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; background: url("../img/sec14/sec14_circle.png") no-repeat center / contain; padding: 36px 24px 30px 0;}
#sec14 .con04 .list .item.item2 .txt {padding:30px 0 0 0;}
#sec14 .con04 .list .item .count14_02 {font-size:2.0rem;}
#sec14 .con04 .list .tit{ min-height: 2em; display: flex; align-items: center; justify-content: center; width: 100%; font-size: 1.625rem; margin: 5px 0}
#sec14 .con04 .list .tit.btm{ min-height: 1em}
#sec14 .con04 .list .txt{ font-size: 5.375rem; display: flex; align-items: center; justify-content: center}
#sec14 .con04 .list .txt .small{ font-size: 2.5rem}
#sec14 .con04 .list .txt .count14_02 + .small {font-size:2.0rem;}
#sec14 .con05{ position: relative}
#sec14 .con05 img{ width: 100%}

#sec14 .shine_con{position: absolute;width: 42.2%;height: 100%; left: 16.4%; top: 0; display: inline-block;background: transparent;overflow: hidden;transition: .5s;}
#sec14 .shine_con span {position: absolute;display: block; box-shadow: 1px 1px 10px #ff8484}
#sec14 .shine_con span:nth-of-type(1) {top: 0;left: -100%;width: 100%;height: 4px;background: linear-gradient(90deg, transparent, #ff2c2c);animation: btn-anim1 2s linear infinite;}
#sec14 .shine_con span:nth-of-type(2) {top: -100%;right: 0;width: 4px;height: 100%;background: linear-gradient(180deg, transparent, #e30000);animation: btn-anim2 2s linear infinite;animation-delay: 0.5s;}
#sec14 .shine_con span:nth-of-type(3) {bottom: 0;right: -100%;width: 100%;height: 4px;background: linear-gradient(270deg, transparent, #ff2c2c);animation: btn-anim3 2s linear infinite;animation-delay: 1s;}
#sec14 .shine_con span:nth-of-type(4) {bottom: -100%;left: 0;width: 4px;height: 100%;background: linear-gradient(360deg, transparent, #e30000);animation: btn-anim4 2s linear infinite;animation-delay: 1.5s;}

/*sec15*/
#sec15{ background: url("../img/sec15/sec15_bg.png") no-repeat top center / cover; padding: 55px 0 0}
#sec15 .con01{ margin-bottom: 25px}
#sec15 .con02{ margin-bottom: 25px; font-size: 4.625rem}
#sec15 .con03{ margin-bottom: 55px; font-size: 1.750rem}
#sec15 .con04{ position: relative}
#sec15 .con04 .table,
#sec15 .con04 .side{ max-width: 100vw; width: 130%; position: relative; left: -15%}
#sec15 .con04 .side{ position: absolute; left: 50%; top: 0; transform: translateX(-50%)}
#sec15 .con04 .food{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 80px}
#sec15 .con04 .box{ position: absolute}
#sec15 .con04 .box01{ top: 20px; left: 0}
#sec15 .con04 .box02{ top: 40px; right: 0}
#sec15 .con04 .box03{ bottom: 50px; left: 15%}
#sec15 .con04 .box04{ bottom: 110px; right: 15%}

/*sec16*/
#sec16{ background: url("../img/sec16/sec16_bg.png") no-repeat top center / cover; padding: 60px 0 0}
#sec16 .con01{ margin-bottom: 50px; font-size: 3.375rem; min-height: 1.2em; line-height: 1.2em; position: relative}
#sec16 .con01 span{ position: relative; z-index: 2}
#sec16 .con01:after{ content: url("../img/sec16/underline.png"); position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); z-index: 1}
#sec16 .con02{ margin-bottom: 45px; font-size: 2.125rem}
#sec16 .food_wrap{ width: 100%; display: flex; align-items: flex-end; justify-content: center}
#sec16 .food_wrap .food{ width: 30vw; margin: 0 -5vw}

/*sec17*/
#sec17{ background: url("../img/sec17/sec17_bg.png") no-repeat center / cover; padding: 60px 0 0}
#sec17 .inner_wrap{ display: flex; align-items: flex-start}
#sec17 .left{ width: 40%; flex-shrink: 0}
#sec17 .left .item_slide{ width: 90%; margin: 0 auto; overflow: hidden; margin-top: 40px}
#sec17 .right{ width: 60%; flex-shrink: 0}

/*sec18*/
#sec18{ background: url("../img/sec18/sec18_bg.png") no-repeat center / cover; padding: 60px 0 0}
#sec18 .con01{ margin-bottom: 40px}
#sec18 .con02{ font-size: 4.625rem; margin-bottom: 30px}
#sec18 .con03{ font-size: 2.125rem; margin-bottom: 30px}
#sec18 .con04{ position: relative; margin-top: 80px; }
#sec18 .con04 .bg{ width: 100%; max-width: initial; min-width: 1600px; max-height: 1014px;  margin: 0 auto; overflow-y: hidden; }
#sec18 .con04 .bg_img{ width: 100%; max-width: initial; min-width: 1600px; max-height:1014px; position: absolute; left: 50%; top: 0; transform: translateX(-50%)}
#sec18 .con04 .opacity{ opacity: 0}
#sec18 .con04 .talk{ position: absolute; left: 50%; top: -60px; transform: translateX(-50%)}
#sec18 .con04 .inner_wrap{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%}
#sec18 .con04 .inner_wrap .img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
#sec18 .con05{ margin: 100px 0}
#sec18 .con05 .wrap01{ color: #292929; font-size: 2.375rem; margin-bottom: 30px; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 2px;}
#sec18 .con05 .wrap02{ font-size: 5rem}

/*sec19*/
#sec19{ background: url("../img/sec19/sec19_bg.jpg") no-repeat center / cover; padding: 84px 0 108px}
#sec19 .con01 {margin:0 auto 120px;}
#sec19 .con02{ margin-bottom: 24px; font-size:5rem;}
#sec19 .con03 {margin:0 auto 160px; font-size:2.0rem; text-align: center;}
#sec19 .con03 .black {display:inline-flex; align-items: center; padding:4px; background: #ffc002;}
#sec19 .con03 .black strong {font-weight: 1000;}
#sec19 .con04 {margin-left:-35px; width: 1240px;}
#sec19 .con04 .item {position: relative; z-index: 1;}
#sec19 .con04 .item2 {margin-left:-5px; z-index: 2;}
#sec19 .con04 .item3 {margin-left:-5px; z-index: 1;}
#sec19 .con04 .absolute {position: absolute; }
#sec19 .con04 .tt { top:-64px; left:50%; transform: translateX(-50%); width: 231px; height:83px; font-family: "yangjin", sans-serif; font-size:3.25rem; background: url("../img/sec19/brush-yellow.png") no-repeat center center / cover; z-index: 10;}
#sec19 .con04 .point_txt { width: 145px; height:143px; font-family: "yangjin", sans-serif; font-size:1.625rem; background: url("../img/sec19/brush-red.png") no-repeat center center / cover; z-index: 1;}
#sec19 .con04 .point_txt .txt {font-size:1.625rem; font-weight: 200;}
#sec19 .con04 .point_txt .add_txt {font-size:2.25rem; font-weight: 700}
#sec19 .con04 .item1 .pt1 {top:0; right:-4px; z-index: 2;}
#sec19 .con04 .item1 .pt2 {top:150px; right:-16px; z-index: 2;}
#sec19 .con04 .item1 .pt3 {bottom:-48px; right:54px; z-index: 2;}
#sec19 .con04 .item1 .pt4 {bottom:-48px; left:28px; z-index: 2;}
#sec19 .con04 .item2 .pt1 {top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); animation: moveAroundCircle 8s linear infinite; z-index: 11;}
#sec19 .con04 .item3 .pt1 {bottom:-48px; right:54px; z-index: 2;}
#sec19 .con04 .item3 .pt2 {bottom:-48px; left:28px; z-index: 2;}

/*sec20*/
#sec20{ background: #ececec url("../img/sec20/sec20_bg.png") no-repeat bottom center / 100% auto; padding: 40px 0 0}
#sec20 .con01{ margin-bottom: 50px}
#sec20 .con02{ margin-bottom: 40px; font-size: 5rem}
#sec20 .con02 .brown{ color: #7e4920}
#sec20 .con03{ margin-bottom: 65px; font-size: 1.563rem; line-height: +1.3}
#sec20 .con04{ position: relative}
#sec20 .con04 .tab{ position: relative; top: 1px}
#sec20 .con04 .img{ position: absolute}
#sec20 .con04 .img01{ left: 15%; top: -5%}
#sec20 .con04 .img02{ right: 15%; top: -5%}
#sec20 .con04 .img03{ left: 0; bottom: 10%}
#sec20 .con04 .img04{ right: 0; bottom: 10%}
#sec20 .con04 .click_btn{ position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); width: 202px; height: 52px}

#sec20 .shine_con{position: absolute;width: 100%;height: 100%; left: 0; top: 0; display: inline-block;background: transparent;overflow: hidden;transition: .5s;}
#sec20 .shine_con span {position: absolute;display: block; box-shadow: 1px 1px 5px #ff8484}
#sec20 .shine_con span:nth-of-type(1) {top: 0;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, #ff2c2c);animation: btn-anim1 2s linear infinite;}
#sec20 .shine_con span:nth-of-type(2) {top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg, transparent, #e30000);animation: btn-anim2 2s linear infinite;animation-delay: 0.5s;}
#sec20 .shine_con span:nth-of-type(3) {bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg, transparent, #ff2c2c);animation: btn-anim3 2s linear infinite;animation-delay: 1s;}
#sec20 .shine_con span:nth-of-type(4) {bottom: -100%;left: 0;width: 2px;height: 100%;background: linear-gradient(360deg, transparent, #e30000);animation: btn-anim4 2s linear infinite;animation-delay: 1.5s;}

/*sec21*/
#sec21{ background: url("../img/sec21/sec21_bg.png") no-repeat center / cover; padding: 40px 0 100px}
#sec21 .con01{ margin-bottom: 20px}
#sec21 .con02{ margin-bottom: 30px; font-size: 4.625rem}
#sec21 .con03{ margin-bottom: 40px; font-size: 2.188rem; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; line-height: +1.3}
#sec21 .con04{ margin-bottom: 55px; font-size: 1.750rem; opacity: 0.8; line-height: +1.3}
#sec21 .con05 .list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px}
#sec21 .con05 .item{ background: #fff}
#sec21 .con05 img{ width: 100%}
#sec21 .con05 .txt_wrap{ padding: 35px; width: 100%}
#sec21 .con05 .txt_wrap .tit{ font-size: 2.813rem; margin-bottom: 10px}
#sec21 .con05 .txt_wrap .txt{ font-size: 1.250rem}
#sec21 .con05 .item04 .txt_wrap .tit{ margin-bottom: 0}
#sec21 .con05 .item04 .txt_wrap .tit small {font-size: 0.85em;}
#sec21 .con05 .item04 .txt_wrap .txt{ margin-bottom: 10px}

/*sec22*/
#sec22{ background: url("../img/sec22/sec22_bg.png") no-repeat center bottom / cover; padding: 125px 0 180px; position: relative}
#sec22 .medal{ position: absolute; left: 50%; top: -20px; margin-left: -550px; z-index: 2}
#sec22 .food_bg01{ position: absolute; left: 0; top: 20%}
#sec22 .food_bg02{ position: absolute; right: 0; bottom: 20%}
#sec22 .con01{ font-size: 1.875rem; margin-bottom: 40px}
#sec22 .con02{  margin-bottom: 60px; position: relative}
#sec22 .con02 .txt{ font-size: 12.5rem; position: relative; z-index: 2; letter-spacing: -15px}
#sec22 .con02 .shadow{ font-size: 12.5rem; position: absolute; left: 0; top: 0; margin-left: 10px; letter-spacing: -15px; margin-top: 10px; z-index: 1; width: 100%; opacity: 0.8}
#sec22 .con02 .mark{ position: absolute; right: 0; top: 0; width: 210px; height: 215px; background: url("../img/sec22/sec22_mark.png") no-repeat center / 100% auto; font-size: 2rem; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-shadow: 2px 2px 5px rgba(0,0,0,0.2)}
#sec22 .con02 .mark .big{ font-size: 3.125rem; display: block; width: 100%}
#sec22 .con03 .box_wrap{ width: 670px; height: 130px; border: 1px solid #000; padding: 10px; display: inline-block}
#sec22 .con03 .box_inn{ width: 100%; height: 100%; background: #000; display: inline-flex; align-items: center; justify-content: center; font-size: 3.750rem; padding-top: 10px}
#sec22 .con04 .item{ margin-top: 70px}
#sec22 .con04 .item .big{ font-size: 9.375rem; margin-bottom: 40px}
#sec22 .con04 .item .tit{ font-size: 2.125rem; margin-bottom: 20px}
#sec22 .con04 .item .txt{ font-size: 1.750rem; opacity: 0.8; line-height: +1.3}

/*sec23*/
#sec23{ background: url("../img/sec23/sec23_bg.png") no-repeat center bottom / cover; padding: 80px 0 95px}
#sec23 .con01{ font-size: 5.375rem; margin-bottom: 60px}
#sec23 .con01 .underline{ position: relative}
#sec23 .con01 .underline .txt{ position: relative; z-index: 2}
#sec23 .con01 .underline:after{ content: url("../img/sec23/sec23_underline.png"); position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); z-index: 1}
#sec23 .con02{ display: flex; margin-bottom: 70px}
#sec23 .con02 .left{ flex-shrink: 0; width: 58%}
#sec23 .con02 .left .box{ width: 645px; height: 640px; background: url("../img/sec23/sec23_linebox.png") no-repeat center top / 100% auto; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
#sec23 .con02 .left .box .box_inn{ display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: flex-start}
#sec23 .con02 .left .box .hot{ position: absolute; right: -40px; top: -30px}
#sec23 .con02 .left .box .txt01{ font-size: 2.375rem; width: 480px; height: 85px; display: flex; align-items: center; justify-content: center; padding-top: 5px; margin: 0 auto; background: #000; border-radius: 43px; margin-bottom: 30px}
#sec23 .con02 .left .box .txt02{ font-size: 4.5rem; margin-bottom: 20px; text-align: left; padding-left: 100px}
#sec23 .con02 .left .box .txt03{ font-size: 3.375rem; text-align: left; padding-left: 100px}
#sec23 .con02 .right{ width: 42%; display: flex; flex-wrap: wrap; align-content: center}
#sec23 .con02 .right .tit{ color: #d64123; font-size: 5.625rem}
#sec23 .con02 .right .item{ font-size: 3.750rem; width: 100%; margin: 10px 0; padding-left: 65px; background: url("../img/sec23/sec23_check.png") no-repeat left center}
#sec23 .con02 .right .item .gray{ color: #fce8c2}

/*sec24*/
#sec24{ background: #fff; padding: 90px 0 0}
#sec24 .con01{ color: #2c1605; font-size: 3.125rem; margin-bottom: 50px}
#sec24 .con03{ padding: 35px 0}
#sec24 .con03 span{ margin: 0 15px; font-size: 1.5rem}
#sec24 .con03 span img{ margin-right: 10px}

/*sec25*/
#sec25{ background: url("../img/sec25/sec25_bg.png") no-repeat center / cover; padding: 100px 0 170px}
#sec25 .con01{ font-size: 4.625rem; margin-bottom: 40px}
#sec25 .con02{ font-size: 1.5rem; opacity: 0.5; margin-bottom: 50px}
#sec25 .con03 .box{ display: inline-block; background: #ffc002; border-radius: 90px; padding: 40px 50px}
#sec25 .con03 .wrap01{ margin-bottom: 15px}
#sec25 .con03 .wrap02{ margin-bottom: 15px}
#sec25 .con03 .wrap03{ margin-bottom: 25px}
#sec25 .con03 .wrap02,
#sec25 .con03 .wrap03,
#sec25 .con03 .wrap04{ font-size: 1.5rem}
#sec25 .con03 .wrap04 .btn{ width: 167px; height: 52px; display: inline-flex; align-items: center; justify-content: center; background: #e0592b; border-radius: 20px; padding-top: 3px}
#sec25 .con03 .wrap04 .btn img{ margin-right: 12px}

/*sec26*/
#sec26{ background: #fff; padding: 130px 0 90px}
#sec26 .txt_bg01{ position: absolute; left: 0; bottom: 0}
#sec26 .txt_bg02{ position: absolute; right: 0; top: 0}
#sec26 .con01{ font-size: 4.625rem}