.w1680{max-width: 172rem; width: 100%; margin: 0 auto; padding: 0 2rem; font-size: 0; line-height: 0;}
.w1440{max-width: 148rem; width: 100%; margin: 0 auto; padding: 0 2rem; font-size: 0; line-height: 0;}




.mainVideo{width: 100vw; height: auto;  max-height: 100vmin; overflow: hidden; position: relative;}
.mainVideo video{width: 100%; aspect-ratio: 16/9;/*  object-position: center; */ z-index: 1;}

.mainVideo .videoTextArea{max-width:1320px; width: 100%; height: calc(100% - 20rem); text-align: left;position: absolute;left:50%;top: 10rem;transform: translateX(-50%);z-index: 2;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.mainVideo .videoTextArea .vTxt{position: relative; padding: 0 2rem; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.mainVideo .vTxt .ii.tit{font-weight: 500; font-size: 4.2rem; line-height:6rem; color: rgba(255,255,255,0.95); text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35); position: absolute; opacity: 0; transition: all ease 0.3s;}
.mainVideo .vTxt .ii.tit b{font-weight: bold;}
.mainVideo .vTxt .ii.tit .mini{font-size: 2.4rem;}
.mainVideo .vTxt .ii.tit.active{opacity: 1;}
.mainVideo .vTxt .ii.txt{padding-top:6rem; font-size:2.5rem; line-height:1.25; color: rgba(255,255,255,0.85);}

.main_en_small_title{font-size: 2.2rem; line-height: 1; font-weight: bold; color: var(--point); font-family: var(--mon); margin-bottom: 5rem; text-transform: uppercase;}
.main_en_big_title{font-size: 6rem; line-height: 1.25; font-weight: 900; color: #111111; font-family: var(--mon); margin-bottom: 2rem;}
.main_kr_sub_title{font-size: 3rem; line-height: 4rem; color: #111111; font-weight: 500;}
.main_kr_sub_title + .main_kr_sub_text{margin: 2rem 0 0;}
.main_kr_sub_text{font-size: 2rem; line-height: 1.5; color: #555555; }

/* .btn_link01{width: 8.2rem; display: inline-flex; align-items: center; gap: 2rem; margin-top: 7rem;} */
.btn_link01 > p{width: auto; display: inline-block; padding: 1.5rem 3rem; border: 1px solid var(--point); color: var(--point); font-size: 1.8rem; line-height: 1; font-weight: 500; margin-top: 6rem; transition: all ease 0.3s;}
.btn_link01 > p:hover{background-color: var(--point); color: #fff; border-color: transparent;}

#main01{padding: 20rem 0; background-image: linear-gradient(to right, #fff 50%, #f5f5f5 50% );}
    #main01 .w1680{display: flex; gap: 8rem; flex-wrap: wrap; margin: 0; margin-left: auto;}
    /* #main01 .w1680 .textArea{max-width: 53rem; width: 100%;} */
    #main01 .w1680 .textArea .in{width: 41rem; margin-left: auto;}
    #main01 .w1680 .bgArea{width: calc(100% - 8rem - 53rem); height: 56rem; background-image: url('/images/main/main_banner.jpg'); background-size: cover; background-position: center; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1)}

#main02{padding: 20rem 0;}
    #main02 .w1680{display: flex; gap: 8rem; flex-wrap: wrap; margin: 0; margin-left: auto;}
    #main02 .w1680 .textArea .in{width: 41rem; margin-left: auto;}
    #main02 .w1680 .textArea .in .main02_nav{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 5rem;}
    #main02 .w1680 .textArea .in .main02_nav li{width: calc((100% - 1rem)/2); display: block; border: 1px solid #dddddd; border-radius: 1rem; background-color: #f5f5f5; padding: 2rem 2.5rem 2rem 2rem; font-size: 2rem; line-height: 1; white-space: nowrap; color: #999999; font-weight: 500; position: relative; transition: all ease 0.3s; cursor: pointer;}
    #main02 .w1680 .textArea .in .main02_nav li::after{position: absolute; content: ''; top: 50%; right: 1rem; transform: translateY(-50%); width: 0; height: 0; display: block; transition: all ease 0.3s; 
        border-left: 0.75rem solid #999999;
        border-top: 0.75rem solid transparent;
        border-right: 0.75rem solid transparent;
        border-bottom: 0.75rem solid transparent;
    }
    #main02 .w1680 .textArea .in .main02_nav li:is(.active, :hover){border-color: var(--point); color: var(--point); background-color: #fff;}
    #main02 .w1680 .textArea .in .main02_nav li:is(.active, :hover)::after{border-left: 0.75rem solid var(--point);}
    #main02 .w1680 .slideArea{width: calc(100% - 8rem - 41rem);}

    /* #main02 .w1680 .slideArea .swiper{overflow: initial;} */
    #main02 .w1680 .slideArea .swiper-slide{position: relative; width: 46rem; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; padding: 9rem 5rem 12rem; min-height: 57rem;}
    #main02 .w1680 .slideArea .swiper-slide.mProduct01{background-image: url('/images/main/main_product_01.jpg');}
    #main02 .w1680 .slideArea .swiper-slide.mProduct02{background-image: url('/images/main/main_product_02.jpg');}
    #main02 .w1680 .slideArea .swiper-slide.mProduct03{background-image: url('/images/main/main_product_03.jpg');}
    #main02 .w1680 .slideArea .swiper-slide.mProduct04{background-image: url('/images/main/main_product_04.jpg');}
    #main02 .w1680 .slideArea .swiper-slide.mProduct05{background-image: url('/images/main/main_product_05.jpg');}
    #main02 .w1680 .slideArea .swiper-slide::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; }
    #main02 .w1680 .slideArea .swiper-slide h3{position: relative; padding: 0 0 2rem; font-size: 2rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 8rem; text-transform: uppercase; font-family: var(--mon);}
    #main02 .w1680 .slideArea .swiper-slide h3::before{position: absolute; content: ''; width: 3.5rem; height: 3px; bottom: 0; left: 0; background-color: var(--point);}
    #main02 .w1680 .slideArea .swiper-slide h4{font-size: 4.5rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 2rem;}
    #main02 .w1680 .slideArea .swiper-slide p{font-size: 2rem; line-height: 3rem; color: #cccccc; font-weight: 500;}
    #main02 .w1680 .slideArea .swiper-slide a{display: inline-block; padding: 1.5rem 2rem; border: 1px solid #fff; border-radius: 1rem; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #fff; margin-top: 5.5rem; opacity: 0; transition: all ease 0.3s; position: relative; top: -3rem; z-index: 7;}
    #main02 .w1680 .slideArea .swiper-slide-active a,
    #main02 .w1680 .slideArea .swiper-slide:hover a{opacity: 1; top: 3rem}

    #main02 .w1680 .slideArea .swiper-slide::after { position: absolute; top: -50%; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to bottom, rgba(166,206,57,0.75) 0% , rgba(255,255,255,0.1) 45%); transition: all ease 0.3s; opacity: 0;}
    #main02 .w1680 .slideArea .swiper-slide-active::after,
    #main02 .w1680 .slideArea .swiper-slide:hover::after{top: 0; opacity: 1;}

#main03{padding: 20rem 0; background-color: #f5f5f5; background-image: url('/images/main/main_technology_bg.png'); background-size: cover; background-position: left bottom;}
    #main03 .main03_control{display: flex; justify-content: space-between; gap: 3rem; flex-wrap: wrap;}
    #main03 .main03_control .controller{display: flex; gap: 4rem; align-items: center; margin-left: auto;}
    #main03 .main03_control .controller .fl{cursor: pointer; width: 10.5rem;}

    #main03 .swiper{padding: 5rem 0;}
    #main03 .swiper-wrapper{counter-reset: corporation;}
    #main03 .swiper-slide{padding: 5rem 4rem; background-color: #fff; width: calc((100% - 60px)/4); min-width: 30rem; transition: all ease 0.3s; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1);}
    #main03 .swiper-slide:hover{background-color: var(--point); border-radius: 5rem;}
    #main03 .swiper-slide:hover *{color: #fff !important;}
    #main03 .swiper-slide .numbering{position: relative; font-size: 1.8rem; line-height: 2rem; color: var(--point); font-weight: bold; font-family: var(--mon); margin-bottom: 3.5rem;}
    #main03 .swiper-slide .numbering::after{position: relative; counter-increment: corporation; content:  '0'counter(corporation);}
    #main03 .swiper-slide .agency{font-size: 2.5rem; line-height: 1; color: #111111; font-weight: 500; margin-bottom: 1.5rem;}
    #main03 .swiper-slide .call{font-size: 3rem; line-height: 1; color: #111111; font-weight: 550; padding: 0 0 3.5rem; margin-bottom: 3.5rem; border-bottom: 1px solid #e6e6e6;}
    #main03 .swiper-slide .infoArea .fl{display: flex; gap: 1rem; align-items: flex-start; font-size: 1.8rem; line-height: 2.4rem; color: #555555;}
    #main03 .swiper-slide .infoArea .fl .title{width: 4rem; font-weight: 550;}
    #main03 .swiper-horizontal>.swiper-scrollbar,
    #main03 .swiper-scrollbar.swiper-scrollbar-horizontal{height: 1rem;}

#main04{padding: 20rem 0;}
    #main04 ul{display: flex; gap: 3rem; flex-wrap: wrap;}
    #main04 ul li{width: calc((100% - 6rem)/3); padding: 9rem 5rem 12rem; position: relative; transition: all ease 0.3s; overflow: hidden;}
    #main04 ul li *{position: relative; z-index: 1;}
    #main04 ul li::after{position: absolute; content: ''; left: 0; bottom: 0; right: 0; top: 0; background-size: cover; background-position: center; transition: all ease 0.3s;}
    #main04 ul li .cate{position: relative; padding: 0 0 2rem; font-size: 2rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 8rem; text-transform: uppercase; font-family: var(--mon);}
    #main04 ul li .cate::before{position: absolute; content: ''; width: 3.5rem; height: 3px; bottom: 0; left: 0; background-color: var(--point);}
    #main04 ul li .title{font-size: 4rem; line-height: 1.25; color: #fff; font-weight: bold; margin-bottom: 2rem;}
    #main04 ul li .text{font-size: 2rem; line-height: 3rem; color: #fff; font-weight: 500;}
    #main04 ul li a{display: inline-block; padding: 1.5rem 2rem; border: 1px solid #fff; border-radius: 1rem; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #fff; margin-top: 5.5rem; opacity: 0; transition: all ease 0.3s; position: relative; top: -3rem;}
    #main04 ul li:nth-of-type(1)::after{background-image: url('/images/main/main_contact_01.jpg');}
    #main04 ul li:nth-of-type(2)::after{background-image: url('/images/main/main_contact_02.jpg');}
    #main04 ul li:nth-of-type(3)::after{background-image: url('/images/main/main_contact_03.jpg');}

    #main04 ul li:hover::after{transform: scale(1.1);}
    #main04 ul li:hover a{opacity: 1; top: 3rem}


    @media only screen and (min-width : 2180px){
        #main01 .w1680,
        #main02 .w1680{margin: 0 auto; max-width: 192rem; margin-left: auto;}
    }


    @media only screen and (max-width : 1720px){
        #main01 .w1680 .bgArea{width: calc(100% - 8rem - 41rem); background-position: left;}

        #main02 .w1680{gap: 8rem 4rem;}
        #main02 .w1680 .slideArea{width: calc(100% - 4rem - 41rem);}

    }
    @media only screen and (max-width : 1480px){


    }
    @media only screen and (max-width : 1340px){
        #main04 ul li{padding: 6rem 3rem 9rem;}


    }
    @media only screen and (max-width : 1280px){


    }
    @media only screen and (max-width : 1024px){
        #main01{background-image: linear-gradient(to bottom, #fff 50%, #f5f5f5 50% );}
        #main01 .w1680 .textArea{width: 100%; order: 2;}
        #main01 .w1680 .textArea .in{width: 100%;}
        #main01 .w1680 .bgArea{width: 100%; content: url('/images/main/main_banner.jpg'); height: auto; background-image: none;}

        #main02 .w1680 .slideArea .swiper-slide a{opacity: 1; top: 0;}

        #main02 .w1680 .slideArea .swiper-slide{width: 34.5rem; padding: 6rem 3rem 9rem;}

        #main04 ul li{width: 100%; padding: 6rem 3rem;}
        #main04 ul li a{opacity: 1; top: 0;}
        

    }
    @media only screen and (max-width : 840px){
        .mainVideo video{width: 100%; aspect-ratio: 16/18; object-fit: cover;}


    }
    @media only screen and (max-width : 768px){


    }
    @media only screen and (max-width : 640px){
        #main02 .w1680 .textArea .in{width: 100%;}
        #main02 .w1680 .slideArea{width: 100%;}

    }
    @media only screen and (max-width : 480px){


    }
    @media only screen and (max-width : 400px){


    }