/* ================================================================= 
    * 회사소개
    * ================================================================= */
    .line-dot::before{
            content:"\25A0";
            height: 30rem;
            width: 0.3rem;
            background: #000;
            position: absolute;
            top: -30rem;
            -ms-transform: rotate(180deg) scaleX(-1); /* IE 9 */
            -webkit-transform: rotate(180deg) scaleX(-1); /* Chrome, Safari, Opera */
            transform: rotate(180deg) scaleX(-1);
    }
    
    .line-dot::after{
        content:" ";
        height: 2.5rem;
        width: 0.4rem;
        top: -2.5rem;
        position: absolute;
        background: #fff;
    }

    /* ================================================================= 
    * 인사말
    * ================================================================= */
    .greeting { position: relative;}
    .greeting .imgArea{            
        overflow: hidden;
        height: 34rem;
        position: relative;
    }
        
    .greeting .imgArea img{                
        bottom: -30%;
        display: block;
        margin: auto;
        position: absolute;
        width:100%;
    }
    .greeting .textArea{
        width: 1280px;
        margin: auto;
        font-size: 1.7rem;
        margin-top:25rem;
        margin-bottom:10rem;
        position: relative;
        padding: 0 3rem;
    }

    .greeting .textArea .title{
        font-size: 3.2rem;
        font-weight: bold;
        line-height:5rem;
    }
    .greeting .textArea .ceo {font-weight: bold;}
    .greeting .textArea .sign{
        position: absolute;
        right: 1rem;
        bottom: -2rem;
        width: 20rem;
    }
    
    /* ================================================================= 
    * 연혁
    * ================================================================= */
    .company .top {position: relative;}
    .company .top img{width: 100%;}
    .company .top .title{
        position: absolute;
        color:#fff;
        top:35%;
        left: 35%;
        transform: translate(-50%, -50%);
        width: max-content;
    }
    
    .company .history_wrap {
        position: relative;
        box-sizing: border-box;
        margin:auto;
        padding-bottom: 240px;
        width: 1280px;
    }

    .company .history_wrap .year {
        font-size: 240px;
        font-weight: bold;
        line-height: 300px;
        color: #000;
        position: absolute;
    }

    .company .history_wrap .history_nav {
        position: absolute;
        top: 9px;
        left: 50%;
        margin-left: -35rem;
        box-sizing: border-box;
        padding-right: 80px;
        width: 300px;
        z-index: 2;
    }


    .company .history_wrap .history_nav .year {
        top: 190px;
        width: 326px;
        text-align: right;
        font-weight: bold;
    }

    .company .history_wrap .histroy_contents {
        padding: 0;
        margin-left: 20rem;
    }

    .history-group {
        position: relative;
        padding: 48px 30px 37px 30px;
        margin: 0 -30px;
    }

    .history-group .h3 {
        position: relative;
        margin: 0 -30px 40px -30px;
        padding: 0 30px;
        font-size: 20px;
        line-height: 22px;
        color: #000;
        font-weight: 700;
    }

    .history-group .history-visual + .h4 {
        margin-top: 22px;
    }

    .history-group .history-visual img {
        max-width: 100%;
    }

    .history-group .h4 {
        font-size: 28px;
        line-height: 30px;
        color: #404040;
        font-weight: 700;
    }

    .history-group .h4 + ol {
        margin-top: 9px;
    }

    .history-group ol {
        position: relative;
    }

    .history-group ol > li {
        position: relative;
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    .history-group ol > li:before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        display: block;
        width: 1px;
        height: auto;
        margin: 11px auto -11px 6px;
        background: #d6d6d6;
    }

    .history-group ol > li:last-child:before {display: none;}

    .history-group .history-detail {
        position: relative;
        padding: 0 0 0 30px;
        display: flex;
        align-items: flex-start;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: #808080;
    }

    .history-group .history-detail:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 1px;
    display: block;
    width: 10px;
    height: 10px;
    background: #d6d6d6;
    border: 3px solid #f5f5f5;
    border-radius: 50%;
    z-index: 10;
    }

    .history-group .history-detail:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    z-index: 5;
    }

    .history-group .month {
    display: block;
    flex: 0 0 auto;
    width: 22px;
    font-weight: 700;
    font-style:normal;
    }

    .history-group .month.long { width: 54px; }

    .history-item + .history-item {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #e6e6e6;
    }

    @media (max-width: 1200px) {
        .company .history_wrap .histroy_contents {
            padding: 0;
            margin-left: 24rem;
        }  
    }

    @media (min-width: 1200px) {
        .company .history_wrap .histroy_contents {
            padding: 0;
            margin-left: 24rem;
        }  
    }

    @media (max-width: 767px) {
        .company .history_wrap  {
            display: none;
        }  
    }

    @media (min-width: 767px) {
        .history-group  {
            display: none;
        }  
    }


    @media (min-width: 1400px) {
        .company .history_wrap .histroy_contents {
            padding: 0;
            margin-left: 25rem;
        }  
    }
    .company .history_wrap .histroy_contents li {
        padding-top: 200px;
        position: relative;
    }

    .company .history_wrap .histroy_contents li .year {
        top: 0px;
        left: 26px;
        position: relative;
        z-index: 2;
    }

    .company .history_wrap .histroy_contents .img_wrap {
        display: block;
        padding-left: 40px;
        padding-bottom: 40px;
        position: relative;
        margin-top: -160px;
    }

    .company .history_wrap .histroy_contents .img_wrap img {width: 980px;}

    .company .history_wrap .histroy_contents h2 + dl { margin-top: 80px;}

    .company .history_wrap .histroy_contents dl {
        font-size: 18px;
        margin-top: 10px;
        font-weight: 500;
        letter-spacing: -0.5px;
        padding-left: 50px;
        box-sizing: border-box;
        position: relative;
        line-height: 34px;
        color: #000;
        font-family: "Sora", "Noto Sans KR", sans-serif;
    }

    .company .history_wrap .histroy_contents dl dt {
        display: inline-block;
        padding-right: 0;
        position: absolute;
    }

    .company .history_wrap .histroy_contents dl dd {
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        padding-left: 45px;
    }

    .company .history_wrap .histroy_contents .old_year dl dd {
        padding-left: 100px;
    }

    .company .history_wrap .histroy_contents .img_wrap {
        display: block;
        padding-bottom: 40px;
        position: relative;
        margin-top: -160px;
    }

    .company .history_wrap .histroy_contents .img_wrap img {
        width: 980px;
    }

    /* ================================================================= 
    * 경영이념
    * ================================================================= */
    .philosophy .topTxt{
        text-align: center;
        font-weight: bold;
        font-size: 4rem;
        padding: 4rem 0;
    }

    .philosophy .imgArea{
        display: flex;
        margin: 4rem 0;
        position: relative;
        justify-content:center;
    }

    .philosophy .imgArea .bg{
        position: absolute;
        background: #f5f9fa;
        width: 300%;
        left: -100%;
        height: -webkit-fill-available;
        z-index: -1;
    }

    .philosophy .imgArea img{margin: 10rem 0;}
    .philosophy .imgArea .center{
        scale: 1.3;
        border-radius: 40%;
    }

    .philosophy .textArea{
        position: relative;
        margin-top: 25rem;
        margin-bottom: 10rem;
    }
    .philosophy .textArea .midTxt{font-size: 4rem;}
    .philosophy .promise {margin-top: 5rem; }

    .philosophy .promise .item{
        display: flex;
        margin-bottom: 1rem;
    }
    .philosophy .promise .item .step{
        padding: 0.8rem 3.5rem;
        background: var(--main-color);
        border-radius: 50px;
        margin: 1rem 3rem;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        height: 5.5rem;
    }
    .philosophy .promise .item .explain{
        color: var(--main-color);
        font-size:1.2rem;
        padding-bottom: 1.5rem;
        margin-bottom:2.5rem;
        border-bottom: 2px solid var(--main-color);
        width: -webkit-fill-available;
    }
    .philosophy .promise .item .explain .target{
        font-size: 4.5rem;
        font-weight: bold;
        margin-bottom: 1.5rem;
        span{font-size: 1.5rem;}
    }

    /* ================================================================= 
    * 인증서
    * ================================================================= */
    .certificate .topTxt{
        text-align: center;
        font-weight: bold;
        font-size: 4rem;
        padding: 4rem 0;
    }

    .certificate .list{
        overflow: hidden;
        padding: 8rem 0;
        margin-bottom:3.5rem;
        
    }
    .certificate .list .item{
        border: 3px solid var(--main-color);
        background-color: #fff;
        padding: 1rem;
        transform: scale(1);
    }
    
    .certificate .list .item img { border: 1px solid var(--main-color);}
    .certificate .list .swiper-slide-active {z-index: 999;}
    .certificate .list .swiper-slide-active .item { transform: scale(1.3);}
    .certificate .list .swiper-slider {transform: scale(.5);}

    /* ================================================================= 
    * 브랜드
    * ================================================================= */
    .brand{
        display: flex;
        margin-bottom:4rem;
    }

    .brand .list{
        background: url('../img/company/brand/bgImg.jpg') no-repeat center !important;
        background-size: cover !important;
        width: 54%;
    }
    .brand .list .textArea{
        margin-left: auto;
        width: max-content;
        color:#fff;
        padding-top: 15%;
        padding-bottom: 15%;
        padding-right: 10%;
        height:100%;

    }
    .brand .list .textArea .title{
        margin: 4rem 0;
        font-size: 3.5rem;
        font-weight: bold;
    }
    .brand .list .textArea ul li{    
        color: #a9a9a9;
        font-size: 2rem;
        font-weight: bold;
        border-left: 1px solid #fff;
        padding-left: 10%;
        line-height: 3.5rem;
        cursor: pointer;
    }
    .brand .list .textArea ul  li.active{
        border-left: 7px solid #fff;
        color: #fff;
    }

    .brand .introduce {width: 43%;}

    .brand .introduce .item{
        padding: 3rem;
        display: none;
    }
    .brand .introduce .item.img{height: 50%; text-align: center;}
    .brand .introduce .item.img img{height: 100%;}
    
    .brand .introduce .item .info{ margin: 1rem;}
    .brand .introduce .item .info .name{
        font-size: 2.8rem;
        font-weight: bold;
        margin: 2.5rem 0;
        .en{font-size: 1.8rem;}
    }
    
    .brand .introduce .item .info .name .en{font-size: 1.8rem;}
    
    .brand .introduce .item .info .explain{
        color:#404040;
        line-height: 2rem;
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

    .brand .introduce .item .info .mvStore{
        color: #fff;
        padding: 1rem 3rem;
        background: var(--main-color);
        border-radius: 50px;
    }
    .brand .introduce .item.active{ display: block;}

    /* ================================================================= 
    * CIBI
    * ================================================================= */

    .cibi .item {
            margin-bottom: 3.5rem;
            font-size: 1.3rem;
    }
    .cibi .item .title{
        font-size: 3.5rem;
        font-weight: bold;
        margin: 1rem 0;
        color:var(--main-color2)
    }
    .cibi .item .img{padding: 5rem;}

    .cibi .item .color{
        margin: 3rem 0;
        position: relative;
        color: #fff;
    }
    .cibi .item .color .bg{
        position: absolute;
        background-color: var(--main-color);
        left: -50%;
        top: 0;
        height: -webkit-fill-available;
        width: 200%;
        z-index: -1;
        text-align:center;
        overflow: hidden;
    }    
    .cibi .item .color .bg img{height: 100%; filter: invert(1) grayscale(1); opacity: 0.4;margin: 2% 30% 0 0; scale: 1.4;}
    .cibi .item .color .textArea{
        text-align: right;
        padding: 5rem;
    }
    .cibi .item .color .textArea .name{
        font-size: 2.2rem;
        margin: 1rem 0;
    }

    .cibi .item .biList{
        margin: 3rem 0;
    }
    .cibi .item .biList .biItem{
        display: flex;
        margin-bottom: 4rem;
    }    
    .cibi .item .biList .biItem .img{
        padding: 1rem;
        min-width: 40%;
        box-shadow: 10px 10px 20px gray;
    }
    
    .cibi .item .biList .biItem .img img{width: 100%;}
    .cibi .item .biList .biItem .textArea {padding: 2rem; }
    .cibi .item .biList .biItem .textArea .name{
        font-size: 2.6rem;
        font-weight: bold;
        color:var(--main-color2);
        margin-bottom: 2rem;
    }

    
    /* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/
    @media screen and (min-width:768px) and (max-width:1279px) { 
        /* ================================================================= 
        * 회사소개 PC & 테블릿(가로)
        * ================================================================= */
        .line-dot::before{
            height: 20rem;
            width: 0.25rem;
            top: -20rem;
        }

        .line-dot::after{
            height: 2rem;
            width: 0.3rem;
            top: -2rem;
        }
        
        /* ================================================================= 
        * 인사말 PC & 테블릿(가로)
        * ================================================================= */
        .greeting .imgArea { height: 27rem;}
        .greeting .imgArea img{ bottom: 0%;}
        .greeting .textArea{
            width: 100%;
            font-size: 1.2rem;
            margin-top:15rem;
            padding: 0 1rem;
        }
        .greeting .textArea .title{
            font-size: 2.6rem;
            line-height:3.5rem;
        }
        .greeting .textArea .sign{
            right: 2rem;
            width: 13rem;
        }
        
        /* ================================================================= 
        * 연혁 PC & 테블릿(가로)
        * ================================================================= */
        .company .top .title{left: 40%;}
        
        /* ================================================================= 
        * 경영이념 PC & 테블릿(가로)
        * ================================================================= */

        .philosophy .topTxt{
            font-size: 4rem;
            padding: 3rem 0 0 0;
        }

        .philosophy .imgArea{
            margin: 0;
            scale: 0.55;
        }

        .philosophy .textArea{
            position: relative;
            padding: 0 1rem;
            margin-top: 5rem;
            margin-bottom: 10rem;
        }
        .philosophy .textArea .midTxt{font-size: 4rem;}
        .philosophy .promise {margin-top: 5rem; }

        .philosophy .promise .item .step{
            padding: 0.8rem 3rem;
            margin: 1rem 1rem 1rem 0;
            font-size: 2rem;
            height: 4.5rem;
        }
        .philosophy .promise .item .explain { font-size:1.2rem;}
        .philosophy .promise .item .explain .target{margin-bottom: 1rem;}
        .philosophy .promise .item .explain .target span{font-size: 2rem;}

        /* ================================================================= 
        * 인증서 PC & 테블릿(가로)
        * ================================================================= */
        .certificate .topTxt{
            font-size: 3.7rem;
            padding: 3rem 0;
        }

        .certificate .list{
            padding: 8rem 0.5rem;
            margin-bottom:3.5rem;
        }

        .certificate .list .item { transform: scale(1);}
        .certificate .list .swiper-slide-active .item{ transform: scale(1.6);}
        
        /* ================================================================= 
        * 브랜드 PC & 테블릿(가로)
        * ================================================================= */
        .brand { margin-bottom:4rem;}
        .brand .list { width: 46%; }
        .brand .list .textArea{
            margin-left: auto;
            width: max-content;
            padding-top: 15%;
            padding-bottom: 15%;
            padding-right: 10%;
        }
        .brand .list .textArea .title{ font-size: 2.2rem; }
        .brand .list .textArea ul li{  font-size: 1.4rem; }
        .brand .introduce {width: 54%; }
        .brand .introduce .item { padding: 1rem;}
            
        .brand .introduce .item .info { margin: 0.5rem;}
        .brand .introduce .item .info .name{
            font-size: 3rem;
            margin: 2rem 0;
        }
        .brand .introduce .item .info .mvStore{  padding: 1rem 2rem; }

        /* ================================================================= 
        * CIBI PC & 테블릿(가로)
        * ================================================================= */

        .cibi{ padding: 0 1rem; }
        .cibi .item {
            margin-bottom: 2.5rem;
            font-size: 1.3rem;
        }
        .cibi .item .img{padding: 2rem;}
        .cibi .item .color { margin: 3rem 0;}
        .cibi .item .biList .biItem .img{
            padding: 0.5rem;
            align-content: center;
        }
            
        .cibi .item .biList .biItem .textArea { padding: 1rem 1.5rem;}
        .cibi .item .biList .biItem .textArea .name{  font-size: 2.5rem; }
    }


    /* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
    @media screen and (min-width:480px) and (max-width:767px) { 
        /* ================================================================= 
        * 회사소개 _ 모바일(가로)&탭(세로)
        * ================================================================= */
        .line-dot::before{
                content:"\25A0";
                height: 11rem;
                width: 0.2rem;
                background: #000;
                position: absolute;
                top: -11rem;
                -ms-transform: rotate(180deg) scaleX(-1); /* IE 9 */
                -webkit-transform: rotate(180deg) scaleX(-1); /* Chrome, Safari, Opera */
                transform: rotate(180deg) scaleX(-1);
        }

        .line-dot::after{
            content:" ";
            height: 1.5rem;
            width: 0.2rem;
            top: -1.5rem;
            position: absolute;
            background: #fff;
        }

        /* ================================================================= 
        * 인사말 - 모바일(가로)&탭(세로)
        * ================================================================= */

        .greeting .imgArea {height: 15rem;}
        .greeting .imgArea img{  bottom: -5%; }

        .greeting .textArea{
            width: 90%;
            font-size: 1rem;
            margin-top:7.5rem;
            margin-bottom:3rem;
        }
        .greeting .textArea .title{
            font-size: 1.5rem;
            line-height:1.8rem;
        }
        .greeting .textArea .sign{
            right: 1rem;
            bottom: -2rem;
            width: 10rem;
        }

        /* ================================================================= 
        * 연혁 _ 모바일(가로)&탭(세로)
        * ================================================================= */
        .company .top .title{
            top:40%;
            left: 40%;
        }
        .history-group{ margin: 0 -20px;}

        /* ================================================================= 
        * 경영이념_모바일(가로)&탭(세로)
        * ================================================================= */

        .philosophy .topTxt{
            font-size: 2.5rem;
            padding: 2rem 0;
        }

        .philosophy .imgArea{
            margin: -2rem 0;
            scale: 0.35;
            padding: 1rem;
        }

        .philosophy .imgArea .bg{
            top: -50%;
            height: 200%;
        }

        .philosophy .imgArea img{margin: 0;}
        .philosophy .imgArea .center{
            scale: 1.3;
            border-radius: 40%;
        }

        .philosophy .textArea{
            margin: 7.5rem auto 5rem auto;
            width: 90%;
            .midTxt{font-size: 2.5rem;}
        }
        .philosophy .promise { margin-top: 2.5rem;}

        .philosophy .promise .item{
            display: flow;
            margin-bottom: 1rem;
        }
        .philosophy .promise .item .step{
            padding: 0.5rem 2.5rem;
            margin: 1rem 0rem;
            font-size: 1.5rem;
            height: 3.5rem;
        }
        .philosophy .promise .item .explain { font-size:1.2rem;}
        .philosophy .promise .item .explain .target{
            font-size: 4rem;
            margin: 1rem 0;
        }
        .philosophy .promise .item .explain .target span{font-size: 1.5rem;}
        
        /* ================================================================= 
        * 인증서_모바일(가로)&탭(세로)
        * ================================================================= */
        .certificate{ padding: 0 0.5rem;}
        .certificate .topTxt{
            font-size: 2.2rem;
            padding: 2rem 0;
        }

        .certificate .list{
            padding: 5rem 0;
            margin-bottom:5.5rem;
        }
        .certificate .list .item{
            padding: 0.3rem;
            transform: scale(1);
        }
        .certificate .list .swiper-slide-active.item{ transform: scale(1.8);}
    
        /* ================================================================= 
        * 브랜드_모바일(가로)&탭(세로)
        * ================================================================= */
        .brand{
            display: flow;
            margin-bottom:2rem;

            .brand .list { width: 100%; }
            .brand .list .textArea{
                width: 90%;
                padding: 10% 10% 10% 0;
                height:100%;           
            }
            .brand .list .textArea .title{
                margin: 2rem 0;
                font-size: 2.6rem;
            }
            .brand .list .textArea ul li{    
                color: #a9a9a9;
                font-size: 1.3rem;
                padding-left: 10%;
                line-height: 2.6rem;
            }
            .brand .introduce {width: 100%;}
            .brand .introduce .item{padding: 1rem;}
            .brand .introduce .item .img{width: 70%; margin: auto;}
            
            .brand .introduce .item .info .name{
                font-size: 2.6rem;
                margin: 1.2rem 0;
            }

            .brand .introduce .item .info .name .en{font-size: 1.5rem;}
            .brand .introduce .item .info .mvStore{ padding: 1rem 2.7rem;}
            
            .brand .introduce .item.active{ display: block;}
        }

        /* ================================================================= 
        * CIBI_모바일(가로)&탭(세로)
        * ================================================================= */

        .cibi{
            width: 90%;
            margin: auto;
        }
        .cibi .item {
            margin-bottom: 2.5rem;
            font-size: 1.3rem;
        }
        .cibi .item .title{
            font-size: 2rem;
            margin: 1rem 0;
        }
        .cibi .item .img{padding: 2rem 0;}
        .cibi .item .color .textArea { padding: 2rem 0.7rem;}
        .cibi .item .color .textArea .name{
            font-size: 2.5rem;
            margin: 1rem 0;
        }

        .cibi .item .biList .biItem{
            display: flow;
            margin-bottom: 3rem;
        }   
        .cibi .item .biList .biItem .img{
            padding: 0.3rem;
            min-width: 100%;
            box-shadow: 5px 5px 5px gray;
        }
        
        .cibi .item .biList .biItem .textArea { padding: 2rem 0;}
        .cibi .item .biList .biItem .textArea .name{
            font-size: 2.5rem;
            margin-bottom: 0.7rem;
        }
    }

    /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
    @media screen and (max-width:479px) {
        /* ================================================================= 
        * 회사소개 _ 모바일
        * ================================================================= */
        .line-dot::before{
                content:"\25A0";
                height: 11rem;
                width: 0.2rem;
                background: #000;
                position: absolute;
                top: -11rem;
                -ms-transform: rotate(180deg) scaleX(-1); /* IE 9 */
                -webkit-transform: rotate(180deg) scaleX(-1); /* Chrome, Safari, Opera */
                transform: rotate(180deg) scaleX(-1);
        }

        .line-dot::after{
            content:" ";
            height: 1.5rem;
            width: 0.2rem;
            top: -1.5rem;
            position: absolute;
            background: #fff;
        }

        /* ================================================================= 
        * 인사말_모바일
        * ================================================================= */
        .greeting .imgArea { height: 15rem; }
        .greeting .imgArea img{  bottom: -5%; }
        .greeting .textArea{
            width: 100%;
            font-size: 1rem;
            margin-top:7.5rem;
            margin-bottom:3rem;
        }
        .greeting .textArea .title{
            font-size: 1.3rem;
            line-height:1.8rem;
        }
        .greeting .textArea .sign{
            right: 1rem;
            bottom: -2rem;
            width: 10rem;
        }

        /* ================================================================= 
        * 연혁 _ 모바일
        * ================================================================= */
        .company .top{ position: relative; }
        .company .top.title{
            left: 45%;
            width: 80%;
        }
        .history-group{ margin: 0 -15px;}

        /* ================================================================= 
        * 경영이념_모바일
        * ================================================================= */

        .philosophy .topTxt{
            font-size: 2.4rem;
            padding: 2rem 0;
        }

        .philosophy .imgArea{
            margin: -2rem 0;
            padding: 1rem;
            transform: scale(0.35);
        }

        .philosophy .imgArea .bg{
            top: -50%;
            height: 200%;
        }

        .philosophy .imgArea img{margin: 0;}
        .philosophy .imgArea .center{
            border-radius: 40%;
            transform: scale(1.3);
        }

        .philosophy .textArea{
            margin: 7.5rem auto 5rem auto;
            width: 90%;
        }
        
        .philosophy .textArea .midTxt{font-size: 2.4rem;}
        .philosophy .promise{ margin-top: 2.5rem;}
        .philosophy .promise .item{
            display: block;
            margin-bottom: 1rem;
        }
        .philosophy .promise .item .step{
            padding: 0.5rem 2.5rem;
            margin: 1rem 0rem;
            font-size: 1.5rem;
            height: 3.5rem;
        }
        .philosophy .promise .item .explain {font-size:1.2rem;}
        .philosophy .promise .item .explain .target{
            font-size: 3.3rem;
            margin: 1rem 0;
        }
        .philosophy .promise .item .explain .target span{font-size: 1.5rem;}
        
        /* ================================================================= 
        * 인증서_모바일
        * ================================================================= */
        .certificate { padding: 0 0.5rem;}
        .certificate .topTxt{
            font-size: 1.8rem;
            padding: 2rem 0;
        }

        .certificate .list{
            padding: 5rem 0;
            margin-bottom:5.5rem;
        }
        .certificate .list .item{
            padding: 0.3rem;
            transform: scale(1);
        }
        .certificate .list .swiper-slide-active .item{ transform: scale(1.8);}
        
    
        /* ================================================================= 
        * 브랜드_모바일
        * ================================================================= */
        .brand{
            display: block;
            margin-bottom:2rem;
        }
        .brand .list {width: 100%;}
        .brand .list .textArea{
            width: 95%;
            padding-top: 15%;
            padding-bottom: 15%;
            padding-right: 5%;
            height:100%; 
        }
        .brand .list .textArea .title{
            margin: 2rem 0;
            font-size: 2rem;
        }
        .brand .list .textArea ul li{    
            color: #a9a9a9;
            font-size: 1.3rem;
            padding-left: 10%;
            line-height: 2.6rem;
        }
        .brand .introduce{width: 100%;}
        .brand .introduce .item {padding: 1rem;}
        .brand .introduce .item .img{width: 70%; margin: auto;}

        .brand .introduce .item .info .name{
            font-size: 2.4rem;
            margin: 1.2rem 0;
        }
        .brand .introduce .item .info .name .en{font-size: 1.4rem;}
        .brand .introduce .item .info .mvStore{ padding: 1rem 2.7rem; display: -webkit-inline-box;}
        
        .brand .introduce .item.active{ display: block;}

        /* ================================================================= 
        * CIBI_모바일
        * ================================================================= */

        .cibi{
            width: 90%;
            margin: auto;
        }
        .cibi .item {
            margin-bottom: 2.5rem;
            font-size: 1.3rem;
        }
        .cibi .item .title{
            font-size: 2rem;
            margin: 1rem 0;
        }
        .cibi .item .img{padding: 2rem 0;}
        .cibi .item .color.textArea{ padding: 2rem 0.7rem;}
        .cibi .item .color.textArea .name{
            font-size: 2.5rem;
            margin: 1rem 0;
        }

        .cibi .item .biList .biItem{
            display: block;
            margin-bottom: 3rem;
        }    
        .cibi .item .biList .biItem .img{
            padding: 0.3rem;
            min-width: 100%;
            box-shadow: 5px 5px 5px gray;
        }
        
        .cibi .item .biList .biItem .textArea { padding: 2rem 0;}
        .cibi .item .biList .biItem .textArea .name{
            font-size: 2.5rem;
            margin-bottom: 0.7rem;
        }
    }