@charset "utf-8";
        ::selection{color:#fff;background-color:#0101e6;}
        ::-moz-selection{color:#fff;background-color:#0101e6;}
        .show1220,
        .show768,
        .show486{display:none !important;}
        .rad{font-family:'Rajdhani' !important;}
        .tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
        .tly-50{position:absolute;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
        .tlx-50{position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
        .preload{display:none;}
        .ita{font-style:italic !important;}
        .tdu{text-decoration:underline !important;}
        .justi{text-align:justify !important;}
        /*공통*/
        .h2Position{width:1px;height:1px;line-height: 0;font-size:1px;overflow: hidden;position: absolute;left:-9999px;}
        .clear0:after{content:"";display:block;clear: both;}
        .inner{margin:0 auto;}
        .xy_center{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
        .y_center{top:50%;transform: translateY(-50%);}

        .eng{display:block;width:180px;font-weight: 700;font-size:14px;color:#8cd2ce;
        text-transform: uppercase;margin:0 auto;}
        .titTxt{width:418px;font-weight: 500;font-size:50px;color:#333;margin:0 auto;letter-spacing: -5px;text-align: center;}
        .titTxt .point{font-weight: 700;color:#0054a1;}
        /*-----------------------------------------------*/

        .GMK_B{font-family: 'GMK-B';}
        .GMK_M{font-family: 'GMK-M';}
        .GMK_L{font-family: 'GMK-L';}

        .SCD_T{font-family: 'SCD-T';}
        .SCD_EL{font-family: 'SCD-EL';}
        .SCD_L{font-family: 'SCD-L';}
        .SCD_R{font-family: 'SCD-R';}
        .SCD_M{font-family: 'SCD-M';}
        .SCD_B{font-family: 'SCD-B';}
        .SCD_EB{font-family: 'SCD-EB';}
        .SCD_H{font-family: 'SCD-H';}
        .SCD_BK{font-family: 'SCD-BK';}
    *{font-family: 'SCD-L';transition: all .1s linear;}


    .quick{position: fixed;bottom:2%;right:1%;z-index: 999999;}
    .quick li{margin:10px 0}
    @media all and (max-width:1280px){
        .quick{bottom:1%;right:0.5%;}
        .quick li{width:40px;margin:5px 0}
    }
    /*####################################################################################################################*/
    .header_wrap{width: 100%;height:80px;position:fixed;top:0;z-index: 999999;background-color: #fff;}
    .header1{width:75%;height:100%;margin:0 auto;}
    .h_inner{width:100%;height:100%;position:relative;}
    .header1 .logo{position: absolute;top:50%;transform: translateY(-50%);left:0;}
    .header1 .gnb{position: absolute;top:50%;transform: translateY(-50%);right:15%;z-index: 9999;}
    .header1 .gnb li{display: inline-block; font-weight: normal;padding: 0 20px;
        line-height: 3.4;letter-spacing: -0.64px;color: #222;}
    .header1 .gnb li a{font-family: 'SCD-B';} 
    .mo_btn{display:none;}



    .language{background-color: #fff;display: inline-block;padding: 10px;border:0.5px solid #eee;
        position: absolute;top:50%;transform: translateY(-50%);right:0;}
    .language img{width: 19px;}
    .language select{background-color: rgba(0,0,0,0);outline: none;border: 0;}

    .mo_btn{display:none;}

    @media all and (max-width:1280px){
        .header1{width:100%;}
        .header1 .logo{left:50px;}
        .header1 .gnb{display:none;transform: translateY(0);top:80px;right: 0;
            width: 100%;padding-right:50px;padding-bottom:20px;
            text-align: right;background-color: #fff;}
        .header1 .gnb li{display: block;width: 100%;}

        
    .language{background-color: #fff;display: inline-block;padding: 5px;border:0.5px solid #eee;
        position: absolute;top:90px;transform: translateY(0);right:10px;}
    .language img{width: 19px;}
    

        .mo_btn{display: block;position:absolute;right:50px;top:25px;transform:translateY(0);z-index: 99;}
        .slide-open{position:relative;top:0;width:40px;height:40px;background-color:rgba(0,0,0,0);cursor:pointer;text-align:center;}
        .burgur{left: 15px;top: 16px;position: absolute;width: 20px;height: 2px;background: #000;}
        .burgur .top-line{width: 20px;height: 2px;background-color: #000; bottom: -5px;content: '';position: absolute;left: 0;
        -webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
        .burgur .bot-line {width: 20px;height: 2px;background-color: #000;top: -5px;
        content: '';position: absolute;left: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
        .burgur.on { width: 0;}
        .burgur.on .bot-line {-webkit-transform: translateY(5px) rotate(135deg);  transform: translateY(5px) rotate(135deg);}
        .burgur.on .top-line{-webkit-transform: translateY(-5px) rotate(-135deg); transform: translateY(-5px) rotate(-135deg);}
    }



        .inner{width: 1280px;height:100%;margin:0 auto;position: relative;}
        
        @media all and (max-width:1280px){
            .inner{width: 90%;height:100%;margin:0 auto;position: relative;}
        }
        
    /*#################### container #######################*/ 
        #container{padding-top:80px;}
        .visual{width: 100%;height: 720px;}
        .visual .box{width:100%;display: flex;}
        .visual .text_area_m{display: none;}
        .visual .text_area{width: 40%;}
        .visual .text_area .tit{ line-height: 1.01;letter-spacing: -2.16px;color: #fff;}
        .visual .text_area .txt{line-height: 1.59; letter-spacing: -0.68px;color: #fff;padding:37px 0 47px;}
        .visual .text_area .txt b{color: #1266ff;}
        .visual .text_area .btn_box{width: 200px;height: 48px;background-color: #0101e6;position: relative;}
        .visual .text_area .btn_box:hover{background-color: #111;}
        .visual .text_area .btn_box .box_center{width: 115px;}
        .visual .text_area .btn_box .box_center span{padding-right:5px;letter-spacing: -0.68px; color: #fff;}
        .visual .img_area{width: 60%;}
        .visual .stamp{position: absolute;right:0;top:80px;}


        @media all and (max-width:1280px){
            .inner{width: 90%;height:100%;margin:0 auto;position: relative;}
            .visual{width: 100%; background-size: auto 100% !important;}
            .visual .box{width:100%;display: block;}
            .visual .text_area{display: none;}
            .visual .text_area_m{display: block;width: 100%;text-align: center;padding-top:50px}
            .visual .text_area .txt{padding:30px 0;}
            .visual .text_area .btn_box{margin:0 auto;}
            .visual .img_area{width: 100%;text-align: center;}
            .visual .img_area img{width: 80%;}
            .visual .stamp{position: absolute;right:0;top:5%;width: 150px;}
        }

        
        .st01{ width: 100%;padding:130px 0;}
        .st01 .inner{display: flex;}
        .st01 .title{width: 50%;}
        .st01 .title .e_tit{ font-weight: 800;line-height: 2;letter-spacing: 24px;color: #222;}
        .st01 .title .tit{font-weight: 800;line-height: 2;letter-spacing: -1.76px;color: #222;}
        .st01 .text{width: 50%;line-height: 2;letter-spacing: -0.68px; color: #333;}


        @media all and (max-width:1280px){
        
            .st01{padding:100px 0;}
            .st01 .inner{display: block;}
            .st01 .title{width: 100%;text-align: center;}
            .st01 .title .e_tit{letter-spacing: 20px;}
            .st01 .text{width: 100%;text-align: center;}
        }

        @media all and (max-width:1000px){
        .st01 .text br{display: none;}
    }

        .st02{width: 100%;padding:130px 0;background-color: #f8f8f8;}
        .st02 .title{width: 100%;text-align: center;}
        .st02 .title .tit{letter-spacing: -1.76px;color: #222;}
        .st02 .title .tit span{font-weight: 300;line-height: 2.7;letter-spacing: 2px;color: #333;}
        .st02 .text{padding-top:40px; line-height: 2;letter-spacing: -0.68px;color: #333;}
        .st02 .text strong{font-weight: 800;letter-spacing: -0.8px;color: #0101e6;}
        .st02 .cont{width: 100%;padding-top:60px;}
        .st02 .cont ul{display: flex;}
        .st02 .cont li{width: 33.3%;text-align: center;margin:0 2.5px;border-radius: 10px;overflow: hidden;box-shadow: 4.1px 6.9px 8px 0 rgba(0, 0, 0, 0.3); }
        .st02 .cont li .img_box{background-color: #fff;height: 270px;padding:40px 0;position: relative;}
        .st02 .cont li .text_box{  background-color: #333;height: 160px;position: relative;}
        .st02 .cont li .text_box .txt{width:90%; line-height: 1.67;letter-spacing: -0.9px;color: #fff;}

        @media all and (max-width:1280px){
            .st02{padding:100px 0;}
            .st02 .text{ line-height: normal;}
            .st02{padding:100px 0;}
        }
        @media all and (max-width:1000px){
            .st02 .cont{padding-top:20px;}
            .st02 .cont ul{display: block;}
            .st02 .cont li{width: 100%;margin:20px 0; }
            .st02 .cont li .img_box{padding:20px 0;}
            .st02 .cont li .text_box{ position: relative;}
            .st02 .cont li .text_box .txt{width:80%; }
    }


        .st03{width: 100%;padding:130px 0; }
        .st03 .inner{width: 100%;}
        .st03 .title{width: 100%;text-align: center;}
        .st03 .title .tit{line-height: 1.23;letter-spacing: -1.76px;color: #222;}
        .st03 .title .tit span{ font-weight: 300; letter-spacing: 2px;}
        .st03 .cont{padding-top:50px;}
        .st03 .cont2{display: none;}
        .st03 .cont li.bg_blue{background-color: #0e06b3;}
        .st03 .cont li.bg_black{background-color: #222;}
        .st03 .cont li{padding:60px 40px;margin: 0 15px;position: relative;}
        .st03 .cont li .tit{ line-height: 2.43;letter-spacing: normal;color: #fff;text-transform: uppercase;}
        .st03 .cont li .tit h3{line-height: 1.13;}
        .st03 .cont li .txt{padding-top:30px; line-height: 1.71; letter-spacing: -0.56px;color: #fff;}
        .st03 .cont li .txt p{padding: 10px 0; letter-spacing: 0.2px;color: #fff;}


        @media all and (max-width:1280px){
            .st03 .cont1{display: none;}
            .st03 .cont2{display: block;}
            .st03{padding:100px 0; }
        }

        .st04{width: 100%;text-align: center;padding: 200px 0;}
        .st04 .title{line-height: 1.36;  letter-spacing: -1.76px; color: #fff;}
        .st04 .title span{background-color: #0e06b3;}
        .st04 .text{line-height: 2;letter-spacing: -0.68px;color: #fff;padding-top:50px;}

        @media all and (max-width:1280px){
            .st04{ background-size: auto 100% !important;padding: 100px 0;}
            .st04 .text br{display: none;}
            .st04 .text span{display: block;padding: 10px 0;}
        }
        
        .st05{ width: 100%;padding:130px 0;}
        .st05 .inner{display: flex;}
        .st05 .title{width: 48%;}
        .st05 .title .e_tit{ font-weight: 800;line-height: 2;letter-spacing: 24px;color: #222;}
        .st05 .title .tit{font-weight: 800;line-height: 2;letter-spacing: -1.76px;color: #222;}
        .st05 .text{width: 52%;line-height: 2.3;letter-spacing: -1px; color: #333;}



        @media all and (max-width:1280px){
        .st05{padding:100px 0;}
        .st05 .inner{display: block;}
        .st05 .title{width: 100%;text-align: center;}
        .st05 .title .e_tit{letter-spacing: 20px;}
        .st05 .title .img{padding: 25px 0;}
        .st05 .text{width: 100%;text-align: center;}
    }
        @media all and (max-width:1000px){
        .st05 .text br{display: none;}
        }


        
        .st06{width: 100%;padding:130px 0;background-color: #f8f8f8;}
        .st06 .title{width: 100%;text-align: center;}
        .st06 .title .tit{letter-spacing: -1.76px;color: #222;}
        .st06 .cont{width: 100%;padding-top:60px;}
        .st06 .cont ul{display: flex;}
        .st06 .cont li{width: 33.3%;text-align: center;margin:0 2.5px;border-radius: 10px;overflow: hidden; box-shadow: 4.1px 6.9px 8px 0 rgba(0, 0, 0, 0.3);}
        .st06 .cont li .img_box{background-color: #fff;height: 270px;padding:40px 0;position: relative;}
        .st06 .cont li .text_box{  background-color: #333;height: 220px;position: relative;}
        .st06 .cont li .text_box .xy_center{width: 90%;}
        .st06 .cont li .text_box .tit{line-height: 1.14;letter-spacing: -1.32px;color: #fff;}
        .st06 .cont li .text_box .txt{line-height: 1.67;letter-spacing: -0.9px;color: #fff;padding-top:10px;}


        @media all and (max-width:1280px){
            .st06{padding:100px 0;}
            .st06 .text{ line-height: normal;}
            .st06{padding:100px 0;}
        }
        @media all and (max-width:1000px){
            .st06 .cont{padding-top:20px;}
            .st06 .cont ul{display: block;}
            .st06 .cont li{width: 100%;margin:20px 0; }
            .st06 .cont li .img_box{padding:20px 0;}
            .st06 .cont li .text_box{ position: relative;}
            .st06 .cont li .text_box .txt{width:90%;margin:0 auto }
    }
        
        .st07{width: 100%;text-align: center;padding: 200px 0;}
        .st07 .title{line-height: 1.36;  letter-spacing: -1.76px; color: #fff;}
        .st07 .title span{background-color: #0e06b3;}
        .st07 .text{line-height: 2;letter-spacing: -0.68px;color: #fff;padding-top:50px;}

        @media all and (max-width:1280px){
            .st07{ background-size: auto 100% !important;padding: 100px 0;}
            .st07 .text br{display: none;}
            .st07 .text span{display: block;padding: 10px 0;}
        }

        .st08{width: 100%;padding:130px 0;background-color: #f8f8f8;}
        .st08 .title{width: 100%;text-align: center;}
        .st08 .title .tit{letter-spacing: -1.76px;color: #222;}
        .st08 .cont{width: 100%;padding-top:60px;}
        .st08 .cont ul{display: flex;}
        .st08 .cont li{width: 33.3%;text-align: center;margin:0 2.5px; border-radius: 10px;overflow: hidden;
            box-shadow: 4.1px 6.9px 8px 0 rgba(0, 0, 0, 0.3);}
        .st08 .cont li .img_box{background-color: #fff;height: 270px;position: relative;}
        .st08 .cont li .img_box img{width: 100%;}
        .st08 .cont li .text_box{  background-color: #333;height: 250px;position: relative;}
        .st08 .cont li .text_box .xy_center{width: 90%;}
        .st08 .cont li .text_box .tit{line-height: 1.14;letter-spacing: -1.32px;color: #fff;}
        .st08 .cont li .text_box .txt{line-height: 1.67;letter-spacing: -0.9px;color: #fff;padding-top:10px;}

        @media all and (max-width:1280px){
            .st08{padding:100px 0;}
            .st08 .text{ line-height: normal;}
            .st08{padding:100px 0;}
        }
        @media all and (max-width:1000px){
            .st08 .cont{padding-top:20px;}
            .st08 .cont ul{display: block;}
            .st08 .cont li{width: 100%;margin:20px 0; }
            .st08 .cont li .text_box{ position: relative;}
            .st08 .cont li .text_box .txt{width:90%;margin:0 auto }
    }
        
        .st09{ width: 100%;padding:130px 0;}
        .st09 .inner{display: flex;}
        .st09 .title{width: 48%;}
        .st09 .title .e_tit{ font-weight: 800;line-height: 2;letter-spacing: 24px;color: #222;}
        .st09 .title .tit{font-weight: 800;line-height: 2;letter-spacing: -1.76px;color: #222;}
        .st09 .text{width: 52%;line-height: 2;letter-spacing: -1px; color: #333;}

        @media all and (max-width:1280px){
        .st09{padding:100px 0;}
        .st09 .inner{display: block;}
        .st09 .title{width: 100%;text-align: center;}
        .st09 .title .e_tit{letter-spacing: 20px;}
        .st09 .title .img{padding: 25px 0;}
        .st09 .text{width: 100%;text-align: center;}
    } 
    @media all and (max-width:1000px){
        .st09 .text br{display: none;}
    }


        .st10{width: 100%;}
        .st10 .title_box{background-color: #0e06b3;text-align: center;padding:80px 0}
        .st10 .title_box .tit{line-height: 2; letter-spacing: -1.76px; color: #fff;}

        .st10 .cont{padding: 120px 0;}
        .st10 li{background-color: #f3f3f3;border-radius: 30px;margin:30px 0;text-align: center;
            box-shadow: 4.1px 6.9px 8px 0 rgba(0, 0, 0, 0.3);cursor: pointer;}
        .st10 li:hover{background-color: #dee5ff;}
        .st10 li .box_inner{display: inline-block;width: 90%;text-align: left;}
        .st10 li .btn{display: block;width: 20px; height: 15px;position: absolute;top:50%;right:0;transform: translateY(-50%);cursor: pointer;}
        .st10 li .q_box{display: flex;}
        .st10 li .q .Q_circle{width: 56px; height: 56px; background-color: #e44d60;border-radius: 100%;
            font-weight: bold;line-height: 56px;text-align: center;color: #fff;}
        .st10 li .q{padding:50px;position: relative;}
        .st10 li .q .tit{font-weight: 800; line-height: normal; letter-spacing: -1.2px; color: #222;padding:8px 0 0 10px ;}
        .st10 li .a{padding:50px;border-top:1px solid #777;display: none;}
        .st10 li .a_box{display: flex;}
        .st10 li .a .A_circle{width: 56px; height: 56px; background-color: #6189ef;border-radius: 100%;
            font-weight: bold;line-height: 56px;text-align: center;color: #fff;}
        .st10 li .a .txt{font-weight: 300; line-height: normal; letter-spacing: -1.2px; color: #222;padding:8px 0 0 10px ;}

        @media all and (max-width:1280px){
            .st10 .cont{padding: 100px 0;}
            .st10 li{border-radius: 20px;}
            .st10 li .q{padding:20px;}
            .st10 li .q .Q_circle{width: 40px; height: 40px;border-radius: 20px;line-height: 40px;}
            .st10 li .q .tit{ padding:0 0 0 10px ;}
            .st10 li .a{padding:20px;}
            .st10 li .a .A_circle{display: none;}   
            .st10 li .a .txt br{display: none;}
        }


        .st12{width: 100%; background-color: #222;padding: 130px 0;;}
        .st12 .inner{display: flex;}
        .st12 .text_area{width: 40%;padding-top:15%}
        .st12 .text_area .tit{line-height: 2;letter-spacing: -2.16px;color: #fff;}
        .st12 .text_area .txt{line-height: 1.59;letter-spacing: -0.68px;color: #fff;}
        .st12 .img_area{width: 60%;}
        .st12 .img_area img{width: 100%;}
        .st12_nav{padding-top:16px}
        .st12_nav li{margin:0 8px}

        @media all and (max-width:1280px){
            .st12{padding: 100px 0;}
            .st12 .inner{display: block;}
            .st12 .text_area{width: 100%;padding-top:0;text-align: center;}
            .st12 .img_area{width: 90%;padding-top:40px;margin:0 auto;}
        }
        .st13{width: 100%;padding: 130px 0;}
        .st13 .title{text-align: center;}
        .st13 .title .tit{ line-height: 2; letter-spacing: -2.16px; color: #222;}
        .st13 .title .txt{ line-height: 1.59;  letter-spacing: -0.68px; color: #222;}
        .st13 .cont {padding-top: 60px;}

        .st13 .cont li{width: 31.3%;margin:0 1%;float:left;}
        .st13 .cont li .img{background-color: #000;border-radius: 20px;overflow: hidden;transition: all .1s linear;}
        .st13 .cont li:hover .img img{opacity: 0.4;transform: scale(1.1,1.1);}
        .st13 .cont li .txt{line-height: 1.23; letter-spacing: -0.88px; color: #222;padding-top:20px}
        .st13 .cont li:hover .txt{color: #0101e6;}
        .st13 .btn_area {width: 100%;padding-top:70px;}
        .st13 .btn_box{width: 420px;height: 80px;background-color: #0101e6;position: relative;margin:0 auto;cursor: pointer;}
        .st13 .btn_box .box_center span{padding-right:5px;letter-spacing: -0.68px; color: #fff;line-height: 1.5;}
        .st13 .btn_box:hover{background-color: #111;}
        @media all and (max-width:1280px){
            .st13{padding: 100px 0;}
        }
        
        @media all and (max-width:1000px){
            .st13 .cont li{float: none;width: 100%;margin:40px 0}
            .st13 .cont li .img{width: 400px;margin:0 auto;}
            .st13 .cont li .txt{width: 400px;text-align: left;margin:0 auto;}
            .st13 .btn_area {width: 100%;padding-top:70px;}
            .st13 .btn_box{width: 300px;height: 60px;background-color: #0101e6;position: relative;margin:0 auto;}
            .st13 .btn_box .box_center span{padding-right:5px;letter-spacing: -0.68px; color: #fff;line-height: 1.5;}
        }
        
        @media all and (max-width:400px){
            .st13 .cont li{float: none;width: 100%;margin:40px 0}
            .st13 .cont li .img{width: 100%;margin:0 auto;}
            .st13 .cont li .txt{width: 100%;text-align: left;margin:0 auto;}
            .st13 .btn_area {width: 100%;padding-top:70px;}
            .st13 .btn_box{width: 300px;height: 60px;background-color: #0101e6;position: relative;margin:0 auto;}
            .st13 .btn_box .box_center span{padding-right:5px;letter-spacing: -0.68px; color: #fff;line-height: 1.5;}
        }

        #footer{width: 100%;padding: 130px 0; background-color: #f8f8f8;}
        #footer .inner{display: flex;}
        #footer .f_desc{width: 50%;}
        #footer .copy{padding-top: 30px; letter-spacing: -0.64px; color: #9b9b9b;}
        #footer .f_address{width: 50%;line-height: 1.69; letter-spacing: -0.64px; color: #333;}
        #footer .f_address .flex{display: flex;}
        #footer .f_address .flex p{width: 33.3%;}
        #footer .copym{display: none;}
        @media all and (max-width:1000px){
        
            #footer .copy{display: none;}
            #footer .copym{display: block;text-align: left;}
            #footer{padding: 50px 0 20px;}
            #footer .inner{display: block;width: 80%;text-align: center;}
            #footer .f_desc{width: 100%;}
            #footer .f_address{width: 100%;text-align: left;margin:0 auto;padding:50px 0;}
            #footer .f_address .flex{display: flex;}
            #footer .f_address .flex p{width: 33.3%;}
        }