@charset "UTF-8";
.conT{display: block;}
/* --modal-- */
.btn_main0{color: #fff}
.main_modal ul li:hover a{color: #E13636 }
.menu_btn{}
.close_btn{display: none}
.main_modal{
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  padding-bottom: 3rem;
  /* display: none */
  z-index: 9999;
  display: none;
  top:180%;
}
.main_modal ul{}
.main_modal ul li{
  text-align: left;
  border-bottom: 1px solid #DBEEFD;
  padding: 1.5rem;
  font-size: 1rem;
}
.main_modal ul li a{color: #677294;font-family: poppinsMedium;display: block;}
/* --//modal-- */
.wrapper{overflow: hidden;}
.contents_area{
    /* background-image: linear-gradient(to right, #FF9C34 0%, #FF8300 100%); */

    position: relative;
    background-image: linear-gradient(to right, #FF9C34 50%, #FF8300 50%);
    background: -webkit-linear-gradient(bottom, #FF8300 30%, #FF9C34 50%);

}
.contents_wrap{
    position: relative;
    width: 90%;
    height: 1080px;
    margin: 0 auto;
}
.bg_main{display: none}
.gnb_box{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  width: 90%;
  top: 50px;
  z-index: 9999;
  /* padding: 10px 20px; */
  width: 100%;
  box-sizing: border-box;

}
.gnb_web{display: none;}
.gnb_mobile{display: inline-block;text-align: center;left: 50%;
    transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);

  }
  .gnb_mobile > .gnb {
   position: absolute;
    right: 2%;
    top: 50%;
    float: right;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
.gnb ul li{font-family:poppinsMedium;margin:0 40px 0}
.gnb ul li a{color: #000;font-size: 1rem;display: block;}

.gnb{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
   display: flex;
   -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn_img{width: 40px;height: 40px;vertical-align: middle;cursor: pointer;}
.contents_header{
      position: absolute;
      top: 60%;
      left: 50%;
      color: #fff;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 88%
}
.contents_header h1 {
    font-size: 4.4rem;
}
.contents_header p{font-size: 1.5rem}
.contents_header span:nth-of-type(1){
  font-size: 0.95rem !important;
}
.contents_header span:nth-of-type(2){
    font-size: 0.8rem !important;
}
.btn_info a{font-size: 1.2rem;display: block;}
.contents_header span:nth-of-type(1){display: inline-block;margin-bottom: 1rem}
.contents_header span:nth-of-type(2){display: inline-block;width: 100%;font-size: 0.94rem;}
.contents_header span:nth-of-type(3){display: inline-block;width: 100%;font-size: 0.94rem;}
.contents_header span:nth-of-type(4){display: inline-block;margin-bottom: 42px;font-size: 0.94rem;}
.btn_info{
  display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btn_info a{
  border-radius:30px;
  background:#D44818;
  color:#fff;cursor: pointer;
  width: 50%;
  padding: 15px 0;
  text-align: center;

}
.btn_info a:hover{
  background: #fff;color: #FF9C35
}
.btn_info a:nth-child(1){margin-right:10px}
/* padding: 13px 40px; */
.btn_info a:nth-child(2){margin-left:10px}
/* padding: 13px 25px; */
/* border: 1px solid #fff;color: #fff; */
.scroll_mouse_img{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: none;
}
.btn_icons{
    position: absolute;
    bottom: 40px;
    display: none;
}
.btn_icons a{margin-right:5px }
.bg_img{
    position: absolute;
    right: 0;
    top: -23%;
    text-align: center;
  }
.bg_img img{width: 70%}


.vision_box4{width: 100%;text-align: center;padding-bottom: 3rem;}

.vision_wrap2{
  display: block;
}

.vision_wrap3{display: none;}
.section_wrap1{

    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-top: 9rem;
    padding: 5rem 5px 0;
    box-sizing: border-box;
}
.vision_box8{
  width: 90%;
  margin: 0 auto;
  padding: 0rem 5px 0;
  box-sizing: border-box;
}
.vision_box9{width: 100%;top: -4rem;}

.title_exchange1{
    font-size: 1.5rem;
    font-family: notosansBlod;
    text-align: center;
}
.visions_wrap{display: none}
.sub_visions{}

.section_img{width: 90%;}

.txt01{margin-bottom: 3rem;}
.txt02{display: none;}
.sub_overseas01{

}
/* .vision_wrap03{display: none} */
.bg6{width: 95%;
  top: 0;
 transform: translateY(0%) ;
 -webkit-transform: translateY(0%);
 -ms-transform: translateY(0%);
}
.sub_overseas01{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* margin-top: 1rem; */
  width: 48%;
  float: left;
margin: 0.7rem 0 0 0.3rem;

}
.sub_overseas01 .sub_desc{
  margin-left: 0.5rem;
}
.num_practical1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.line_gray1 {
  width: 0.2rem;
  height: 2rem;
  background: #CBCBCB;
  margin: 1rem auto;
}

.item_practical1 {
  width: 100%;
  margin-top: 1.7rem;
}
.item_practical1 p {
  font-size: 0.9rem;
  font-family: notosansBlod;
}
.dot_practical1{
  width: 2rem;
  margin-top: 2rem;
}
.box_practical{
  margin-left: 2rem;
}


.vision_box02{margin-top: 4rem;}
.vision_wrap05{display: none;}


.desc_tech span{display: block;text-align: center;font-family: poppinsBlod;}
/* section 1*/
.section_info{width: 100%;background:#FEFEFE}
.section_wrap{
  position: relative;
      width: 90%;
      margin: 0 auto;
      padding-top: 9rem;
      padding: 9rem 0px 0;
      box-sizing: border-box;
}


/* .card_item{width: 31%;} */
.card_txtbox{
  display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-X: scroll;
    padding: 4.5rem 4rem;
}
.w-100{width: 100%}
.pt-4{padding-top: 0rem}
.card_txtbox {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.card_txtbox::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.card_item{
  box-sizing: border-box;
  width: 95%;
  text-align: center;
  -webkit-box-shadow: #eee 0px 10px 36px 0px;
  -moz-box-shadow: #eee 0px 10px 36px 0px;
  box-shadow: #eee 0px 10px 36px 0px;
  padding: 2.5rem 2rem;
  border-radius: 10px;
  margin-right: 0rem;
}
.card_item:nth-of-type(2){margin: 0 2rem;}
.card_item .poppinsS{font-size: 1.5rem;margin: 1.45rem 0;}
.card_item .notosR{font-size: 1.125rem;line-height: 1.9rem;color: #666666;}
.total_box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient( #FD8323 30%,  #FD591F 70%);
  background: -webkit-linear-gradient(#FD8323 30%, #FD591F  70%);
}
.total_box{
    margin-top: 0rem;
    padding: 0.8rem 2rem;
    border-radius: 10px;
    box-sizing: border-box;
}
.total_item{
  width: 25%;
  text-align: center;
}
.total_item p:nth-of-type(1){color: #fff;font-size: 1.8rem;}
.total_item p:nth-of-type(2){font-size: 1rem;}
/* //section 1*/



/* section 2*/
.title_design{
  text-align: center;
  font-size: 3rem;
  margin-bottom: 3rem;
}
.con_design{
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  /* padding: 0px 5px; */
}
.header_design{
  margin-bottom: 1.86rem;
}
.wrap_design{

}
.img_box{text-align: center;margin-bottom: 1.2rem;}
.img_box1{text-align: center;margin-bottom: 1.5rem;width: 100%}
.item_design{width: 100%;box-sizing: border-box; margin-bottom: 4rem;padding: 0 5px}
.desc_sub{margin-bottom: 2rem}
.header_design p{font-family: notosansBlod;font-size: 1.8rem;text-align: center;}
.desc_sub{line-height: 2.4rem;}
.desc_sub span{margin-left: 1rem}
.desc_sub p{
  font-family: notosansRegular;
  font-size: 1.2rem;
  color: #666666;
  text-align: justify;
  box-sizing: border-box;
  line-height: 2rem;
}

/* //section 2*/

/* bg_wrap */

.bg_wrap{
  width: 100%;
  background: #FF8300;
  padding: 0 0 1rem;
}
.bg_inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin:7rem auto 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 10rem; */
}
.img_con{position: relative;width: 50%}
.img_con img{width: 100%;margin: -2.7rem 0 0px;}
.txt_bg{width: 50%;color: #fff;text-align: center;}
.txt_bg p{
  font-size: 2.5rem;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
}

/* //bg_wrap */

/* section 4*/
.line{width: 4.5rem;height: 0.3rem;background: #FF8300;margin: 0 auto;}
.line1{
    width: 6rem;
    height: 0.3rem;
    background: #FF8300;
    margin: 0 auto ;
}

/* margin-bottom: 5.364rem; */
.content_title{text-align: center;font-size: 2.95rem;font-family: poppinsSemiB;margin-bottom:3rem}
.content_subtitle{text-align: center;margin: 1rem 0;font-size: 1.5rem;color: #8F8F8F;font-family: notosansBlod;}
.abstract_desc{
  text-align: justify;
  font-family: notosansRegular;
  margin-bottom:  3rem;
  line-height: 2rem;
  font-size: 1.2rem;
  color:#666666;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2rem;
  padding: 0 5px
}
.abstract_desc1{text-align: justify;font-family: notosansRegular;margin-bottom:  3rem;line-height: 2rem;font-size: 1.2rem;color:#666666;width: 100%}

/* //section 4*/

/* section 5*/
.vision_title{font-family: notosansBlod;font-size: 1.8rem;text-align: center;}
.sub_desc{font-family: notosansRegular;line-height: 2rem;font-size: 1.2rem;color:#666666; text-align: left;}
.vision_wrap{

}
.sub_vision{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 margin-top: 2rem;
 padding: 0 5px;
}
.sub_vision img{
  padding-top: 0.7rem;
  margin-right: 0.5rem;
  width: 0.5rem
}

/* //section 5*/
/* section 6*/
.round_bg{
  position: absolute;
    bottom: -44rem;
    right: -31rem;
    width: 57rem;
  }

/* //section 6*/


/* section 7*/
.section_bottom{
  padding-bottom: 2rem;
}


.con_tech{

}
.title_tech{
  font-family: notosansBlod;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  color: #000;
  text-align: center;
}
.num_icon{
  width: 3rem;
}
.desc_tech{
  font-family: notosansRegular;
  font-size: 1.2rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 4rem;
  padding: 0 5px
}
.phone_bg{
  width: 90%;
  /* position: absolute;
  top: 50%;
  transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%); */

}
.sub_overseas{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0.5rem;
    /* margin-top: 1rem; */
    padding: 0 5px;
}

.sub_overseas img {
    padding-top: 0.8rem;
    margin-right: 0.5rem;
    width: 0.5rem;
}
.title_overseas{text-align: center;font-family: notosansBlod;font-size: 1.8rem;}
.desc_overseas{
  text-align: justify;font-family: notosansRegular;
  margin-top: 1.9rem;margin-bottom: 3.7rem;line-height: 2rem;
  color: #666666;font-size: 1.2rem;padding: 0 5px

}
/* //section 7*/

/* section 8*/
.vision_wrap{

}
/* .bg5{
  position: relative;
  left: -47rem;
  width: 82.73rem;
  top: -19rem;
}
.bg5 {
    position: relative;
    left: -30rem;
    width: 62.73rem;
    top: -19rem;
} */
.title_exchange{font-size: 1.5rem;margin-bottom: 1.9rem;font-family: notosansBlod;}
.text-left{text-align: center;}
.text-right{text-align: center;}
.desc_exchange{text-align: justify;font-size: 1.2rem;margin-bottom: 2.5rem;font-family: notosansRegular;color:#666666;line-height: 2.5rem;}
/* //section 8*/
.pb_25{padding-bottom: 20rem;}
/* section 9*/
  .platform_m{margin-top: 3rem;}
  .dot{
      padding-top: 0.79rem;
      margin-right: 0.5rem;
      width: 0.5rem;
  }
  .desc_platform{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2rem;
    line-height: 2rem;
    width: 100%;
    margin: 2rem 0 0;
  padding: 0 5px

  }
  .desc_platform p{
    font-family: notosansRegular;font-size: 1.2rem;
    color: #666666;width: 93%
  }
/* //section 9*/

/* section12 */
.bg7{position: relative;overflow: hidden;width: 100%;}
.bg7 > img{
    position: absolute;
    bottom: 0;
    right: -42rem;
    width: 70rem;
  }
.desc_practical{
  font-family: notosansRegular;
  color: #666666;
  font-size: 1.2rem;
}
.bg_practical{
  text-align: center;
  margin-top: 3rem;
}
.bg_practical img{
  width: 80%;
}

.num_practical{
  display: none;
}
.item_practical{text-align: center;width: 18.5%;}
.item_practical p{font-size: 1rem;font-family: notosansBlod;}
.dot_practical{width: 2rem}


.line_gray{
    width: 2%;
    height: 0.15rem;
    background: #CBCBCB;
    margin: 1rem 0;
}

.sub_practical{
    text-align: center;
    font-size: 1.5rem;
    padding: 3rem 0 2rem;
}

.subtxt_practical{font-size:1.2rem;color: #666666;padding: 3rem 0;}
.bg_setion1{
    max-width:450px;
    width: 100%;
}
.bg_setion2{
  max-width:450px;
  width: 40%;
}
.vision_box{
  margin-top: 3rem;
  width: 100%
}
.vision_box p{color: #666666}
.vision_box6{
  margin-top: 3rem;
  width: 48%
}
.vision_box7{
  margin-top: 3rem;
  width: 100%
}
.vision_box1{
  box-sizing: border-box;
  padding: 0;
  text-align: center;
}
.vision_wrap1{
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
/* //section12 */
.foot_logo{width: 100px}
/* section10 */
.title_foot{
  color: #fff;
  font-family: notosansBlod;
  font-size: 2rem;
  text-align: center;
  margin-top: 1.88rem;
}
.desc_foot{
  color: #B5B5B5;
  font-size: 1.2rem;
  margin-top: 3.4375rem;
  font-family: notosansMedium;
  text-align: center;
  line-height: 2.3rem;
}

.footer{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  margin:0 auto;
  color: #fff;
  padding: 2.45rem 0;
}
.bg_footer{
  width: 100%;
  background: #000;
}
.footer span{
  color: #9F9F9F;
  font-family: poppinsSemiB;
  font-size: 0.9rem
}
.footer p{width: 20%;text-align: center;}


.vision_wrap04  .bg_setion1{
  width: 90%;
}

.desc_sub span {
  margin-left: 0.5rem;
}
.w-5{width: 0.5rem;}
.line_h{line-height: 2rem;}