@charset "utf-8";

@import url('____root.css?v=2');
@import url('__color.css?v=2');
@import url('keyframes.css?v=1');
@import url('__font.css?v=2');

/* common */
body, html {
    line-height:1.45;
    font-family: 'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
    transition: all 0.2s;
    letter-spacing: -1px;
    color:#232323;
    font-weight: 200;
}

img {
    max-width:100%;
    transition: all 0.3s;
}
/* pc mobile show */
.pc-show {
    display: block;
}
.mb-show {
    display: none;
}
.mb-small-show {
    display: none;
}
.absol-img, .absol {
    position: absolute;
}
.relative {
    position: relative;
}
.tfcc {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.msg-sound-only, .sound-only {
    display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important
}

.pc {display: block;}
.mo {display: none;}

/* txt option */
.v-txt-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
.v-txt-wrap.type-th {

}
.v-txt-wrap .txt {
    line-height: 1.1;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    opacity: 1;
}
.v-txt-wrap .img {
    writing-mode: vertical-rl;
    text-orientation: sideways;
    opacity: 1;
}
.v-txt-wrap .txt span {
    display: inline-block;
    transform: translateY(100%) rotate(-180deg);
    opacity: 0;
}
.v-txt-wrap.type-th .txt {
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.v-txt-wrap.type-th .txt span {
    transform: translateY(100%) rotate(0deg);
}

.v-txt-wrap .txt span.active {
    animation: vTxt-slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.v-txt-wrap.type-th .txt span.active {
    animation: vTxt-th-slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.v-txt-wrap .img.active {
    animation: vTxt-slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}



/* bbs common */
.tbl_head01 td,
#bo_list .td_name,
#bo_v,
#bo_w,
#gall_ul
{
    font-family: 'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
    font-weight: 400;
}
#bo_v_share .btn {
    font-size:0.75em;
}
#bo_v_info .profile_info,
#bo_v_info .profile_info .profile_info_ct{
    line-height: 1.45;
}
#bo_w .btn_cancel,
#bo_w .btn_submit {
    font-size:1.0em;
}

main {
    position:relative;
    margin:0 auto;
    width:100%;
    box-sizing:border-box;
}
section.sec {
    position:relative;
    margin:0 auto;
    padding:150px 0 150px 0;
    /*padding:7.0rem 0 6.25rem 0;*/
    width:100%;
    transition:all 0.8s;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:hidden;
    font-size:16px;
}
section.full-img-sec {
    min-width: 1400px;
}
section.full-img-sec img {
    min-width: 1400px;
}
section.sec .cont-wrap {
    position:relative;
    margin:0 auto;
    width:100%;
    min-width: 1400px;
    box-sizing:border-box;
    text-align:center;
}
section.sec .cont-wrap .cont {
    position:relative;
    margin:0 auto;
    width:100%;
    min-width: 1400px;
    box-sizing:border-box;
    text-align:center;
}
section.sec .cont-wrap .tt {
    margin:0 auto 16px;
    font-family: "Gapyeong Hanseokbong",'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
    font-size:96px;
    font-weight: bold;
    letter-spacing: -2px;
}
section.sec .cont-wrap .sub-tt {
    font-size:56px;
    font-weight: 400;
    font-family: "Gapyeong Hanseokbong",'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
}
section.sec .cont-wrap img {
    max-width:100%;
}
section.sec .cont-wrap .flex {
    display:flex;
}

.sec span{ display: inline-block}
.underline{ position: relative; text-decoration: underline; text-underline-offset: 8px;}
.underline .txt{ position: relative; z-index: 2}
.underline:after{ z-index: 1}
.shadow-wrap{ position: relative; padding: 0 30px 30px 0}
.shadow-wrap .txt{ position: relative; z-index: 2}
.shadow-wrap .shadow{ position: absolute; left: 25px; top: 25px; z-index: 1; color: rgba(0,0,0,0.1); text-shadow: 1px 1px 15px rgba(0,0,0,0.6);}

.bg-txt-grn {
    display: inline-flex;
    padding:4px;
    background: var(--green2-color);
}
.bg-txt-blk {
    display: inline-flex;
    padding:4px;
    background:#000;
}
.fw-bd {
    font-family: "Gapyeong Hanseokbong",'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
    font-weight: 700;
}
.fw-nm {
    font-family: "Gapyeong Hanseokbong",'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
    font-weight: 300;
}
.bold {
    font-weight:bold;
}

.op100 {
    opacity: 1.0;
}
.op90 {
    opacity: 0.9;
}
.op80 {
    opacity: 0.8;
}
.op70 {
    opacity: 0.7;
}
.op60 {
    opacity: 0.7;
}
.op50 {
    opacity: 0.5;
}
.op40 {
    opacity: 0.4;
}
.op30 {
    opacity: 0.3;
}
.op20 {
    opacity: 0.2;
}
.op10 {
    opacity: 0.1;
}
.fw200 {
    font-weight:200;
}
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}
.swiper-button-prev,
.swiper-button-next {
    top:unset;
    right:unset;
    left:unset;
    bottom:unset;
}

.required {
    color:#e7141a;
}
.flex-wrap {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
a {
    cursor:pointer;
    transition: all 0.2s;
}
button {
    cursor:pointer;
    transition: all 0.2s;
}

div {position:relative;}
h1, h2, h3, h4, h5, h6{
    font-family: "Gapyeong Hanseokbong",'Noto Sans KR','NanumSquare','Nanum Gothic',-apple-system, "Apple Color Emoji", sans-serif;
    font-weight: 700;
}
.inner_wrap{ width: 1200px; height: auto; position: relative; margin: 0 auto; z-index: 101; padding: 0 15px}
.sec{ position: relative; }
.sec span{ display: inline-block}
.underline{ position: relative}
.underline .txt{ position: relative; z-index: 2}
.underline:after{ z-index: 1}
.shadow_wrap{ position: relative; padding: 0 30px 30px 0}
.shadow_wrap .txt{ position: relative; z-index: 2}
.shadow_wrap .shadow{ position: absolute; left: 25px; top: 25px; z-index: 1; color: rgba(0,0,0,0.1); text-shadow: 1px 1px 15px rgba(0,0,0,0.6);}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#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}
.sound_only {display: none;}

/*gnb*/
.hd{
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    width: 100%; height: 100px; background: #515151; z-index: 999; font-weight: 400; color: #444343;
    transition: all 0.2s;
}
.hd.scrolled {
    height:72px;
    box-shadow: 0px 0px 12px rgba(100,100,100,0.2);
}
.hd .inner-wrap{
    display: flex; 
    align-items: center; 
    flex-wrap: nowrap; 
    gap:100px;
    max-width: 1600px; 
    min-width:1400px; width:100%; height:100%; padding:0;
}
.active.hd{ position: fixed}
.hd .logo{
    width:212px;
    text-align: center;
}
.hd.scrolled .logo{
    width:60px;
}
.hd nav{ padding:0; max-width:1020px; height: 100%; display: flex; align-items: center; flex-wrap: nowrap; line-height: +1.3; letter-spacing: -1px}
.hd .gnb{gap:70px; margin-right:auto; width:100%; }
.hd .gnb .menu {
    font-size:18px;
}
.hd.scrolled .gnb .menu {
    font-size:18px;
}
.hd .gnb .menu strong {
    font-weight: 600;
}
.hd .sns-wrap {gap:10px;}
.hd .call-wrap {
    width:200px;
    height:66px;
    transition: all 0.2s;
}
.hd.scrolled .call-wrap {
    height: 56px;
}
.hd .call-wrap .call {
    width:100%;
    height: 100%;
    line-height: 1.2;
    color:#000;
    border-radius: 50%;
    background: var(--green-color);
    border:1px solid #fff;
    font-size:26px;
    font-weight: 600;
    animation: glow 1.5s infinite alternate;
}

/* fixed_form start */
.fixed-form-wrap .fixed-tt {
    gap:10px;
    margin:-7px 0 0 0;
    font-size:16px;
    font-weight: 300;
    height: 40px;
}
.fixed-form-wrap .fixed-tt .tt-txt {
    font-style: italic;
}
.fixed-form-wrap .fixed-tt tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin:0 0 4px 0;
    width:50px;
    height:16px;
    font-size:10px;
    font-style: italic;
    letter-spacing: 4px;
    background: #ed1b23;
    border-radius: 3px;
}
.fixed-form-wrap .fixed-tt .tel {
    font-size:20px;
    font-weight: bold;
    font-style: italic;
}
.fixed-form-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 26px 0;
    height:100px;
    background:#f9ece3;
    font-size: 18px; color: #222;
    z-index: 1000;
}
.fixed-form-wrap .inner-wrap{margin:0 auto; padding:0 0; width:100%; min-width: 1400px; max-width:1400px; height:100%;  z-index: 2; }
.fixed-form-wrap .inner-wrap .fw-wrap {width: 100%;}
.fixed-form-wrap ::placeholder{ font-size: 24px}
.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; gap:10px; width:100%; max-width: 1400px;}
.fixed-form-wrap .fw-input-box li {gap:8px;}
.fixed-form-wrap .fw-input-box li .logo {
    padding-right:10px;
    border-right:1px solid #724e3f;
}
.fixed-form-wrap .fw-input-box li .call {
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -2px;
}
.fixed-form-wrap .fw-input-box li .call .txt {
    padding-left:4px;
    color: #000;
}
.fixed-form-wrap .fw-input-box li .call .call-txt {
    font-size: 36px;
}
.fixed-form-wrap .fw-input-box li input[type="text"],
.fixed-form-wrap .fw-input-box li input[type="tel"]
{width: 168px; height: 50px;padding: 8px 26px;font-size: 20px; border:1px solid #000; letter-spacing: -1px;}
.fixed-form-wrap .fw-input-box li .label-wrap {gap:8px;}
.fixed-form-wrap .fw-input-box li label {display: flex; justify-content: flex-start; align-items: center; gap:6px; font-size:14px; cursor: pointer;}
.fixed-form-wrap .fw-input-box li select{width: 168px; height: 50px;padding: 8px 32px;font-size: 20px; border:1px solid #000;}
.fixed-form-wrap .fw-input-box .ck-agree{padding-top:0; cursor: pointer;}
.fixed-form-wrap .fw-input-box .ck-agree input{width: 16px;height: 16px; border:2px solid #000; border-radius:8px; cursor: pointer;}
.fixed-form-wrap .fw-input-box .ck-agree label{display: flex; align-items: center; justify-content: flex-start; gap:8px; letter-spacing: -1px;cursor: pointer; font-size: 14px;}
.fixed-form-wrap .privacy-wrap {color:#000000; font-size: 13px; opacity: 0.9;}
.fixed-form-wrap .btn-submit{display: flex; justify-content: center; align-items: center; background:var(--dark-red-color);margin: 0;width: 180px;height: 50px;border-radius: 0px; font-size: 20px; font-weight: bold; cursor: pointer}
.fixed-form-wrap .btn-submit:hover {background: var(--dark-red-hover-color);}
input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #ccc;
    background-color: #fff;
    border-radius: 50%;
    width:20px;
    height:20px;
    outline: none;
    cursor: pointer;
}
input[type='radio']:checked {
    background-color: #fff;
    border: 4px solid #ed1b23;
}
/* fixed_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/landing/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_biz .pop-body .item_slide img{ width: 100%}

.pop-privacy{display: none;  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 var(--dark-red-color); 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: #0c2956; padding: 40px 50px 0; border-radius: 40px; overflow-y: initial}
.pop_click_inquiry .txt01{ font-size: 1.563rem}
.pop_click_inquiry .txt02,
.pop_click_inquiry .txt02 a{ font-size: 2rem; font-weight: 700}
.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: #222;}
.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: #222; 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; border-radius: 15px}
.pop_click_inquiry .fw-input-box li select{width: 49%;border: none;outline: none;height: 50px;margin: 5px 0;font-size: 1rem;background: #fff; border-radius: 15px}
.pop_click_inquiry .fw_submit_wrap{width: 100%; text-align: center;}
.pop_click_inquiry .fw_submit_wrap .btn-submit{margin: 10px 0 0;background: #d0a02c;border: none;width: 100%; height: 50px; cursor: pointer; color: #fff; font-size: 1.5rem; position: relative; top: 25px; border-radius: 15px}
.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; justify-content: 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: 88px 0 160px; background: #231c0e;}
.footer .cont-wrap{
    gap:118px;
    margin:0 auto;
    width:100%;
    max-width: 1400px;
    font-size:16px;
}
.footer .cont-wrap .item1 {
    gap:40px;
}
.footer .cont-wrap .ft-info {
    margin-right:auto;
    color:#fff;
    font-size:18px;
}
.footer .cont-wrap .ft-info .company {
    margin:0 auto;
}
.footer .cont-wrap .ft-info .copy {

}
.footer .cont-wrap .ft-call .txt {
    font-size:18px;
}
.footer .cont-wrap .ft-call .num {
    margin:4px auto 0;
    font-size:28px;
    font-weight: 400;
}
.footer .cont-wrap .ft-call-txt {
    padding-top:56px;
    line-height: 1.2;
    font-size:24px;
    opacity: 0.5;
}
.footer .cont-wrap .ft-call-num {
    line-height: 1.2;
    font-size:32px;
}

/* quick */
.quick {
    position: fixed;
    top:120px;
    right:50px;
    width:120px;
    height:auto;
    z-index: 1000;
}
.quick .quick-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:40px;
    font-size:18px;
    letter-spacing: -1px;
    background: url('../../img/pc/bg/quick_top_bg.jpg') repeat-x center center;
    background-size: cover;
}
.quick .quick-bottom {
    width:100%;
    height:100px;
    font-size:34px;
    font-weight: 400;
    font-style: italic;
    background: #ed1b23;
    border-radius: 0 0 21px 21px;
    transition: all 0.3s;
}
.quick .quick-bottom a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 0 4px 0;
    line-height: 1.15;
    width:100%;
    height:100%;
}
.quick .quick-bottom:hover a {
    text-decoration: none;
}
.quick .quick-bottom:hover {
    text-decoration: none;
    background: #640205;
}

/* btn */
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s;
}

/* label */
.color-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
    background: #d0cdca;
    transition: all 0.3s;
}
.color-label:after {
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: block;
    width:calc(100% - 8px * 2);
    height:calc(100% - 8px * 2);
    border:1px solid #fff;
}
.color-label.gray {
    background: #d0cdca;
}
.color-label.light-green {
    background: #c3d8c4;
}
.color-label.light-blue {
    background: #9bced0;
}

/* youtube-wrap */
.youtube-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 */
    height: 0;
    overflow: hidden;
}
.youtube-wrap.bg-wrap {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}
.youtube-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.youtube-wrap:after {
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 1;
}

/* rolling */
.line-wrap {
    flex-wrap: nowrap;
    flex: 0 0 auto;
    white-space: nowrap;
    width:auto;
    overflow: hidden;
    transition: 0.3s;
    z-index: 0;
}
.line {
    margin:0 5px;
    gap:10px;
    flex-wrap: nowrap;
    width:auto;
    animation-name: textLoop;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* swiper */
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}


/* main-sec 1 */
section.sec#main-sec {
    padding-top:0;
    padding-bottom:0;

    height: 100vh;
    min-height: 920px;

    background:url('../../img/pc/bg/main-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#main-sec .cont-wrap {
    height: 100vh;
    min-height: 920px;
}
#main-sec .tt-wrap {

}
#main-sec .v-wrap.vw1 {
    top:50%;
    left:50%;
    transform: translateY(-50%);
    margin-left:-530px;
    z-index: 1;
}
#main-sec .v-wrap .txt-wrap .txt {
    line-height: 1.2;
    letter-spacing: -6px;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
}
#main-sec .v-wrap .txt-wrap .txt span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s forwards;
}
#main-sec .v-wrap .txt-wrap .txt span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s forwards;
}
#main-sec .v-wrap .txt-wrap .t1 {
    gap:14px;
    font-size: 80px;
    height: 0;
    opacity: 0;
    transition: all 1s;
    letter-spacing: -4px;
    overflow: hidden;
}
#main-sec .v-wrap .txt-wrap .t2 {
    gap:12px;
    font-size: 84px;
    height: 0;
    opacity: 0;
    transition: all 1s;
    overflow: hidden;
}
#main-sec .v-wrap .txt-wrap .t2 span {
    font-weight: 800;
}
#main-sec .v-wrap .txt-wrap .t1.active {
    height: auto;
    opacity: 1;
    overflow: visible;
}
#main-sec .v-wrap .txt-wrap .t2.active {
    height: auto;
    opacity: 1;
    overflow: visible;
}
#main-sec .v-wrap .red-logo {
    margin-left:100px;
    margin-top:-64px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1); /* 기본 크기 */
    opacity: 0;
}
#main-sec .v-wrap .red-logo.stamp {
    animation: stampEffect 1.2s ease forwards; /* 도장 찍는 애니메이션 */
}
#main-sec .v-wrap.vw2 {
    top:36px;
    left:50%;
    margin-left:-700px;
    z-index: 1;
}
#main-sec .v-wrap.vw2 .txt-wrap .t1 {
    gap:14px;
    margin-top:12px;
    font-size: 44px;
    font-weight: 200;
}
#main-sec .v-wrap.vw2 .txt-wrap .t2 {
    gap:12px;
    font-size: 72px;
}
#main-sec .v-wrap.vw2 .red-logo {
    margin:0 0 4px;
}
#main-sec .door-wrap {
    display: none;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100vh;
    min-height: 920px;
    transition: all 0.4s;
    z-index: 2;
}
#main-sec .door-wrap.active {
    z-index: 0;
}
#main-sec .door-wrap .inner {
    width: 100%;
    height: 100%;
}
#main-sec .door-wrap .tt {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s;
}
#main-sec .door-wrap .door-left {
    top:50%;
    left:0;
    transform: translateY(-50%);

    min-width: 50%;
    transition: all 0.85s;
}
#main-sec .door-wrap .door-right {
    top:50%;
    left:50%;
    transform: translateY(-50%);

    min-width: 50%;
    transition: all 0.85s;
}
#main-sec .door-wrap .tt.active {
    opacity: 0;
}
#main-sec .door-wrap .inner .door-left {
    max-width: unset;
}
#main-sec .door-wrap .inner .door-right {
    max-width: unset;
}
#main-sec .door-wrap .inner.active .door-left {
    left:-50%;
}
#main-sec .door-wrap .inner.active .door-right {
    left:100%;
}
#main-sec .door-wrap .inner.active .vw1 {
    opacity: 0;
}
#main-sec .cont1 {
    padding:72px 0 0 0;
    height: 100%;
    z-index: 1;
}
#main-sec .cont1 .cont-inner {
    position: relative;
    padding:16px 0 16px 0;
    height: calc(100% - 96px);
    min-width: 1400px;
}
#main-sec .item-bg {
    top:-72px;
    left:0;
    width: 50%;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
}
#main-sec .youtube-wrap {
    width:110vw;
    min-width: 1680px;
    height: 110vh;
    z-index: 0;
}
#main-sec .youtube-wrap:after {
    background: rgba(0,0,0,0.7);
}
#main-sec .item1 {
    width:50%;
    min-width: 700px;
    height: 100%;
}
#main-sec .item2 {
    width:50%;
    min-width: 700px;
    height: 100%;
}
#main-sec .round-wrap {
    transform: translateX(50%);
    width:708px;
    height: 708px;
    border:1px solid #fff;
    border-radius: 50%;
}
#main-sec .round-wrap .ball {
    top: 50%; /* 중심 기준 */
    left: 50%; /* 중심 기준 */
    width: 16px; /* ball 크기 */
    height: 16px; /* ball 크기 */
    background-color:var(--dark-red-color);
    border-radius: 50%; /* 원형으로 만듦 */
    transform-origin: center center; /* 원 중심 기준 회전 */
    transform: rotate(0deg) translate(-8px, -364px); /* 초기 위치: 반지름 계산 적용 */
    transition: transform 1.5s ease-in-out; /* 이동 애니메이션 */
}
#main-sec .round-wrap .inner {
    position: relative;
    width: 635px;
    height: 635px;
    border-radius: 50%;
    overflow: hidden;
}
#main-sec .round-wrap .inner img {
    top:50%;
    left:50%;
    transform: translate(-50%,-150%);
    z-index: 0;
    opacity: 0.1;
    transition: all 1.0s;
}
#main-sec .round-wrap .inner img.active {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    z-index: 1;
}
#main-sec .main-sw {
    margin-left:calc(708px / 2);
    padding-left:40px;
    width: calc(100% - 708px/2);
}
#main-sec .main-sw .swiper-slide {
    width: 150px;
}
#main-sec .main-sw .label {
    position: relative;
    padding:48px 0 32px 0;
    width:150px;
    height: 480px;
    color:#e7e7e7;
    background: #cecac8;
    transition: all 0.3s;
}
#main-sec .main-sw .label:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% - 12px);
    height:calc(100% - 18px);
    border:1px dotted #fff;
}
#main-sec .main-sw .label .txt {
    line-height: 1.2;
    letter-spacing: -6px;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
}
#main-sec .main-sw .label .t1 {
    gap:8px;
    font-size: 28px;
}
#main-sec .main-sw .label .t2 {
    gap:8px;
    margin-top:52px;
    font-size: 48px;
}
#main-sec .main-sw .swiper-slide.swiper-slide-active .label {
    background: var(--dark-red-color);
}
#main-sec .main-sw .txt-wrap {
    margin:16px auto 0;
    line-height: 1.35;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.5;
    transition: all 0.3s;
}
#main-sec .main-sw .swiper-slide.swiper-slide-active .txt-wrap {
    opacity: 1.0;
}
#main-sec .add-txt {
    height: 96px;
    font-size: 28px;
    background: rgba(37,37,37,0.8);
}

/* fun-sec sec-add1 */
section.sec#fun-sec {
    padding-top:200px;
    padding-bottom:90px;

    background:url('../../img/pc/bg/fun-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#fun-sec .cont-wrap {
    height: auto;
}
#fun-sec .tt-wrap {

}
#fun-sec .tt-wrap .tt {
    margin:0 auto 48px;
    line-height: 1.25;
    font-size: 64px;
}
#fun-sec .tt-wrap .add-txt {
    font-size: 24px;
}
#fun-sec .cont1 {
    position: relative;
    margin:0 auto 136px;
    width: 100%;
    max-width: 1400px;
    z-index: 1;
}
#fun-sec .cont1 .frame {
    margin:132px auto 0;
    padding:24px 36px;
    max-width: 1130px;
    width: 100%;
    border:1px solid var(--dark-red-color);
}
#fun-sec .cont1 .frame .gray-bg {
    padding:110px 76px 66px 76px;
    background: #2b2a2a;
}
#fun-sec .cont1 .frame .youtube-wrap:after {
    display: none;
}
#fun-sec .cont1 .frame .round-wrap {
    top:-64px;
    left:50%;
    transform: translateX(-50%);
    padding:36px 20px 36px 20px;
    width: 880px;
    height: 200px;
    border-radius: 32px;
    background: var(--dark-red-color);
    z-index: 1;
}
#fun-sec .cont1 .frame .round-wrap .up-txt {
    top:-72px;
    right:-156px;
}
#fun-sec .cont1 .frame .round-wrap .tt {
    margin:0 auto 8px;
    line-height: 1.2;
    font-size: 40px;
    font-weight: 200;
}
#fun-sec .cont1 .frame .round-wrap .tt strong {
    font-weight: 800;
}
#fun-sec .cont1 .frame .round-wrap .add-txt {
    font-size: 20px;
}
#fun-sec .cont2 {
    margin:0 auto 74px;
    width: 100%;
    max-width: 1600px;
    padding:128px 0 86px 0;
    background:url('../../img/pc/sec-add1/fun-sec_revenueBg.jpg') no-repeat top center;
    background-size: cover;
    border:1px solid #aeabab;
    box-shadow: 8px 8px 6px rgba(0,0,0,0.1);
    z-index: 2;
}
#fun-sec .cont2 .thin {
    font-weight: 200;
}
#fun-sec .cont2 .graph-wrap {
    margin:0 auto;
    max-width: 1400px;
    width: 100%;
}
#fun-sec .graph-item {
    width:calc(100% - 486px);
}
#fun-sec .graph-item .graph {
    margin:0 auto;
    width: 822px;
    height: 821px;
    background:url('../../img/pc/sec5/graph.png') no-repeat top center;
    background-size:cover;
}
#fun-sec .graph .center {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:800px;
}
#fun-sec .graph .center .store-name {
    margin:24px auto 0;
    font-size: 32px;
}
#fun-sec .graph .center .cnt-wrap {
    line-height: 1.15;
    font-size: 64px;
    letter-spacing: -2px;
}
#fun-sec .graph .inner-tt {
    line-height: 1.25;
    font-weight: 800;
    font-size:24px;
}
#fun-sec .graph .inner-txt {
    line-height: 1.25;
    font-size:18px;
    font-weight: 400;
}
#fun-sec .graph .cnt-wrap {
    line-height: 1.15;
    font-size:64px;
    font-weight: 600;
}
#fun-sec .graph .profit {
    top:120px;
    left:50%;
    margin-left: -468px;
    width: 280px;
}
#fun-sec .graph .profit .inner-tt {
    padding-right:72px;
}
#fun-sec .graph .profit .line-txt {
    margin:8px auto 0;
    padding-right:0;
    line-height: 1.25;
    font-size: 36px;
}
#fun-sec .graph .profit .line-txt .t1 {
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -2px;
}
#fun-sec .graph .profit .line-txt .t2 {
    font-size:32px;
    font-weight: bold;
    letter-spacing: -2px;
}
#fun-sec .graph .cost {
    top:210px;
    left:50%;
    margin-left: 144px;
    width: 280px;
}
#fun-sec .graph .expense {
    gap:24px;
    top:684px;
    left:50%;
    margin-left: -312px
}
#fun-sec .graph .expense .inner {
    padding:16px 0 0 0;
}
#fun-sec .graph .expense .inner-tt {
    margin:0 auto 4px;
}
#fun-sec .graph .expense .inner-txt {
    gap:40px;
}
#fun-sec .price-item {
    padding:20px 0 0 0;
    width:calc(486px);
}
#fun-sec .table-wrap {
    margin:80px 0 0 0;
    padding:36px 26px 26px 26px;
    background: #fff;
    max-width: 460px;
    width: 100%;
    box-shadow: 18px 12px 0 rgba(0, 0, 0, 0.15); /* 그림자를 딱 붙게 설정 */
    z-index: 10;
}
#fun-sec .table-wrap .img-wrap img {
    width: 108px;
}
#fun-sec .table-wrap table {
    margin:20px auto 0;
    width: 100%;
}
#fun-sec .table-wrap table th {
    padding-top:14px;
    padding-bottom:14px;
    font-size: 18px;
    background: #404040;
    font-weight: 700;
    border-bottom:1px solid #535353;
}
#fun-sec .table-wrap table td {
    padding-top:12px;
    padding-bottom:12px;
    background: #404040;
    font-weight: 400;
    border-bottom:1px solid #535353;
}
#fun-sec .table-wrap table td strong {
    font-size: 18px;
}
#fun-sec .table-wrap table tr th:first-child {
    padding-left:24px;
    text-align: left;
}
#fun-sec .table-wrap table tr td:first-child {
    padding-left:24px;
    text-align: left;
}
#fun-sec .table-wrap table tfoot th {
    background: var(--dark-red-color);
}
#fun-sec .table-wrap table .round-txt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:0 10px;
    height: 36px;
    background: #ffe400;
    font-size:20px;
    font-weight: bold;
    color:var(--dark-red-color);
    border-radius: 50%;
}
#fun-sec .table-wrap table .cnt {
    font-size: 24px;
}
#fun-sec .cont2 .food1 {
    top:-400px;
    left:50%;
    margin-left:368px;
    animation: infiniteRotate 18s infinite ease-in-out;
}
#fun-sec .cont3 {
    position: relative;
    margin:80px auto 0;
    max-width: 1600px;
    min-width: 1600px;
    z-index: 2;
}
#fun-sec .cont3 .sub-tt {
    font-weight: 200;
    font-size: 32px;
}
#fun-sec .cont3 .tt {
    margin:0 auto 72px;
    letter-spacing: -2px;
}
#fun-sec .cont3 .info-list {
    position: relative;
    gap:20px;
    padding:90px 100px;
    background:#292929;
    z-index: 2;
}
#fun-sec .cont3 .info-list .item {
    gap:60px 10px;
}
#fun-sec .cont3 .info-list .item .desc {
    padding:14px 8px;
    font-size: 18px;
}
#fun-sec .cont3 .info-list .item .desc strong {
    font-weight: 800;
}
#fun-sec .cont3 .info-list .item .sub-item {
    position: relative;
}
#fun-sec .cont3 .info-list .item .sub-item.arrow {
    margin:-78px auto 0;
}
#fun-sec .cont3 .info-list .item .sub-item .circle-txt {
    top:-48px;
    left:-58px;
    width: 162px;
    height: 142px;
    z-index: 1;
}
#fun-sec .cont3 .info-list .item .sub-item .circle-txt .circle {
    top:-10px;
    left:-2px;
    z-index: 0;
}
#fun-sec .cont3 .info-list .item .sub-item .circle-txt .desc {
    top:50%;
    left:46%;
    transform: translate(-50%,-50%);
    width: 116px;
    height: 116px;
    background: var(--dark-red-color);
    border-radius: 50%;
    font-size: 16px;
    z-index: 1;
}
#fun-sec .cont3 .add-txt.final-area {
    margin:64px auto 32px;
    font-size: 64px;
    font-weight: 800;
    letter-spacing: -2px;
}
#fun-sec .cont3 .desc.final-area {
    font-size: 24px;
    font-weight: 200;
    letter-spacing: -2px;
}
#fun-sec .cont3 .food2 {
    top:640px;
    left:50%;
    margin-left:-920px;
}
#fun-sec .cont3 .food3 {
    top:900px;
    left:50%;
    margin-left:-994px;
}
#fun-sec .cont3 .round-wrap.up-round {
    bottom:10px;
    right:10px;
    width: 90px;
    height: 90px;
    background: #f0bb1d;
    border:4px solid #fff;
    border-radius: 50%;
}
#fun-sec .cont3 .round-wrap.up-round .txt {
    line-height: 1.2;
    color:#000;
    font-size:22px;
    font-weight: bold;
}
#fun-sec .cont3 .round-wrap.up-round .txt.up-txt {
    font-size:18px;
    color: #611414;
}

/* receipt-sec sec-r */
section.sec#receipt-sec {
    padding-top:140px;
    padding-bottom:150px;

    background:#820808;
}
section.sec#receipt-sec .cont-wrap {
    height: auto;
}
#receipt-sec .tt-wrap {
    margin:0 auto 84px;
}
#receipt-sec .tt-wrap .tt {
    margin:0 auto 48px;
    line-height: 1.25;
    font-size: 76px;
}
#receipt-sec .tt-wrap .sub-tt {
    margin:0 auto 12px;
    font-size:48px;
    letter-spacing: -2px;
    font-weight: 200;
}
#receipt-sec .tt-wrap .desc {
    font-size: 32px;
}
#receipt-sec .cont1 {
    position: relative;
    width: 100%;
    max-width: 1400px;
    z-index: 1;
}
#receipt-sec .cont1 .receipt-list {
    gap:40px 91px;
}
#receipt-sec .cont1 .receipt-list .item {
    position: relative;
    padding: 25px 28px 0 28px;
    width: calc(100% / 3 - 91px * 2 / 3);
    max-width: 406px;
    height: 348px;
    background: url(../../img/pc/sec_r/receipt-bg.png) no-repeat;
}
#receipt-sec .cont1 .receipt-list .item:nth-child(3n-1) {
    margin:50px auto 0;
}
#receipt-sec .receipt {
    overflow: hidden;
}
#receipt-sec .receipt-img .txt-wrap {
    position: absolute;
    top:58px;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    height: auto;
}
#receipt-sec .receipt-img .txt-wrap .store-name {
    margin:0 auto 16px;
    font-size:40px;
}
#receipt-sec .receipt-img .txt-wrap .scale-wrap {
    margin:0 auto 18px;
    font-size:28px;
}
#receipt-sec .receipt-img .txt-wrap .scale-wrap .scale {
    padding:2px 6px 4px 6px;
    line-height: 1.00;
    background: #ffd63d;
    border-radius: 6px;
}
#receipt-sec .receipt-img .txt-wrap .scale-wrap .sep {
    margin-right:6px;
}
#receipt-sec .receipt-img .txt-wrap .money-wrap {
    font-size:36px;
    color: #e70a0a;
    letter-spacing: -1px;
}


/* communicate-sec sec-c */
section.sec#communicate-sec {
    padding-top:140px;
    padding-bottom:96px;

    background:url('../../img/pc/bg/communicate-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#communicate-sec .cont-wrap {

}
#communicate-sec .tt-wrap {
    margin:0 auto 128px;
}
#communicate-sec .tt-wrap .tt {
    margin:0 auto;
    line-height: 1.25;
    font-size: 76px;
}
#communicate-sec .tt-wrap .sub-tt {
    margin:0 auto 12px;
    font-size:44px;
    letter-spacing: -2px;
    font-weight: 200;
}
#communicate-sec .cont1 {
    position: relative;
    width: 100%;
    max-width: 1620px;
    z-index: 1;
}
#communicate-sec .swiper {
    margin:0 auto 88px;
    padding:94px 0 56px 0;
}
#communicate-sec .swiper-slide {
    position: relative;
    width: 524px;
    overflow: visible;
}
#communicate-sec .swiper-slide.swiper-slide-active {
    z-index: 10;
}
#communicate-sec .swiper-slide.swiper-slide-active::after {
    content:'';
    position: absolute;
    top:-94px;
    left:50%;
    transform: translateX(-50%);
    display: block;
    width:598px;
    height:1208px;
    opacity: 1;
    background: url('../../img/pc/sec_c/phone-bg.png') no-repeat center center;
    background-size: 598px 1208px;
    z-index: 0;
}
#communicate-sec .swiper-slide .black-wrap {
    position: relative;
    padding:20px 0;
    background: #080808;
    z-index: 1;
}
#communicate-sec .swiper-slide.swiper-slide-active .black-wrap {
    background: none;
}
#communicate-sec .cont1 .desc {
    font-size:30px;
}


/* comparison-sec 2 */
section.sec#comparison-sec {
    margin:0 auto;

    padding-top:136px;
    padding-bottom:68px;

    min-height: 920px;
    height: 100vh;
    max-height: 1333px;
    max-width: 2560px;

    background:url('../../img/pc/bg/comparison-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#comparison-sec .cont-wrap {
    height: auto;
}
#comparison-sec .tt-wrap {

}
#comparison-sec .tt-wrap .tt {
    font-size: 48px;
}
#comparison-sec .cont1 {
    width: 100%;
    max-width: 1400px;
    height: calc(100vh - 70px - 136px - 68px);
    max-height: calc(1333px - 70px - 136px - 68px);
}
#comparison-sec .v-wrap.vw1 {
    top:0;
    left:50%;
    margin-left:-830px;
    z-index: 1;
}
#comparison-sec .v-wrap .txt-wrap .txt {
    line-height: 1.2;
    letter-spacing: -6px;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
}
#comparison-sec .v-wrap .txt-wrap .txt span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s forwards;
}
#comparison-sec .v-wrap .txt-wrap .txt span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s forwards;
}
#comparison-sec .v-wrap .txt-wrap .t1 {
    gap:12px;
    font-size: 40px;
    height: 0;
    opacity: 0;
    transition: all 1s;
    letter-spacing: -6px;
    overflow: hidden;
}
#comparison-sec .v-wrap .txt-wrap .t2 {
    gap:12px;
    font-size: 58px;
    height: 0;
    opacity: 0;
    transition: all 1s;
    overflow: hidden;
}
#comparison-sec .v-wrap .txt-wrap .t2 span {
    font-weight: 800;
}
#comparison-sec .v-wrap .txt-wrap .t1.active {
    height: auto;
    opacity: 1;
    overflow: visible;
}
#comparison-sec .v-wrap .txt-wrap .t2.active {
    height: auto;
    opacity: 1;
    overflow: visible;
}
#comparison-sec .cont-item {
    width: 50%;
    height: 100%;
}
#comparison-sec .rt1 {
    top:25%;
    left:-12%;
}
#comparison-sec .rt2 {
    top:20%;
    left:70%;
}
#comparison-sec .rt3 {
    top:62%;
    left:38%;
}
#comparison-sec .round-txt {
    width:236px;
    height: 236px;
}
#comparison-sec .round-txt .item1 {
    position: relative;
    width:236px;
    height: 236px;
    transform: scale(1);
    border:1px solid #dbaa19;
    line-height: 1.0;
    font-size:40px;
    font-weight: bold;
    background: rgba(255,255,255,0.76);
    border-radius: 50%;
    opacity: 1;
    z-index: 1;
    transition: all 0.7s;
}
#comparison-sec .round-txt .item2 {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) scale(0);
    width:294px;
    height: 294px;
    border:1px solid #dbaa19;
    background: rgba(0,0,0,0.76);
    border-radius: 50%;
    opacity: 0;
    z-index: 0;
    transition: all 1s;
}
#comparison-sec .round-txt .item2 strong {
    line-height: 1.25;
    font-size: 20px;
    font-weight: 400;
}
#comparison-sec .round-txt .item2 .item-tt {
    margin:6px auto 0;
    line-height: 1.25;
    font-size: 40px;
    font-weight: 800;
}
#comparison-sec .round-txt.active .item1 {
    transform: scale(0);
    opacity: 0;
}
#comparison-sec .round-txt.active .item2 {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
}


/* taste-sec 3 */
section.sec#taste-sec {
    padding-top:84px;
    padding-bottom:92px;

    background:#f9ece3;
}
section.sec#taste-sec .cont-wrap {

}
#taste-sec .tt-wrap {

}
#taste-sec .tt {
    margin:0 auto 32px;
    font-size: 64px;
}
#taste-sec .add-txt {
    font-size: 20px;
}
#taste-sec .cont1 {
    margin:40px auto 0;
    max-width: 1400px;
}
#taste-sec .cont1 .item {
    padding:0 0 84px 0;
    width: calc(100% / 4);
}
#taste-sec .cont1 .item1 {
     background:url('../../img/pc/sec3/item-bg1.jpg') no-repeat top center;
     background-size:cover;
}
#taste-sec .cont1 .item2 {
     background:url('../../img/pc/sec3/item-bg2.jpg') no-repeat top center;
     background-size:cover;
}
#taste-sec .cont1 .item3 {
     background:url('../../img/pc/sec3/item-bg3.jpg') no-repeat top center;
     background-size:cover;
}
#taste-sec .cont1 .item4 {
     background:url('../../img/pc/sec3/item-bg4.jpg') no-repeat top center;
     background-size:cover;
}
#taste-sec .cont1 .item .store-name {
    display: flex;
    align-items: center;
    padding:32px 0 32px 8px;
    width:70px;
    letter-spacing: -4px;
    font-size: 24px;
    font-weight: 400;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
    text-align: center;
    background: var(--dark-red-color);
}
#taste-sec .cont1 .item .number {
    margin:16px auto;
    padding:0 32px;
    font-size: 22px;
}
#taste-sec .cont1 .item .number span {
    text-decoration: underline;
    text-underline-offset: 4px;
}
#taste-sec .cont1 .item .tt {
    margin:0 auto 92px;
    padding:0 28px;
    line-height: 1.15;
    font-size: 48px;
}
#taste-sec .cont1 .item .cnt-wrap {
    margin:0 auto;
    padding:0 10px 0 12px;
    width:calc(100% - (28px * 2));
    height: 76px;
    background: #000;
    border:1px solid #b2b2b2;
}
#taste-sec .cont1 .item .cnt-wrap .txt {
    font-size: 18px;
    font-weight: bold;
}
#taste-sec .cont1 .item .cnt-wrap .cnt {
    font-size: 24px;
    font-weight: bold;
}
#taste-sec .cont1 .item .cnt-wrap .cnt .cnt-num {
    font-size: 32px;
    font-weight: 800;
}
#taste-sec .cont1 .item .label {
    top:16px;
    right:16px;
    width:68px;
    height: 170px;
    background: #836f61;
    font-size: 22px;
    font-weight: 400;
    border-radius: 50%;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
}
#taste-sec .cont1 .item .label:after {
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% - 20px);
    height:calc(100% - 18px);
    border: 1px solid #fff;
    border-radius: 50%;
}



/* sales-sec 4 */
section.sec#sales-sec {
    padding-top:100px;
    padding-bottom:100px;

    background:url('../../img/pc/bg/sales-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#sales-sec .cont-wrap {

}
#sales-sec .tt-wrap {

}
#sales-sec .tt-wrap .tt {
    font-size:56px;
    font-weight: 200;
}
#sales-sec .cont1 {
    margin:40px auto 0;
    padding:120px 0 128px 0;
    max-width: 1400px;
}
#sales-sec .ytb-round {
    position: relative;
    margin:0 auto;
    width:600px;
    height: 600px;
    border-radius: 50%;
}
#sales-sec .ytb-round .inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
#sales-sec .ytb-round .line-round {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 56px);
    height: calc(100% + 56px);
    border-radius: 50%;
    border:1px solid rgba(255,255,255,0.5);
}
#sales-sec .ytb-round .bg-wrap {
    width: 1100px;
    height: 1100px;
}
#sales-sec .ytb-round .youtube-wrap:after {
    background: rgba(0,0,0,0.1);
}
#sales-sec .round-txt {
    width:410px;
    height: 410px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius: 50%;
}
#sales-sec .round-txt.r1 {
    top:0;
    left:0;
}
#sales-sec .round-txt.r2 {
    top:0;
    right:0;
}
#sales-sec .round-txt.r3 {
    bottom:0;
    left:0;
}
#sales-sec .round-txt.r4 {
    bottom:0;
    right:0;
}
#sales-sec .round-txt .inner {
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:376px;
    height: 376px;
    border-radius: 50%;
    background: #f9ece3;
    overflow: hidden;
}
#sales-sec .round-txt .top-cont {
    padding:32px 0 32px 0;
    height: 230px;
}
#sales-sec .round-txt .top-cont .label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    width:164px;
    height: 58px;
    color: var(--dark-red-color);
    font-size: 28px;
    font-weight: 400;
    border:1px solid var(--dark-red-color);
    border-radius: 24px;
}
#sales-sec .round-txt .top-cont .inner-tt {
    margin:32px auto 0;
    line-height: 1.25;
    font-size: 32px;
    font-weight: 400;
}
#sales-sec .round-txt .top-cont .inner-tt.t2 {
    margin:4px auto 0;
}
#sales-sec .round-txt .top-cont .inner-tt small {
    font-size: 24px;
}
#sales-sec .round-txt .top-cont .store-name {
    line-height: 1.25;
    font-size: 28px;
    font-weight: 200;
}
#sales-sec .round-txt .bottom-cont {
    padding:16px 0 48px 0;
    background: var(--dark-red-color);
}
#sales-sec .round-txt .bottom-cont .txt {
    font-size: 24px;
}
#sales-sec .round-txt .bottom-cont .cnt-wrap {
    line-height: 1.15;
    font-size: 28px;
    font-weight: 800;
}
#sales-sec .round-txt .bottom-cont .cnt-wrap strong {
    font-size: 44px;
}


/* margin-sec 5bf */
section.sec#margin-sec {
    padding-top:90px;
    padding-bottom:0;

    background:url('../../img/pc/bg/margin-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#margin-sec .cont-wrap {

}
#margin-sec .tt-wrap {

}
#margin-sec .tt-wrap .sub-tt {
    line-height: 1.25;
    font-size: 54px;
}
#margin-sec .tt-wrap .tt {
    line-height: 1.25;
    font-size: 72px;
}
#margin-sec .cont1 {
    margin:368px auto 0;
}
#margin-sec .chopsticks-wrap {
    top:0;
    left:50%;
    transform: translate(-50%, -100%);
    transition: 1.0s;
}
#margin-sec .img {
    position: relative;
    z-index: 0;
}
#margin-sec .round-txt {
    width:224px;
    height: 224px;
    background: var(--dark-red-color);
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.8s;
    z-index: 1;
}
#margin-sec .round-txt .txt {
    line-height: 1.0;
    font-size: 24px;
}
#margin-sec .round-txt .cnt-wrap {
    margin:16px auto 0;
    line-height: 1.0;
    font-size: 56px;
    font-weight: 800;
}
#margin-sec .r1 {
    bottom: 80px;
    left:50%;
    transform: translateX(-50%);
    opacity: 0;
}
#margin-sec .r2 {
    bottom: 80px;
    right:0;
    opacity: 0;
}
#margin-sec .r3 {
    bottom: 80px;
    background: #2a0a0a;
    left:0;
    opacity: 0;
}
#margin-sec .chopsticks-wrap.active {
    transform: translate(-50%, -300px);
}
#margin-sec .r1.active {
    bottom:0;
    opacity: 1;
}
#margin-sec .r2.active {
    right:228px;
    opacity: 1;
}
#margin-sec .r3.active {
    left:228px;
    opacity: 1;
}


/* revenue-sec 5 */
section.sec#revenue-sec {
    padding-top:96px;
    padding-bottom:138px;

    background:#e8e8e8;
}
section.sec#revenue-sec .cont-wrap {

}
#revenue-sec .tt-wrap {

}
#revenue-sec .tt-wrap .tt {
    font-size: 72px;
}
#revenue-sec .tt-wrap span {
    font-weight: 200;
}
#revenue-sec .cont1 {
    margin:84px auto 0;
    max-width: 1400px;
    min-width: 1400px;
}
#revenue-sec .cont2 {
    margin: 110px auto 0;
    max-width: 1400px;
    min-width: 1400px;
}
#revenue-sec .graph-item {
    width:calc(100% - 486px);
}
#revenue-sec .graph-item .graph {
    margin:0 auto;
    width: 822px;
    height: 821px;
    background:url('../../img/pc/sec5/graph.png') no-repeat top center;
    background-size:cover;
}
#revenue-sec .cont2 .graph-item .graph {
    margin:0 0 0 auto;
}
#revenue-sec .graph .center {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
#revenue-sec .graph .center .store-name {
    margin:24px auto 0;
    font-size: 32px;
}
#revenue-sec .graph .center .cnt-wrap {
    line-height: 1.15;
    font-size: 64px;
    letter-spacing: -2px;
}
#revenue-sec .graph .inner-tt {
    line-height: 1.25;
    font-weight: 800;
    font-size:24px;
}
#revenue-sec .graph .inner-txt {
    line-height: 1.25;
    font-size:18px;
    font-weight: 400;
}
#revenue-sec .graph .cnt-wrap {
    line-height: 1.15;
    font-size:64px;
}
#revenue-sec .graph .profit {
    top:120px;
    left:50%;
    margin-left: -440px;
    width: 240px;
}
#revenue-sec .graph .profit .inner-tt,
#revenue-sec .graph .profit .cnt-wrap {
    padding-right:24px;
}
#revenue-sec .graph .profit .line-txt {
    margin:8px auto 0;
    padding-right:0;
    line-height: 1.25;
    font-size: 36px;
}
#revenue-sec .graph .profit .line-txt .t1 {
    font-size: 48px;
}
#revenue-sec .graph .cost {
    top:210px;
    left:50%;
    margin-left: 216px;
}
#revenue-sec .graph .expense {
    gap:24px;
    top:684px;
    left:50%;
    margin-left: -195px
}
#revenue-sec .graph .expense .inner {
    padding:16px 0 0 0;
}
#revenue-sec .graph .expense .inner-tt {
    margin:0 auto 4px;
}
#revenue-sec .graph .expense .inner-txt {
    gap:40px;
}
#revenue-sec .price-item {
    padding:20px 0 0 0;
    width:calc(486px);
}
#revenue-sec .table-wrap {
    padding:36px 26px 26px 26px;
    background: #fff;
    max-width: 460px;
    width: 100%;
    box-shadow: 18px 12px 0 rgba(0, 0, 0, 0.15); /* 그림자를 딱 붙게 설정 */
    z-index: 10;
}
#revenue-sec .table-wrap .img-wrap img {
    width: 108px;
}
#revenue-sec .table-wrap table {
    margin:20px auto 0;
    width: 100%;
}
#revenue-sec .table-wrap table th {
    padding-top:14px;
    padding-bottom:14px;
    font-size: 18px;
    background: #404040;
    font-weight: 700;
    border-bottom:1px solid #535353;
}
#revenue-sec .table-wrap table td {
    padding-top:12px;
    padding-bottom:12px;
    background: #404040;
    font-weight: 400;
    border-bottom:1px solid #535353;
}
#revenue-sec .table-wrap table td strong {
    font-size: 18px;
}
#revenue-sec .table-wrap table tr th:first-child {
    padding-left:24px;
    text-align: left;
}
#revenue-sec .table-wrap table tr td:first-child {
    padding-left:24px;
    text-align: left;
}
#revenue-sec .table-wrap table tfoot th {
    background: var(--dark-red-color);
}
#revenue-sec .table-wrap table .round-txt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:0 16px;
    height: 36px;
    background: #ffe400;
    font-size:20px;
    font-weight: bold;
    color:var(--dark-red-color);
    border-radius: 50%;
}
#revenue-sec .table-wrap table .cnt {
    font-size: 24px;
}
#revenue-sec .house {
    top:425px;
    left:-40px;
    max-width: unset;
}
#revenue-sec .cont2 .house {
    top:498px;
    left:-58px;
    max-width: unset;
}



/* profits-sec 6 */
section.sec#profits-sec {
    padding-top:96px;
    padding-bottom:0;

    background:#f9ece3;
}
section.sec#profits-sec .cont-wrap {

}
#profits-sec .tt-wrap {

}
#profits-sec .tt-wrap .tt {
    font-size: 72px;
}
#profits-sec .cont1 {
    margin:96px auto 0;
    min-width: 1400px;
}
#profits-sec .cont1 .item {
    width:50%;
}
#profits-sec .cont1 .txt-item {
    padding-left:calc((var(--browser-width) - 1400px) / 2);
    min-width: 700px;
    height: auto;
    background: var(--dark-red-color);
}
#profits-sec .cont1 .txt-item .tt {
    margin:0;
    width:324px;
    height: 90px;
    font-size: 24px;
    font-weight: 200;
    font-family: var(--basic-font-famaily);
    border:1px solid var(--yellow4-color);
    border-radius: 45px;
}
#profits-sec .cont1 .txt-item .sub-tt {
    margin:40px auto 52px;
    line-height: 1.35;
    font-size:60px;
    font-weight: bold;
}
#profits-sec .cont1 .txt-item .desc {
    line-height: 1.35;
    font-size: 28px;
}
#profits-sec .cont2 {
    min-width: 1400px;
}
#profits-sec .cont2 .item {
    width:50%;
}
#profits-sec .cont2 .txt-item {
    padding-left:72px;
    min-width: 700px;
    height: auto;
    background: var(--dark-red-color);
}
#profits-sec .cont2 .txt-item .tt {
    margin:0;
    width:324px;
    height: 90px;
    font-size: 24px;
    font-weight: 200;
    font-family: var(--basic-font-famaily);
    border:1px solid var(--yellow4-color);
    border-radius: 45px;
}
#profits-sec .cont2 .txt-item .sub-tt {
    margin:40px auto 52px;
    line-height: 1.35;
    font-size:60px;
    font-weight: bold;
}
#profits-sec .cont2 .txt-item .desc {
    line-height: 1.35;
    font-size: 28px;
}


/* reasonable-sec 7 */
section.sec#reasonable-sec {
    padding-top:128px;
    padding-bottom:60px;

    background:#f9ece3;
    background-size:cover;
}
section.sec#reasonable-sec .cont-wrap {

}
#reasonable-sec .tt-wrap {

}
#reasonable-sec .tt-wrap .tt {
    line-height: 1.25;
    font-size: 72px;
}
#reasonable-sec .cont:after {
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);

    width:708px;
    height: 708px;

    border-radius: 50%;
    border:1px solid var(--dark-red-color);
    z-index: 0;
}
#reasonable-sec .cont {
    position: relative;
    margin: 64px auto 0;

    height: 100vh;
    min-height: 900px;
}
#reasonable-sec .cont .item {
    overflow: hidden;
}
#reasonable-sec .cont .item1 {
    position: relative;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}
#reasonable-sec .cont .item3 {
    position: relative;
    margin-left:-100px;
    width: 708px;
    height: 708px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}
#reasonable-sec .cont .item1 .img-wrap {
    position: absolute;
    width:800px;
    height: 800px;
}
#reasonable-sec .cont .item1 .img-wrap .img {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
#reasonable-sec .round-list {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 382px;
    height: 382px;
    background: var(--dark-red-color);
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
}
#reasonable-sec .round-list .round-wrap {
    position: absolute;
    width: 382px;
    height: 382px;
    background: var(--dark-red-color);
    border-radius: 50%;
}
#reasonable-sec .inner-cont {
    position: relative;
    width: 100%;
    line-height: 100%;
}
#reasonable-sec .item3 .round-wrap {
    position: absolute;
    width: 708px;
    height: 708px;
}
#reasonable-sec .round-wrap .tt {
    line-height: 1.25;
    font-size: 48px;
    font-weight: 800;
}
#reasonable-sec .round-wrap .desc {
    line-height: 1.25;
    margin:12px auto 0;
    font-size: 20px;
}
#reasonable-sec .item3 .txt {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    font-size: 24px;
    font-weight: 800;
    text-shadow: 0px 0px 12px rgba(0,0,0,0.4);
}

/* better-sec 8 */
section.sec#better-sec {
    padding-top:128px;
    padding-bottom:90px;

    background:url('../../img/pc/bg/better-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#better-sec .cont-wrap {

}
#better-sec .tt-wrap {

}
#better-sec .tt-wrap .tt {
    font-size:72px;
}
#better-sec .cont1 {
    margin:48px auto 0;
}
#better-sec .center-cont {
    margin:0 auto;
    width:517px;
    height: 781px;
    background:url('../../img/pc/sec8/center-bg.jpg') no-repeat top center;
    background-size:cover;
    z-index: 0;
}
#better-sec .center-cont .top-cont {
    margin:0 auto;
    width: 170px;
    height: 170px;
    line-height: 1.15;
    border: 1px solid #9d908b;
}
#better-sec .center-cont .top-cont span {
    font-size: 48px;
    font-weight: 200;
}
#better-sec .center-cont .tt {
    margin:36px auto 56px;
    line-height: 1.15;
    font-size: 96px;
    font-weight: 800;
}
#better-sec .center-cont .desc {
    line-height: 1.45;
    font-weight: 400;
    font-size: 20px;
}
#better-sec .food {
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.4));
    z-index: 1;
}
#better-sec .bowl1 {
    top:743px;
    left:50%;
    margin-left:0;
}
#better-sec .bowl2 {
    top:11px;
    left:50%;
    margin-left:-365px;
}
#better-sec .food1 {
    top:-52px;
    left:50%;
    margin-left:-896px;
    animation: infiniteRotate 15s infinite ease-in-out;
}
#better-sec .food2 {
    top:405px;
    left:50%;
    margin-left:136px;
    z-index: 2;
    animation: infiniteRotate 18s infinite ease-in-out;
}
#better-sec .side1 {
    top:327px;
    left:50%;
    margin-left:665px;
}
#better-sec .side2 {
    top:513px;
    left:50%;
    margin-left:-528px;
}
#better-sec .side3 {
    top:80px;
    left:50%;
    margin-left:775px;
}
#better-sec .side4 {
    top:572px;
    left:50%;
    margin-left:-935px;
}
#better-sec .side5 {
    top:0;
    left:50%;
    margin-left:340px;
}


/* premium-sec 9 */
section.sec#premium-sec {
    padding-top:96px;
    padding-bottom:280px;

    background:url('../../img/pc/bg/premium-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#premium-sec .cont-wrap {

}
#premium-sec .tt-wrap {
    margin:0 auto 100px;
}
#premium-sec .tt-wrap .tt {
    font-size:72px;
    font-weight: 200;
}
#premium-sec .cont2 {
    margin:84px auto 0;
}
#premium-sec .cont2 .tt {
    margin:0 auto 64px;
}
#premium-sec .food {
    cursor: pointer;
}
#premium-sec .food img {
    transform: scale(0);
    opacity: 0;
}
#premium-sec .food:hover img {
    transform: scale(1);
    opacity: 1;
}
#premium-sec .food img {
    transition: all 0.9s;
}
#premium-sec .food .menu-name {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:78px;
    height: 415px;
    background: #3a2117;
    font-weight: 800;
    font-size: 20px;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
    transition: all 0.5s;
    opacity: 1;
}
#premium-sec .food:hover .menu-name {
    width:0px;
    opacity: 0;
    overflow: hidden;
}
#premium-sec .food .menu-name:after {
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% - 18px);
    height:calc(100% - 21px);
    border:1px solid rgba(255,255,255,0.5);
}
#premium-sec .food1 {
    top:139px;
    left:-9px;
}
#premium-sec .food2 {
    top:136px;
    left:8px;
}
#premium-sec .food3 {
    top:151px;
    left:18px;
}
#premium-sec .food4 {
    top:153px;
    left:0;
}
#premium-sec .food5 {
    top:138px;
    left:10px;
}
#premium-sec .food6 {
    top:167px;
    left:23px;
}
#premium-sec .v-wrap.vw1 {
    top:0;
    left:50%;
    margin-left:-830px;
    z-index: 1;
}
#premium-sec .v-wrap.vw2 {
    top:0;
    left:50%;
    margin-left:700px;
    z-index: 1;
}
#premium-sec .v-wrap .red-logo {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1); /* 기본 크기 */
    opacity: 0;
}
#premium-sec .v-wrap .red-logo.stamp {
    animation: stampEffect 1.2s ease forwards; /* 도장 찍는 애니메이션 */
}
#premium-sec .v-wrap.vw1 .red-logo {
    margin:16px 0 0 32px;
}
#premium-sec .v-wrap.vw2 .red-logo {
    margin:-56px 0 0 -124px;
}
#premium-sec .v-wrap .txt-wrap .txt {
    line-height: 1.2;
    letter-spacing: -6px;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
}
#premium-sec .v-wrap .txt-wrap .txt span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s forwards;
}
#premium-sec .v-wrap .txt-wrap .txt span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s forwards;
}
#premium-sec .v-wrap .txt-wrap .t1 {
    gap:18px;
    font-size: 46px;
    height: 0;
    opacity: 0;
    transition: all 1s;
    overflow: hidden;
}
#premium-sec .v-wrap .txt-wrap .t2 {
    gap:20px;
    font-size: 52px;
    height: 0;
    opacity: 0;
    transition: all 1s;
    overflow: hidden;
}
#premium-sec .v-wrap .txt-wrap .t2 span {
    font-weight: 800;
}
#premium-sec .v-wrap .txt-wrap .t1.active {
    height: auto;
    opacity: 1;
    overflow: visible;
}
#premium-sec .v-wrap .txt-wrap .t2.active {
    height: auto;
    opacity: 1;
    overflow: visible;
}


/* n-review-sec 10 */
section.sec#n-review-sec {
    padding-top:48px;
    padding-bottom:0;

    background:url('../../img/pc/bg/n-review-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#n-review-sec .cont-wrap {

}
#n-review-sec .tt-wrap {

}
#n-review-sec .tt-wrap .tt {
    margin:0px auto 60px;
    padding:40px 0;
    font-size: 72px;
    font-weight: 200;
    background:url('../../img/pc/sec10/brown-brush.png') no-repeat center center;
    background-size:996px 178px;
    z-index: 2;
}
#n-review-sec .tt-wrap .sub-tt {
    line-height: 1.25;
    font-size:44px;
    font-weight: 200
    letter-spacing: -2px;
}
#n-review-sec .color-label {
    width:350px;
    height: 96px;
}
#n-review-sec .l1 {
    top:-24px;
    left:50%;
    margin-left:-710px;
}
#n-review-sec .l2 {
    top:120px;
    left:50%;
    margin-left:-620px;
}
#n-review-sec .r1 {
    top:-24px;
    left:50%;
    margin-left:400px;
}
#n-review-sec .r2 {
    top:120px;
    left:50%;
    margin-left:310px;
}
#n-review-sec .naver-ico {
    top:0;
    left:50%;
    margin-left:-282px;
    z-index: 5;
}
#n-review-sec .nrv-sw {
    margin:72px auto 0;
}
#n-review-sec .nrv-sw .swiper-wrapper {
    overflow-y: visible;
}
#n-review-sec .nrv-sw .swiper-slide {
    margin-top:250px;
    padding:0 12px;
    width:494px;
    height:500px;
    transition: all 0.6s;
    filter: drop-shadow(10px 10px 10px rgba(100,100,100,0.2));
    opacity: 0.5;
}
#n-review-sec .nrv-sw .swiper-slide img {
    width:100%;
}
#n-review-sec .nrv-sw .swiper-slide.swiper-slide-active {
    margin-top:0;
    padding:94px 36px 0 36px;
    height:750px;
    opacity: 1;
    background: url('../../img/pc/comm/phone.png') no-repeat top center;
    background-size: cover;
}
#n-review-sec .swiper-button-next {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin-left:260px;
    width: 74px;
    height: 74px;
}
#n-review-sec .swiper-button-prev {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin-left:calc( 260px * -1 );
    width: 74px;
    height: 74px;
}


/* b-review-sec 11 */
section.sec#b-review-sec {
    padding-top:48px;
    padding-bottom:0;

    background:url('../../img/pc/bg/b-review-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#b-review-sec .cont-wrap {

}
#b-review-sec .tt-wrap {

}
#b-review-sec .tt-wrap .tt {
    margin:0px auto 60px;
    padding:40px 0;
    font-size: 72px;
    font-weight: 200;
    background:url('../../img/pc/sec11/brown-brush.png') no-repeat center center;
    background-size:996px 178px;
    z-index: 2;
}
#b-review-sec .tt-wrap .sub-tt {
    line-height: 1.25;
    font-size:44px;
    font-weight: 200;
    letter-spacing: -2px;
}
#b-review-sec .color-label {
    width:350px;
    height: 96px;
}
#b-review-sec .l1 {
    top:-24px;
    left:50%;
    margin-left:-710px;
}
#b-review-sec .l2 {
    top:120px;
    left:50%;
    margin-left:-620px;
}
#b-review-sec .r1 {
    top:-24px;
    left:50%;
    margin-left:400px;
}
#b-review-sec .r2 {
    top:120px;
    left:50%;
    margin-left:310px;
}
#b-review-sec .bamin-ico {
    top:-48px;
    left:50%;
    margin-left:190px;
    z-index: 5;
}
#b-review-sec .brv-sw {
    margin:72px auto 0;
}
#b-review-sec .brv-sw .swiper-wrapper {
    overflow-y: visible;
}
#b-review-sec .brv-sw .swiper-slide {
    margin-top:250px;
    padding:0 12px;
    width:494px;
    height:500px;
    transition: all 0.6s;
    filter: drop-shadow(10px 10px 10px rgba(100,100,100,0.2));
    opacity: 0.5;
}
#b-review-sec .brv-sw .swiper-slide img {
    width:100%;
}
#b-review-sec .brv-sw .swiper-slide.swiper-slide-active {
    margin-top:0;
    padding:94px 36px 0 36px;
    height:750px;
    opacity: 1;
    background: url('../../img/pc/comm/phone.png') no-repeat top center;
    background-size: cover;
}
#b-review-sec .swiper-button-next {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin-left:260px;
    width: 74px;
    height: 74px;
}
#b-review-sec .swiper-button-prev {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin-left:calc( 260px * -1 );
    width: 74px;
    height: 74px;
}


/* stable-sec 12 */
section.sec#stable-sec {
    padding-top:56px;
    padding-bottom:56px;

    min-height: 100vh;

    overflow-y: hidden;
}
section.sec#stable-sec .cont-wrap {
    padding-bottom:132px;
    min-height: 100vh;
    z-index: 1;
}
#stable-sec .tt-wrap {

}
#stable-sec .cont1 {
    margin:-64px auto 0;
}
#stable-sec .cont1 .txt-wrap {
    width: 248px;
    height: 255px;
    background:url('../../img/pc/sec12/skin-bg.png') no-repeat top center;
    background-size: contain;
}
#stable-sec .cont1 .txt-wrap .tw-inner {
    padding-bottom:24px;
}
#stable-sec .cont1 .txt-wrap .desc {
    line-height: 1.25;
    font-size:18px;
    font-weight: 400;
}
#stable-sec .cont1 .txt-wrap .sub-tt  {
    line-height: 1.25;
    font-size:32px;
    font-weight: 800;
}
#stable-sec .cont1 .tw1 {
    top:80px;
    left:50%;
    margin-left:-570px;
}
#stable-sec .cont1 .tw2 {
    top:310px;
    left:50%;
    margin-left:-468px;
}
#stable-sec .cont1 .tw3 {
    top:370px;
    left:50%;
    margin-left:-124px;
}
#stable-sec .cont1 .tw4 {
    top:310px;
    left:50%;
    margin-left:228px;
}
#stable-sec .cont1 .tw5 {
    top:80px;
    left:50%;
    margin-left:322px;
}
#stable-sec .bg-wrap.youtube-wrap iframe {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:115%;
    height: 115%;
}



/* top-sec 13 */
section.sec#top-sec {
    padding-top:56px;
    padding-bottom:124px;

    background:#f9ece3;
}
section.sec#top-sec .cont-wrap {

}
#top-sec .tt-wrap {

}
#top-sec .tt-wrap .tt {
    margin:48px auto 96px;
    padding:24px 0;
    font-size: 54px;
    background:url('../../img/pc/sec13/dark-red-brush.png') no-repeat center center;
    background-size:665px 122px;
    z-index: 2;
}
#top-sec .tt-wrap .sub-tt {
    font-size: 48px;
}
#top-sec .info-wrap {
    gap:18px;
    margin:130px auto 0;
}
#top-sec .info-wrap .item {
    width:300px;
    height: 300px;
    border-radius: 50%;
    background: var(--dark-red3-color);
}
#top-sec .info-wrap .item:nth-child(2n) {
    background: var(--dark-gray-color);
}
#top-sec .info-wrap .item .sub-tt {
    font-size:28px;
}
#top-sec .info-wrap .cnt-wrap {
    font-family: var(--title-font-famaily);
    font-size: 56px;
    font-weight: 800;
}
#top-sec .info-wrap .cnt-wrap span {
    margin-bottom:12px;
    font-size:32px;
    font-weight: 800;
    font-family: var(--title-font-famaily);
}
#top-sec .food1 {
    top:-200px;
    left:50%;
    margin-left:-880px;
    z-index: 0;
}
#top-sec .food2 {
    top:-280px;
    left:50%;
    margin-left:480px;
    z-index: 0;
}
#top-sec .food3 {
    top:-30px;
    left:50%;
    margin-left:-1060px;
}
#top-sec .food4 {
    top:-240px;
    left:50%;
    margin-left:620px;
}
#top-sec .bg-wrap {
    top:0;
    transform: translate(-50%,-1000px);
    width:100%;
    max-width: 1920px;
    height: 720px;
    border-radius:50%;
    z-index: 1;
    overflow: visible;
}
#top-sec .bg-wrap:after {
    background: rgba(0,0,0,0.3);
}
#top-sec .bg-wrap .inner {
    position: absolute;
    top:0;
    left:0;
    padding-bottom: 56.25%;
    width:100%;
    border-radius:50%;
    overflow: hidden;
    box-sizing: border-box;
}
#top-sec .bg-wrap .inner:after {
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
#top-sec .bg-wrap iframe {

}
#top-sec .bg-wrap:before {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% + 140px);
    height:calc(100% + 140px);
    border-radius: 50%;
    border:1px solid #b56966;
}
#top-sec .bg-wrap.youtube-wrap:after {
    content:'';
    display: none;
}
#top-sec .bg-wrap.youtube-wrap iframe {
    top:40%;
}
#top-sec .rolling-wrap {
    gap:56px;
    position: relative;
    z-index: 5;
}
#top-sec .rolling-wrap .line {
    gap:56px;
}
#top-sec .rolling-wrap .store-name {
    display: flex;
    align-items: center;
    justify-content: center;
    width:172px;
    height: 60px;
    background: #830a0a;
    font-size:24px;
    border:1px solid #fff;
    border-bottom: none;
}
#top-sec .rolling-wrap .txt-wrap {
    padding:0 16px;
    width:290px;
    height: 72px;
    background: #000;
    border: 1px solid #fff;
    font-family: var(--title-font-famaily);
}
#top-sec .rolling-wrap .txt-wrap .txt {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.5;
}
#top-sec .rolling-wrap .txt-wrap .price {
    font-size: 32px;
}



/* reason1-sec 14 */
section.sec#reason1-sec {
    padding-top:236px;
    padding-bottom:148px;

    background:url('../../img/pc/bg/reason1-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#reason1-sec .cont-wrap {

}
#reason1-sec .tt-wrap {
    margin:0 auto;
    max-width: 1400px;
    min-width: 1400px;
}
#reason1-sec .tt-wrap .num {
    line-height: 1.0;
    font-size: 172px;
    font-weight: 800;
    letter-spacing: -16px;
}
#reason1-sec .tt-wrap .tt {
    margin:-36px auto 0;
    font-size: 76px;
}
#reason1-sec .tt-wrap .sub-tt {
    margin:36px auto 20px;
    font-size: 48px;
}
#reason1-sec .tt-wrap .add-txt {
    font-size: 24px;
    font-weight: 400;
}
#reason1-sec .tt-wrap .left-txt {
    top:-120px;
    left:0;
}
#reason1-sec .tt-wrap .left-txt .txt {
    gap:20px;
    letter-spacing: -4px;
    font-size: 48px;
    writing-mode: vertical-rl; /* 텍스트를 세로로 표시 */
    text-orientation: upright; /* 글자를 똑바로 표시 */
}
#reason1-sec .tt-wrap .left-txt .bar {
    margin:48px auto 0;
    width:1px;
    height: 360px;
    background: #fff;
}
#reason1-sec .tt-wrap .right-txt {
    line-height: 1.25;
    top:-60px;
    right:0;
    font-size:54px;
}
#reason1-sec .tt-wrap .right-txt strong {
    font-size: 72px;
}
#reason1-sec .cont1 {
    margin:60px auto 0;
}
#reason1-sec .cont1 .item {
    padding:20px 20px;
    border: 1px solid #fff;
}
#reason1-sec .cont1 .item .round-txt {
    bottom:-24px;
    left:-84px;
    width: 192px;
    height: 192px;
    border-radius: 50%;
    background: var(--dark-red3-color);
}
#reason1-sec .cont1 .item .round-txt .step-txt {
    margin:0 auto 8px;
    font-size:18px;
}
#reason1-sec .cont1 .item .round-txt .txt {
    line-height: 1.25;
    font-size: 20px;
}


/* reason2-sec 15 */
section.sec#reason2-sec {
    padding-top:84px;
    padding-bottom:96px;

    background:url('../../img/pc/bg/reason2-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#reason2-sec .cont-wrap {

}
#reason2-sec .tt-wrap .inner {
    padding:0 0 0 48px;
    width:50%;
}
#reason2-sec .tt-wrap .num {
    line-height: 1.0;
    font-size: 172px;
    font-weight: 800;
    letter-spacing: -16px;
}
#reason2-sec .tt-wrap .tt {
    margin:36px auto 0;
    font-size: 76px;
}
#reason2-sec .tt-wrap .sub-tt {
    line-height: 1.25;
    margin:36px auto 20px;
    font-size: 48px;
}
#reason2-sec .tt-wrap .add-txt {
    font-size: 24px;
    font-weight: 400;
}
#reason2-sec .cont1 {
    gap:8px;
    margin:60px auto 0;
}


/* reason3-sec 16 */
section.sec#reason3-sec {
    padding-top:84px;
    padding-bottom:56px;

    background:url('../../img/pc/bg/reason3-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#reason3-sec .cont-wrap {
    margin:0 auto;
    max-width: 1400px;
    min-width: 1400px;
}
#reason3-sec .tt-wrap {

}
#reason3-sec .tt-wrap .num {
    line-height: 1.0;
    font-size: 172px;
    font-weight: 800;
    letter-spacing: -16px;
}
#reason3-sec .tt-wrap .tt {
    margin:36px auto 0;
    font-size: 76px;
}
#reason3-sec .tt-wrap .sub-tt {
    line-height: 1.25;
    margin:36px auto 20px;
    font-size: 48px;
}
#reason3-sec .tt-wrap .add-txt {
    font-size: 24px;
    font-weight: 400;
}
#reason3-sec .cont1 {
    margin:40px auto 0;
}
#reason3-sec .cont1 .item {
    padding-left:140px;
    width: 50%;
}
#reason3-sec .cont1 .item .round-txt {
    top:50%;
    left:140px;
    transform: translateY(-50%);
    line-height: 1.25;
    width: 264px;
    height: 264px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50%;
    background: #000;
    transition: all 1.0s;
}
#reason3-sec .cont1 .item .round-txt.active {
    left:8px;
}
#reason3-sec .cont1 .item .round-txt strong {
    font-weight: 800;
}
#reason3-sec .cont1 .item:nth-child(2) .round-txt {
    background: var(--dark-red3-color);
}
#reason3-sec .cont1 .item .round-txt .cnt-txt {
    margin:0 auto 24px;
    font-size: 28px;
    font-weight: 800;
}


/* reason4-sec 17 */
section.sec#reason4-sec {
    padding-top:132px;
    padding-bottom:148px;

    background:url('../../img/pc/bg/reason4-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#reason4-sec .cont-wrap {

}
#reason4-sec .tt-wrap {

}
#reason4-sec .tt-wrap .num {
    line-height: 1.0;
    font-size: 172px;
    font-weight: 800;
    letter-spacing: -16px;
}
#reason4-sec .tt-wrap .tt {
    margin:0px auto 0;
    font-size: 76px;
}
#reason4-sec .tt-wrap .sub-tt {
    margin:36px auto 20px;
    font-size: 48px;
}
#reason4-sec .tt-wrap .add-txt {
    font-size: 24px;
    font-weight: 400;
}
#reason4-sec .cont1 {
    margin:60px auto 0;
}
#reason4-sec .cont1 .item {
    padding:20px 20px;
    border: 1px solid #fff;
}


/* choice-sec 18 */
section.sec#choice-sec {
    padding-top:128px;
    padding-bottom:100px;

    background:url('../../img/pc/bg/choice-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#choice-sec .cont-wrap {

}
#choice-sec .tt-wrap {

}
#choice-sec .tt-wrap .tt {
    line-height: 1.25;
    font-size: 72px;
}
#choice-sec .tt-wrap .tt span {
    font-weight: 300;
}
#choice-sec .tt-wrap .tt strong {
    font-weight: 1000;
}
#choice-sec .txt1 {
    gap:20px;
    top:32px;
    left:50%;
    margin-left: -860px;
    line-height: 1.25;
    font-size: 48px;
}
#choice-sec .txt1 img {
    margin-bottom:24px;
}
#choice-sec .cont1 {
    margin:108px auto 0;
}
#choice-sec .cont1 .txt-wrap {
    margin:0 auto 10px;
    z-index: 10;
}
#choice-sec .cont1 .txt-wrap:last-child {
    margin:0 auto;
}
#choice-sec .cont1 .txt-wrap .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width:500px;
    height: 84px;
    font-size: 24px;
    font-weight: 400;
    border:1px solid #000;
    border-right:0.5px solid #000;
    background: rgba(131,10,10,0.8);
}
#choice-sec .cont1 .txt-wrap .item2 {
    border-left:0.5px  solid #000;
    background: rgba(114,78,63,0.8);
}
#choice-sec .cont1 .txt2 {
    top:0;
    left:50%;
    margin-left: 548px;
    line-height: 1.25;
    font-size: 48px;
    opacity: 0.2 !important;
}
#choice-sec .cont1 .food1 {
    top:54px;
    left:50%;
    margin-left:-1080px;
    z-index: 0;
}
#choice-sec .cont1 .food2 {
    top:284px;
    left:50%;
    margin-left:-480px;
    z-index: 0;
}
#choice-sec .cont1 .food3 {
    top:250px;
    left:50%;
    margin-left:420px;
    z-index: 1;
}
#choice-sec .cont1 .food4 {
    top:148px;
    left:50%;
    margin-left:640px;
    z-index: 0;
}


/* pronoun-sec 19 */
section.sec#pronoun-sec {
    padding-top:200px;
    padding-bottom:0;

    background:url('../../img/pc/bg/pronoun-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#pronoun-sec .cont-wrap {

}
#pronoun-sec .tt-wrap {
    margin:0 auto;
    max-width: 1400px;
    width: 1400px;
}
#pronoun-sec .tt-wrap .tt {
    line-height: 1.25;
    font-size: 64px;
}
#pronoun-sec .cont1 {
    margin:-108px auto 0;
    max-width: 1400px;
    min-width: 1400px;
}
#pronoun-sec .cont1 .item {
    width:50%;
}
#pronoun-sec .cont1 .txt-wrap {
    padding:160px 0 180px 0;

}
#pronoun-sec .cont1 .desc {
    margin:0 auto 64px;
    font-size: 46px;
    line-height: 1.25;
}
#pronoun-sec .cont1 .blog-btn {
    width: 476px;
    height: 128px;
    font-size: 32px;
    background: var(--dark-red3-color);
}
#pronoun-sec .cont1 .blog-btn:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:456px;
    height:112px;
    border:1px solid #fff;
    z-index: 1;
}
#pronoun-sec .cont1 .blog-btn:hover {
    background: var(--dark-red3-hover-color);
}
#pronoun-sec .cont1 .phone-wrap {
    padding:0 0 0 72px;
}
#pronoun-sec .phone-item {
    padding:18px 0 0 0;
    width: 411px;
    height: 707px;
    background:url('../../img/pc/sec19/phone-bg.png') no-repeat top center;
    background-size: cover;
    filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.2)); /* 자연스러운 그림자 */
}
#pronoun-sec .phone-item .phone-inner {
    margin:0 auto 0;
    padding:0 0 72px 0;
    width: 367px;
    height: 100%;
    overflow-y: hidden;
}
#pronoun-sec .phone-item .phone-inner .phone-top {
    top:0;
    left:0;
    width:100%;
    z-index: 1;
}
#pronoun-sec .phone-item .phone-inner .phone-top img {
    width: 100%;
}
#pronoun-sec .phone-item .phone-inner .search-img {
    position: relative;
    margin:40px auto 0;
    animation: scroll-animation 50s ease-in-out infinite alternate;
    z-index: 0;
}


/* curvy-sec 20 */
section.sec#curvy-sec {
    padding-top:200px;
    padding-bottom:78px;

    background: #820808;
}
section.sec#curvy-sec .cont-wrap {

}
#curvy-sec .tt-wrap {

}
#curvy-sec .cont1 {
    margin:0 auto;
    width: 100%;
    max-width: 1400px;
    min-width: 1400px;
}
#curvy-sec .cont1 .item {
    width:50%;
}
#curvy-sec .cont1 .tt {
    line-height: 1.25;
    font-size: 56px;
    font-weight: 200;
}
#curvy-sec .cont1 .sales-wrap {
    margin:100px auto 0;
}
#curvy-sec .cont1 .sales-wrap .sub-tt {
    font-size:48px;
}
#curvy-sec .cont1 .sales-wrap .cnt-wrap {
    margin:6px auto 0;
    font-size:56px;
    font-weight: 400;
}
#curvy-sec .cont1 .sales-wrap .cnt-wrap strong {
    font-size:64px;
}
#curvy-sec .cont1 .slide-wrap .swiper-slide {
    opacity: 0.2;
}
#curvy-sec .cont1 .slide-wrap .swiper-slide.swiper-slide-active {
    opacity: 1;
}
#curvy-sec .cont2 {
    margin:60px auto 0;
    padding:60px 0;
    width: 100%;
    max-width: 1400px;
    min-width: 1400px;
    background: #f9ece3;
    overflow: visible;
}
#curvy-sec .cont2 .tt {
    font-size: 32px;
    font-family: var(--basic-font-famaily);
    font-weight: 400;
}
#curvy-sec .menu-wrap {
    margin:84px auto 0;
    overflow: visible;
}
#curvy-sec .menu-wrap .swiper-wrapper {
}
#curvy-sec .menu-wrap .txt {
    margin:28px auto 0;
    padding:4px 0;
    font-size: 20px;
    font-weight: 400;
}
#curvy-sec .menu-wrap .swiper-slide {
    width: 328px;
    opacity: 0.2;
    transition: all 0.2s;
}
#curvy-sec .menu-wrap .swiper-slide .img-wrap {
    height: 328px;
}
#curvy-sec .menu-wrap .swiper-slide.swiper-slide-prev,
#curvy-sec .menu-wrap .swiper-slide.swiper-slide-next,
#curvy-sec .menu-wrap .swiper-slide.swiper-slide-active {
    opacity: 1.0;
}


/* perfect-sec 21 */
section.sec#perfect-sec {
    padding-top:62px;
    padding-bottom:90px;

    background:url('../../img/pc/bg/perfect-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#perfect-sec .cont-wrap {

}
#perfect-sec .tt-wrap {
    margin:0 auto;
}
#perfect-sec .tt {
    margin:0 auto;
    padding:20px 0;
    font-size: 56px;
    background:url('../../img/pc/sec21/brush-stroke.png') no-repeat center center;
    background-size:auto;
    overflow: visible;
}
#perfect-sec .cont1 {
    margin:72px auto 0;
}
#perfect-sec .food-info .red-round {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 232px;
    height: 232px;
    font-size:18px;
    font-weight: 400;
    background: #820808;
    border-radius: 50%;
}
#perfect-sec .fi1 {
    top:28px;
    left:50%;
    transform: translateX(-400px);
}
#perfect-sec .fi2 {
    top:84px;
    left:50%;
    transform: translateX(275px);
}
#perfect-sec .fi3 {
    top:340px;
    left:50%;
    transform: translateX(-282px);
}
#perfect-sec .fi4 {
    top:378px;
    left:50%;
    transform: translateX(104px);
}


/* threeway-sec 22 */
section.sec#threeway-sec {
    padding-top:100px;
    padding-bottom:160px;

    background:url('../../img/pc/bg/threeway-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#threeway-sec .cont-wrap {

}
#threeway-sec .tt-wrap {
    margin:0 auto;
}
#threeway-sec .tt {
    margin:0 auto;
    font-size: 56px;
}
#threeway-sec .cont1 {
    margin:72px auto 0;
    max-width: 1400px;
}
#threeway-sec .cont1 .add-txt {
    font-size: 24px;
}
#threeway-sec .cont1 .img-list-wrap {
    margin:100px auto 0;
    gap:100px;
}
#threeway-sec .cont1 .img-list-wrap .item {
    position: relative;
    width:396px;
    height: 396px;
}
#threeway-sec .cont1 .img-list-wrap .item .tt {
    top:52px;
    left:50%;
    transform: translateX(-50%);
    font-size: 48px;
}
#threeway-sec .cont1 .img-list-wrap .item .point-txt {
    padding-bottom:20px;
    width: 145px;
    height: 138px;
    font-size: 28px;
    background:url('../../img/pc/sec22/red-bg.png') no-repeat top center;
    background-size: cover;
}
#threeway-sec .cont1 .img-list-wrap .item .point-txt .txt {
    line-height: 1.15;
}
#threeway-sec .cont1 .img-list-wrap .item1 .pt1 {
    top:0;
    right:-20px;
}
#threeway-sec .cont1 .img-list-wrap .item1 .pt2 {
    top:150px;
    right:-72px;
}
#threeway-sec .cont1 .img-list-wrap .item1 .pt3 {
    bottom:-48px;
    right:0;
}
#threeway-sec .cont1 .img-list-wrap .item1 .pt4 {
    bottom:-48px;
    left:10px;
}
#threeway-sec .cont1 .img-list-wrap .item2 .pt1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg); /* 중심에서 시작 */
    animation: moveAroundCircle 8s linear infinite; /* 무한 반복 */
}
#threeway-sec .cont1 .img-list-wrap .item3 .pt1 {
    bottom:-48px;
    right:0;
}
#threeway-sec .cont1 .img-list-wrap .item3 .pt2 {
    bottom:-48px;
    left:10px;
}



/* support-sec 23 */
section.sec#support-sec {
    padding-top:100px;
    padding-bottom:72px;

    background:url('../../img/pc/bg/support-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#support-sec .cont-wrap {

}
#support-sec .tt-wrap {
    margin:0 auto;
}
#support-sec .tt {
    margin:0 auto;
    font-size: 56px;
    font-weight: normal;
}
#support-sec .cont1 {
    margin:72px auto 0;
    max-width: 1400px;
}
#support-sec .cont1 .add-txt {
    font-size: 24px;
}
#support-sec .cont1 .img-list-wrap {
    margin:60px auto 0;
}
#support-sec .cont1 .img-list-wrap .item {
    padding:90px 0 0 0;
    width: calc(100% / 3);
    height: 728px;
    overflow: hidden;
}
#support-sec .cont1 .img-list-wrap .item .img-wrap {
    position: relative;
    height: 100px;
    z-index: 1;
}
#support-sec .cont1 .img-list-wrap .item .txt {
    position: relative;
    margin:60px auto 0;
    line-height: 1.25;
    font-size: 28px;
    font-weight: bold;
    z-index: 1;
}
#support-sec .cont1 .img-list-wrap .item .bg {
    width: 100%;
    height: 100%;
    z-index: 0;
}
#support-sec .cont1 .img-list-wrap .item .bg .front-bg {
    width: calc(105%);
    height: calc(105%);
    z-index: 1;
    background: rgba(0,0,0,0.7);
}
#support-sec .cont1 .img-list-wrap .item .bg img {
    width: 100%;
}
#support-sec .cont1 .img-list-wrap .item:hover .img-wrap {
    opacity: 0.4;
}
#support-sec .cont1 .img-list-wrap .item:hover .txt {
    opacity: 0.4;
}
#support-sec .cont1 .img-list-wrap .item:hover .bg {

}
#support-sec .cont1 .img-list-wrap .item:hover .bg .front-bg {
    opacity: 0.4;
}
#support-sec .cont1 .img-list-wrap .item:hover .bg img {
    transform: scale(1.1);
}


/* interior-sec 24 */
section.sec#interior-sec {
    padding-top:100px;
    padding-bottom:72px;

    background:url('../../img/pc/bg/interior-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#interior-sec .cont-wrap {

}
#interior-sec .tt-wrap {
    margin:0 auto;
}
#interior-sec .tt {
    font-size: 56px;
}
#interior-sec .cont1 {
    margin:72px auto 0;
    max-width: 1400px;
}
#interior-sec .cont1 .add-txt {
    margin:48px auto;
    font-size: 32px;
    font-weight: bold;
}
#interior-sec .cont1 .interior {
    flex-wrap: nowrap;
    overflow: hidden;
}
#interior-sec .cont1 .interior img:hover {
    transform: scale(1.1);
}


/* process-sec 25 */
section.sec#process-sec {
    padding-top:100px;
    padding-bottom:150px;

    background:url('../../img/pc/bg/process-sec_bg.jpg') no-repeat top center;
    background-size:cover;
}
section.sec#process-sec .cont-wrap {

}
#process-sec .tt-wrap {

}
#process-sec .tt {
    margin:40px auto 0;
}
#process-sec .cont1 {
    margin:96px auto 0;
    max-width: 1400px;
}
#process-sec .prc-wrap {
    gap:48px;
}
#process-sec .prc-wrap .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding:30px 20px;
    width:calc(100% / 5 - (48px * 4 / 5));
    height: 246px;
    background: #724e3f;
}
#process-sec .prc-wrap .item:nth-child(2n) {
    background: #54362a;
}
#process-sec .prc-wrap .item .num {
    line-height: 1.0;
    width: 100%;
    font-size: 40px;
    letter-spacing: 4px;
}
#process-sec .prc-wrap .item .tt {
    margin:0 auto;
    padding:14px 0;
    width: 100%;
    font-size: 28px;
    letter-spacing: -2px;
    border-bottom:1px solid rgba(255,255,255,0.2);
}
#process-sec .prc-wrap .item .desc {
    margin:0 auto;
    padding:16px 0 0 0;
    width: 100%;
    font-size: 18px;
    letter-spacing: -2px;
}
#process-sec .prc-wrap .item:nth-child(5) .desc {
    font-size: 16px;
}
#process-sec .prc-wrap .item .desc.type2 {
    padding:0;
    letter-spacing: -2px;
    font-size: 28px;
    font-weight: bold;
}



/* counsel-sec 26 */
section.sec#counsel-sec {
    padding-top:132px;
    padding-bottom:125px;

    background:#fff;
}
section.sec#counsel-sec .cont-wrap {

}
#counsel-sec .tt-wrap {

}
#counsel-sec .cont1 {
    z-index: 1;
}
#counsel-sec .v-txt-wrap {
    top:-110px;
    left:50%;
    transform: translateX(-700px);
    font-size:96px;
    font-weight: bold;
    z-index: 0;
}
#counsel-sec .v-txt-wrap .txt2 {
    color:var(--skin-color);
}
#counsel-sec .h-txt-wrap {
    left:calc(50% + 200px);
    top:50%;
    width: 720px;
    font-size:96px;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 0;
}
#counsel-sec .h-txt-wrap .txt {
    line-height: 1.1;
}
#counsel-sec .h-txt-wrap .txt1 {
    color:var(--skin-color);
}
#counsel-sec .h-txt-wrap .txt2 {

}
#counsel-sec .h-txt-wrap .txt2 img {
    display: inline-flex;
    margin-right: 20px;
    width: auto;
    max-width: unset;
}


section.sec .cont-wrap .form-wrap {
    position: relative;
    margin:0 auto;
    padding:0 0 50px 0;
    max-width: 1400px;
}
section.sec .cont-wrap .form-wrap .tt {
    margin:0 auto 16px;
    padding-left:32px;
    line-height: 1.15;
    font-size:52px;
}
.form-wrap .inner {
    gap:40px;
}
.form-wrap .privacy-wrap {
    margin:0 auto;
    padding:0 24px;
    width:100%;
    height: 80px;
    max-width: 1000px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    background: #fafafa;
}
.form-wrap .privacy-wrap .detail {
    width:90px;
    height: 30px;
    background: var(--dark-brown-color);
    font-size: 16px;
}
.form-wrap .privacy-wrap .detail:hover {
    background: var(--dark-brown-hover-color);
}
.form-wrap .sub-tt {
    margin:60px auto 32px;
    padding:0 60px;
    width: 100%;
    max-width: 800px;
    font-size:32px;
}
.form-wrap .input-item {
    margin:56px auto 0;
    max-width: 800px;
}
.form-wrap .input-wrap {
    margin:0 auto 20px;
}
.form-wrap .input-wrap .ip-lb {
    text-align: left;
}
.form-wrap .input-wrap .ip-lb span {
    width:180px;
    font-size: 26px;
    font-weight: bold;
    color: #000;
}
.form-wrap .input-wrap input[type="tel"],
.form-wrap .input-wrap input[type="text"],
.form-wrap .input-wrap input[type="password"],
.form-wrap .input-wrap select {
    padding:16px 16px;
    width:100%;
    max-width: 480px;
    height: 60px;
    border:1px solid #000;
    color:rgba(0,0,0,0.5);
    font-size:18px;
}
.form-wrap .input-wrap.check-wrap {
    padding-left:148px;
    max-width: calc(140px + 460px);
    font-size:24px;
}
.form-wrap .input-wrap.check-wrap span {
    opacity: 0.5;
}
.form-wrap .input-wrap.check-wrap input[type="checkbox"] {
    margin-right:8px;
    width: 26px;
    height: 26px;
    border: 2px solid #000;
    border-radius: 4px;
    opacity: 1;
}
.form-wrap .submit-wrap {
    margin:48px auto 0;
    padding-left:180px;
    max-width: calc(180px + 480px);
}
.form-wrap .submit-wrap button {
    margin:0 auto;
    width:100%;
    max-width: 250px;
    height:90px;
    font-size:28px;
    background: var(--dark-brown-color);
    transition: all 0.2s;
}
.form-wrap .submit-wrap button:hover {
    background: var(--dark-brown-hover-color);
}
.form-wrap .hippo {
    top:35%;
    left:40px;
}
.form-wrap .round-call {
    top:35%;
    right:40px;
}
.form-wrap .montserrat {
    font-size: 100px;
    font-style: italic;
}
.form-wrap .grn-txt {
    bottom: 136px;
    left: -253px;
    transform: rotate(270deg);
}
.form-wrap .wh-txt {
    top:136px;
    right: -253px;
    transform: rotate(90deg);
}


/* form */
.form_wrap{ background: url("../../img/landing/sec02/sec02_bg.jpg") no-repeat top center / cover; padding-top: 250px}
.form_wrap .inner_wrap{ width: 1800px; max-width: 100%}
.form_wrap .con01{ margin-bottom: 45px}
.form_wrap .con02{ font-size: 4.375rem}
.form_wrap .con02 .box{ padding: 15px 15px 0; line-height: 1}
.form_wrap .con03{ margin-bottom: 60px}
.form_wrap .con04{ background: url("../../img/landing/sec02/form_bg.png") no-repeat top center / 100% 100%; padding: 150px 50px 100px}
.form_wrap .con04 .wrap01{ font-size: 6.250rem; margin-bottom: 60px}
.form_wrap .con05{ font-size: 3.125rem; margin: 70px 0}
.form_wrap .form_inn{ padding: 0}
.form_wrap .form_inn .bot_btn{ position: static}
.form_wrap .form_inn .bot_btn button{ width: 410px; height: 80px; background: #2150a2; font-size: 2.5rem; border-radius: 0; padding-top: 5px; margin-top: 0}
.form_wrap .form_inn .input_box label{ color: #222}
.form_wrap .form_inn .bot_agree label{ margin-bottom: 30px; color: rgba(0,0,0,0.8)}
.form_wrap .form_inn .input_box input[type="tel"],
.form_wrap .form_inn .input_box input[type="text"],
.form_wrap .form_inn .input_box select{ border-radius: 0}
.form_wrap .flip-clock-divider{ width: 60px}
.form_wrap .flip-clock-dot{ left: 50%; transform: translateX(-50%); width: 20px; height: 20px; border-radius: 50%; background: #000}
.form_wrap .flip-clock-wrapper ul li a div div.inn{ background: #000; color: #fff; }
.form_wrap .flip-clock-wrapper .flip{ box-shadow: 1px 1px 10px rgba(0,0,0,0.5); margin: 2px 0; overflow: hidden; height: 160px}
.form_wrap .flip-clock-wrapper .flip li{ line-height: 160px}
.form_wrap .flip-clock-wrapper ul li a div.up:after{ top: 78px; background: rgba(255,255,255,0.2)}
.form_wrap .flip-clock-wrapper .flip:nth-child(2),
.form_wrap .flip-clock-wrapper .flip:nth-child(5),
.form_wrap .flip-clock-wrapper .flip:nth-child(8){ border-radius: 35px 0 0 35px !important;}
.form_wrap .flip-clock-wrapper > .flip:nth-child(3),
.form_wrap .flip-clock-wrapper > .flip:nth-child(6),
.form_wrap .flip-clock-wrapper > .flip:nth-child(9){ border-radius: 0 35px 35px 0 !important;}
.form_wrap .flip-clock-divider.hours{ display: none}