@charset "utf-8";

/* common */
body, html {
    line-height:1.45;
    font-family: "Paperlogy","Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    letter-spacing: -0.25px;
    color:#232323;
    font-weight: 200;
}

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%;
    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:1280px;
    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 40px;
    line-height: 1.25;
    font-size:60px;
    font-weight: bold;
    letter-spacing: -2px;
}
section.sec .cont-wrap .sub-tt {
    font-size:28px;
    font-weight: 400;
}
section.sec .cont-wrap .add-txt {
    font-size:24px;
    font-weight: 400;
}
section.sec .cont-wrap .desc {
    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;
}
.vertical-txt {
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.round-label {
    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(--dark-red-color);
    color: var(--dark-red-color);
}
.round-label.white-label {
    border: 1px solid #fff;
    color: #fff;
}

/* GNB(Header) */
.hd {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    width: 100%;
    min-width: 1600px;
    height: 100px;
    background: #f0e9e4;
    font-weight: 400;
    z-index: 999;
    transition: all 0.2s;
}
.hd.scrolled {
    /*height: 64px;*/
    box-shadow: 0 0 12px rgba(100, 100, 100, 0.2);
}
.hd .inner-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding:0 0 0 calc(360px);
    max-width: 1920px;
    min-width: 1600px;
    width: 100%;
    height: 100%;
}
.active.hd {
    position: fixed;
}

/* 로고 */
.hd .logo {
    width: 74px;
    text-align: center;
}
.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: 24px;
    margin-left: auto;
    min-width: 860px;
}
.hd .gnb .menu {
    color:var(--menu-font-color);
    font-size: 18px;
    font-weight: 600;
}
.hd .gnb .menu:hover {
    color: var(--dark-red-color);
}
.hd .header-btns {
    padding:0 0 0 32px;
    margin:0 0 0 94px;
    width: 360px;
    height: 100%;
    background: var(--dark-red-color);
    font-size: 22px;
}
.hd .header-btns .txt {
    line-height: 1.15;
    width: 100%;
}
.hd .header-btns .call-btn {
    width: 100%;
    font-size: 28px;
    font-weight: bold;
}
.hd .header-btns:hover .call-btn {
    font-size: 1.5em;
}
.hd .header-btns .btn {
    gap:4px;
    padding:4px 14px;
    height: 30px;
    border-radius: 15px;
}
.hd .header-btns .btn img {
    margin:-2px 0 0 4px;
}
.hd .header-btns .btn:hover {
    text-decoration: unset;
}


/* Fixed Form */
.fixed-form-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -80%;
    padding: 12px 0;
    height: 100px;
    background: #2d2d2d;
    font-size: 18px;
    color: #222;
    z-index: 1000;
}
.fixed-form-wrap .fw-wrap {
    width: 100%;
}
.fixed-form-wrap .inner-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1300px;
    max-width: 1300px;
    height: 100%;
    z-index: 2;
}
.fixed-form-wrap .fw-input-box {
    gap:24px;
    width: 100%;
}
.fixed-form-wrap .fixed-logo {
    gap:26px;
    line-height: 1.25;
    font-size: 16px;
}
.fixed-form-wrap .fixed-logo .logo {
    width: 72px;
}
.fixed-form-wrap .fixed-logo .call-wrap {
    font-size: 26px;
}
.fixed-form-wrap .fixed-logo:hover * {
    text-decoration: unset;
}
.fixed-form-wrap .input-wrap {
    gap:10px;
    margin-left: auto;
}
.fixed-form-wrap .input-wrap input {
    width: 170px;
    border-radius: 0;
}
.fixed-form-wrap .input-wrap input[type="tel"] {
    width: 190px;
}
.fixed-form-wrap .input-wrap select {
    width: 190px;
    border-radius: 0;
}
.fixed-form-wrap .input-wrap input[type="checkbox"] {
    width: unset;
}
.fixed-form-wrap .input-wrap label {
    gap:4px;
    padding:0 0 0 10px;
    font-weight: 400;
}
.fixed-form-wrap .blog-btn {
    gap:8px;
    width: 115px;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    border-radius: 40px;
}
.fixed-form-wrap .blog-btn:hover {
    text-decoration: unset;
}
.fixed-form-wrap .btn-submit {
    width: 200px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
}

/* Input Form */
.fixed-form-wrap ::placeholder {
    font-size: 16px;
}

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/comm/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_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%;
}

/* Footer */
.footer {
    padding: 64px 0 148px;
    background: #000000;
    width: 100%;
    min-width: 1600px;
}
.footer .cont-wrap {

}
.footer .info {
    margin:0 auto 24px;
    line-height: 1.8;
    font-size: 16px;
}
.footer .info .grayLine{
    color:#888889;
}
.footer .copyright {
    color:#ccc; /* 2025-02-28 컬러 변경 */
    font-size: 16px;
    letter-spacing: 0;
}
/* Quick Menu */
.quick {
    position: fixed;
    top: 120px;
    right: 50px;
    width: 120px;
    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;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 4px;
    line-height: 1.15;
}
.quick .quick-bottom:hover {
    background: #640205;
    text-decoration: none;
}



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

    height: 100vh;
    min-height:calc(678px + 48px);

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

}
#main-sec .tt-wrap {
    z-index: 1;
}
#main-sec .tt-wrap .round-txt {
    margin:0 auto 60px;
    width: 300px;
    height: 80px;
    border-radius: 50%;
    background: var(--light-red-color);
    font-size: 24px;
}
#main-sec .tt-wrap .tt {
    font-size: 36px;
    text-shadow: 0px 0px 16px rgba(0,0,0,0.2);
}
#main-sec .tt-wrap .sub-tt {
    text-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    font-weight: 400;
}
#main-sec .tt-wrap .primary-txt {

}
#main-sec .cont1 {
    z-index: 0;
}
#main-sec .cont1 .item {
    position: relative;
    z-index: 1;
}
#main-sec .cont1 .desc {
    margin:24px auto 0;
}
#main-sec .cont1 .food {
    top:-254px;
    left:50%;
    margin-left:calc(1050px / 2 * -1);
    z-index: 0;
}
#main-sec .cont1 .food.spin.spin-slow {
    animation: spin 18s ease infinite;
}
#main-sec .cont2 {

}
#main-sec .add-txt {

}

/* sec2 - intro-sec */
section.sec#intro-sec {
    padding-top: 96px;
    padding-bottom: 90px;

    /*background: url('../../img/pc/bg/intro-sec_bg.jpg') no-repeat top center;*/
    /*background-size: cover;*/
    background: #f8f7f6;
}
#intro-sec .cont-wrap {
    position: relative;
    z-index: 1;
}
#intro-sec .tt-wrap {

}
#intro-sec .tt-wrap .tt {
    margin:0 auto 20px;
}
#intro-sec .tt-wrap .sub-tt {
    margin:0 auto 16px;
    font-size: 60px;
    font-weight: 400;
}
#intro-sec .tt-wrap .add-txt {
    font-size: 20px;
}
#intro-sec .tt-wrap .primary-txt {

}
#intro-sec .cont1 {
    margin:64px auto 0;
}
#intro-sec .cont1 .item {
    padding:100px 0 0 80px;
}
#intro-sec .cont1 .left-txt-wrap {
    margin:0 260px 0 0;
    width: 346px;
    height: 376px;
    transition: all 0.2s
}
#intro-sec .cont1 .right-txt-wrap {
    margin:-180px 0 0 260px;
    width: 346px;
    height: 376px;
    transition: all 0.2s
}
#intro-sec .cont1 .item .txt {
    margin:0 auto 4px;
    font-size: 24px;
}
#intro-sec .cont1 .item .add-txt {
    line-height: 1.25;
    font-size: 52px;
}
#intro-sec .cont1 .item .bubble-img {
    top:0;
    left:0;
}
#intro-sec .cont2 {

}
#intro-sec .add-txt {

}
#intro-sec .move-bg-wrap {
    top:0;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1920px;
    height: 100%;
    z-index: 0;
}
#intro-sec .move-bg-wrap .bg-item {
    top:0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    will-change: width;
}
#intro-sec .move-bg-wrap .bg-item .bg-in {
    top: 0;
    height: 100%;
    width: 1548px;
}
#intro-sec .move-bg-wrap .left-bg {
    left:0;
}
#intro-sec .move-bg-wrap .right-bg {
    right:0;
}
#intro-sec .move-bg-wrap .left-bg.bg-item .bg-in {
    left:0;
    background: url('../../img/pc/sec2/left-bg.jpg?v=2') no-repeat top center;
    background-size: cover;
}
#intro-sec .move-bg-wrap .right-bg.bg-item .bg-in {
    right:0;
    background: url('../../img/pc/sec2/right-bg.jpg?v=2') no-repeat top center;
    background-size: cover;
}

/* sec3 - concept-sec */
section.sec#concept-sec {
    padding-top: 270px;
    padding-bottom: 80px;

    background: #fff;
}
#concept-sec:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:50%;
    width: 50%;
    height: 100%;
    background: url('../../img/pc/sec3/right-bg.jpg?v=1') no-repeat top center;
    background-size: cover;
    z-index: 0;
}
#concept-sec .cont-wrap {
    z-index: 1;
}
#concept-sec .tt-wrap {
    padding:0 0 0 94px;
    margin:0 auto;
    max-width: 1600px;
}
#concept-sec .tt-wrap .tt {
    line-height: 1.15;
}
#concept-sec .tt-wrap .sub-tt {
    font-size: 24px;
    font-weight: 200;
}
#concept-sec .tt-wrap .primary-txt {

}
#concept-sec .cont1 {

}
#concept-sec .cont1 .graph-wrap {
    margin:-280px auto 0;
}
#concept-sec .cont1 .graph {
    transform: rotate(0deg);
    transition: transform 1s linear; /* 자연스러운 회전 효과 */
}
#concept-sec .cont1 .tw1 {
    top:337px;
    left:50%;
    margin: 0 0 0 -396px;
    z-index: 10;

}
#concept-sec .cont1 .tw2 {
    top:273px;
    left:50%;
    margin: 0 0 0 225px;
    z-index: 10;
}
#concept-sec .cont1 .txt-wrap .black-label {
    margin:0 0 10px 0;
    background: #000;
    width: 160px;
    height: 38px;
    font-size: 26px;
    font-weight: 400;
}
#concept-sec .cont1 .txt-wrap .cnt-wrap {
    line-height: 1.15;
    font-size: 60px;
    font-weight: 800;
}
#concept-sec .cont1 .tw2 .cnt-wrap::after {
    content: attr(data-text); /* 원본과 동일한 텍스트 */
    display: inline-flex;
    position: absolute;
    top: 6px; /* 아래로 이동 */
    left: 6px; /* 오른쪽으로 이동 */
    width: 100%;
    -webkit-text-fill-color: rgba(0,0,0,0.2);
    z-index: -1;
}
#concept-sec .cont1 .txt-wrap.fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#concept-sec .cont1 .label1 {
    top:-168px;
    right:136px;
}
#concept-sec .cont1 .label2 {
    top:-168px;
    right:46px;
}
#concept-sec .cont2 {

}
#concept-sec .add-txt {

}
#concept-sec .bg-txt {
    font-size: 72px;
    font-weight: 800;
}
#concept-sec .bg-txt.txt1 {
    top:0;
    left:0;
}
#concept-sec .bg-txt.txt2 {
    top:72px;
    left:0;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-text-fill-color: #fff;
}
#concept-sec .bg-txt.txt3 {
    top:144px;
    left:0;
}
#concept-sec .bg-txt.txt4 {
    bottom:110px;
    left:0;
}
#concept-sec .bg-txt.txt5 {
    bottom:38px;
    left:0;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-text-fill-color: #fff;
}
#concept-sec .bg-txt.txt6 {
    bottom:-34px;
    left:0;
}

/* sec4 - revenue-sec */
section.sec#revenue-sec {
    padding-top: 236px;
    padding-bottom: 108px;

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

}
#revenue-sec .tt-wrap {

}
#revenue-sec .tt-wrap .tt {
    font-size: 36px;
    font-weight: 200;
}
#revenue-sec .tt-wrap .sub-tt {

}
#revenue-sec .tt-wrap .primary-txt {

}
#revenue-sec .cont1 {

}
#revenue-sec .cont1 .count-wrap {
    margin:0 auto;
    width: 840px;
    height: 140px;
    border: 8px solid var(--dark-red-color);
    background: #fff;
    font-size: 72px;
    letter-spacing: -2px;
}
#revenue-sec .cont1 .desc {
    margin:40px auto 0;
    font-size: 24px;
    font-weight: 400;
}
#revenue-sec .cont1 .img-wrap {
    position: relative;
    display: inline-flex;
    margin:80px auto;
}
#revenue-sec .cont1 .img-wrap .food {
    animation: rotateInfinite 15s linear infinite;;
}
#revenue-sec .cont1 .img-wrap:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 24px * 2);
    height: calc(100% + 24px * 2);
    border:1px solid #fff;
    border-radius: 50%;
}
#revenue-sec .cont2 {

}
#revenue-sec .add-txt {
    font-size: 44px;
}

/* sec5 - awards-sec */
section.sec#awards-sec {
    padding-top: 68px;
    padding-bottom: 140px;

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

}
#awards-sec .tt-wrap {

}
#awards-sec .tt-wrap .tt {
    margin:0 auto 24px;
}
#awards-sec .tt-wrap .tt .tt-img {
    margin:0 16px 0 42px;
}
#awards-sec .tt-wrap .sub-tt {

}
#awards-sec .tt-wrap .primary-txt {
    margin:0 auto 40px;
}
#awards-sec .tt-wrap .primary-txt img {
    width: 174px;
}
#awards-sec .cont1 {
    margin:56px auto 0;
    padding:0 0 0 94px;
}
#awards-sec .vertical-txt {
    top:-60px;
    left:40px;
    line-height: 1.1;
    font-size: 98px;
    font-weight: 1000;
    -webkit-text-stroke: 1px rgba(255,255,255,1);
    -webkit-text-fill-color: transparent;
    writing-mode: unset;
    text-orientation: unset;
    z-index: 2;
}
#awards-sec .cont1 .history-wrap {
    position: relative;
    padding:70px 24px 70px 80px;
    max-width: 580px;
    height: auto;
    background: var(--dark-red2-color);
    z-index: 0;
}
#awards-sec .cont1 .history-wrap ul {
    position: relative;
    top: 0;
    z-index: 1;
}
#awards-sec .cont1 .history-wrap ul li {
    padding:6px 0;
    font-size: 18px;
    transition: font-weight 0.2s, transform 0.6s ease-in-out;
}
#awards-sec .cont1 .history-wrap ul li.active {
    font-weight: bold;
}
#awards-sec .cont1 .history-wrap:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 16px * 2);
    height: calc(100% + 13px * 2);
    border:1px solid #fff;
    z-index: 0;
}
#awards-sec .cont1 .ceo-wrap {
    left: 615px;
    bottom:-180px;
}
#awards-sec .cont1 .ceo-wrap .label {
    font-size: 18px;
}
#awards-sec .cont1 .ceo-wrap .name {
    font-size: 22px;
    font-weight: bold;
}
#awards-sec .cont1 .ceo-wrap .ceo1 {
    bottom:86px;
    right:-36px;
}
#awards-sec .cont1 .ceo-wrap .ceo2 {
    bottom:86px;
    left:-160px;
}
#awards-sec .cont2 {

}
#awards-sec .add-txt {

}

/* sec6 - media-sec */
section.sec#media-sec {
    padding-top: 124px;
    padding-bottom: 36px;

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

}
#media-sec .tt-wrap {
    margin:0 auto;
    padding:0 0 0 40px;
    max-width: 1400px;
}
#media-sec .tt-wrap .tt {
    margin:0 auto;
    line-height: 1.15;
}
#media-sec .tt-wrap .sub-tt {

}
#media-sec .tt-wrap .speech-box {
    margin:0 0 32px 0;
    width: 440px;
    height: 80px;
    background: #fff;
    border:1px solid #000;
    box-shadow: -3px 3px 0px #a4855b;
    font-size: 20px;
    font-weight: 400;
}
#media-sec .tt-wrap .speech-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    border-width: 16px 16px 16px 0;
    border-style: solid;
    border-color: transparent #000 transparent transparent;
    filter: drop-shadow(-3px 3px 0px #a4855b);
}
#media-sec .tt-wrap .speech-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: -14px;
    border-width: 15px 14px 15px 0;
    border-style: solid;
    border-color: transparent white transparent transparent;
}
#media-sec .tt-wrap .primary-txt {

}
#media-sec .cont1 {
    margin:0 auto;
}
#media-sec .cont1 .frame {
    margin:-20px 0 0 472px;
    padding:53px 38px 50px 40px;
    width: 889px;
    height: 605px;
    background: url('../../img/pc/sec6/tablet.png') no-repeat top center;
    background-size: cover;
    z-index: 1;
}
#media-sec .cont1 .frame .youtube-wrap {
    padding:0 0 62.25% 0;
    background: #000;
}
#media-sec .cont1 .food1 {
    top:20px;
    left:50%;
    margin:0 0 0 -626px;
    animation: infiniteRotate 16s infinite ease-in-out;
}
#media-sec .cont1 .food2 {
    top:-360px;
    right:-240px;
    z-index: 0;
}
#media-sec .cont2 {

}
#media-sec .add-txt {

}

/* sec7 - growth-sec */
section.sec#growth-sec {
    padding-top: 100px;
    padding-bottom: 60px;

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

}
#growth-sec .tt-wrap {

}
#growth-sec .tt-wrap .tt {
    margin:0 auto 24px;
}
#growth-sec .tt-wrap .sub-tt {
    margin: 0 auto 24px;
    font-size: 60px;
}
#growth-sec .tt-wrap .primary-txt {

}
#growth-sec .cont1 {
    margin:20px auto 0;
}
#growth-sec .cont1 .label {
    margin:0 auto 12px;
    max-width: 1400px;
}
#growth-sec .cont1 .graph-wrap {
    margin:0 auto;
    padding:70px 30px 40px 30px;
    max-width: 1400px;
    background: #000;
    filter:drop-shadow(0px 0px 0px rgba(0,0,0,0.1)) /* 명확한 그림자 */
           drop-shadow(26px 16px 0px rgba(0, 0, 0, 0.1))
}
#growth-sec .graph-wrap .set-wrap {
    margin:0 auto;
    width: 1339px;
    height: 449px;
}
#growth-sec .graph-wrap .set-wrap .graph {
    top:54px;
    left:112px;
}
#growth-sec .graph-wrap .set-wrap .cnt {
    transform: translateY(20px);
    font-size: 14px;
    font-weight: 400;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    opacity: 0;
}
#growth-sec .graph-wrap .set-wrap .cnt.fade-up {
    opacity: 1;
    transform: translateY(0);
}
#growth-sec .graph-wrap .set-wrap .m1 {
    top:208px;
    left:130px;
}
#growth-sec .graph-wrap .set-wrap .m2 {
    top:178px;
    left:228px;
}
#growth-sec .graph-wrap .set-wrap .m3 {
    top:135px;
    left:330px;
}
#growth-sec .graph-wrap .set-wrap .m4 {
    top:230px;
    left:430px;
}
#growth-sec .graph-wrap .set-wrap .m5 {
    top:185px;
    left:526px;
}
#growth-sec .graph-wrap .set-wrap .m6 {
    top:234px;
    left:630px;
}
#growth-sec .graph-wrap .set-wrap .m7 {
    top:186px;
    left:730px;
}
#growth-sec .graph-wrap .set-wrap .m8 {
    top:182px;
    left:830px;
}
#growth-sec .graph-wrap .set-wrap .m9 {
    top:226px;
    left:930px;
}
#growth-sec .graph-wrap .set-wrap .m10 {
    top:170px;
    left:1030px;
}
#growth-sec .graph-wrap .set-wrap .m11 {
    top:150px;
    left:1128px;
}
#growth-sec .graph-wrap .set-wrap .m12 {
    top:94px;
    left:1228px;
    font-weight: bold;
    text-shadow: 4px 4px 12px rgba(255,255,255,0.2);
    z-index: 2;
}
#growth-sec .graph-wrap .set-wrap .arrow {
    top:-48px;
    left:888px;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    opacity: 0;
    z-index: 1;
}
#growth-sec .graph-wrap .set-wrap .arrow.fade-up {
    opacity: 1;
    transform: translateY(0);
}
#growth-sec .cont2 {

}
#growth-sec .add-txt {
    margin:96px auto 0;
    font-size: 54px;
    font-weight: 400;
}
#growth-sec .add-txt .txt {
    margin:0 auto 16px;
}
#growth-sec .add-txt .txt strong {
    display: inline-flex;
}

/* sec8 - unique-sec */
section.sec#unique-sec {
    padding-top: 224px;
    padding-bottom: 356px;

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

    z-index: 0;
}
#unique-sec .cont-wrap {

}
#unique-sec .tt-wrap {
    margin:0 auto;
    max-width: 1400px;
}
#unique-sec .tt-wrap .tt {
    margin:0 auto;
    line-height: 1.0;
    font-size: 220px;
    color: #ffcc00;
    /*-webkit-text-stroke: 1px #ffcc00;*/
    /*-webkit-text-fill-color: transparent;*/
}
#unique-sec .tt-wrap .sub-tt {
    line-height: 1.25;
    font-size: 84px;
    font-weight: 200;
}
#unique-sec .tt-wrap .primary-txt {

}
#unique-sec .tt-wrap .red-square-label {
    margin:0;
    width: 420px;
    height: 70px;
    background: var(--light-red2-color);
    font-size: 42px;
}
#unique-sec .cont1 {

}
#unique-sec .cont2 {

}
#unique-sec .add-txt {

}

/* sec9 - special1-sec */
section.sec#special1-sec {
    padding-top: 0;
    padding-bottom: 0;

    background: unset;
    overflow: visible;
    z-index: 1;
}
#special1-sec .cont-wrap {
    margin:-200px auto 0 auto;
    padding:150px 0 220px 0;
    max-width: 1600px;
    background: #000;
    overflow: hidden;
}
#special1-sec .tt-wrap {

}
#special1-sec .tt-wrap .primary-txt {

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

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

}
#special1-sec .cont1 {
    margin:0 auto;
    max-width: 1400px;
    min-width: 1400px;
    width: 100%;
}
#special1-sec .cont1 .item {
    width: 50%;
}
#special1-sec .cont1 .inner-cont {
    z-index: 1;
}
#special1-sec .cont1 .food {
    top:-380px;
    right:-100px;
    max-width: unset;
}

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

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

}
#special2-sec .tt-wrap {

}
#special2-sec .tt-wrap .primary-txt {

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

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

}
#special2-sec .cont1 {

}
#special2-sec .cont1 .inner-cont {
    padding:72px 0 0 100px;
}

/* sec11 - special3-sec */
section.sec#special3-sec {
    padding-top: 156px;
    padding-bottom: 220px;

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

}
#special3-sec .tt-wrap {
    margin: 0 auto;
    max-width: 1400px;
}
#special3-sec .tt-wrap .primary-txt {

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

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

}
#special3-sec .cont1 {

}

/* sec12 - special4-sec */
section.sec#special4-sec {
    padding-top: 168px;
    padding-bottom: 168px;

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

}
#special4-sec .tt-wrap {

}
#special4-sec .tt-wrap .primary-txt {

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

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

}
#special4-sec .cont1 {

}
#special4-sec .cont1 .inner-cont {
    padding:48px 0 0 100px;
}

/* sec13 - secret-sec */
section.sec#secret-sec {
    padding-top: 240px;
    padding-bottom: 300px;

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

}
#secret-sec .tt-wrap {
    margin:0 auto;
    max-width: 1400px;
}
#secret-sec .tt-wrap .primary-txt {

}
#secret-sec .tt-wrap .tt {
    margin: 0 auto 40px;
}
#secret-sec .tt-wrap .sub-tt {
    font-size: 28px;
}
#secret-sec .cont1 {

}

/* sec14 - menu-sec */
section.sec#menu-sec {
    padding-top: 100px;
    padding-bottom: 80px;

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

}
#menu-sec .tt-wrap {

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

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

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

}
#menu-sec .cont1 {
    margin:84px auto 0;
}
#menu-sec .cont1 .menu-box {
    gap:10px;
    position: relative;
    padding:104px 126px 60px 126px;
    margin:0 auto;
    width: 1024px;

    background: url('../../img/pc/sec14/menupan-bg.jpg') no-repeat top center;
    background-size: cover;
    border:1px solid #fff;
    z-index: 1;
}
#menu-sec .cont1 .menu-box .tt {
    top:0;
    left:50%;
    transform: translate(-50%,-50%);
    width: 300px;
    height: 80px;
    background: var(--light-red-color);
    border-radius: 50%;
    font-size: 24px;
    z-index: 1;
}
#menu-sec .cont1 .menu-box .tt:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% + 18px * 2);
    height:calc(100% + 10px * 2);
    border: 1px solid var(--light-red-color);
    border-radius: 50%;
}
#menu-sec .cont1 .menu-box .item {
    position: relative;
    z-index: 1;
}
#menu-sec .cont1 .menu-box .menu-name {
    position: relative;
    padding:24px 12px;
    font-size: 32px;
    font-weight: bold;
    color: #000;
}
#menu-sec .cont1 .menu-box:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% + 20px * 2);
    height:calc(100% + 20px * 2);
    border: 1px solid #fff;
    z-index: 0;
}
#menu-sec .cont1 .menu-box .img-wrap {
    width: 380px;
    overflow: hidden;
}
#menu-sec .cont1 .menu-box .img-wrap img:hover {
    transform: scale(1.35) translateX(-30px);
}
#menu-sec .cont1 .add-txt {
    margin:80px auto 0;
    font-size: 44px;
}

/* sec15 - process-sec */
section.sec#process-sec {
    padding-top: 96px;
    padding-bottom: 124px;

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

}
#process-sec .tt-wrap {

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

}
#process-sec .tt-wrap .tt {
    margin:0 auto;
    line-height: 1.15;
    font-size: 120px;
}
#process-sec .tt-wrap .tt strong {
    position: relative;
    display: inline-flex;
}
#process-sec .tt-wrap .tt strong::after {
    content: attr(data-text); /* 원본과 동일한 텍스트 */
    display: inline-flex;
    position: absolute;
    top: 6px; /* 아래로 이동 */
    left: 6px; /* 오른쪽으로 이동 */
    width: 100%;
    color: transparent; /* 내부 색상을 투명하게 */
    -webkit-text-stroke: 2px rgba(0, 0, 0, 0.1); /* 테두리만 보이게 */
    z-index: -1;
}
#process-sec .tt-wrap .tt .tt-subtxt {
    top:100%;
    left:calc(50% + 48px);
}
#process-sec .tt-wrap .sub-tt {
    margin:0 auto;
    font-size: 48px;
}
#process-sec .cont1 {
    margin:130px auto 0;
}
#process-sec .cont1 .proc-wrap {
    gap:10px;
    position: relative;
    margin:0 auto;
    padding:66px 0 56px 0;
    width: 1200px;
    border:1px solid #fff;
    z-index: 1;
}
#process-sec .cont1 .proc-wrap .item {

}
#process-sec .cont1 .proc-wrap .item .img-wrap {
    border-radius: 12px;
    overflow: hidden;
}
#process-sec .cont1 .proc-wrap .center-txt-label {
    top:0;
    left:0;
    width: 114px;
    height: 50px;
    background: var(--dark-red-color);
    font-size: 18px;
}
#process-sec .cont1 .proc-wrap .item .desc {
    margin:20px auto 0;
    line-height: 1.25;
    font-size: 20px;
}
#process-sec .cont1 .food1 {
    top:36px;
    left:50%;
    margin:0 0 0 calc( (680px + 460px) * -1 );
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3)) /* 명확한 그림자 */
            drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3)); /* 검은색 그림자 */
    animation: infiniteRotate 16s infinite ease-in-out;
    z-index: 0;
}
#process-sec .cont1 .food2 {
    top:-415px;
    left:50%;
    margin:0 0 0 415px;
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3)) /* 명확한 그림자 */
            drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3)); /* 검은색 그림자 */
    animation: infiniteRotate 20s infinite ease-in-out;
    z-index: 0;
}
#process-sec .cont1 .add-txt {
    margin: 80px auto 0;
    font-size: 32px;
    font-weight: 200;
}

/* sec16 - review-sec */
section.sec#review-sec {
    padding-top: 184px;
    padding-bottom: 0px;

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

}
#review-sec .cont1 {
    min-width: 1400px;
    max-width: 1400px;
    width: 100%;
}
#review-sec .tt-wrap {

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

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

}
#review-sec .tt-wrap .tt .txt-img2 {
    margin:0 0 0 32px;
}
#review-sec .tt-wrap .sub-tt {
    margin: 0 auto 24px;
    font-size:40px;
}
#review-sec .inner-cont {
    position: relative;
    padding:0 0 0 32px;
    width: 50%;
    z-index: 1;
}
#review-sec .inner-cont .tag-wrap {
    gap:8px;
    margin:32px auto 0;
    width: 100%;
}
#review-sec .inner-cont .tag {
    width: 260px;
    height: 60px;
    border-radius: 30px;
    border:1px solid var(--green3-color);
    font-size: 24px;
    overflow: hidden;
}
#review-sec .inner-cont .tag:after {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    transform: translateX(-100%);
    width: 100%;
    height: 100%;
    background: var(--green3-color);
    transition: all 0.3s;
    z-index: -1;
}
#review-sec .inner-cont .tag:hover:after {
    transform: translateX(0%);
}
#review-sec .phone-wrap {
    position: relative;
    padding:0 0 0 80px;
    width: 50%;
    z-index: 1;
}
#review-sec .phone-item {
    position: relative;
    padding:24px 0 0 0;
    width: 539px;
    height: 810px;
    background-size: cover;
    filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.2)); /* 자연스러운 그림자 */
    z-index: 1;
}
#review-sec .phone-item .search-box {
    top:0;
    left:50%;
    transform: translateX(-50%);
    width: 634px;
    box-shadow: 0px 0px 48px rgba(0,0,0,0.9);
    z-index: 99;
}
#review-sec .phone-item .search-box:after {
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: block;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.6)) /* 명확한 그림자 */
            drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.8)); /* 검은색 그림자 */
    z-index: 1;
}
#review-sec .phone-item .search-box .txt-wrap {
    top:50%;
    left:80px;
    transform: translateY(-50%);
    width: calc(100% - 80px);
    height: inherit;
    font-size: 30px;
    font-weight: bold;
    z-index: 2;
}
#review-sec .phone-item .phone-bg {
    top:0;
    left:0;
    z-index: 2;
}
#review-sec .phone-item .phone-white {
    top:24px;
    left:50%;
    transform: translateX(-50%);
    padding:0 0 72px 0;
    width: 490px;
    height: calc(100% + 72px);
    background: #fff;
    z-index: 0;
}
#review-sec .phone-item .phone-inner {
    margin:0 auto 0;
    padding:0 0 72px 0;
    width: 490px;
    height: 100%;
    overflow-y: hidden;
    z-index: 1;
}
#review-sec .phone-item .phone-inner .phone-top {
    top:0;
    left:0;
    width:100%;
    z-index: 1;
}
#review-sec .phone-item .phone-inner .phone-top img {
    width: 100%;
}
#review-sec .phone-item .phone-inner .search-img {
    position: relative;
    margin:40px auto 0;
    animation: scroll-animation 60s ease-in-out infinite alternate;
    z-index: 0;
}
#review-sec .phone-item .blog-btn {
    left:50%;
    bottom:222px;
    transform: translateX(-50%);
    width: 584px;
    height: 104px;
    border-radius: 52px;
    border:1px solid #fff;
    font-size: 36px;
    font-weight: bold;
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.2)) /* 명확한 그림자 */
            drop-shadow(8px 8px 0px rgba(0, 0, 0, 0.2)); /* 검은색 그림자 */
    z-index: 5;
}
#review-sec .phone-wrap .pic1 {
    top:148px;
    left:541px;
    z-index: 0;
}
#review-sec .phone-wrap .pic2 {
    top:298px;
    left:458px;
    z-index: 0;
}
#review-sec .phone-wrap .pic3 {
    bottom:254px;
    left:-94px;
    z-index: 0;
}
#review-sec .phone-wrap .pic4 {
    bottom:-20px;
    left:-274px;
    z-index: 0;
}

/* sec17 - prep-sec */
section.sec#prep-sec {
    padding-top: 118px;
    padding-bottom: 132px;

    background: #efe7d7;
}
#prep-sec .cont-wrap {

}
#prep-sec .tt-wrap {

}
#prep-sec .tt-wrap .primary-txt {

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

}
#prep-sec .tt-wrap .tt img {
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.3)) /* 명확한 그림자 */
            drop-shadow(8px 8px 0px rgba(0, 0, 0, 0.3)); /* 검은색 그림자 */
}
#prep-sec .tt-wrap .sub-tt {
    margin:0 auto 28px;
    font-size: 32px;
}
#prep-sec .cont1 {

}
#prep-sec .cont1 .tt {
    margin:0 auto;
}
#prep-sec .cont1 .food {
    top:-150px;
    left:50%;
    margin:0 0 0 calc( (404px + 725px) * -1 );
    animation: infiniteRotate 20s infinite ease-in-out;
    z-index: 0;
}
#prep-sec .cont1 .proc-wrap {
    gap:30px;
    position: relative;
    margin: 32px auto 0;
    padding:72px 0 46px 0;
    width: 1156px;
    background: #fff;
    border:1px solid var(--dark-red-color);
    z-index: 1;
}
#prep-sec .cont1 .proc-wrap .desc {
    bottom:0;
    left:0;
    width: 100%;
    height: 72px;
    background: rgba(0,0,0,0.8);
    font-size: 24px;
}
#prep-sec .cont1 .round-label {
    top:-26px;
    left:50%;
    transform: translateX(-50%);
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: var(--dark-red-color);;
}
#prep-sec .cont1 .round-label span {
    display: block;
    margin:0 auto 4px;
    width: 100%;
    font-size: 18px;
}
#prep-sec .cont1 .round-label strong {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 1000;
}

#prep-sec .cont2 {
    margin:80px auto 0;
}
#prep-sec .cont2 .tt {
    display: none;
}
#prep-sec .cont2 .frame {
    display: none;
    margin:40px auto 0;
    padding:50px;
    width: 1156px;
    border:1px solid #fff;
    background:#efe7d7;
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.1)) /* 명확한 그림자 */
            drop-shadow(16px 26px 0px rgba(0, 0, 0, 0.1)); /* 검은색 그림자 */
}
#prep-sec .cont2 .food {
    top:-290px;
    left:50%;
    margin:0 0 0 360px;
    animation: infiniteRotate 15s infinite ease-in-out;
    z-index: 1;
}

/* sec18 - interview-sec */
section.sec#interview-sec {
    padding-top: 100px;
    padding-bottom: 136px;

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

}
#interview-sec .tt-wrap {

}
#interview-sec .tt-wrap .primary-txt {

}
#interview-sec .tt-wrap .tt {
    font-weight: 400;
}
#interview-sec .tt-wrap .sub-tt {

}
#interview-sec .cont1 {
    margin:80px auto 0;
    min-width: 1156px;
}
#interview-sec .cont1 .line-txt {
    top:84px;
    left: -130px;
    display: inline-flex;
    padding:20px 32px 20px 0;
    font-size: 80px;
    font-weight: 1000;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    z-index: 2;
}
#interview-sec .cont1:after {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 32px * 2);
    height: calc(100% + 18px * 2);
    border:1px solid #726b6c;
    z-index: 0;
}
#interview-sec .youtube-wrap {
    position: relative;
    margin:0 auto;
    background: #726b6c;
    z-index: 1;
}
#interview-sec .ceo {
    bottom:0;
    left:50%;
    margin: 0 0 0 308px;
}

/* sec19 - interior-sec */
section.sec#interior-sec {
    padding-top: 128px;
    padding-bottom: 84px;

    background: #fff;
}
#interior-sec:after {
    content:'';
    position: absolute;
    top:0;
    left:50%;
    display: block;
    width: 50%;
    height: 100%;
    background: var(--dark-red2-color);

}
#interior-sec .cont-wrap {
    position: relative;
    z-index: 1;
}
#interior-sec .tt-wrap {
    min-width: 1600px;
}
#interior-sec .tt-wrap .item {
    width: 50%;
}
#interior-sec .tt-wrap .logo-item {
    padding:0 230px 0 0;
}
#interior-sec .tt-wrap .txt-item {
    padding:80px 0 0 90px;
}
#interior-sec .tt-wrap .primary-txt {

}
#interior-sec .tt-wrap .tt {
    margin:0 auto 40px;
    line-height: 1.15;
    font-size: 80px;
    font-weight: 400;
}
#interior-sec .tt-wrap .tt strong {
    font-weight: 1000;
}
#interior-sec .tt-wrap .sub-tt {

}
#interior-sec .tt-wrap .desc {
    font-size: 28px;
}
#interior-sec .cont1 {
    margin:100px auto 0;
    max-width: unset;
}
#interior-sec .cont1 .interior {
    gap:10px;
    width: unset;
}
#interior-sec .cont1 .interior:first-child {
    margin:0 0 10px -190px;
}
#interior-sec .cont1 .interior img {
    width: 700px;
    z-index: 0;
}
#interior-sec .cont1 .interior img:hover {
    transform: scale(1.1);
    z-index: 1;
}

/* sec20 - counsel-sec */
section.sec#counsel-sec {
    padding-top: 150px;
    padding-bottom: 68px;

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

}
#counsel-sec .tt-wrap {

}
#counsel-sec .tt-wrap .primary-txt {

}
#counsel-sec .tt-wrap .tt {
    margin:16px auto 72px;
}
#counsel-sec .tt-wrap .sub-tt {
    font-size: 32px;
}
#counsel-sec .cont1 {

}
#counsel-sec .vertical-txt {
    font-size: 64px;
    font-weight: 1000;
    text-orientation: unset;
}
#counsel-sec .vertical-txt.txt1 {
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-text-fill-color: #f4f4f4;
}

#counsel-sec .vertical-txt.txt2 {
    top:0;
    left:72px;
}
#counsel-sec .vertical-txt.txt3 {
    top:0;
    right:72px;
    writing-mode: sideways-lr;
}
#counsel-sec .vertical-txt.txt4 {
    top:0;
    right:0;
    writing-mode: sideways-lr;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-text-fill-color: #f4f4f4;
}






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 40px;
    width: 100%;
    max-width: 1000px;
    font-size:32px;
}
.form-wrap .inner-cont {
    gap:72px;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}
.form-wrap .input-item {
    margin:0;
    width: calc(100%);
    max-width: calc(100% - (100% - 700px));
}
.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:200px;
    font-size: 24px;
    font-weight: 400;
    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:500px;
    height: 60px;
    border:1px solid #000;
    color:rgba(0,0,0,0.5);
    font-size:18px;
    border-radius: 0;
}
.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:50px 0 0 0;
    padding-left:200px;
    width: 100%;
    max-width: calc(200px + 500px);
}
.form-wrap .submit-wrap button {
    margin: 0 auto;
    width:100%;
    max-width: 500px;
    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 .call-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding:32px 0 76px 0;
    width: 306px;
    height: 306px;
    background: var(--dark-red2-color);
    border-radius: 50%;
}
.form-wrap .call-btn:after {
    content: '';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    border-radius: 50%;
    border:1px solid var(--dark-red2-color);
}
.form-wrap .call-btn:hover {
    background: var(--dark-red2-hover-color);
}
.form-wrap .call-btn .img {
    display: block;
}
.form-wrap .call-btn .txt {
    display: block;
    margin:8px auto 0;
    width: 100%;
    font-size: 32px;
}
.form-wrap .call-btn .call-txt {
    display: block;
    width: 100%;
    font-size: 30px;
}




@media (max-width: 1800px){
    .hd .inner-wrap {
        padding:0 0 0 200px;
    }
}
@media (max-width: 1680px){
    .hd .inner-wrap {
        padding:0 0 0 120px;
    }
}