/* BASIC css start */
#header .h_menu a:nth-child(3) {
    color: #e64623;
}
/* #header .h_menu a:nth-child(3) {
    color: #ffff !important;
} */
#header img {
    box-sizing: initial;
}
.footer {
    padding-bottom: 150px !important;
}

* {
    margin: 0;
    box-sizing: border-box;
    font-family: 'YoonGothic320', sans-serif;
}

body {
    margin: 0;
}
  
p {
    color: #ffff;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
  
ul {
    list-style: none;
}
h1 {
    font-size: 2.5em;
    font-weight: bold;
}
  
section {
    p, span {
        color: #4a4a4a;
    }
}

.main {
    position: relative;
    /* max-width: 1920px; */
    width: 100%;
    height: 1100px;
    background: url('/design/bodram/image/main_bg.png') no-repeat center / cover;
    text-align: center;
    padding-top: 20px;
    
    h2, h3 {
        line-height: 1.4;
        color: #ffff;
    }
  
    .main_title {
        padding: 380px 50px 0 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #ffff;

        span {
            color: #ffff;
            font-size: 44px;
            margin-left: 55px;
            letter-spacing: -2px;
            line-height: 1.4;
            font-family: 'YoonGothic330';
        }
    }
    
    .main_title_text {
        img {
            width: 560px;
        }

        span {
            position: absolute;
            right: 58px;
            bottom: 40px;

            font-size: 33px;
            letter-spacing: -1px;
            word-spacing: -2px;
            color: #ffff;
            font-family: 'YoonGothic310';
        }
    }
  }
  
  .se01 {
    position: relative;
    width: 100%;
    background: url('/design/bodram/image/se01_bg.png') no-repeat center / cover;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 236px;
    
    .history  {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 0 40px;
        margin-top: 155px;
        
        p {
            color: #323232;
            font-size: 57px;
            font-family: 'YoonGothic320';
            text-align: left;
            line-height: 1.3;
            height: 141px;
            letter-spacing: -3px;
        }
        
        .seperator {
            width: 325px;
            border-bottom: 2px solid #4a4a4a;
            margin-left: 70px;
            margin-bottom: 9px;
        }
        
        .history_year {
            margin: 0;
            font-size: 11em;
            font-weight: 900;
            margin-left: 55px;
            line-height: 1.2;
            display: flex;
            align-items: flex-end;

            span {
                display: inline-block;
                width: 145px;
                text-align: right;
                color: #343434;
                font-family: 'YoonGothic330';

                &.counter {
                    font-size: 1em;
                    height: 176px;
                    width: 216px;
                }

                &:last-child {
                    text-align: left;
                    font-size: 160px;
                    height: 170px;
                    width: fit-content;
                }
            }
        }
    }
  
    .road {
        z-index: 2;
        margin-top: 250px;
        position: relative;
        transition: height 1s ease;

        img {
            width: 100%;

            &.road_m {
                display: none;
            }
        }
    }
    

    
    .brand-duration {
        text-align: center;
        padding-top: 10px;
        
        .seperator {
            height: 300px;
            width: 1px;
            border-left: 2px solid #4a4a4a;
            margin: 0 auto;
        }
        
        p {
            color: #4a4a4a;
            font-size: 48px;
            margin-top: 100px;
            letter-spacing: -3px;
            font-family: 'YoonGothic320';
        }

        .brand_desc {
            color: #4a4a4a;
            font-size: 69px;
            margin-top: 30px;
            font-family: 'YoonGothic350';
      
            span {
                color: #e64522;
                font-family: 'YoonGothic350';
            }
        }
    }
    
    .duration-compare {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 980px;
        margin: 0 auto;
        margin-top: 87px;
  
        .duration-compare_title {
            color: #ffff;
            padding: 3px 54px;
            height: 59px;
            line-height: 2;
            font-size: 28px;
            border-top-left-radius: 14px;
            border-top-right-radius: 14px;
            background-color: black;
            opacity: 0.7;
            font-weight: 900;
        }
        
        .duration-compare_info {
            width: 100%;
            padding: 95px 120px;
            box-shadow: 1px 0px 11px -1px rgba(56, 56, 56, .5);
            border-top-right-radius: 14px;
            border-bottom-left-radius: 14px;
            border-bottom-right-radius: 14px;
            z-index: 2;
            background-color: #F4EBD6;
  
            .brand {
                display: flex;
                align-items: center;
                
                &:first-child {
                    margin-bottom: 60px;
    
                    .brand_title {
                        color: #e64522;
                        font-family: 'YoonGothic330';
                        font-weight: 400;
                    }
                    .duration-bar {
                        /* border-left: 1px solid #e64522; */
                        background-color: transparent;
        
                        &::before {
                            border-left: 1px solid #e64522;
                        }
        
                        div {
                            background-color: #e64522;
                        }
                    }
                    .brand_year {
                        color: #e64522;
                        font-size: 70px;
                        height: 68px;
                        font-family: 'YoonGothic350';
                        font-weight: 400;
                    }
                }
                
                .brand_title {
                    font-size: 38px;
                    line-height: 1.2;
                    font-weight: 100;
                    color: #4a4a4a;
                    width: 190px;
                    
                    span {
                        font-weight: 600;
                        font-family: 'YoonGothic330';
                        color: #4a4a4a;
                    }
                }
                .duration-bar {
                    flex: 1;
                    width: 100px;
                    margin-left: 35px;
                    position: relative;
                    background-color: darkgrey;
                    height: 31px;
                    border-top-right-radius: 14px;
                    border-bottom-right-radius: 14px;
    
                    div {
                        /* width: 100%; */
                        width: 0;
                        height: 31px;
                        border-top-right-radius: 14px;
                        border-bottom-right-radius: 14px;
                        background-color: #4a4a4a;
                    }
    
                    &::before {
                        content: "";
                        display: inline-block;
                        position: absolute;
                        height: 40px;
                        left: 0px;
                        top: -5px;
                        border-left: 1px solid black;
                    }
                }
                .brand_year {
                    margin-left: 30px;
                    font-size: 46px;
                    font-family: 'YoonGothic350';
                    font-weight: 400;
                    line-height: 1;
                    height: 42px;
                    width: 150px;
                }
            }
        }
  
        p.desc {
            margin-top: 17px;
            font-weight: 900;
            width: 100%;
            letter-spacing: -1px;
            font-size: 17px;
            font-family: 'YoonGothic310';
            text-align: right;
        }
    }
  
      .franchise-desc {
        display: flex;
        align-items: flex-end;
        text-align: center;
        margin-top: 180px;
        padding: 0 100px;
        flex-wrap: wrap;
        justify-content: center;

        .franchise_info {
            text-align: left;
            padding-bottom: 33px;
            padding-left: 80px;
  
            .franchise_rate {
                .franchise_rate_info {
                    display: flex;
                    flex-direction: column;

                    span {
                        color: #004E2A;
                        font-size: 60px;
                        font-family: 'YoonGothic330';
                        font-weight: 900;
                        word-spacing: -10px;
                    }
    
                    .franchise_rate_counter {
                        span {
                            font-size: 130px;
                        }
                    }
                }
            }
  
            .franchise-text {
                margin-top: 10px;

                .franchise-text_title {
                    color: #484848;
                    font-size: 38px;
                    font-weight: 400;
                    margin-top: 20px;
                    text-align: left;
                    line-height: 1.2;
                }

                div {
                    color: #484848;
                    font-size: 38px;
                    font-weight: 400;
                    text-align: left;
                    display: flex;
                    margin-top: 5px;

                    span.empathy {
                        font-family: 'YoonGothic340';
                    }
                }
            }
        }
  
        .franchise-interview {
            margin-top: 20px;
            margin-left: 90px;
            max-width: 800px;
            flex: 1;
  
            .video-area {
                position: relative;
                padding: 0;
                text-align: left;

                .video-player {
                    width: 750px;
                    height: 422px;
                    border-radius: 20px;
                }
            }

            p.desc {
                padding: 0 45px;
                font-weight: 400;
                text-align: right;
                width: 100%;
                font-size: 18px;
                letter-spacing: -1px;
                font-family: 'YoonGothic320';
                color: black;
                padding-right: 60px;
                opacity: 0.7;
                margin-top: 15px;
            }
        }
      }
  }
  
  .se02 {
    /* background-color: #024E29; */
    background: url(/design/bodram/image/se02_bg02.png) no-repeat center / cover;
    text-align: center;
    padding-bottom: 50px;
  
  
    .content_title {
        position: relative;
        width: 100%;
        height: 560px;
        background: url(/design/bodram/image/se02_bg01.png) no-repeat center / cover;

        display: flex;
        align-items: center;
        justify-content: center;
    
        .text-block {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: rgba(0, 0, 0, .4);
            z-index: 1;
        }
  
        .text-area {
            display: flex;
            flex-direction: column;
            align-items: center;
    
            div {
                color: #ffff;
                border: 0.5px solid #ffff;
                border-radius: 15px;
                width: 175px;
                height: 30px;
                line-height: 31px;
                font-size: 18px;
                opacity: 0.9;
                font-family: 'YoonGothic310';
            }
    
            h1 {
                margin-top: 23px;
                font-size: 5em;
                color: #ffff;
                font-family: 'YoonGothic330';
                letter-spacing: -3px;
        
                span {
                    color: #e64522;
                    font-family: 'YoonGothic330';
                }
            }
    
            p {
                margin-top: 18px;
                color: #ffff;
                font-size: 23px;
                opacity: 0.9;
                font-family: 'YoonGothic320';
            }
        }

        img {
            position: absolute;
            bottom: 0;
        }
    }

    .content_main {
        margin-top: 100px;
        /* background: url(/design/bodram/image/se02_bg02.png) no-repeat center / cover; */
    
        .content01 {
            margin-top: 10%;
        
            /* img {
                width: 90%;
            } */
        }

        .content03 {
            margin-top: 100px !important;
        }
        
        .content01, .content02, .content03 {
            height: max-content;
            margin-top: 40px;

            .content_wraper {
                position: relative;
                width: 80%;
                margin: 0 auto;
                overflow: hidden;
                background-color: #ffff;
                border-radius: 20px;
                padding-bottom: 30px;

                &:first-child {
                    border-radius: 20px;
                    max-width: 1500px;
                }
        
                .content_subject {
                    background-color: #00391F;
                    width: fit-content;
                    margin: 0 auto;
                    padding: 3% 73px;
                    border-bottom-left-radius: 18px;
                    border-bottom-right-radius: 18px;
                    max-height: 130px;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    .subject_total {
                        color: #ffff;
                        font-size: 55px;
                        font-family: 'YoonGothic350';
                        text-align: center;
                        letter-spacing: -1px;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        .subject_num {
                            color: #ffff;
                            width: 65px;
                            height: 65px;
                            background-color: #FB5033;
                            border-radius: 50%;
                            font-size: 42px;
                            font-family: 'YoonGothic350';
                            flex-shrink: 0;
                            line-height: 68px;
                        }
                        .subject_text {
                            width: fit-content;
                            font-family: 'YoonGothic340';
                            margin-left: 20px;
                        }

                        .empathy {
                            color: #FB5033;
                            font-family: 'YoonGothic350';
                        }
                    }

                }
                .content_desc {
                    margin-top: 42px;
                    letter-spacing: -1px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-wrap: wrap;

                    .content_desc_text {
                        font-family: 'YoonGothic310';
                        font-weight: 600;
                        font-size: 28px;
                        color: #4a4a4a;
                    }
                    div {
                        font-family: 'YoonGothic310';
                        font-weight: 600;
                        font-size: 28px;
                        color: #4a4a4a;

                        span {
                            font-size: 34px;
                            font-family: 'YoonGothic330';
                            font-weight: 900;
                            color: black;
                            margin-left: 6px;
                        }
                    }
                }


                .content_item {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    margin: 0 auto;
                    margin-top: 87px;
                    width: 85%;
              
                    .content_item_title {
                        padding: 3px 54px;
                        line-height: 2;
                        border-top-left-radius: 14px;
                        border-top-right-radius: 14px;
                        background-color: #004D28;
                        display: flex;
                        align-items: center;

                        .content_item_market {
                            color: #ffff;
                            font-size: 43px;
                            font-family: 'YoonGothic350';
                        }
                        .content_item_desc {
                            color: #ffff;
                            font-size: 22px;
                            border-left: 1.5px solid #ffff;
                            padding-left: 15px;
                            margin-left: 20px;
                            height: 20px;
                            line-height: 20px;
                            font-family: 'YoonGothic320';
                        }
                    }
                    
                    .content_item_info {
                        width: 100%;
                        padding: 60px 40px;
                        box-shadow: 1px 0px 11px -1px rgba(56, 56, 56, .5);
                        border-top-right-radius: 16px;
                        border-bottom-left-radius: 16px;
                        border-bottom-right-radius: 16px;
                        z-index: 2;
                        background-color: #ffff;
                        

                        .market_value {
                            position: relative;
                            margin: 0 auto;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
    
                            .value01_m {
                                display: none;
                            }
                            .value02_m {
                                display: none;
                            }
                            .value01 {
                                display: flex;
                                align-items: center;
    
                                img {
                                    flex: 1;
                                    max-width: calc(100% / 3);
                                    padding: 0 10px;
                                }
                            }
                            .value02 {
                                display: flex;
                                align-items: center;
                                margin-top: 20px;

                                div {
                                    width: 100%;

                                    img {
                                        width: 100%;
                                    }
                                }

                                .value02_graph {
                                    position: relative;
                                    margin-left: 40px;

                                    img {
                                        &:first-child {
                                            padding: 6% 4%;
                                        }
                                    }

                                    .profit {
                                        position: absolute;
                                        top: 17%;
                                        left: 8%;
                                        height: auto;
                                        opacity: 0;
                                        width: 46%;
                                        transform: skew(15deg, -23deg) rotate(19deg);
                                    }

                                    &.animate {
                                        .profit {
                                            animation: zoomIn 1s both;
                                        }
                                    }

                                    .graph_text {
                                        position: absolute;
                                        top: 47%;
                                        left: 44%;
                                        letter-spacing: -2px;
                                        transform: translate(-50%, -50%);
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        width: fit-content;

                                        .graph_title {
                                            font-size: 26px;
                                            font-family: 'YoonGothic350';
                                            color: #e64522;
                                            padding-right: 5px;
                                            letter-spacing: -3px;

                                            
                                        }
                                        div {
                                            letter-spacing: -3px;
                                            margin-top: 9px;

                                            span {
                                                font-size: 72px;
                                                font-family: 'GrotzecCondensedBlack';
                                                font-weight: bold;
                                                color: #e64522;
                                                height: 60px;
                                                line-height: 60px;
                                                display: inline-block;

                                                &:first-child {
                                                    font-family: 'GrotzecCondensedBold';
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
              
                    p.desc {
                        padding: 20px 4px 0 0;
                        font-weight: 900;
                        width: 100%;
                        letter-spacing: -1px;
                        font-size: 20px;
                        font-family: 'YoonGothic310';
                        color: #4a4a4a;
                        opacity: 1;
                    }
                }

                .content02_slider, .content03_slider {
                    /* width: 2150px; */
                    width: 2675px;
                    margin-top: 35px;
            
                    .swiper-wrapper { 
                        transition-timing-function: linear;
                    }
                    .swiper-slide {
                        .swiper_w_img {
                            width: 100%;
                            max-width: 535px;
                            visibility: visible;
                            opacity: 1;
                            height: auto;
                        }
                        .swiper_m_img {
                            visibility: hidden;
                            opacity: 0;
                            height: 0;
                        }
                    }
                }
            }

            p {
                color: #fff;
                opacity: 0.6;
                font-size: 15px;
                text-align: right;
                width: 80%;
                margin: 0 auto;
                padding-top: 17px;
                letter-spacing: -1px;
                max-width: 1500px;
            }
        }
    }
}
  
.se03 {
    background-color: #F4EBD6;

    .content01 {
        position: relative;
        width: 100%;
        height: 900px;
        background-image: url(/design/bodram/image/se03_content01_bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        span, p, h1 {
            color: #ffff;
        }

        .content01_icon {
            position: absolute;
            left: 50px;
            top: 20px;

            div {
                position: relative;

                img {
                    width: 300px;
                }
                .rotate_icon {
                    animation: rotation 10s infinite linear;
                }
                .icon_text {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
            }
        }
        .content01_text {
            position: absolute;
            top: 38%;
            text-align: center;
            width: 100%;

            .menu_title {
                font-size: 34px;
                font-family: 'YoonGothic330';
            }
            .menu_name {
                color: #ffff;
                font-size: 4.2em;
                margin-top: 40px;
                font-family: 'YoonGothic330';
            }
            .menu_eng {
                font-size: 38px;
                margin-top: 10px;
                font-family: 'GrotzecCondensed';
            }
        }
        .content01_list {
            position: absolute;
            bottom: 100px;
            width: 100%;

            ul {
                display: flex;
                justify-content: center;
                align-items: center;
    
                li {
                    background-color: #ffff;
                    border-radius: 30px;
                    color: #e64522;
                    height: 50px;
                    line-height: 1.964285714285714;
                    font-size: 25px;
                    padding: 1px 35px;
                    font-family: 'YoonGothic330';
                    letter-spacing: -1.5px;
                    margin-left: 40px;

                    &:first-child {
                        margin: 0;
                    }
                }
            }
        }
    }
    .content02 {
        background: url(/design/bodram/image/se03_content02_bg.png) no-repeat center / cover;
        text-align: center;
        padding-bottom: 210px;

        .content02_logo {
            padding-top: 150px;
        }
        .content02_title {
            margin-top: 69px;

            h1 {
                color: #4a4a4a;
                font-family: 'YoonGothic330';
                font-size: 40px;
            }
            p {
                font-size: 23px;
                font-family: 'YoonGothic310';
                font-weight: 600;
                margin-top: 18px;
                line-height: 1.5;
            }
        }

        .seperator {
            margin-top: 50px;
            font-size: 44px;
            transform: rotateX(69deg);
            color: black;
        }

        .content02_items {
            display: flex;
            flex-direction: column;
            margin: 0 auto;

            width: 100%;

            .content_item {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                margin-right: 30px;
                margin-top: 90px;

                &:first-child {
                    margin-top: 70px;
                }

                &:nth-child(2) {
                    flex-wrap: wrap-reverse;

                    .item_desc {
                        margin-left: 0;
                        margin-right: 105px;
                    }
                }

                .img_wrap {
                    overflow: hidden;
                    border-radius: 18px;

                    img {
                        max-width: 640px;
                        width: 100%;
                        height: 400px;
                    }
                }


                .item_desc {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    max-width: 500px;
                    padding: 30px 0;
                    margin-left: 105px;

                    .sub_title {
                        color: #e64522;
                        border: 1px solid #e64522;
                        border-radius: 18px;
                        font-family: 'YoonGothic320';
                        font-size: 21px;
                        height: 35px;
                        line-height: 34px;
                        padding: 0 20px;
                    }
                    .item_title {
                        color: #e64522;
                        font-size: 42px;
                        font-family: 'YoonGothic350';
                        margin-top: 20px;
                    }
                    p {
                        font-family: 'YoonGothic310';
                        font-weight: bold;
                        text-align: left;
                        font-size: 22px;
                        margin-top: 12px;
                        line-height: 1.5;
                    }
                }
            }
        }
    }
    .content03 {
        position: relative;

        .bg_icon {
            position: absolute;
            top: -1px;
            z-index: 4;
            width: 100%;
        }

        .content_wraper {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: max-content;
        }

        .video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;

            video, img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;
            }
        }

        .content_title {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 2;
            padding-bottom: 170px;

            .text-block {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                background-color: rgba(0, 0, 0, .5);
            }

            .text-area {
                text-align: center;
                height: 100%;
                z-index: 2;
                position: relative;
                padding-top: 200px;

                h1 {
                    color: #ffff;
                    font-size: 4.5em;
                    font-family: 'YoonGothic340';

                    span {
                        color: #F4EBD6;
                        font-family: 'YoonGothic340';
                        
                        .highlight {
                            color: #e64522;                            
                        }
                    }
                }

                p {
                    color: #ffff;
                    font-size: 25px;
                    font-family: 'YoonGothic310';
                    margin-top: 24px;
                    letter-spacing: -1px;
                    line-height: 1.4;

                    span {
                        color: inherit;
                        font-weight: 600;
                        font-family: 'YoonGothic330';
                    }
                }
            }
                
            .brand-compare {
                position: relative;
                margin-top: 100px;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;

                .rotate {
                    position: relative;
                    text-align: center;
                    
                    .rotate_icon {
                        /* width: 270px; */
                        width: 70%;
                
                        animation: rotation 8s infinite linear;
                    }

                    div {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);

                        p {
                            color: #ffff;
                            font-size: 6em;
                            font-weight: 900;
                            margin: 0;
                            line-height: 1;
                            font-family: 'YoonGothic330';
                        }
                        span {
                            color: #ffff;
                            font-size: 27px;
                            font-family: 'YoonGothic330';
                        }
                    }
                }


                /* .brand_item {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-end;
                    
                    .brand_item_name {
                        color: #ffff;
                        font-size: 30px;
                        font-family: 'YoonGothic330';
                        margin-right: 6%;
                    }
                    .brand_item_timer {
                        position: relative;
                        display: flex;
                        align-items: flex-start;
                        justify-content: flex-end;
                        margin-top: 20px;

                        img {
                            width: 30%;

                            &:first-child {
                                margin-right: 10px;
                            }
                        }
                    }

                    .icon {
                        width: 34%;
                        height: -webkit-fill-available;
                        position: absolute;
                        top: 8%;
                        right: 2%;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        canvas {
                            display: block;
                            width: 80% !important;
                            height: 75% !important;
                        }
                    }
                    .icon_m {
                        display: none;
                    }

                    &:last-child {
                        align-items: flex-start;

                        .brand_item_name {
                            margin-left: 12%;
                            margin-right: 0;
                        }
                        .brand_item_timer {
                            justify-content: flex-start;

                            img {
                                width: 36%;
    
                                &:last-child {
                                    width: 30%;
                                }
                            }
                        }

                        .icon {
                            right: 0;
                            left: 1%;
                        }
                    }
                } */


                .brand_item {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-end;
                    
                    .brand_item_wrapper {
                        display: flex;
                        flex-direction: column;
                        width: 75%;
                    }
                    
                    .brand_item_name {
                        color: #ffff;
                        font-size: 30px;
                        font-family: 'YoonGothic330';
                        margin-right: 8%;
                        text-align: right;
                    }
                    .brand_item_timer {
                        position: relative;
                        display: flex;
                        align-items: flex-start;
                        justify-content: flex-end;
                        margin-top: 20px;

                        .time-image {
                            display: block;
                            width: 50%;
                            margin-right: 10px;
                        }
                        .time-image_m {
                            display: none;
                        }
                        .timer {
                            width: 50%;
                            position: relative;

                            img {
                                width: 100%;
                                margin-right: 0;
                            }

                            .icon {
                                width: 100%;
                                height: -webkit-fill-available;
                                position: absolute;
                                top: 2%;
                                right: 0%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
        
                                canvas {
                                    display: block;
                                    width: 70% !important;
                                    height: 70% !important;
                                }
                            }
                        }
                    }

                    &:last-child {
                        align-items: flex-start;

                        .brand_item_name {
                            text-align: left;
                            margin-right: 0;
                            margin-left: 16%;
                        }
                        .brand_item_timer {
                            justify-content: flex-start;
                        }
                    }
                }

            }

            .process-compare {
                position: relative;
                display: flex;
                width: 100%;
                text-align: center;
                padding: 0 2%;
                margin-top: 70px;

                div {
                    flex: 1;

                    .process_w_img {
                        width: 85%;
                        visibility: visible;
                        opacity: 1;
                        height: auto;
                    }
                    .process_m_img {
                        visibility: hidden;
                        opacity: 0;
                        height: 0;
                    }
                }
            }
        }

        .menu-list {
            height: max-content;

            .menu_slider {
                .swiper-wrapper { 
                    transition-timing-function: linear;
                }
                .swiper-slide {
                    width: 25%;

                    img {
                        /* max-width: 450px;
                        max-height: 450px; */
                        width: 100%;
                        height: 100%;
                    }
                }
            }

            ul {
                display: flex;
                padding: 0;

                .swiper-slide {
                    width: auto;
                }
            }
        }
    }
}

.se04 {
    .content01 {
        background: url(/design/bodram/image/se04_content01_bg.png) no-repeat center / cover;
        text-align: center;
        padding-bottom: 210px;

        .content_text {
            padding-top: 170px;

            .content_subject {
                margin: 0 auto;
                border-radius: 5px;
                background-color: #004E2A;
                color: #ffff;
                font-size: 45px;
                width: fit-content;
                padding: 0 31px;
                height: 68px;
                line-height: 1.6;
                font-family: 'YoonGothic330';
                letter-spacing: -1px;
            }

            h1 {
                font-family: 'GrotzecCondensedDemi';
                font-size: 6em;
                margin-top: 55px;
                letter-spacing: -3px;
                color: black;
            }
            .content_text_desc {
                margin-top: 20px;
                line-height: 1.4;
                letter-spacing: -1px;

                span, p {
                    color: black;
                    font-family: 'YoonGothic320';
                    font-size: 23px;
                }
            }
        }

        .content_items {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0 10%;

            .content_img {
                margin-top: 80px;
                height: auto;
                width: 80%;
                overflow: hidden;

                .se04_content01_img01 {
                    background: url(/design/bodram/image/se04_interior_img01.png) no-repeat center / cover;
                    height: 625px;
                }

                .se04_content01_img02 {
                    background: url(/design/bodram/image/se04_interior_img02.png) no-repeat center / cover;
                    height: 625px;
                }

                .se04_content01_img03 {
                    background: url(/design/bodram/image/se04_interior_img03.png) no-repeat center / cover;
                    height: 625px;
                    margin-right: 300px;
                }

                
                &:first-child {
                    width: 90%;
                }
                &:nth-child(2) {
                    width: 70%;
                    margin-left: 400px;
                }
                &:last-child {
                    text-align: left;
                    position: relative;
                    padding-bottom: 200px;
                    width: 98%;

                    .se04_content01_img04 {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                    }
                }
            }
        }
    }
}

.se05 .content01 .guide-book {
    width: 50%;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 70px;
}
.se05 .content01 .guide-book a.bt {
    border-radius: 10px;
    margin-top: 0;
    position: relative;
    display: flex;
    align-items: center;
    background: #e64623;
    width: 100%;
    height: 65px;
    line-height: 65px;
    text-align: left;
}
.se05 .content01 .guide-book a.bt h3 {
    font-size: 25px;
    text-indent: 25px;
    color: #fff;
    font-family: 'YoonGothic330';
    padding: 0;
    font-weight: 500;
    margin: 0;
    letter-spacing: -1px;
}
.se05 .content01 .guide-book a.bt img {
    width: 25px;
    position: absolute;
    right: 25px;
    bottom: 25px;
}
.se05 {
    p, h1, span {
        color: #ffff;
    }

    .content_text {
        padding-top: 170px;

        .content_subject {
            margin: 0 auto;
            border-radius: 5px;
            background-color: #004E2A;
            color: #ffff;
            font-size: 45px;
            width: fit-content;
            padding: 0 31px;
            height: 68px;
            line-height: 1.6;
            font-family: 'YoonGothic330';
            letter-spacing: -1px;
        }
    }

    .content01 {
        background: url(/design/bodram/image/se05_content01_bg.png) no-repeat center / cover;
        text-align: center;
        padding-bottom: 175px;

        .content_text {
            .content_subject {
                background-color: #e64522;
            }

            .text-area {
                margin-top: 45px;

                p {
                    font-size: 40px;
                    line-height: 1.4;
                    letter-spacing: -1px;
                    font-family: 'YoonGothic320';
                }
                div {
                    font-size: 4em;
                    margin-top: 8px;
                    letter-spacing: -3px;
                    color: #ffff;

                    span {
                        color: #e64522;
                        font-family: 'YoonGothic340';
                    }
                }
            }
            .content_list {
                width: 80%;
                margin: 0 auto;
                margin-top: 40px;

                .content_w_list {
                    width: 100%;
                    visibility: visible;
                    opacity: 1;
                    height: auto;
                }
                .content_m_list {
                    visibility: hidden;
                    opacity: 0;
                    height: 0;
                }
            }
            .content_detail {
                width: 82%;
                margin: 0 auto;
                margin-top: 80px;

                .content_w_price {
                    width: 100%;
                    visibility: visible;
                    opacity: 1;
                    height: auto;
                }
                .content_m_price {
                    visibility: hidden;
                    opacity: 0;
                    height: 0;
                }
            }
            .content_w_desc {
                width: 75%;
                margin-top: 15px;
                visibility: visible;
                    opacity: 1;
                    height: auto;
            }
            .content_w_desc {
                visibility: hidden;
                opacity: 0;
                height: 0;
            }
        }
    }

    .content02 {
        background: url(/design/bodram/image/se05_content02_bg.png) no-repeat center / cover;
        text-align: center;
        padding-bottom: 210px;

        .content_text {
            padding-top: 170px;
            
            .content_text_desc {
                margin-top: 40px;
                font-size: 30px;
                font-weight: 400;
                line-height: 1.4;
                letter-spacing: -1px;
                font-family: 'YoonGothic310';
            }
        }

        .form-container {
            width: 85%;
            margin: 0 auto;
            margin-top: 45px;
            max-width: 800px;
            
            .form-group {
                position: relative;
                display: flex;
                align-items: center;
                margin-top: 17px;

                &:first-child {
                    margin-top: 0;
                }

                &:nth-child(2) {
                    input[type="text"] {
                        padding-left: 80px;
                    }
                }
                &:nth-child(3) {
                    input[type="text"] {
                        padding-left: 90px;
                    }
                }
                
                .input-label {
                    position: absolute;
                    width: fit-content;
                    left: 15px;
                    border-right: 0.5px solid #e64522;
                    color: #e64522;
                    font-size: 15px;
                    padding-right: 8px;
                    letter-spacing: -0.5px;
                }
                
                input[type="text"] {
                    width: 100%;
                    height: 45px;
                    border-radius: 8px;
                    border: none;
                    outline: none;
                    padding-left: 70px;
                    padding-right: 10px;
                    font-size: 18px;
                    color: black;
                }

                .radio_item {
                    display: flex;
                    align-items: center;

                    &:last-child {
                        margin-left: 40px;
                    }
                }

                .radio-label {
                    color: #ffff;
                    font-family: 'YoonGothic310';
                    font-size: 15px;

                    &:hover {
                        cursor: pointer;
                    }
                }

                input[type="radio"] {
                    margin-right: 8px;
                    width: 20px;
                    height: 20px;
                    border: 1px solid #ffff;
                    border-radius: 10px;

                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;

                    &:hover {
                        cursor: pointer;
                    }
                }

                input[type="radio"]:checked {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    background: #e64522;
                    background-image: url(/design/bodram/image/baseline_done_white_18dp.png);
                    background-size: 100%;
                }
                
                .view_text {
                    display: none;
                }
            }

            .consent_title {
                width: 100%;
                text-align: left;
                margin-top: 26px;
            }

            table.consent_desc_w {
                position: relative;
                width: 100%;
                border-collapse: collapse;
                table-layout: fixed;
                margin-top: 15px;
            }
            
            table, th, td {
                border: 0.5px solid #fff;
            }
            
            th, td {
                padding: 5px 10px;
                text-align: center;
                color: #fff;
                background-color: transparent;
                font-size: 12px;
                font-family: 'YoonGothic310';
            }
            .consent_desc_m {
                display: none;
                height: 0;
            }
            
            input[type="radio"] {
                margin-right: 10px;
            }
        }
    }

    .content03 {
        position: relative;
        width: 100%;
        height: 825px;
        top: -1px;
        background: url(/design/bodram/image/se05_content03_bg.png) no-repeat center / cover;

        .content_title {
            width: 100%;
            text-align: center;
            position: absolute;
            top: 44%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .content_title_desc {
            font-size: 27px;
            line-height: 1.4;
            letter-spacing: -1px;
            font-family: 'YoonGothic310';

            p, span {
                font-family: 'YoonGothic320';
                color: #ffff;

                &.empathy {
                    color: #efe5cf;
                    font-family: 'YoonGothic340';
                }
            }
        }
        .seperator {
            height: 80px;
            width: 1px;
            border-left: 2px solid #ffff;
            margin: 0 auto;
            margin-top: 35px;
        }
        .content_empathy {
            margin-top: 55px;

            span {
                font-size: 40px;
                letter-spacing: -3px;
                color: #ffff;
                font-family: 'YoonGothic340';

                &.empathy {
                    color: #efe5cf;
                    font-family: 'YoonGothic340';
                }
            }
        }
    }
}

.consent_footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    cursor: pointer;

    .footer_main {
        margin-top: -1px;
        position: relative;

        img {
            width: 100%;
            height: 130px;
        }

        .input-area {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 0 35px;
            justify-content: center;

            p {
                color: #ffff;
                font-size: 22px;
                letter-spacing: -1px;
                line-height: 1.3;
                font-family: 'YoonGothic330';
                min-width: 250px;

                span {
                    color: #ffff;
                    font-size: 32px;
                    letter-spacing: -1.5px;
                    font-family: 'YoonGothic330';
                }
            }

            /* #footerConsentForm {
                margin-left: 20px;
            } */

            .footer-consent {
                margin-left: 20px;
            }

            .consent-area {
                display: flex;
                align-items: center;
                margin-top: 10px;
            }

            .checkbox-label {
                color: #ffff;
                font-size: 17px;
                letter-spacing: -1px;
                word-spacing: 1px;
                font-family: 'YoonGothic320';

                &:hover {
                    cursor: pointer;
                }
            }

            input[type="checkbox"] {
                margin: 0 8px 0 2px;
                width: 20px;
                height: 20px;
                border: 1px solid #a1a1a1;
                border-radius: 50%;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;

                &:hover {
                    cursor: pointer;
                }
            }

            input[type="checkbox"]:checked {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background-color: #a1a1a1;
                background-image: url(/design/bodram/image/baseline_done_white_18dp.png);
                background-size: 100%;
            }

            .view_text {
                font-family: 'YoonGothic310';
                font-size: 12px;
                text-decoration: underline;
                margin-left: 10px;
                text-decoration-thickness: 0em;
                text-underline-offset: 0.25em;
                width: fit-content;
                cursor: pointer;
                color: #ffff;
                opacity: 0.9;
            }
            
            .footer-form-container {
                display: flex;
                justify-content: flex-end;
                
                .form-group {
                    position: relative;
                    display: flex;
                    align-items: center;
                    margin-left: 30px;

                    &:first-child {
                        margin-left: 0;
                    }

                    &:nth-child(2) {
                        input[type="tel"] {
                            padding-left: 90px;
                        }
                    }
                    &:nth-child(3) {
                        input[type="text"] {
                            padding-left: 110px;
                        }
                    }
                    
                    .input-label {
                        position: absolute;
                        width: fit-content;
                        left: 15px;
                        border-right: 0.5px solid #004E2A;
                        color: #004E2A;
                        font-size: 19px;
                        padding-right: 10px;
                        letter-spacing: -0.5px;
                        font-family: 'YoonGothic330';
                    }
                    
                    input[type="text"],
                    input[type="tel"] {
                        width: 100%;
                        height: 50px;
                        border-radius: 8px;
                        border: none;
                        outline: none;
                        padding-left: 70px;
                        padding-right: 10px;
                        font-size: 18px;
                        background-color: #ffff;
                        color: black;
                    }
                }

                button {
                    width: 160px;
                    height: 55px;
                    margin-left: 50px;
                    font-size: 24px;
                    font-family: 'YoonGothic330';
                    padding: 0;
                    border: none;
                    border-radius: 8px;
                    color: #ffff;
                    background-color: #e64522;

                    &:last-child {
                        background-color: #7B9281;
                        margin-left: 20px;
                    }
                }

                button:hover {
                    cursor: pointer;
                    opacity: 0.9;
                }
            }
        }
    }

    .footer_main_m {
        display: none;
    }
}

.consent_m {
    display: none;
}

.privacy-container {
    display: none;
    background-color: #ffff;
    animation: slideInFromBottom 0.5s ease-in-out;

    &.show {
        position: fixed;
        z-index: 4;
        display: block;
        width: 100%;
        height: auto;
        bottom: 130px;
    }
    &.hide {
        animation: slideDown 0.5s ease-in forwards;
    }

    .privacy-policy {
        position: relative;
        width: 100%;
        height: 100%;

        .policy_img_m {
            display: none;
        }
        .policy_img {
            width: 100%;
            display: block;
        }
        .close {
            position: absolute;
            width: 60px;
            top: 25px;
            right: 25px;
            cursor: pointer;
        }
    }
}


.block-area {
    display: none;

    &.block {
        display: block;
    }
}
.block-content {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    opacity: 0.7;
    z-index: 9999;
    bottom: 0;
    overflow: hidden;
}

.loading {
    position: fixed;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: black;
    font-size: 18px;
    font-family: 'YoonGothic330';
    background-color: #ffff;
    padding: 20px 30px;
    border-radius: 10px;
    z-index: 9999;
}


/* animation */
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
  
.chartjs-hidden-iframe {
    display: none !important;
}

@keyframes expandFromTop {
    0% {
        top: -100%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        width: 0%;
        top: 25%;
        left: 16%;
        opacity: 0;
    }
    100% {
        top: 6%;
        left: 4%;
        width: 93%;
        opacity: 1;
        transform: none;
    }
}
@keyframes zoomInMobile {
    0% {
        width: 0%;
        top: 25%;
        left: 16%;
        opacity: 0;
    }
    100% {
        /* top: 5%;
        left: 4%;
        width: 93%;
        opacity: 1;
        transform: none; */

        top: 9%;
        left: 8%;
        width: 84%;
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInFromBottom {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes slideDown {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(180%);
    }
}

@keyframes slideDownMobile {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
/* animation */



/* mobile */
@media screen and (max-width : 980px) {
    .footer {
        padding-bottom: 14% !important;
    }

    .main {
        height: 760px;
        
        .main_title {
            flex-direction: column;
            height: 100%;
            padding: 35px 0;
            padding: 80px 0 35px 0;

            span {
                font-size: 24px;
                line-height: 1.3;
                margin-left: 0;
                font-family: 'YoonGothic320';
            }

            .main_title_text {
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                img {
                    width: 260px;
                    padding-bottom: 5px;
                }

                span {
                    font-size: 14px;
                    margin: 0;
                    letter-spacing: 0;
                    word-spacing: -1px;
                    font-family: 'YoonGothic320';
                    width: fit-content;
                    position: relative;
                    right: auto;
                    bottom: 18px;
                }
            }
        }
    }

    /* se01 */
    .se01 {
        padding-bottom: 50px;

        .history {
            margin-top: 28px;
            padding: 0 3%;

            p {
                font-size: 20px;
                height: 56px;
                letter-spacing: -2px;
                opacity: 0.8;
            }

            .seperator {
                width: 24%;
                border-bottom: 1px solid #4a4a4a;
                margin-left: 15px;
            }

            .history_year {
                font-size: 55px;
                margin-left: 10px;
                line-height: 1;

                span {
                    &.counter {
                        height: fit-content;
                        width: 65px;
                        font-family: 'YoonGothic340';
                    }
                    &:last-child {
                        font-size: 50px;
                        height: 53px;
                        font-family: 'YoonGothic340';
                    }
                }
            }
        }

        .road {
            margin-top: 80px;

            img {
                &.road_w {
                    display: none;
                }
                &.road_m {
                    display: block;
                }
            }
        }
    }

    .se01 .brand-duration {
        .seperator {
            height: 140px;
            border-left: 1px solid #4a4a4a;
        }
        p {
            font-size: 20px;
            letter-spacing: -1px;
            margin-top: 58px;
        }
        .brand_desc {
            line-height: 1.3;
            font-size: 34px;
            margin-top: 11px;
            letter-spacing: -2px;
            word-spacing: -2px;
            font-weight: bold;
            font-family: 'YoonGothic340';

            span {
                font-weight: bold;
                font-family: 'YoonGothic340';
            }
        }
    }
    .se01 .duration-compare {
        margin-top: 30px;
        width: 85%;
        max-width: 550px;

        .duration-compare_title {
            padding: 8px 25px;
            font-size: 15px;
            height: fit-content;
            line-height: inherit;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        .duration-compare_info {
            padding: 9% 7%;
            border-top-right-radius: 6px;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            background-color: #f4ecda;

            .brand {
                &:first-child {
                    margin-bottom: 20px;

                    .brand_title {
                        font-size: 18px;
                        font-family: 'YoonGothic330';
                        letter-spacing: -1px;
                        width: 100px;
                    }
                    .duration-bar {
                        &::before {
                            border-left: 1px solid #e64522;
                        }
                    }
                    .brand_year {
                        margin-left: 15px;
                        margin-top: 4px;
                        height: fit-content;
                        width: 75px;
                        font-size: 33px;
                        font-weight: bold;
                        font-family: 'YoonGothic340';
                        text-align: left;
                    }
                }

                .brand_title {
                    font-size: 16px;
                    letter-spacing: -1px;
                    width: 100px;
                }
                .duration-bar {
                    height: 15px;
                    margin-left: 5px;
                    &::before {
                        height: 21px;
                        top: -3px;
                    }

                    div {
                        /* width: 100%; */
                        height: 15px;
                    }
                }

                .brand_year {
                    margin-left: 15px;
                    margin-top: 4px;
                    height: fit-content;
                    width: 75px;
                    font-size: 22px;
                    text-align: left;
                }
            }
        }

        p.desc {
            font-size: 13px;
            margin-top: 14px;
            font-family: 'YoonGothic330';
            font-weight: 400;
            word-spacing: -1px;
        }
    }



    .se01 .franchise-desc {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 75px;
        padding: 0 10%;
        justify-content: center;

        .franchise_info {
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        
            .franchise_rate .franchise_rate_info {
                flex-direction: row;
                align-items: center;

                span {
                    font-size: 38px;
                    font-family: 'YoonGothic340';
                }
                .franchise_rate_counter {
                    margin-left: 15px;
                    word-spacing: -4px;
                    
                    span {
                        font-size: 43px;
                        font-family: 'YoonGothic340';
                    }
                }
            }

            .franchise-text {
                display: flex;
                align-items: center;
                margin-top: 8px;
                flex-wrap: wrap;

                .franchise-text_title {
                    font-size: 18px;
                    font-family: 'YoonGothic320';
                    margin: 0;
                    margin-right: 7px;
                    letter-spacing: -1px;
                }

                div {
                    font-size: 18px;
                    margin-left: 0;
                    margin-top: 0;
                    letter-spacing: -1px;

                    span.empathy {
                        font-family: 'YoonGothic350';
                    }
                }
            }
        }

        .franchise-interview {
            margin: 0 auto;
            margin-top: 25px;
            
            .video-area {
                padding: 0;
                
                /* img {
                    min-width: auto;
                } */

                .video-player {
                    width: 475px;
                    height: 267px;
                    border-radius: 20px;
                }                
            }

            p.desc {
                font-family: 'YoonGothic330';
                color: black;
                margin-top: 10px;
                padding: 0 6px;
                font-size: 13px;
                letter-spacing: -1px;
            }
        }
    }


    /* se02 */
    .se02 {
        padding-bottom: 57px;

        .content_title {
            height: 270px;

            .text-area {
                div {
                    font-size: 15px;
                    width: fit-content;
                    padding: 4px 25px;
                    line-height: 1;
                    height: fit-content;
                    border: 0.9px solid #ffff;
                    font-family: 'YoonGothic320';
                }
                h1 {
                    margin-top: 15px;
                    margin-bottom: 0;
                    font-size: 38px;
                    letter-spacing: -2px;
                }
                p {
                    margin-top: 2px;
                    font-size: 18px;
                }
            }

            img {
                width: 100%;
            }
        }
        
        .content_main {
            margin-top: 50px;

            .content01 {
                margin-top: 0;
            }

            .content01 .content_wraper .content_subject {
                &:first-child {
                    padding: 3% 30px !important;
                }
            }

            .content01, .content02, .content03 {
                .content_wraper {
                    width: 90%;

                    &:first-child {
                        border-radius: 6px;
                    }

                    .content_subject {
                        padding: 3.5%;
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;

                        &:first-child {
                            padding: 3.5% 20px;
                        }

                        .subject_total {
                            letter-spacing: -2px;
                            font-size: 24px;
                            font-family: 'YoonGothic340';
                            
                            .subject_num {
                                width: 30px;
                                height: 30px;
                                font-size: 21px;
                                padding-right: 2px;
                                line-height: 1.5;
                                font-family: 'YoonGothic340';
                            }
                            .subject_text {
                                text-align: left;
                                margin-left: 7px;
                            }
                        }
                    }
                    .content_desc {
                        flex-direction: column;
                        margin-top: 30px;

                        .content_desc_text {
                            font-size: 18px;
                        }
                        div {
                            font-size: 18px;
                            margin-top: 3px;
                            
                            span {
                                font-size: 21px;
                            }
                        }
                    }

                    .content_item {
                        margin-top: 25px;

                        .content_item_title {
                            line-height: initial;
                            border-top-left-radius: 5px;
                            border-top-right-radius: 6px;
                            padding: 8px 16px;

                            .content_item_market {
                                font-size: 21px;
                                font-family: 'YoonGothic330';
                            }
                            .content_item_desc {
                                font-size: 15px;
                                letter-spacing: -1px;
                                word-spacing: -1px;
                                font-family: 'YoonGothic330';
                                margin-left: 13px;
                                padding-left: 10px;
                                height: 15px;
                                line-height: 1;
                                border-left: 1px solid #ffff;
                            }
                        }
                        .content_item_info {
                            padding: 15px 10px 30px 10px;
                            border-top-right-radius: 6px;
                            border-bottom-left-radius: 6px;
                            border-bottom-right-radius: 6px;

                            .market_value {
                                position: relative;
                                margin: 0 auto;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
        
                                .value01 {
                                    display: none;
                                }
                                .value02 {
                                    display: none;
                                }
                                .value01_m {
                                    display: flex;
                                    align-items: center;
                                    flex-direction: column;
        
                                    img {
                                        flex: 1;
                                        width: 100%;
                                        padding: 0 10px;
                                        margin-top: 3px;

                                        &:first-child {
                                            margin-top: 0;
                                        }
                                    }
                                }
                                .value02_m {
                                    display: flex;
                                    align-items: center;
                                    flex-direction: column-reverse;
                                    margin-top: 10px;
                                    
                                    div {
                                        width: 100%;

                                        &:first-child {
                                            margin-top: 20px;
                                        }
    
                                        img {
                                            width: 100%;
                                        }
                                    }
                                    .value02_graph {
                                        position: relative;
                                        margin-left: 40px;
                                        margin: 0 auto;
                                        width: 82%;

                                        img {
                                            &:first-child {
                                                padding: 6% 4%;
                                            }
                                        }

                                        .profit {
                                            position: absolute;
                                            top: 17%;
                                            left: 8%;
                                            height: auto;
                                            opacity: 0;
                                            width: 46%;
                                            transform: skew(15deg, -23deg) rotate(19deg);
                                        }
    
                                        &.animate {
                                            .profit {
                                                animation: zoomInMobile 0.5s both;
                                            }
                                        }

                                        .graph_text {
                                            position: absolute;
                                            left: 52%;
                                            top: 45%;
                                            letter-spacing: -2px;
                                            transform: translate(-50%, -50%);
                                            display: flex;
                                            flex-direction: column;
                                            align-items: center;
                                            width: fit-content;
    
                                            .graph_title {
                                                font-size: 26px;
                                                font-family: 'YoonGothic350';
                                                color: #e64522;
                                                padding-right: 5px;
                                                letter-spacing: -3px;
                                            }
                                            div {
                                                letter-spacing: -3px;
                                                margin-top: 9px;
    
                                                span {
                                                    font-size: 72px;
                                                    font-family: 'GrotzecCondensedBlack';
                                                    font-weight: bold;
                                                    color: #e64522;
                                                    height: 60px;
                                                    line-height: 60px;
                                                    display: inline-block;
    
                                                    &:first-child {
                                                        font-family: 'GrotzecCondensedBold';
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        p.desc {
                            padding: 7px 0 0 0;
                            font-size: 13px;
                            font-family: 'YoonGothic330';
                            font-weight: 500;
                            color: #626262;
                            text-align: right;
                            opacity: 0.8;
                        }
                    }

                    .content02_slider, .content03_slider {
                        /* width: 2150px; */
                        width: 1400px;
                        margin-top: 0;
                
                        .swiper-wrapper { 
                            transition-timing-function: linear;
                        }
                        .swiper-slide {
                            .swiper_w_img {
                                visibility: hidden;
                                opacity: 0;
                                height: 0;
                            }
                            .swiper_m_img {
                                width: 100%;
                                max-width: 280px;
                                visibility: visible;
                                opacity: 1;
                                height: auto;
                            }
                        }
                    }
                }
                p {
                    opacity: 0.8;
                    font-size: 13px;
                    padding-top: 12px;
                    font-family: 'YoonGothic330';
                    text-align: center;
                }
            }

        }
    }

    /* se03 */
    .se03 {
        /* se03_content01 */
        .content01 {
            background-image: url(/design/bodram/image/se03_content01_m_bg.png);
            height: 795px;

            .content01_icon {
                left: 20px;

                div {
                    .rotate_icon, .icon_text {
                        width: 190px;
                    }
                }
            }
            .content01_text {
                top: 40%;

                .menu_title {
                    font-size: 21px;
                }
                .menu_name {
                    font-size: 33px;
                    margin-top: 17px;
                    margin-bottom: 0;
                    line-height: 1.3;
                }
                .menu_eng {
                    font-size: 23px;
                    margin-top: 0;
                    font-family: 'GrotzecCondensedLight';
                }
            }

            .content01_list {
                bottom: 50px;

                ul {
                    flex-direction: column;
                    padding: 0;

                    li {
                        font-size: 15px;
                        font-family: 'YoonGothic340';
                        width: 155px;
                        height: 30px;
                        line-height: 2.1;
                        letter-spacing: -1px;
                        padding: 0 3%;
                        margin-left: 0;
                        margin-top: 12px;
                        text-align: center;
                    }
                }
            }
        }
        /* se03_content02 */
        .content02 {
            padding-bottom: 60px;

            .content02_logo {
                padding-top: 90px;
                
                img {
                    width: 300px;
                }
            }
            .content02_title_wrapper {
                display: flex;
                flex-direction: column-reverse;
            }
            .content02_title {
                margin-top: 24px;

                h1 {
                    font-size: 25px;
                    word-spacing: -1px;
                    letter-spacing: -1px;
                    margin-bottom: 9px;
                }
                p {
                    font-size: 12px;
                    font-family: 'YoonGothic330';
                    font-weight: 400;
                    margin-top: 0;
                    opacity: 0.9;
                }
            }
            .seperator {
                margin-top: 20px;
                font-size: 32px;
                font-weight: 100;
            }

            .content02_items {
                width: 84%;

                .content_item {
                    flex-direction: column;
                    align-items: flex-start;
                    margin-right: 0;
                    margin-top: 60px;

                    .img_wrap {
                        width: 100%;
                        max-width: 640px;
                        border-radius: 10px;

                        img {
                            height: 250px;
                        }
                    }
                    .item_desc {
                        margin-left: 0;
                        padding: 25px 0;
                        max-width: 370px;
                        
                        .sub_title {
                            height: 30px;
                            font-size: 17px;
                            font-family: 'YoonGothic330';
                            line-height: 29px;
                        }
                        .item_title {
                            margin: 10px 0;
                            font-size: 32px;
                            font-weight: 400;
                        }
                        p {
                            margin-top: 0;
                            font-size: 17px;
                            letter-spacing: -1.5px;
                            font-weight: 400;
                            opacity: 0.9;
                            /* width: 360px; */
                            font-family: 'YoonGothic320';
                        }
                    }

                    &:nth-child(2) {
                        flex-direction: column-reverse;

                        .item_desc {
                            align-items: flex-end;
                            margin-right: 0;
                            width: 100%;

                            p {
                                text-align: right;
                            }
                        }
                    }

                }
            }
        }
        /* se03_content03 */
        .content03 {
            .content_title {
                padding-bottom: 85px;

                .text-area {
                    padding-top: 95px;

                    h1 {
                        font-size: 37px;
                        line-height: 1.2;
                    }
                    p {
                        font-size: 18px;
                        margin-top: 10px;
                        font-family: 'YoonGothic310';

                        span {
                            font-family: 'YoonGothic320';
                            font-weight: bold;
                        }
                    }
                }
                .brand-compare {
                    width: 90%;
                    margin: 0 auto;
                    margin-top: 26px;
                    .brand_item {
                        .brand_item_name {
                            font-size: 16px;
                        }
                    }
                    .rotate {
                        .rotate_icon {
                            width: 75%;
                        }
                        div p {
                            font-size: 40px;
                        }
                        div span {
                            font-size: 14px;
                        }
                    }
                    /* .brand_item {
                        right: -10px;

                        .brand_item_name {
                            margin-right: 6%;
                            font-size: 15px;
                        }
                        .brand_item_timer {
                            flex-direction: column-reverse;
                            margin-top: 8px;
                            align-items: center;
                            width: 65%;
                            height: fit-content;

                            img {
                                width: 100%;

                                &:first-child {
                                    width: 80%;
                                    margin-right: 0;
                                }
                            }
                        }

                        &:last-child {
                            left: -10px;
                            right: auto;
                            
                            .brand_item_name {
                                margin-left: 17%;
                                font-size: 15px;
                            }
                            .brand_item_timer {
                                flex-direction: column;
                                margin-top: 8px;
                                align-items: center;
                                width: 60%;

                                img {
                                    width: 80%;
                                    
                                    &:first-child {
                                        width: 100%;
                                        margin-right: 0;
                                    }
                                }
                            }
                            .icon_m {
                                right: 0%;
                                left: 7%;
                            }
                        }
                    } */

                    .brand_item {
                        .brand_item_wrapper {
                            width: 70%;
                            align-items: center;
                        }
                        .brand_item_name {
                            font-size: 14px;
                            margin-right: 0;
                        }
                        .brand_item_timer {
                            flex-direction: column-reverse;
                            margin-top: 7px;
                            align-items: center;

                            .time-image {
                                display: none;
                            }
                            .time-image_m {
                                display: block;
                                width: 90%;
                                margin-top: 5px;
                            }
                            .timer {
                                width: 100%;

                                .icon {
                                    /* top: 0; */
                                    top: 17%;
                                    height: inherit;

                                    canvas {
                                        width: 70% !important;
                                        height: 60% !important;
                                    }

                                    /* #pie-chart02 {
                                        width: 70% !important;
                                        height: 70% !important;
                                    } */
                                }
                            }
                        }

                        &:last-child {
                            .brand_item_name {
                                margin-left: 0;
                            }

                            .brand_item_timer {
                                flex-direction: column;
                            }
                        }
                    }
                }
                .process-compare {
                    margin-top: 40px;

                    div {
                        .process_m_img {
                            width: 85%;
                            visibility: visible;
                            opacity: 1;
                            height: auto;
                        }
                        .process_w_img {
                            visibility: hidden;
                            opacity: 0;
                            height: 0;
                        }
                    }
                }
            }

            .menu-list .menu_slider .swiper-slide {
                width: 38%;
                height: auto;

                a {
                    height: 100%;
                    position: relative;
                    display: block;
                }
            }
        }
    }


    /* se04 */
    .se04 .content01 {
        padding-bottom: 75px;

        .content_text {
            padding-top: 70px;
            
            .content_subject {
                font-size: 18px;
                width: fit-content;
                height: fit-content;
                line-height: 1.5;
                padding: 2px 18px;
                border-radius: 2px;
            }
            h1 {
                margin-top: 25px;
                font-size: 41px;
                letter-spacing: -1px;
            }
            p {
                font-size: 17px;
                margin-top: 14px;
                word-spacing: -1px;
            }
            .content_text_desc {
                margin-top: 10px;

                div {
                    display: flex;
                    flex-direction: column;
                }
                span, p {
                    word-spacing: -1px;
                    opacity: 0.9;
                    font-size: 18px;
                }
                p {
                    margin-top: 10px;
                }
            }
        }

        .content_items {
            margin-top: 28px;
            padding: 0 7%;

            .content_img {
                margin-top: 0;

                .se04_content01_img01 {
                    background: url(/design/bodram/image/se04_interior_img01.png) no-repeat center / contain;
                    max-height: 245px;
                    height: 30vh;
                }
                .se04_content01_img02 {
                    background: url(/design/bodram/image/se04_interior_img02.png) no-repeat center / contain;
                    height: 27vh;
                    max-height: 240px;
                }
                .se04_content01_img03 {
                    background: url(/design/bodram/image/se04_interior_img03.png) no-repeat center / contain;
                    max-height: 272px;
                    height: 26vh;
                    margin-right: 25%;
                }

                &:first-child {
                    width: 95%;
                }
                &:nth-child(2) {
                    margin-top: 25px;
                    margin-left: 28%;
                    width: 75%;
                }
                &:last-child {
                    padding-bottom: 47px;
                    width: 100%;
                    margin-top: 25px;

                    .se04_content01_img04 {
                        width: 36%;

                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    /* se05 */
    .se05 .content_text {
        .content_subject {
            font-size: 18px;
            width: fit-content;
            height: fit-content;
            line-height: 1.5;
            padding: 2px 18px;
            border-radius: 2px;
        }
    }
    .se05 .content01 {
        padding-bottom: 65px;
        .content_text {
            padding-top: 70px;

            .text-area {
                margin-top: 35px;

                p {
                    line-height: 1;
                    font-size: 18px;
                    font-family: 'YoonGothic310';
                }
                div {
                    font-size: 35px;
                    font-family: 'YoonGothic350';
                    letter-spacing: -1px;
                    word-spacing: 2px;
                    margin-top: 7px;
                }
            }
            .content_list {
                width: 90%;
                margin-top: 12px;

                .content_m_list {
                    width: 100%;
                    visibility: visible;
                    opacity: 1;
                    height: auto;
                }
                .content_w_list {
                    visibility: hidden;
                    opacity: 0;
                    height: 0;
                }
            }
            .content_detail {
                width: 90%;
                margin-top: 12px;

                .content_m_price {
                    width: 100%;
                    visibility: visible;
                    opacity: 1;
                    height: auto;
                }
                .content_w_price {
                    visibility: hidden;
                    opacity: 0;
                    height: 0;
                }
            }
            .content_m_desc {
                width: 82%;
                margin-top: 3px;
                visibility: visible;
                opacity: 1;
                height: auto;
            }
            .content_w_desc {
                visibility: hidden;
                opacity: 0;
                height: 0;
                margin: 0;
            }   
        }
    }
    .se05 .content02 {
        padding-bottom: 70px;
        
        .content_text {
            padding-top: 70px;
    
            .content_text_desc {
                display: flex;
                flex-direction: column;
                line-height: 1.2;
                margin-top: 30px;
    
                span {
                    font-size: 34px;
                    font-family: 'YoonGothic350';
                }
            }
        }
        .form-container {
            margin-top: 30px;

            .form-group {
                margin-top: 16px;
                
                &:first-child {
                    margin-top: 0;
                }
                &:nth-child(2) {
                    input[type="text"] {
                        padding-left: 100px;
                    }
                }
                &:nth-child(3) {
                    input[type="text"] {
                        padding-left: 110px;
                    }
                }

                .input-label {
                    font-size: 18px;
                    font-family: 'YoonGothic330';
                    left: 22px;
                    border: none;
                    display: flex;
                    align-items: center;

                    &::after {
                        content: "";
                        margin-left: 15px;
                        height: 17px;
                        position: relative;
                        display: inline-block;
                        border-right: 0.5px solid #e64522
                    }
                }
                input[type="text"] {
                    height: 55px;
                    padding-left: 80px;
                }

                .radio_item {
                    &:last-child {
                        display: none;
                    }
                    .radio-label {
                        font-size: 18px;
                        font-family: 'YoonGothic320';
                    }
                }
                .view_text {
                    display: inline-block;
                    font-family: 'YoonGothic310';
                    font-size: 15px;
                    text-decoration: underline;
                    margin-left: 5px;
                    text-decoration-thickness: 0em;
                    text-underline-offset: 0.25em;
                    width: fit-content;
                    cursor: pointer;
                }
            }
            .consent_title {
                margin-top: 32px;

                span {
                    font-size: 23px;
                    font-family: 'YoonGothic340';

                    display: inline-flex;
                    align-items: center;
                    justify-content: flex-start;
                }
                .dot {
                    font-size: 15px;
                }
            }
            table.consent_desc_w {
                display: none;
                height: 0;
            }
            .consent_desc_m {
                display: block;
                height: auto;

                dl {
                    border: 1px solid #ffff;
                    margin-top: 13px;

                    dt {
                        border-bottom: 1px solid #ffff;
                        color: #ffff;
                        font-size: 19px;
                        min-height: 32px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    dd {
                        color: #ffff;
                        font-size: 17px;
                        min-height: 58px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                }
            }
            
        }
    }
    .se05 .content03 {
        height: 632px;
        background: url(/design/bodram/image/se05_content03_bg_m.png) no-repeat center / cover;

        .content_title {
            top: 49%;
            
            .content_title_desc {
                line-height: 1.5;

                p, span {
                    font-family: 'YoonGothic320';
                    font-size: 20px;
                }
                div {
                    display: flex;
                    flex-direction: column;
                }
            }
        }
        .seperator {
            height: 160px;
            border-left: 1px solid #ffff;
            margin-top: 30px;
        }
        .content_empathy {
            margin-top: 30px;

            div {
                display: flex;
                flex-direction: column;
            }
            span {
                font-size: 30px;
                letter-spacing: -1px;
            }
        }
    }

    .consent_m {
        /* display: none; */
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #ffff;
        animation: slideInFromBottom 0.5s ease-in-out;
        /* padding: 20px;
        padding-bottom: 7%; */
        text-align: center;
        padding: 10px 20px 40px 20px;

        max-height: calc(100% - 104px);
        height: 100%;
        overflow: scroll;

        &.show {
            z-index: 9999;
            display: block;
            bottom: 50px;
        }
        /* &.hide {
            animation: slideDownMobile 0.5s ease-in forwards;
        } */
        &.hide {
            animation: slideDown 0.5s ease-in forwards;
        }

        .close-btn {
            padding: 7px;
            width: 45px;
            height: 42px;

            &:hover {
                cursor: pointer;
            }
        }

        .content_text {
            text-align: center;
            padding-top: 20px;

            .content_text_desc {
                display: flex;
                flex-direction: column;
                line-height: 1.3;

                span {
                    color: #272727;
                    font-size: 26px;
                    letter-spacing: -2px;

                    &:last-child {
                        font-size: 30px;
                        font-family: 'YoonGothic340';
                    }
                }
            }
        }
        .form-container {
            margin: 0 auto;
            max-width: 800px;
            width: 100%;
            margin-top: 25px;
            
            .form-group {
                position: relative;
                display: flex;
                align-items: center;
                margin-top: 16px;

                &:first-child {
                    margin-top: 0;
                }

                &:nth-child(2) {
                    input[type="tel"] {
                        padding-left: 100px;
                    }
                }
                &:nth-child(3) {
                    input[type="text"] {
                        padding-left: 120px;
                    }
                }
                
                .input-label {
                    left: 22px;
                    border: none;
                    display: flex;
                    align-items: center;
                    position: absolute;
                    width: fit-content;
                    padding-right: 8px;
                    letter-spacing: -0.5px;

                    color: #404040;
                    letter-spacing: -1px;
                    word-spacing: -1px;
                    font-family: 'YoonGothic330';
                    font-size: 19px;


                    &::after {
                        content: "";
                        margin-left: 15px;
                        height: 17px;
                        position: relative;
                        display: inline-block;
                        border-right: 0.5px solid black;
                    }
                }
                
                input[type="text"],
                input[type="tel"] {
                    width: 100%;
                    height: 53px;
                    border-radius: 8px;
                    border: none;
                    outline: none;
                    padding-left: 90px;
                    padding-right: 10px;
                    font-size: 18px;
                    color: black;
                    box-shadow: 0px 0px 6px -1px rgba(56, 56, 56, .5)
                }

                .checkbox_item {
                    display: flex;
                    align-items: center;
                    text-align: left;

                    &:last-child {
                        margin-left: 40px;
                    }
                }

                .checkbox-label {
                    color: #000000;
                    font-size: 19px;
                    letter-spacing: -1px;
                    word-spacing: 1px;
                    font-family: 'YoonGothic320';

                    &:hover {
                        cursor: pointer;
                    }
                }

                input[type="checkbox"] {
                    margin: 0 8px 0 2px;
                    width: 22px;
                    height: 22px;
                    border: 1px solid #a1a1a1;
                    border-radius: 50%;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;

                    &:hover {
                        cursor: pointer;
                    }
                }

                input[type="checkbox"]:checked {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    background-color: #a1a1a1;
                    background-image: url(/design/bodram/image/baseline_done_white_18dp.png);
                    background-size: 100%;
                }
                
                .radio_item {
                    .radio-label {
                        color: black;
                        font-size: 19px;
                        opacity: 0.8;
                        letter-spacing: -1px;
                        word-spacing: -1px;
                    }
                }
                .view_text {
                    display: inline-block;
                    font-size: 15px;
                    text-decoration: underline;
                    text-decoration-thickness: 0em;
                    text-underline-offset: 0.25em;
                    width: fit-content;
                    cursor: pointer;
                    margin-left: 10px;
                    color: #7a7a7a;
                    font-family: 'YoonGothic330';
                    opacity: 0.7;
                    text-align: left;
                }
            }
            
            input[type="radio"] {
                margin-right: 10px;
            }

            button {
                background-color: #e64522;
                width: 100%;
                display: block;
                height: 55px;
                margin-top: 45px;
                border: none;
                border-radius: 10px;
                color: #ffff;
                font-size: 21px;
                font-family: 'YoonGothic350';

                &:last-child {
                    background-color: rgb(2 78 41 / 60%);
                    margin-top: 13px;
                }
            }
        }
    }



    /* footer */
    .consent_footer .footer_main {
        display: none;
    }
    .consent_footer {
        bottom: -5px;

        .footer_main_m {
            display: block;
    
            img {
                width: 100%;
                min-height: 50px;
                object-fit: cover;
            }
        }
    }

    .privacy-container {
        /* display: none;
        background-color: #ffff;
        animation: slideInFromBottom 0.5s ease-in-out; */

        &.show {
            /* position: fixed;
            z-index: 4;
            display: block; */
            width: 100%;
            bottom: 0;
            /* height: 77vh;
            max-height: calc(100vh - 185px); */
            z-index: 9999;

            max-height: calc(100% - 54px);
            height: 100%;
            overflow: scroll;
        }
        /* &.hide {
            animation: slideDownMobile 0.5s ease-in forwards;
        } */

        .privacy-policy {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: scroll;

            .policy_img {
                display: none;
            }
            .policy_img_m {
                width: 100%;
                display: block;
            }
            .close {
                width: 36px;
            }
        }
    }
}
/* media query end */
/* BASIC css end */