@charset "utf-8";

/* common */
body, html {
    line-height:1.45;
    font-family: var(--basic-font-famaily);
    letter-spacing: -0.25px;
    color:var(--root-font-color);
    font-weight: 200;
}

main {
    position:relative;
    margin:0 auto;
    width:100%;
    min-width: 1600px;
    box-sizing:border-box;
    transition: all 0.8s ease-in-out;
    overflow: hidden;
}
section.sec {
    position:relative;
    margin:0 auto;
    padding:150px 0 150px 0;
    /*padding:7.0rem 0 6.25rem 0;*/
    width:100%;
    min-width: 1600px;
    transition:all 0.8s;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:hidden;
    font-size:16px;
}
section.full-img-sec {
    min-width: 1600px;
}
section.full-img-sec img {
    min-width: 1600px;
}
section.sec .cont-wrap {
    position:relative;
    margin:0 auto;
    width:100%;
    min-width: 1600px;
    box-sizing:border-box;
    text-align:center;
}
section.sec .cont-wrap .cont {
    position:relative;
    margin:0 auto;
    width:100%;
    min-width: 1600px;
    max-width:1600px;
    box-sizing:border-box;
    text-align:center;
}
section.sec .cont-wrap .primary-txt {
    display: inline-flex;
    justify-content: center;
    margin:0 auto 24px;
    font-size:20px; /* 2025-02-28 폰트 사이즈 16->20px로 수정 */
    font-weight: bold;

    background: var(--primary-gradient-color-45deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0;
}
section.sec .cont-wrap .primary-txt.light {
    color:#fff;
    background: var(--primary-gradient-color-light);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0;
}
section.sec .cont-wrap .primary-txt.white {
    color:#fff;
    background: var(--primary-gradient-color-white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0;
}
section.sec .cont-wrap .primary-txt.white.reverse {
    color:#fff;
    background: var(--primary-gradient-color-white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0;
}
section.sec .cont-wrap .primary-txt.p-b {
    background: var(--primary-gradient-color-reverse-45deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0;
}
section.sec .cont-wrap .tt {
    margin:0 auto 36px;
    line-height: 1.15;
    font-size:90px;
    font-family: var(--title-font-famaily);
    font-weight:400;
    letter-spacing: -2px;
}
section.sec .cont-wrap .tt strong {
    font-weight: 400;
}
section.sec .cont-wrap .sub-tt {
    margin:0 auto 24px;
    line-height: 1.15;
    font-family: var(--sub-title-font-famaily);
    font-weight: 400;
    font-size:40px;
}
section.sec .cont-wrap .add-txt {
    font-size:24px;
    font-weight: 400;
}
section.sec .cont-wrap .desc {
    font-size:18px;
    font-weight: 400;
}
section.sec .cont-wrap .txt {
    font-size:24px;
    font-weight: 400;
}
section.sec .cont-wrap img {
    max-width:100%;
}
section.sec .cont-wrap .flex {
    display:flex;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}
.swiper-button-prev,
.swiper-button-next {
    top:unset;
    right:unset;
    left:unset;
    bottom:unset;
}

.swiper-controller {
    gap:12px;
}
.swiper-controller .sw-btn {
    position: relative;
    top:unset;
    left:unset;
    right:unset;
    width: 50px;
    height: 50px;
    border:2px solid #222;
    border-radius: 50%;
    transition: all 0.2s;
    box-sizing: border-box;
}
.swiper-controller .swiper-button-prev .arrow {
    display: inline-flex;
    margin:0 0 0 4px;
    width: 16px;
    height: 16px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(230deg);
    transition: all 0.2s;
}
.swiper-controller .swiper-button-next .arrow {
    display: inline-flex;
    margin:0 4px 0 0;
    width: 16px;
    height: 16px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg);
}
.swiper-controller .sw-btn:hover {
    background: var(--primary-color);
    border:none;
}
.swiper-controller .sw-btn:hover .arrow {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.swiper-button-prev .arrow {
    display: inline-flex;
    margin:0 0 0 4px;
    width: 16px;
    height: 16px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(230deg);
    transition: all 0.2s;
}
.swiper-button-next .arrow {
    display: inline-flex;
    margin:0 4px 0 0;
    width: 16px;
    height: 16px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg);
}
.vertical-txt {
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.round-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:14px;
    margin:0 0 24px 0;
    width: 208px;
    height: 64px;
    border-radius: 2324px;
    font-size: 24px;
}
.round-label.red-label {
    border: 1px solid var(--red-color);
    color: var(--red-color);
}
.round-label.white-label {
    border: 1px solid #fff;
    color: #fff;
}
.empha-tt {
    font-family: var(--emphasis-font-famaily);
    font-weight: 300;
}
section.sec .cont-wrap .empha-tt {
    font-family: var(--emphasis-font-famaily);
    font-weight: 500;
}



/* GNB(Header) */
.hd {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 44px;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1480px;
    max-width: 1600px;
    height: 80px;
    background: var(--primary-color-yellow);
    font-weight: 400;
    border-radius: 1000px;
    z-index: 999;
    transition: all 0.2s;
}
.hd.hidden {
    /*transform: translateY(-36px) translateX(-50%);*/
}
.hd.scrolled {
    /*transform: translateY(-36px) translateX(-50%);*/
    /*box-shadow: 0 0 12px rgba(100, 100, 100, 0.2);*/
    /*height: 64px;*/
}
.hd .inner-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap:12px;
    padding:10px 10px 10px 40px;
    max-width: 2560px;
    min-width: 1600px;
    width: 100%;
    height: 100%;
}
.active.hd {
    position: fixed;
}

/* 로고 */
.hd .logo {
    padding:0 8px 0 0;
}
.hd.scrolled .logo {
    /*width: 48px;*/
}

/* 내비게이션 */
.hd nav {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0;
    max-width: 1020px;
    height: 100%;
    line-height: 1.3;
    letter-spacing: -1px;
}
.hd .gnb {
    display: flex;
    gap: 0px;
    margin:0 auto;
    min-width: 720px;
    width: 100%;
    height: 40px;
}
.hd .gnb .item {
    height: 100%;
    border-right:1px solid var(--primary-color);
}
.hd .gnb .item:last-child {
    border-right: none;
}
.hd .gnb .menu {
    padding:0 52px;
    height: 100%;
    align-content: center;
    color:var(--menu-font-color);
    font-family: var(--menu-font-famaily);
    font-size: 18px;
    font-weight: 400;

    transition: all 0.2s;
}
.hd .gnb .menu:hover {
    color: var(--menu-font-color-hover);
    text-decoration: underline;
    text-underline-offset: 8px;
}
.hd .header-btns {
    height: 100%;
}
.hd .header-btns .txt {

}
.hd .header-btns .call-btn {
    gap:6px;
    width: 216px;
    height: 100%;
    background: var(--primary-color);
    font-size: 24px;
    color: var(--primary-color-yellow);
    border-radius: 1000px;
}
.hd .header-btns .call-btn strong {
    transition: all 0.3s;
}
.hd .header-btns .call-btn:hover strong {
    transform: scale(1.1);
}


/* Fixed Form */
.fixed-form-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -80%;
    padding: 0 0 0 0;
    height: 90px;
    background: #fff;
    font-size: 18px;
    color: #333;
    transition: all 0.3s;
    z-index: 1000;
}
.fixed-form-wrap.close-fixed {
    background: unset;
}
.fixed-form-wrap.close-fixed .inner-wrap {
    transform: translateX(100%);
    opacity: 0;
}
.fixed-form-wrap .fw-wrap {
    width: 100%;
    height: 100%;
}
.fixed-form-wrap .inner-wrap {
    margin: 0 auto;
    padding: 0 150px 0 0;
    width: 100%;
    min-width: 1480px;
    max-width: 1600px;
    height: 90px;
    opacity: 1;
    transition: all 0.6s;
    z-index: 2;
}
.fixed-form-wrap .fw-input-box {
    gap:20px;
    width: 100%;
    height: 100%;
    min-height: 90px;
}
.fixed-form-wrap .call-wrap {
    font-size: 13px;
    font-weight: 500;
}
.fixed-form-wrap .call-wrap .call-contents {
    font-size: 26px;
    font-weight: bold;
}
.fixed-form-wrap .input-wrap {
    gap:20px;
}
.fixed-form-wrap .input-wrap input {
    width: 236px;
    height: 50px;
    border:1px solid var(--primary-color);
    border-radius: 10px;
    background:#f1f1f1;
    text-align: center;
    color:var(--primary-color);
    font-size:18px;
}
.fixed-form-wrap .input-wrap input[type="tel"] {
    width: 236px;
}
.fixed-form-wrap .input-wrap select {
    width: 236px;
    border-radius: 0;
}
.fixed-form-wrap .input-wrap input[type="checkbox"] {
    width: unset;
}
.fixed-form-wrap .custom-checkbox input:checked ~ .checkmark {
    width: 16px;
    height:16px;
    background: #dbdbdb;
    border-radius: 0;
}
.fixed-form-wrap .custom-checkbox.type-2 .checkmark {
    width: 16px;
    height:16px;
    background: #dbdbdb;
    border:none;
    border-radius: 0;
}
.fixed-form-wrap .custom-checkbox input:checked ~ .checkmark::after {
    left:4px;
    width:5px;
    height: 9px;
}
.fixed-form-wrap .input-wrap label {
    gap:6px;
    padding:0 0 0 10px;
    font-weight: 400;
}
.fixed-form-wrap .privacy-wrap .btn {
    padding:0 0 0 12px;
    font-size: 18px;
}
.fixed-form-wrap .privacy-wrap .btn {
    padding:0 0 0 12px;
    font-size: 18px;
}
.fixed-form-wrap .btn-wrap {
    height: 50px;
}
.fixed-form-wrap .btn-submit {
    width: 208px;
    height: 100%;
    font-size: 20px;
    border-radius: 10px;
    background-color: var(--primary-color);
    font-weight: 400;
}
.fixed-form-wrap .privacy-wrap {
    margin:0 0 0 24px;
    font-size: 18px;
}
.fixed-form-wrap .rolling-content {
    height: 60px;
    background: var(--teal-color);
}
.fixed-form-wrap .rolling-content .tt {
    position: relative;
    width: 225px;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    background: var(--light-yellow-color);
    z-index: 1;
}
.fixed-form-wrap .rolling-content .tt strong {
}
.fixed-form-wrap .rolling-content .rolling-wrap {
    position: relative;
    width: calc(100% - 225px);
    height: 100%;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    z-index: 0;
}
.fixed-form-wrap .rolling-content .rolling {
}
.fixed-form-wrap .onoff-btn-wrap {
    top:0;
    right:0;
    height: 100%;
    width: 300px;
    z-index: 10;
}
.fixed-form-wrap .onoff-btn-wrap .fixed-onoff-btn {
    gap:20px;
    width: 100%;
    height: 100%;
    font-size:28px;
    font-weight: 400;
    background: #fff;
}
.fixed-form-wrap.close-fixed .onoff-btn-wrap .fixed-onoff-btn,
.fixed-form-wrap .onoff-btn-wrap .fixed-onoff-btn:hover {
    /*background: var(--primary-color); 2025-07-22 */
	background:#df2c29;
    color:#fff;
}
.fixed-form-wrap .onoff-btn-wrap .fixed-onoff-btn:hover {
    text-decoration: underline;
}
.fixed-form-wrap.close-fixed .onoff-btn-wrap .fixed-onoff-btn .arrow,
.fixed-form-wrap .onoff-btn-wrap .fixed-onoff-btn:hover .arrow {
    border-right: 26px solid #fff;
}
.fixed-form-wrap .onoff-btn-wrap .fixed-onoff-btn .arrow {
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 26px solid var(--primary-color);
    transition: all 0.2s;
}

/* Input Form */
.fixed-form-wrap input[type="tel"]::placeholder,
.fixed-form-wrap input[type="text"]::placeholder,
.fixed-form-wrap input[type="password"]::placeholder {
    font-size: 18px;
    color: var(--primary-color);
    opacity: 0.65;
}

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/ico/ico-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(--primary-color);
    background: #fff;
    padding: 20px;
}
.pop-privacy .pv_tit {
    font-weight: bold;
    font-size: 1.250rem;
}

/* 편지 팝업 */
.pop-letter {
    display: none;
    overflow: visible;
    z-index: 10000;
}
.pop-letter .pop-body {
    max-width: 1124px;
    min-width:600px;
    width: 100%;
    background: var(--primary-color);
    overflow: visible;
}
.pop-letter .pop-body .pop-close {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -60px;
    top: 0;
    z-index: 9999;
    background: url("../../img/ico/ico-pop-close-wh-bold.png") no-repeat center;
    background-size: 35px;
    border: none;
}
.pop-letter .pop-body .inn-wrap {
    position: relative;
    border-width: 52px 40px 52px 40px;
    border-style: solid;
    border-color: var(--primary-color);
    background: url("../../img/comm/pop-letter-bg.png") no-repeat center;
    background-size: cover;
    padding: 24px 24px;
    font-size:18px;
    line-height: 1.65;
}
.pop-letter .pop-body .inn-wrap .scroll-wrap {
    padding:24px 8px;
    height: auto;
    min-height: 420px;
    max-height: 522px;
    overflow-y: auto;
}
.pop-letter .pop-body .inn-wrap .scroll-wrap::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}
.pop-letter .pop-body .inn-wrap .scroll-wrap::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 8px;
}
.pop-letter .pop-body .inn-wrap .scroll-wrap::-webkit-scrollbar-track {
    background: rgba(7, 33, 58, 0.1);
}
.pop-letter .pop-body .tape-img {
    top:0;
    left:50%;
    transform: translate(-50%,20px);
    z-index: 1;
}
.pop-letter .pv_tit {
    font-weight: bold;
    font-size: 1.250rem;
}

/* 수익 팝업 */
.pop-revenue {
    display: none;
    overflow: visible;
    z-index: 10000;
}
.pop-revenue .pop-body {
    max-width: 593px;
    width: 100%;
    background:transparent;
    overflow: visible;
}
.pop-revenue .pop-body .pop-close {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -60px;
    top: 0;
    z-index: 9999;
    background: url("../../img/ico/ico-pop-close-wh-bold.png") no-repeat center;
    background-size: 35px;
    border: none;
}
.pop-revenue .pop-body .inn-wrap {
    position: relative;
    padding:0;
    max-height: 933px;
    height: 90vh;
    overflow-y: auto;
}
.pop-revenue .pop-body .inn-wrap::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}
.pop-revenue .pop-body .inn-wrap::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 8px;
}
.pop-revenue .pop-body .inn-wrap::-webkit-scrollbar-track {
    background: rgba(7, 33, 58, 0.1);
}


/* 클릭 문의 팝업 */
.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,
.pop_click_inquiry p.bot_db_form_close img {
    cursor: pointer;
}
.pop_click_inquiry p.bot_db_form_close {
    text-align: right;
    margin: 0 15px 10px;
}
.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;
    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%;
}


/* Quick Menu */
.quick {
    position: fixed;
    top: 120px;
    right: 0px;
    width: 150px;
    z-index: 1000;
}
.quick .inner {
    border-bottom:4px solid #e7e7e7;
}
.quick .quick-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    width: 100%;
    height: 61px;
    font-size: 14px;
    letter-spacing: -1px;
    background: url('../../img/comm/quick-hd.png') repeat-x center center;
    background-size: cover;
}
.quick .quick-top img {
    max-width:35px;
}
.quick .quick-top strong {
    color: #ffdb8e;
}
.quick .quick-body {
    margin:0 auto;
    padding:10px;
    width: 140px;
    height: auto;
    max-height: 350px;
    overflow: hidden;
    background: url('../../img/comm/quick-bg.jpg') repeat-y center center;
}
.quick-sw {
    height: 100%; /* 또는 원하는 고정 높이 (px 단위도 가능) */
    max-height: 350px;
}
.quick-sw .swiper-wrapper {
    flex-direction: column; /* vertical 방향일 때 필수 */
}
.quick .quick-body .swiper-slide {
    padding:10px 2px;
    background: url('../../img/comm/store-bg.jpg') no-repeat center center;
}
.quick .quick-body .swiper-slide .store-name {
    font-size:12px;
}
.quick .quick-body .swiper-slide .sales {
    font-size:12px;
}
.quick .quick-body .swiper-slide .sales strong {
    font-size:15px;
    font-weight: bold;
    color: #ffdb8e;
}



/* main-sec sec1 */
section.sec#main-sec {
    padding-top:150px;
    padding-bottom:150px;

    min-height: 100vh;
    max-height: 1400px;

    background: #f2f2f2;

    transition: none;
}
section.sec#main-sec.change {
    background: url('../../img/pc/bg/main-sec_change_bg.jpg') no-repeat center center;
    background-size: cover;
}
#main-sec .cont-wrap {

}
#main-sec .tt-wrap {
    margin:0 auto;
    z-index: 0;
}
#main-sec .tt-wrap .tt {
    margin:0 auto;
    line-height: 1.05;
    font-size:168px;
    color:var(--primary-color);
}
#main-sec.change .tt-wrap .tt {
    color:var(--primary-color-yellow);
}
#main-sec .tt-wrap .sub-tt {
    margin:0 auto 20px;
    font-size:36px;
    color:var(--primary-color);
}
#main-sec.change .tt-wrap .sub-tt {
    color:#fff;
}
#main-sec .tt-wrap .desc {

}
#main-sec .tt-wrap .add-txt {

}
#main-sec .cont1 {
    margin:-40px auto 0;
    z-index: 1;
}
#main-sec .cont1 img {
    position: relative;
    left:50%;
    transform: translateX(-50%);
    max-width: unset;
}
#main-sec .cont1 .tt {

}
#main-sec .cont1 .desc {

}
#main-sec .cont1 .item-list {

}
#main-sec .cont1 .item-list .item {

}
#main-sec .left-content {
    left:50%;
    top:50%;
    transform: translateY(-50%);
    margin:0 0 0 -840px;
    z-index: 11;
}
#main-sec .left-content .left-txt {
    gap:30px;
    writing-mode:sideways-rl;
}
#main-sec .right-content {
    left:50%;
    top:50%;
    transform: translateY(-50%);
    margin:0 0 0 840px;
    z-index: 11;
}
#main-sec .right-content .right-txt {
    gap:30px;
    writing-mode: sideways-lr;
}
#main-sec .vertical-txt {
    font-size:24px;
    color: var(--primary-color);
}
#main-sec.change .vertical-txt {
    color: #fff;
}
#main-sec .vertical-txt .side-line {
    height: 400px;
    width:1px;
    background: var(--primary-color);
}
#main-sec.change .vertical-txt .side-line {
    background: #fff;
}


/* marketing-sec sec2 */
section.sec#marketing-sec {
    padding-top:150px;
    padding-bottom:150px;

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

}
#marketing-sec .tt-wrap {
    margin:0 auto 84px;
}
#marketing-sec .tt-wrap .tt {
    margin:0 auto;
}
#marketing-sec .tt-wrap .sub-tt {
    margin:0 auto 32px;
    font-size: 28px;
}
#marketing-sec .tt-wrap .sub-tt::after {
    content:url('../../img/pc/sec2/sb-tail.png');
    position: absolute;
    top:calc(100% - 8px);
    left:50%;
    display: block;
    margin:0 0 0 154px;
    width: 18px;
    height: 17px;
}
#marketing-sec .tt-wrap .sub-tt .speech-bubble {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:12px 26px;
    border-radius: 1000px;
    background: var(--primary-color);
    overflow: hidden;
}
#marketing-sec .tt-wrap .desc {

}
#marketing-sec .tt-wrap .add-txt {

}
#marketing-sec .cont1 {

}
#marketing-sec .cont1 .youtube-slider {
    gap:20px;
    margin:0 auto 48px;
    width: 100%;
    max-width: 1600px;
    min-width: 1600px;
    height: calc(1180px * 0.5625);
}
#marketing-sec .cont1 .youtube-slider .content-wrap {
    width: 1180px;
}
#marketing-sec .cont1 .youtube-slider .youtube-thumb-swiper {
    width: calc(100% - 20px - 1180px);
    height: 100%;
    overflow-y: auto;
}
#marketing-sec .cont1 .youtube-slider .youtube-thumb-swiper::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}
#marketing-sec .cont1 .youtube-slider .youtube-thumb-swiper::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 8px;
}
#marketing-sec .cont1 .youtube-slider .youtube-thumb-swiper::-webkit-scrollbar-track {
    background: rgba(7, 33, 58, 0.1);
}
#marketing-sec .cont1 .youtube-slider .youtube-thumb-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    overflow: hidden;
    cursor: pointer;
}
#marketing-sec .cont1 .youtube-slider .youtube-thumb-swiper .swiper-slide.swiper-slide-active::after {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border: 8px solid var(--primary-color-pink);
    box-sizing: border-box;
    z-index: 1;
}
#marketing-sec .cont1 .tt {

}
#marketing-sec .cont1 .desc {

}
#marketing-sec .cont1 .item-list {

}
#marketing-sec .cont1 .item-list .item {

}


/* compete-sec sec3 */
section.sec#compete-sec {
    align-content: center;

    padding-top:40px;
    padding-bottom:40px;

    min-height: 100vh;
    max-height: 1400px;

    background: var(--primary-color);

    transition: none;
}
#compete-sec .cont-wrap {
    height: 100%;
    overflow: visible;
}
#compete-sec .tt-wrap {

}
#compete-sec .tt-wrap .tt {

}
#compete-sec .tt-wrap .sub-tt {

}
#compete-sec .tt-wrap .desc {

}
#compete-sec .tt-wrap .add-txt {

}
#compete-sec .item {
    position: relative;
    width: 50%;
    max-width: 800px;
    max-height: 720px;
    height: 100vh;
    overflow: visible;
}
#compete-sec .item-img {
    position: relative;
    padding:0 100px 0 0;
}
#compete-sec .item-img .img-wrap {
    right:100px;
    height: 100%;
    max-height: 720px;
}
#compete-sec .item-img .img-wrap img {
    position: relative;
    top:50%;
    transform: translateY(-50%);
    max-width: unset;
    filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.5));
}
#compete-sec .item-info {
    margin:0;
    background: var(--primary-color);
    border-radius: 30px;
}
#compete-sec .item-info .inner {
    align-content: center;

    height: 100%;
    max-height: 720px;
    min-height:640px;
}
#compete-sec .c1 .sub-tt {
    margin:0 auto 40px;
    font-size:32px;
}
#compete-sec .c1 .tt {
    margin:0 auto 40px;
}
@supports (-webkit-mask: url()) {
    div.wave-txt{
        width:auto;
        height: 304px;
        background: #6fb6ed;
        -webkit-mask: url('../../img/pc/sec3/blue-ocean.png') no-repeat 4% / contain;
    }
    div.wave-txt::before{
        content: '';
        position: absolute;
        animation: loading_wave_x 12s linear infinite both alternate, loading_wave_y 4s linear infinite both alternate;
        inset: 0;
        background: #fff;
        -webkit-mask: url('../../img/pc/sec3/wave.png') repeat no-repeat  0% -90%;
        z-index: 1;
        will-change: -webkit-mask;
    }
}
#compete-sec .c1 .desc {
    line-height: 1.65;
    font-size:22px;
}
#compete-sec .c2 .sub-tt {
    margin:0 0 56px;
    font-size: 28px;
}
#compete-sec .c2 .sub-tt .speech-bubble {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:14px 34px;
    border-radius: 1000px;
    background: var(--primary-color-yellow);
    overflow: hidden;
}
#compete-sec .c2 .sub-tt::after {
    content:url('../../img/pc/sec3/sb-tail.png');
    position: absolute;
    top:calc(100% - 8px);
    left:40px;
    display: block;
    width: 22px;
    height: 21px;
}
#compete-sec .c2 .tt {
    line-height: 1.05;
    font-size:72px;
}
#compete-sec .c2 .tt.tt1 {
    margin:0 auto 40px;
}
#compete-sec .c2 .tt small {
    display: block;
    margin:0 0 8px;
    font-size:54px;
    line-height: 1.25;
}
#compete-sec .c2 .tt .yellow-box {
    position: relative;
    padding:4px 8px;
}
#compete-sec .c2 .tt .yellow-box::after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
    width:100%;
    height:calc(100% - 16px);
    background:var(--primary-color-yellow);
    z-index: -1;
}
#compete-sec .cont1 {

}
#compete-sec .cont1 .tt {

}
#compete-sec .cont1 .desc {

}
#compete-sec .cont1 .item-list {

}
#compete-sec .cont1 .item-list .item {

}


/* solution-sec sec4 */
section.sec#solution-sec {
    padding-top:150px;
    padding-bottom:150px;

    background: #f2f2f2;
}
#solution-sec .cont-wrap {

}
#solution-sec .tt-wrap {
    margin:0 auto 60px;
}
#solution-sec .tt-wrap .tt {
    margin:0 auto;
}
#solution-sec .tt-wrap .sub-tt {

}
#solution-sec .tt-wrap .desc {

}
#solution-sec .tt-wrap .add-txt {

}
#solution-sec .cont1 {

}
#solution-sec .cont1 .tt {

}
#solution-sec .cont1 .desc {
    gap:20px;
    margin:0 auto 40px;
    font-size: 22px;
}
#solution-sec .cont1 .item-list {
    border-radius: 20px;
    overflow: hidden;
}
#solution-sec .cont1 .item-list .item {
    align-content: center;
    position: relative;
    overflow: hidden;
}
#solution-sec .cont1 .item-list .item::after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: all 0.5s;
    z-index: 1;
}
#solution-sec .cont1 .item-list .item:hover::after {
    background: rgba(0,0,0,0.4);
}
#solution-sec .cont1 .item-list .item img {
    position: relative;
    height: 100%;
    z-index: 0;
}
#solution-sec .cont1 .item-list .item .gif-img {
    position: absolute;
    max-width: unset;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    height: 100%;
    opacity: 0;
    z-index: 1;
}
#solution-sec .cont1 .item-list .item:hover .gif-img {
    opacity: 1;
}
#solution-sec .cont1 .item-list .item .txt-wrap {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 10;
}
#solution-sec .cont1 .item-list .item .tt {
    margin:0 auto;
    font-size:56px;
    color:#fff;
    transition: all 0.3s;
}
#solution-sec .cont1 .item-list .item:hover .tt {
    margin:0 auto 40px;
    color:var(--primary-color-yellow);
}
#solution-sec .cont1 .item-list .item .desc {
    margin:0 auto;
    width: 100%;
    height: 0;
    font-size:22px;
    transition: all 0.5s;
    overflow: hidden;
    opacity: 0;
}
#solution-sec .cont1 .item-list .item:hover .desc {
    height: auto;
    opacity: 1;
}




/* system-sec sec5 */
section.sec#system-sec {
    align-content: center;

    padding-top:64px;
    padding-bottom:64px;

    min-height: 100vh;
    max-height: 1400px;

    background: url('../../img/pc/bg/system-sec_bg.jpg') no-repeat center center;
    background-size: cover;

    transition: none;
}
#system-sec .cont-wrap {
    max-width: 1600px;
}
#system-sec .tt-wrap {

}
#system-sec .tt-wrap .tt {

}
#system-sec .tt-wrap .sub-tt {

}
#system-sec .tt-wrap .desc {

}
#system-sec .tt-wrap .add-txt {

}
#system-sec .item {
    position: relative;
    width: 50%;
    max-width: 800px;
    max-height: 800px;
    min-height:640px;
    height: 80vh;
    overflow: hidden;
}
#system-sec .item-img {

}
#system-sec .item-img .img-wrap {
    width: 100%;
    max-height:800px;
    height: 100%;
    min-height:640px;
    border-radius: 30px;
    overflow: hidden;
}
#system-sec .item-info {
    margin:100px 0 0 0;
    background: var(--primary-color);
    border-radius: 30px;
}
#system-sec .item-info .inner {
    align-content: center;
    padding:32px 48px 32px 100px;
    width: 100%;
    max-height:800px;
    height: 100%;
    min-height:640px;
}
#system-sec .item-info .sub-tt {
    margin:0 auto 12px;
    font-size: 28px;
}
#system-sec .item-info .tt {
    position: relative;
    margin:0 auto 128px;
    font-size: 64px;
}
#system-sec .item-info .tt::after {
    content:'';
    position: absolute;
    top:108px;
    left:0;
    display: block;
    width: 1px;
    height: 60px;
    background: #fff;
}
#system-sec .item-info .desc {
    line-height: 1.65;
    font-size:22px;
}
#system-sec .cont1 {

}
#system-sec .cont1 .tt {

}
#system-sec .cont1 .desc {

}
#system-sec .cont1 .item-list {

}
#system-sec .cont1 .item-list .item {

}



/* sales-sec sec6 */
section.sec#sales-sec {
    padding-top:150px;
    padding-bottom:64px;

    background: var(--primary-color-yellow);
}
#sales-sec .cont-wrap {

}
#sales-sec .tt-wrap {
    margin:0 auto 60px;
}
#sales-sec .tt-wrap .tt {
    margin:0 auto 32px;
    letter-spacing: -3px;
}
#sales-sec .tt-wrap .round-label {
    display: inline-flex;
    margin:0 auto;
    padding:18px 36px;
    line-height: 1.0;
    width: auto;
    height: auto;
    font-size:44px;
    background: var(--red-color);
}
#sales-sec .tt-wrap .sub-tt {

}
#sales-sec .tt-wrap .desc {

}
#sales-sec .tt-wrap .add-txt {

}
#sales-sec .cont1 {

}
#sales-sec .cont1 .tt {

}
#sales-sec .cont1 .desc {
    font-size:24px;
    font-weight: 400;
}
#sales-sec .cont1 .item-list {
    margin:0 auto 32px;
    max-width: 1600px;
    width: 100%;
}
#sales-sec .cont1 .item-list .item {
    padding:25px 20px 56px 20px;
    width: 380px;
    background: url('../../img/pc/sec6/store-bg.jpg') no-repeat center center;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
}
#sales-sec .cont1 .item-list .item .circle-label {
    position: relative;
    transform: unset;
    line-height: 1.15;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 400;
    background: var(--primary-color);
}
#sales-sec .cont1 .item-list .item .store-name {
    margin:-12px auto 28px;
    font-size:22px;
    font-weight: bold;
}
#sales-sec .cont1 .monthly-list {
    flex-direction: column;
    gap:30px;
}
#sales-sec .cont1 .monthly-list .sub-item {
    padding:0 5px 0 5px;
    width:100%;
}
#sales-sec .cont1 .monthly-list .sub-item .round-label {
    position: relative;
    transform: unset;
    margin:0;
    width: 64px;
    height: 40px;
    font-size:22px;
    font-weight: bold;
    border-radius: 1000px;
    background: var(--primary-color-yellow);
    overflow: hidden;
}
#sales-sec .cont1 .monthly-list .sub-item .amount {
    font-size: 26px;
}
.scale-blink_terms-8s[data-animation-delay="0s"] {
    animation-delay:0s;
}
.scale-blink_terms-8s[data-animation-delay="1.6s"] {
    animation-delay:1.6s;
}
.scale-blink_terms-8s[data-animation-delay="3.2s"] {
    animation-delay:3.2s;
}
.scale-blink_terms-8s[data-animation-delay="4.8s"] {
    animation-delay:4.8s;
}
.scale-blink_terms-8s[data-animation-delay="6.4s"] {
    animation-delay:6.4s;
}


/* structure-sec sec7 */
section.sec#structure-sec {
    padding-top:150px;
    padding-bottom:150px;

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

}
#structure-sec .tt-wrap {
    margin:0 auto 80px;
}
#structure-sec .tt-wrap .tt {
    margin:0 auto;
}
#structure-sec .tt-wrap .sub-tt {

}
#structure-sec .tt-wrap .desc {

}
#structure-sec .tt-wrap .add-txt {

}
#structure-sec .cont1 {
    gap:160px;
}
#structure-sec .cont1 .item-graph {
    width: 635px;
}
#structure-sec .cont1 .item-graph .graph-wrap {
    position: relative;
    margin:0 auto 64px;
}
#structure-sec .cont1 .item-graph .graph-wrap .revenue-wrap {
    top:155px;
    left:50%;
    margin:0 0 0 -250px;
}
#structure-sec .cont1 .item-graph .graph-wrap .revenue-wrap .txt {
    margin:0 auto 20px;
    line-height: 1.15;
    font-size:52px;
}
#structure-sec .cont1 .item-graph .graph-wrap .revenue-wrap .amount {
    line-height: 1.15;
    font-size:80px;
    letter-spacing: 1px;
}
#structure-sec .cont1 .item-content {
    padding:32px 0 0 0;
    width: calc(100% - 640px - 160px);
}
#structure-sec .cont1 .table-wrap {
    margin:0 auto 56px;
}
#structure-sec .cont1 .table-wrap table {
    width: 100%;
}
#structure-sec .cont1 .table-wrap table tbody tr:first-child td {
    background: #a5a5a4;
}
#structure-sec .cont1 .table-wrap table td {
    position: relative;
    padding:16px 16px 16px 16px;
    font-size: 26px;
}
#structure-sec .cont1 .table-wrap table td:first-child {
    padding:16px 32px 16px 32px;
}
#structure-sec .cont1 .table-wrap table tfoot td {
    position: relative;
    padding:11px 16px 11px 16px;
    line-height: 1.05;
    font-size: 32px;
    font-weight: bold;
    background: var(--primary-color-yellow);
}
#structure-sec .cont1 .table-wrap table .gray-box {
    padding:6px 20px;
    line-height: 1.15;
    font-size: 26px;
    background: #413f3d;
}
#structure-sec .cont1 .table-wrap table .gray-box .cnt {
    letter-spacing: -1px;
}
#structure-sec .cont1 .tt {

}
#structure-sec .cont1 .desc {
    line-height: 1.45;
    font-weight: 300;
}
#structure-sec .cont1 .item-list {

}
#structure-sec .cont1 .item-list .item {

}


/* menu-sec sec8 */
section.sec#menu-sec {
    padding-top:150px;
    padding-bottom:150px;

    background: #f2f2f2;
}
#menu-sec .cont-wrap {
    margin:0 auto;
    max-width: 2560px;
}
#menu-sec .tt-wrap {
    margin:0 auto 100px;
}
#menu-sec .tt-wrap .tt {
    margin:0 auto;
}
#menu-sec .tt-wrap .sub-tt {

}
#menu-sec .tt-wrap .desc {

}
#menu-sec .tt-wrap .add-txt {

}
#menu-sec .cont-wrap .cont1 {
    width: 100%;
    max-width: 2560px;
}
#menu-sec .cont1 .item-img {
    padding:50px 0 0 0;
    width: calc(586px);
    overflow: visible;
}
#menu-sec .cont1 .item-img img {
    max-width: unset;
}
#menu-sec .cont1 .item-menu {
    width: calc(100% - 586px);
}
#menu-sec .cont1 .item-menu .round-label {
    margin:0 0 20px;
    width: 264px;
    height: 60px;
    background: var(--primary-color);
    border-radius: 1000px;
    overflow: hidden;
}
#menu-sec .cont1 .item-menu .mainMenu-sw {
    margin:0 auto 72px;
}
#menu-sec .cont1 .item-menu .swiper {
    padding:0 0 56px 0;
}
#menu-sec .cont1 .item-menu .swiper-slide {
    width:470px;
    border-radius: 30px;
    overflow: hidden;
}
#menu-sec .cont1 .item-menu .swiper-slide .menu-name {
    left:50%;
    bottom:40px;
    transform: translateX(-50%);
    width: 100%;
    font-size:28px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
#menu-sec .cont1 .item-menu .swiper-scrollbar {
    max-width: 1010px;
    height: 11px;
}
#menu-sec .cont1 .item-menu .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--primary-color);
}
#menu-sec .cont1 .tt {

}
#menu-sec .cont1 .desc {

}
#menu-sec .cont1 .item-list {

}
#menu-sec .cont1 .item-list .item {

}


/* review-sec sec9 */
section.sec#review-sec {
    padding-top:150px;
    padding-bottom:150px;

    background: var(--primary-color);
}
#review-sec .cont-wrap {

}
#review-sec .tt-wrap {
    margin:0 auto 60px;
}
#review-sec .tt-wrap .tt {
    marign:0 auto;
}
#review-sec .tt-wrap .sub-tt {

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

}
#review-sec .tt-wrap .add-txt {

}
#review-sec .cont1 {

}
#review-sec .cont1 .tt {

}
#review-sec .cont1 .desc {

}
#review-sec .cont1 .item-list {

}
#review-sec .cont1 .item-list .item {

}
#review-sec .cont1 .swiper-slide {
    padding:20px;
    width: 380px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
#review-sec .cont1 .swiper-slide .img-wrap {
    margin:0 auto 32px;
    width: 340px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
}
#review-sec .cont1 .swiper-slide .img-wrap img {
    position: relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
}
#review-sec .cont1 .swiper-slide .desc {
    margin:0 auto 20px;
    line-height: 1.65;
    font-size:22px;
}
#review-sec .cont1 .swiper-slide .btn {
    gap:12px;
    margin:0 auto;
    width:140px;
    height: 40px;
    font-size: 18px;
    background: var(--primary-color);
    border-radius: 100px;
    overflow: hidden;
}
#review-sec .cont1 .swiper-slide .btn .arrow {
    display: inline-flex;
    margin:0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: all 0.2s;
}
#review-sec .cont1 .swiper-slide .btn:hover {
    background: var(--primary-color-hover);
}
#review-sec .swiper {

}
#review-sec .swiper-wrapper {

}
#review-sec .swiper-button-prev {
    top:50%;
    left:-100px;
    width: 40px;
    height:40px;
}
#review-sec .swiper-button-prev .arrow {
    margin:0;
    height:40px;
    width: 40px;
    border-top: 8px solid #fff;
    border-right: 8px solid #fff;
    transform: rotate(225deg);
}
#review-sec .swiper-button-next {
    top:50%;
    right:-100px;
    width: 40px;
    height:40px;
}
#review-sec .swiper-button-next .arrow {
    margin:0;
    height:40px;
    width: 40px;
    border-top: 8px solid #fff;
    border-right: 8px solid #fff;
    transform: rotate(45deg);
}


/* interior-sec sec10 */
section.sec#interior-sec {
    padding-top:150px;
    padding-bottom:150px;

    background: #fff;
}
#interior-sec .cont-wrap {
    max-width: 1600px;
}
#interior-sec .tt-wrap {
}
#interior-sec .tt-wrap .tt {

}
#interior-sec .tt-wrap .sub-tt {

}
#interior-sec .tt-wrap .desc {

}
#interior-sec .tt-wrap .add-txt {

}
#interior-sec .cont1 {
    width: calc(960px);
    min-width: 800px;
}
#interior-sec .cont1 .tt {
    margin:0 auto 64px;
}
#interior-sec .cont1 .desc {
    margin:0 auto 100px;
    line-height: 1.65;
    font-size:24px;
}
#interior-sec .cont1 .swiper-slide {
    width: 300px;
}
#interior-sec .cont1 .item-list {

}
#interior-sec .cont1 .item-list .item {

}
#interior-sec .cont2 {
    padding:0 0 0 30px;
    width: calc(100% - 960px);
    min-width: unset;
    overflow: visible;
}
#interior-sec .cont2 .img-wrap img {
    max-width: unset;
}


/* delivery-sec sec11 */
section.sec#delivery-sec {
    padding-top:305px;
    padding-bottom:130px;

    position: relative;

    background: var(--primary-color);
}
#delivery-sec .roof-img {
    top:0;
    left:50%;
    margin:0 0 0 calc(1920px / 2 * -1);
    width: 100%;
    max-width: 1920px;
    min-width: 1920px;
}
#delivery-sec .cont-wrap {

}
#delivery-sec .tt-wrap {

}
#delivery-sec .tt-wrap .tt {

}
#delivery-sec .tt-wrap .sub-tt {

}
#delivery-sec .tt-wrap .desc {

}
#delivery-sec .tt-wrap .add-txt {

}
#delivery-sec .cont1 {
    gap:72px;
}
#delivery-sec .cont1 .item-graph {
    width: 640px;
}
#delivery-sec .cont1 .item-graph .graph-wrap {
    position: relative;
    margin:0 auto 64px;
}
#delivery-sec .cont1 .item-graph .graph-wrap .revenue-wrap {
    top:60px;
    left:50%;
    margin:0 0 0 -36px;
}
#delivery-sec .cont1 .item-graph .graph-wrap .revenue-wrap .txt {
    margin:0 auto 12px;
    line-height: 1.15;
    font-size:36px;
}
#delivery-sec .cont1 .item-graph .graph-wrap .revenue-wrap .amount {
    line-height: 1.15;
    font-size:60px;
    letter-spacing: 1px;
}
#delivery-sec .cont1 .btn-revenue {
    gap:32px;
    margin:0 auto;
    width:280px;
    height:65px;
    font-size: 24px;
    font-weight: 400;
    background: var(--primary-color-yellow);
    border-radius: 1000px;
}
#delivery-sec .cont1 .btn-revenue:hover {
    background: var(--primary-color-yellow-hover);
}
#delivery-sec .cont1 .item-content {
    padding:100px 0 0 0;
    width: calc(100% - 640px - 72px);
}
#delivery-sec .cont1 .item-content .deliver {
    top:-160px;
    right:-130px;
    transform: scale(0.8);
    transition: 0.5s;
}
#delivery-sec .cont1 .sub-tt {
    margin:0 auto 32px;
    font-size:40px;
    letter-spacing: -2px;
}
#delivery-sec .cont1 .tt {
    margin:0 auto 60px;
    font-size:68px;
}
#delivery-sec .cont1 .txt-list {
    margin:0 auto 60px;
    font-size:24px;
}
#delivery-sec .cont1 .txt-list li {
    position: relative;
    padding:0 0 0 20px;
    line-height: 1.65;
}
#delivery-sec .cont1 .txt-list li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 6px;
    height: 6px;
    background: var(--primary-color-yellow);
    border-radius: 50%;
}
#delivery-sec .cont1 .desc {
    font-weight: 300;
}
#delivery-sec .cont1 .item-list {
    margin:0 auto 76px;
}
#delivery-sec .cont1 .item-list .item {

}


/* story-sec sec12 */
section.sec#story-sec {
    padding-top:225px;
    padding-bottom:215px;

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

}
#story-sec .tt-wrap {
    margin:0 auto 64px;
}
#story-sec .tt-wrap .tt {
    margin:0 auto;
    font-size:72px;
}
#story-sec .tt-wrap .sub-tt {
    font-size:48px;
}
#story-sec .tt-wrap .desc {
    margin:0 auto  60px;
    font-size:32px;
}
#story-sec .tt-wrap .add-txt {

}
#story-sec .cont1 {

}
#story-sec .cont1 .btn-story {
    gap:22px;
    margin:0 auto;
    width:280px;
    height:65px;
    font-size: 24px;
    font-weight: 400;
    background: var(--primary-color-yellow);
    border-radius: 1000px;
}
#story-sec .cont1 .btn-story:hover {
    background: var(--primary-color-yellow-hover);
}
#story-sec .cont1 .tt {

}
#story-sec .cont1 .desc {

}
#story-sec .cont1 .item-list {

}
#story-sec .cont1 .item-list .item {

}



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

    background: #f2f2f2;
    overflow-y: hidden;
}
#process-sec .cont-wrap {

}
#process-sec .tt-wrap {
    margin:0 auto;
    min-height: 230px;
}
#process-sec .tt-wrap .tt {
    margin:0 auto;
}
#process-sec .tt-wrap .sub-tt {

}
#process-sec .tt-wrap .desc {

}
#process-sec .tt-wrap .add-txt {

}
#process-sec .cont1 {
    position: relative;
    min-height: 720px;
    overflow: visible;
}
#process-sec .cont1 .tt {

}
#process-sec .cont1 .desc {

}
#process-sec .cont1 .item-list {

}
#process-sec .cont1 .item-list .item {
    left:50%;
    width: 280px;
    z-index: 10;
}
[data-animation="fade-up"] {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.5s, transform 0.5s;
}
[data-animation="fade-up"].on {
    opacity: 1;
    transform: translateY(0);
}
[data-animation="rotate-round"] {
    transition: transform 1s cubic-bezier(.4,0,.2,1);
}
[data-animation="rotate-round"].on {
    transform: rotate(360deg);
}
#process-sec .cont1 .item-list .item .info-box {
    padding:50px 8px 8px 8px;
    width: 100%;
    min-height: 200px;
    background: #42719e;
    border-radius: 20px;
}
#process-sec .cont1 .item-list .item .info-box .sub-tt {
    margin:0 auto 16px;
    font-size:28px;
}
#process-sec .cont1 .item-list .item .info-box .desc {
    line-height: 1.65;
    font-size:20px;
}
#process-sec .cont1 .item-list .item .circle-label {
    top:-40px;
    left:50%;
    transform: translateX(-50%);
    z-index: 10;
}
#process-sec .cont1 .item-list .item:nth-child(odd) .info-box {
    background: var(--primary-color);
}
#process-sec .cont1 .item-list .item1 {
    top:42px;
    margin:0 0 0 -595px;
}
#process-sec .cont1 .item-list .item2 {
    top:42px;
    margin:0 0 0 -250px;
}
#process-sec .cont1 .item-list .item3 {
    top:42px;
    margin:0 0 0 100px;
}
#process-sec .cont1 .item-list .item4 {
    top:42px;
    margin:0 0 0 445px;
}
#process-sec .cont1 .item-list .item5 {
    top:300px;
    margin:0 0 0 615px;
}
#process-sec .cont1 .item-list .item6 {
    top:520px;
    margin:0 0 0 290px;
}
#process-sec .cont1 .item-list .item7 {
    top:520px;
    margin:0 0 0 -55px;
}
#process-sec .cont1 .item-list .item8 {
    top:520px;
    margin:0 0 0 -400px;
}
#process-sec .cont1 .item-list .item9 {
    top:480px;
    margin:0 0 0 -800px;
    width:253px;
}
#process-sec .cont1 .item-list .item9 .img-wrap:first-child {
    margin:0 auto 12px;
}
#process-sec .cont1 .road-img {
    top:calc( (230px + 150px) * -1 );
    left:50%;
    transform: translateX(-50%);
    z-index: 1;
}


/* promotion-sec sec14 */
section.sec#promotion-sec {
    padding-top:150px;
    padding-bottom:150px;

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

}
#promotion-sec .tt-wrap {
    margin:0 auto 60px;
}
#promotion-sec .tt-wrap .tt {
    margin:0 auto;
}
#promotion-sec .tt-wrap .sub-tt {

}
#promotion-sec .tt-wrap .desc {

}
#promotion-sec .tt-wrap .add-txt {

}
#promotion-sec .cont1 {

}
#promotion-sec .cont1 .tt {
    margin:-60px auto 40px;
    line-height: 1.25;
    font-size:56px;
}
#promotion-sec .cont1 .desc {
    line-height: 1.65;
    font-size:32px;
    transition: all 0.5s;
}
#promotion-sec .cont1 .swiper {
    padding:0 0 240px 0;
}
#promotion-sec .cont1 .swiper .swiper-wrapper {
    overflow: visible;
}
#promotion-sec .cont1 .item-list {

}
#promotion-sec .cont1 .item-list .item {

}



/* expense-sec sec15 */
section.sec#expense-sec {
    padding-top:150px;
    padding-bottom:calc(150px + 90px);

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

}
#expense-sec .tt-wrap {
    margin:0 auto 60px;
}
#expense-sec .tt-wrap .tt {
    margin:0 auto;
}
#expense-sec .tt-wrap .sub-tt {

}
#expense-sec .tt-wrap .desc {

}
#expense-sec .tt-wrap .add-txt {

}
#expense-sec .cont1 {

}
#expense-sec .cont1 .tab-list {
    gap:88px;
    margin:0 auto 60px;
}
#expense-sec .cont1 .tab-list .tab-btn {
    width: 400px;
    height: 80px;
    font-size: 32px;
    background: #e1e1e1;
    border-radius: 1000px;
    color:#999999;
}
#expense-sec .cont1 .tab-list .tab-btn small {
    padding:8px 0 0 0;
    font-size:0.75em;
}
#expense-sec .cont1 .tab-list .tab-btn:hover,
#expense-sec .cont1 .tab-list .tab-btn.active {
    background: var(--primary-color-yellow);
    color:var(--primary-color);
}
#expense-sec .cont1 .table-wrap {
    margin:0 auto 40px;
}
#expense-sec .cont1 .table-wrap table {
    position: absolute;
    left:0;
    bottom:-100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
#expense-sec .cont1 .table-wrap table.active {
    position: relative;
    bottom:unset;
    opacity: 1;
    visibility: visible;
    width: 100%;
}
#expense-sec .cont1 .table-wrap table th {
    padding:20px 20px 20px 20px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background: var(--primary-color);
    text-align: center;
}
#expense-sec .cont1 .table-wrap table th small {
    font-size: 24px;
}
#expense-sec .cont1 .table-wrap table th:first-child {
    padding:0 20px 0 56px;
}
#expense-sec .cont1 .table-wrap table tbody tr:nth-child(odd) td {
    background: #ffffff;
}
#expense-sec .cont1 .table-wrap table tbody tr:nth-child(even) td {
    background: #f2f2f2;
}
#expense-sec .cont1 .table-wrap table td {
    position: relative;
    padding:20px 20px 20px 20px;
    font-size: 24px;
    text-align: center;
}
#expense-sec .cont1 .table-wrap table td del {
    display: inline-flex;
    margin:0 8px 0 0;
    text-decoration-color: var(--red-color);
    color:#999999;
}
#expense-sec .cont1 .table-wrap table td .round-label.red-label {
    margin:0 auto;
    width: 110px;
    height:45px;
    color:#fff;
    background: var(--red-color);
    font-size:24px;
    font-weight: bold;
}

#expense-sec .cont1 .tt {

}
#expense-sec .cont1 .desc {
    line-height: 1.65;
    font-size: 24px;
}
#expense-sec .cont1 .item-list {

}
#expense-sec .cont1 .item-list .item {

}










section.sec .cont-wrap .form-wrap {
    position: relative;
    margin:0 auto;
    padding:0;
    max-width: 720px;
}
section.sec .cont-wrap .form-wrap .tt {
    margin:0 auto 16px;
    padding-left:32px;
    line-height: 1.15;
    font-size:52px;
}
.form-wrap .inner {

}
.form-wrap .privacy-wrap {
    gap:4px;
    margin:20px auto 30px;
    width:100%;
    font-size: 18px;
    font-weight: 400;
}
.form-wrap .privacy-wrap .detail {
    font-size: 16px;
}
.form-wrap .privacy-wrap .detail:hover {
    font-weight: 800;
}
.form-wrap .inner-cont {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}
.form-wrap .input-wrap {
    margin:0 auto 16px;
    padding:6px 18px;
    width: 100%;
    border: 1px solid #222;
    box-sizing: border-box;
}
.form-wrap .input-wrap .ip-lb {
    text-align: left;
}
.form-wrap .input-wrap .ip-lb span {
    position: relative;
    width:calc(160px);
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
}
.form-wrap .input-wrap .ip-lb span.needed {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:4px;
}
.form-wrap .input-wrap .ip-lb span.needed::after {
    content:'';
    display: inline-flex;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-color);
}
.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:2px 5px;
    width:calc(100% - 160px);
    height: 40px;
    border:1px solid #000;
    color:var(--menu-font-color);
    font-size:18px;
    border-radius: 0;
    box-sizing: border-box;
    background: none;
    border: none;
}
.form-wrap .input-wrap select {
    color:rgba(0,0,0,0.5);
}
.form-wrap .input-wrap select:valid {
    color:var(--menu-font-color);
}
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {
    font-size: 18px;
    color:rgba(0,0,0,0.5);
}
.form-wrap .btn-submit {
    gap:10px;
    height: 90px;
    width: 100%;
    max-width: 600px;
    font-size: 36px;
    background: var(--primary-color);
}
.form-wrap .btn-submit:hover {
    background: var(--primary-color-hover);
}



@media screen and (max-width: 1680px) {
    .hd .inner-wrap {
        min-width: 1480px;
    }
    .hd .gnb .menu {
        padding:0 40px;
    }
    .fixed-form-wrap .inner-wrap {
        padding:0 0 0 20px;
    }
    .fixed-form-wrap .btn-submit {
        width: 200px;
    }
}