@charset "euc-kr";

* {margin:0; padding:0;}

html, body{height:100%; padding:0; margin:0; width:100%; min-width:1000px;}
html {overflow-y:auto}
#wrap_sub{margin:0 auto; overflow:hidden; min-height:100%;}
#top_header{}

/* 페이지 로딩시 fadein */
body {
  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-moz-keyframes fadein { /* Firefox */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-o-keyframes fadein { /* Opera */
  from {
      opacity:0;
  }
  to {
      opacity: 1;
  }
}

@keyframes slide-up {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.1);
    transform: translateY(30px);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
  transform: translateY(0px);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
  transform: translateY(0px);
  }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mleft15{margin-left:15px;}

/* 서브페이지 상단배너 */
.sub_top_cls_wrap{height:600px;overflow:hidden;}
.sub_top_cls{height:600px; background-size:cover;position:relative;transition: transform 5000ms ease-in-out;transform: scale(1.1,1.1);}
.sub_top_cls_wrap.active .sub_top_cls{transform: scale(1.0,1.0) rotate(0.002deg);}
.sub_top_company{background: url(/img/sub/company_bg.jpg) center center no-repeat; background-size:cover;}
.sub_top_rnd{background: url(/img/sub/rnd_bg.jpg)center center no-repeat; background-size:cover; }
.sub_top_notice{background: url(/img/sub/news_bg.jpg)center center no-repeat; background-size:cover;}
.sub_top_news{background: url(/img/sub/news_bg.jpg)center center no-repeat; background-size:cover;}
.sub_top_com{background: url(../img/sub/mobile_top_img1.jpg) center center no-repeat; background-size:cover; }
.sub_top_business{background: url(/img/sub/business_bg.jpg)center center no-repeat; background-size:cover;}
.sub_top_brand{background: url(../img/sub/mobile_top_img3.jpg)center center no-repeat; background-size:cover;}
.sub_top_proposal{background: url(/img/sub/proposal_bg.jpg)center center no-repeat; background-size:cover;}
.sub_top_recruit{background: url(../img/sub/mobile_top_img6.jpg)center center no-repeat; background-size:cover;}
.sub_top_site{background: url(../img/sub/mobile_top_img7.jpg)center center no-repeat; background-size:cover;}
.sub_top_contact{background: url(/img/sub/contact_bg.jpg)center center no-repeat; background-size:cover;}


/* 서브페이지 상단배너 텍스트 */
/* .mobile_top_title{padding-top:120px;max-width:1800px;margin:0 auto;} */
.mobile_top_title{padding-top: 120px; max-width: 1800px; margin: 0 auto; position: absolute; top: 120px; width: 100%; left: 50%; transform: translateX(-50%);}
.mobile_top_stitle{color:#fff;font-size:42px;font-weight: bold;letter-spacing: -.25px;}
.mobile_top_stitle .char { animation: slide-up 0.5s 1s ease both; animation-delay: calc(150ms * var(--char-index)); }
.mobile_top_btitle{color:#fff; font-size:80px;font-weight:800;position: relative;letter-spacing: -.25px;}
.mobile_top_vline{position: relative;height:140px;}
.mobile_top_vline:before{content:'';width:4px;height:4px;border-radius: 100%;position: absolute;top:30px;left:-2px;background:#fff;}
.mobile_top_vline:after{content:'';position:absolute;left:0;top:30px;width:1px;background:rgba(255, 255, 255, 0.5);height:90px;}
.mobile_top_desc{color:#fff;font-size:18px;padding-top:20px;line-height: 35px;letter-spacing: -.2px;font-weight:200;}
.main_text_sub2{font-size:16px; margin:10px 0 50px 0; line-height:20px; color:#FFF; font-weight:100;}

.top_cls_box{    background: #0c1244; padding: 30px 70px; text-align: left; color: #e6e6e6; font-size: 25px; line-height: 1.5; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); width: 1200px; box-sizing: border-box; font-weight: 500;}
.top_cls_box.kr{font-size:19px;font-weight: 300;}


.content_wrap{padding-top:130px;}
.content_inner{ margin:0 auto; width:1300px;position: relative;}
.content_inner1{margin:0 auto; width:1170px;position: relative;}
.content_inner2{ text-align:center; margin:0 15px; }
.content_inner_full{ width:100%;}
.content_inner_full1{width:100%;position: relative;}
.mo_dep1{margin:70px 0;}
.mo_dep1 h1{font-size:35px;}
.sub_text{font-size:16px; font-weight:normal; margin-top:40px; line-height:24px;}
.orang{color:#f25b14; font-weight:bold;}

.mo_dep2{font-size:16px; font-weight:normal; width:100%; background:#f1ece5;  padding:40px 0 70px 0; overflow:hidden;  text-align:center;}
.dep2_con{ overflow:hidden;position: relative;margin-top:170px;}
.dep2_con img{ width:100%;}

.mo_dep2 dl{text-align:left; padding:30px 0;}
.mo_dep2 dt{color:#7f5825; font-size:20px; font-weight:bold; margin-bottom:15px;}
.mo_dep2 dd{line-height:24px;}

.ex{width:100%; font-size:16px; text-align:center; line-height:24px;padding:80px 0 100px;font-weight:500;}


/*�����丮*/
.con_detail_history{ margin:40px 30px 80px 30px;  text-align:left; font-size:16px;  font-weight:normal; line-height:23px;position: relative;}
.con_detail_history ul{padding-bottom:30px;margin-left: 30px;position: relative;}

.gray{color:#848484; font-size:13px; line-height:13px;}
.darkgray{color:#444444;}
.con_detail_history ul li.year_title{font-size:20px; color:#73028c; font-weight:bold;}
.con_detail_history ul .his_left_dot{width: 11px;height: 11px;position: absolute;left: -30px;top: 6px;    z-index: 1;}
.con_detail_history ul:first-child .his_left_dot{top: 6px;}
.con_detail_history ul:after{
        content: '';
    width: 0;
    height: 100%;
    position: absolute;
    border: 0.5px solid #d4d8c9;
    top: 8px;
    left: -25px;
}
.con_detail_history ul.his_left_bottom:after{
    border: 0px solid #d4d8c9;
}

.con_detail_history ul:last-child{border: 0px solid #d4d8c9;}

/*���̺�*/
.conus_table{width:100%; border:0; cellspacing:0; cellpadding:0; font-size:16px; padding-top:20px;}
.conus_table th{width:70px; text-align: left; height: 27px;}
.conus_table td{text-align:left; height:27px;}
.boder{width:100%; border-bottom:1px solid #dadada; clear:both; margin:30px 0;}

/*����Ͻ� �̹���*/
.business_con_img1{ width:100%; height:235px; background:url(../img/sub/mobile_2_1_img1.jpg)center no-repeat; background-size:cover;}
.business_con_img2{ width:100%;; height:235px; background:url(../img/sub/mobile_2_1_img2.jpg)center no-repeat; background-size:cover;}
.business_con_img3{ width:100%; height:235px; background:url(../img/sub/mobile_2_1_img3.jpg)center no-repeat; background-size:cover;}
.business_con_img4{ width:100%; height:235px; background:url(../img/sub/mobile_2_1_img4.jpg)center no-repeat; background-size:cover;}
.business_con_img5{ width:100%; height:235px; background:url(../img/sub/mobile_2_2_img1.jpg)center no-repeat; background-size:cover;}
.business_con_img6{ width:100%;  height:235px; background:url(../img/sub/mobile_2_2_img2.jpg)center no-repeat; background-size:cover;}
.business_con_img7{ width:100%; height:235px; background:url(../img/sub/mobile_2_2_img3.jpg)center no-repeat; background-size:cover;}
.business_con_img8{ width:100%; height:235px; background:url(../img/sub/mobile_2_2_img4.jpg)center no-repeat; background-size:cover;}

.business_con{width:100%; height:235px; background-color:#f5f5ed;}
.business_con dl{text-align:left; padding:35px 30px;}
.business_con dt{color:#7f5825; font-size:20px; font-weight:bold; line-height:25px; margin-bottom:15px;}
.business_con dd{color:#2e2f2f; font-size:16px; line-height:24px;}


/* company */
.content_au_con_wrap{display:flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.content_au_con_wrap .content_au_img{width:550px;}
.content_au_con{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;text-align: center;}
.content_au_con .content_au_stitle{font-size:18px;color:rgba(255, 255, 255, 0.35);z-index: 1;}
.content_au_con .content_au_btitle{font-size:38px;padding-top: 10px;color:rgba(255, 255, 255, 0.35);z-index: 1;font-weight:600;}
.content_fo{background: #fbfdff; padding: 150px 0 100px; margin-top: -70px;}
.tab_fo_wrap{padding:60px 0;display:flex;justify-content: space-between;width:1200px;margin:0 auto;}
.tab_fo_wrap .tab_fo_item{width:31%;}
.tab_fo_wrap .tab_fo_item .tab_fo_atag{width: 100%; display: block; color: #505050; position: relative; text-decoration: none; text-align:left; cursor:default; }
.tab_fo_wrap .tab_fo_item .tab_fo_atag img{width:100%;}

.tab_fo_wrap .tab_fo_con{color:#505050;padding:22px 0;text-align: left;font-size:14px;}
.tab_fo_wrap .tab_fo_item .tab_fo_title{padding:20px 0;font-size:18px;font-weight: 600;letter-spacing: -1px;position: relative;}
.tab_fo_wrap .tab_fo_item .tab_fo_title:after{content:'';width:30px;height:1px;background:#505050;position: absolute;left:0;bottom:0;}

/* 서브페이지 상단배너 텍스트 */
.content_inner_full .depth_cat_wrap{padding:0 15px;}
.content_inner_full .depth_cat_title2{color: #fff; position: absolute; left: 15px; top: 40px;}
.content_inner_full .depth_cat_title2:after{background:#fff;}
.content_inner_full .depth_cat_title3{color: #000;font-size: 16px; text-align: left; font-weight: 500; line-height: 30px; position: relative; display: table;}
.content_inner_full .depth_cat_title4{color:#fff;font-size: 21px; text-align: left; font-weight: 500; line-height: 30px; position: relative; display: table;}
.content_inner_full .depth_cat_title4:after{background:#fff;    content: ''; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px;}
.content_inner_full .depth_cat_stitle{position:relative;font-size:14px; text-align:left; font-weight: 400; line-height:30px;display:table;color:#fff;}


.depth_cat_title{position:relative;font-size:64px; text-align:left; font-weight: 800; line-height:72px;padding-bottom:85px;}
.green{color:#059661;}
.depth_cat_title.white{color:#fff;}
.depth_cat_title.white:after{background:#fff;}
.depth_cat_title_big{position:relative;font-size:21px; text-align:left; font-weight: 600; line-height:27px;display:table;margin-bottom: 40px;padding-bottom:5px;}
.depth_cat_title_big:after{content:'';width:100%;position:absolute;bottom:0;left:0;height:2px;background:#333333;}
.depth_cat_title_big.white{color:#fff;}
.depth_cat_title_big.white:after{background:#fff;}

.depth_cat_title2{position:relative;font-size:16px; text-align:left; font-weight: 500; line-height:30px;display:table;}
.depth_cat_title2:after{content:'';width:100%;position:absolute;bottom:0;left:0;height:1px;background:#333333;}
.depth_cat_stitle{position:relative;font-size:14px; text-align:left; font-weight: 400; line-height:30px;display:table;}

/* content tab */
.content_tab{border-bottom: 1px solid #000;display: flex;justify-content: center;position: relative;bottom: -1px;}
.content_tab .content_tab_item{border-top: 1px solid #ccc;border-right: 1px solid #ccc;position: relative; bottom: -1px; z-index: 0; background: #fff; border-bottom: 1px solid #000;}
.content_tab .content_tab_item a{font-size: 19px;line-height:70px;padding:0 10px;display: block;width: 290px;  text-align: center;color:#aaa;font-weight:600;}
.content_tab .content_tab_item:first-child {border-left: 1px solid #ccc;}
.content_tab .content_tab_item.on{border:1px solid #000;border-bottom:0px;}
.content_tab .content_tab_item.on a{color: #000;font-weight:700;}


/* company */
.detail_company{position: relative;margin: 0 auto;max-width:1300px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.detail_company .detail_company_item{width:50%;position: relative;letter-spacing: -.2px;}
.detail_company .detail_company_item.center{display: flex;justify-content: center;align-items: center;}
.detail_company .detail_company_item img{width:100%;}
.detail_company .detail_company_item.leftline , .detail_company .detail_company_item.rightline{position: relative;}
.detail_company .detail_company_item.leftline:after{content:'';position: absolute;top:26px;left:0;width:90px;height:3px;background:#cacaca;}
.detail_company .detail_company_item.rightline:after{content:'';position: absolute;top:165px;right:0;width:50px;height:3px;background:#fff;}
/* .detail_company .detail_company_item.number:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index: -1;} */
.detail_company .detail_company_item .detail_company_top_title{font-size:50px;font-weight:bold;letter-spacing: -2.5px;line-height: 70px;}
.detail_company .detail_company_item .detail_company_top_title .green{font-size:50px;color:#059661;}
.detail_company .detail_company_item .detail_company_con{position: relative;padding-top:90px;}
.detail_company .detail_company_item .detail_company_con.second{margin-left:80px;}
.detail_company .detail_company_item .detail_company_con.number:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index: -1;}
.detail_company .detail_company_item .detail_company_con.first:after{background:url(/img/sub/company_c1_number.png) no-repeat top left / 119px 112px;}
.detail_company .detail_company_item .detail_company_con.second:after{background:url(/img/sub/company_c2_number.png) no-repeat top left / 119px 112px;}
.detail_company .detail_company_item .detail_company_con.third:after{background:url(/img/sub/company_c3_number.png) no-repeat top left / 119px 112px;}
.detail_company .detail_company_item .detail_company_con_title{font-size:50px;font-weight: 800;letter-spacing:-2px;} 
.detail_company .detail_company_item .detail_company_con_desc{font-size:18px;padding-top:50px;line-height: 32px;font-weight: 400;letter-spacing:-.5px;}
.detail_company .detail_company_item.tleft{text-align:left;}


.content_full_text_wrap{text-align: center;}
.content_full_text_wrap .content_full_text_title{font-size:63px;font-weight:bold;letter-spacing: -.25px;line-height: 70px;}
.content_full_text_wrap .content_full_text_stitle{font-size:35px;line-height: 70px;font-weight: 500;letter-spacing: -1.5px;}
.content_full_text_wrap .content_full_text_s2title{font-size:30px;line-height: 45px;font-weight: 600;padding-top:35px;letter-spacing: -1px;}
.content_full_text_wrap .content_full_text_s3title{font-size:18px;line-height: 29px;font-weight: 400;padding-top:5px;letter-spacing: -.5px;}
.content_full_text_wrap .content_full_text_desc{font-size:20px;line-height: 32px;font-weight: 500;}
.content_full_text_wrap .content_full_text_desc2{font-size:18px;line-height: 29px;font-weight: 400;padding-top:55px;letter-spacing:-.8px;}


/* vision */
.content_vision{margin-top:170px;}
.content_vision .vision_map{padding-top:106px;text-align: center;}
.content_vision .vision_map img{}
.content_vision .vision_box_wrap{display: flex;border:1px solid #dedede;margin-top:60px;box-sizing: border-box;margin-bottom:160px;}
.content_vision .vision_box_wrap .vision_box_item{display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;width:50%;padding:70px 0;}
.content_vision .vision_box_wrap .vision_box_item:first-child{border-right:1px solid #dedede;box-sizing: border-box;}
.content_vision .vision_box_wrap .vision_box_item .vision_box_icon{}
.content_vision .vision_box_wrap .vision_box_item .vision_box_con{}
.content_vision .vision_box_wrap .vision_box_item .vision_box_con .vision_box_title{font-size: 50px;font-weight: 800;margin-top:40px;}
.content_vision .vision_box_wrap .vision_box_item .vision_box_con .vision_box_stitle{font-size: 22px;font-weight: 800;margin-top:30px;}
.content_vision .vision_box_wrap .vision_box_item .vision_box_con .vision_box_desc{font-size: 20px;margin-top:30px;}

.content_vision .vision_core{margin: 106px auto 0;width: 850px;position: relative;}
.content_vision .vision_core .core-box{position: absolute;top:0;left:0;width:100%;height:100%;}
.content_vision .vision_core .core-box .core-box-item{width:180px;height:180px;    position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center;letter-spacing: -.25px;}
.content_vision .vision_core .core-box .core-box-item.green{color:#059661;}
.content_vision .vision_core .core-box .core-box-item.white{color:#fff;}
.content_vision .vision_core .core-box .core-box-item.core{font-size:20px;}
.content_vision .vision_core .core-box .core-box-item .core-box-title{font-size:28px;font-weight: bold;line-height: 35px;}
.content_vision .vision_core .core-box .core-box-item .core-box-stitle{font-size: 16px;line-height: 25px;}
.content_vision .vision_core .core-box .core-box-item.core .core-box-title{font-size:20px;font-weight: 800;line-height: 25px;}
.content_vision .vision_core .core-box .core-box-item.core .core-box-stitle{font-size: 20px;font-weight: 800;line-height: 25px;}

/* manufacturing */
.content_manu{margin-top:170px;}
.content_manu .manu_box_wrap{display: flex;margin-top:140px;box-sizing: border-box;margin-bottom:160px;}
.content_manu .manu_box_wrap .manu_box_item{display: flex;align-items: center;flex-direction: column;text-align: center;width:50%;}
.content_manu .manu_box_wrap .manu_box_item:nth-child(2){padding-top:176px;}
.content_manu .manu_box_wrap .manu_box_item:nth-child(3){padding-top:93px;}
.content_manu .manu_box_wrap .manu_box_item .manu_box_icon{}
.content_manu .manu_box_wrap .manu_box_item .manu_box_con{padding-top:40px;}
.content_manu .manu_box_wrap .manu_box_item .manu_box_con .manu_box_title{font-size: 27px;font-weight: bold;line-height:35px;letter-spacing: -.2px;}
.content_manu .manu_box_wrap .manu_box_item .manu_box_con .manu_box_desc{font-size: 18px;padding-top:30px;position:relative;line-height: 29px;letter-spacing: -.5px;color:#444444;}
/* .content_manu .manu_box_wrap .manu_box_item .manu_box_con .manu_box_desc:after{content:'';position:absolute;left:50%;top:29px;width:1px;background:#cccccc;height:44px;} */

.content_manu .manu_capacity_wrap{background:url(/img/sub/manu_capacity_bg.jpg) no-repeat;width:1300px;height:320px;color: #fff;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap{max-width: 1100px; margin: 0 auto; display: flex; justify-content: center; height: 100%; padding: 70px 0; box-sizing: border-box;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item{width:50%;position: relative;box-sizing: border-box;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item.left{padding-left:140px;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item.left:after{content:'';width:110px;height:4px;position: absolute;left:0;top:4px;background:#fff;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item .manu_capacity_title{font-size:30px;font-weight: bold;line-height: 35px;letter-spacing: -.2px;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item .manu_capacity_desc , 
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item .manu_capacity_desc li{list-style: square;}
.content_manu .manu_capacity_wrap .manu_capacity_item_wrap .manu_capacity_item .manu_capacity_desc li{font-size:18px;line-height: 37px;letter-spacing: -.2px;font-weight:200;}

.content_manu .manu_pcat_wrap{margin-top:120px;}
.content_manu .manu_pcat_wrap .content_left_text_title{text-align: left;font-size:30px;font-weight:bold;line-height: 35px;}
.content_manu .manu_pcat_wrap .content_pcat_con{display:flex;justify-content: space-around;padding-top:50px;}
.content_manu .manu_pcat_wrap .content_pcat_con .content_pcat_con_item{width:20%;text-align: center;}
.content_manu .manu_pcat_wrap .content_pcat_con .content_pcat_con_item .content_pcat_item_title{padding-top:20px;font-size:20px;font-weight:400;}

.content_manu .manu_partner_wrap{margin-top:190px;}
.content_manu .manu_partner_wrap .content_left_text_title{text-align: left;font-size:30px;font-weight:bold;line-height: 35px;}
.content_manu .manu_partner_wrap .content_partner_con{display:flex;justify-content: space-around;margin-top:50px;flex-wrap: wrap;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;}
.content_manu .manu_partner_wrap .content_partner_con .content_partner_con_item{width:25%;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;box-sizing: border-box;height:120px;display:flex;justify-content: center;align-items: center;}
.content_manu .manu_partner_wrap .content_partner_con .content_partner_con_item img{}

/* distribution */
.content_dist{margin-top:170px;}
.content_dist .dist_box_wrap{display: flex;margin-top:250px;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;gap:60px;position: relative;top:-110px;}
.content_dist .dist_box_wrap .dist_box_item{}
.content_dist .dist_box_wrap .dist_box_item .dist_box_icon{}
.content_dist .dist_box_wrap .dist_box_item .dist_box_con{padding:40px;box-sizing: border-box;background:#fff;height:290px;}
.content_dist .dist_box_wrap .dist_box_item .dist_box_con .dist_box_title{font-size: 27px;font-weight: bold;line-height:35px;letter-spacing: -.2px;}
.content_dist .dist_box_wrap .dist_box_item .dist_box_con .dist_box_desc{font-size: 18px;padding-top:30px;position:relative;line-height: 29px;letter-spacing: -.5px;color:#444444;}
.content_dist.bg_gray{background:#f1f1f1;}

/* global network */
.content_global{margin-top:170px;}
.content_global .global_map_wrap{position:relative;margin:100px auto  0;width:1168px;}

@keyframes gn-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(0.6);
			transform: scale(0.6);
	opacity: 0; } 
}
.gn-circle{position:absolute; display:inline-block; width:50px; height:50px;}
.incell-circle{width:150px; height:150px;}
.gn-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.gn-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.gn-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; }
.gn-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; }
.gn-circle > span:nth-child(6) {-webkit-animation-delay: 4s;animation-delay:4s; }
.gn-circle > span { border:1px solid rgba(0, 163, 103, 0.8) ; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity:0;filter:Alpha(opacity=0); margin: 0; width: 100%; height: 100%; -webkit-animation: gn-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: gn-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.gn-circle i{ display:block; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px; width:8px; height:8px; background-color:#00a367; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; opacity:0.7;filter:Alpha(opacity=70); }
.gn-circle p{position:absolute; top:50%; left:50%; margin:0px 0 0 20px; color:#00a367; font-size:16px; letter-spacing:-0.3px; font-weight:600;}


/* contact us */
.content_contactus{margin-top:170px;}
.content_contactus.factory{margin-top:100px;}
.content_contactus #map , .content_contactus #map1{width:1300px;height:500px;}

.contactus_twobanner{display:flex;background:#f4f4f4;}
.contactus_twobanner .contactus_twobanner_item{width:50%;padding:120px 100px;box-sizing: border-box;}
.contactus_twobanner .contactus_twobanner_item.right{border-left:1px solid #dbdbdb;}
.contactus_twobanner .contactus_twobanner_item.left .contactus_twobanner_item_title{font-size:22px;font-weight: bold;line-height: 40px;}
.contactus_twobanner .contactus_twobanner_item.left .contactus_twobanner_item_btitle{font-size:30px;font-weight: bold;line-height: 40px;padding-top:15px;}
.contactus_twobanner .contactus_twobanner_item.left .contactus_twobanner_item_btitle .normal{font-weight: normal;}
.contactus_twobanner .contactus_twobanner_item.left .contactus_tel_wrap{padding-top:60px;}
.contactus_twobanner .contactus_twobanner_item.left .contactus_tel_wrap .contactus_tel,
.contactus_twobanner .contactus_twobanner_item.left .contactus_tel_wrap .contactus_fax{font-size:18px;line-height: 40px;letter-spacing: -.5px;}
.contactus_twobanner .contactus_twobanner_item.left .contactus_tel_wrap img{padding-right:10px;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_inner{position: relative;padding-left:80px;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_inner:after{position: absolute;left:0;top:0;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_inner.car{margin-top:80px;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_inner.bus::after{content:'';background:url(/img/sub/icon_bus.png) no-repeat;width:36px;height:38px;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_inner.car::after{content:'';background:url(/img/sub/icon_car.png) no-repeat;width:40px;height:26px;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_title{font-size:18px;line-height: 29px;font-weight: bold;letter-spacing: -.5px;}
.contactus_twobanner .contactus_twobanner_item.right .contactus_twobanner_item_desc{font-size:18px;line-height: 29px;letter-spacing: -.5px;padding-top:20px;}


.content_contactus .content_contactus_tab{text-align: center;font-size: 0;margin-bottom:20px;}
.content_contactus .content_contactus_tab .tab{font-size:32px;line-height: 75px;letter-spacing: -.25px;cursor:pointer;display:inline-block;padding:0 35px;position: relative;color:#c3c3c3;font-weight:800;}
.content_contactus .content_contactus_tab .tab:first-child:after{content:'';position: absolute;right:0; top:27px; width:1px; background:#c3c3c3;height:23px;}
.content_contactus .content_contactus_tab .tab.on{color:#222;}
.contactus_item_wrap .contactus_item{display:none;}
.contactus_item_wrap .contactus_item.on{display:block;}
.contactus_item_wrap .contactus_item.on #map , .contactus_item_wrap .contactus_item.on #map1{visibility: visible;}

/* proposal */
.content_prop {background:#fff;}
.content_prop .prop_form_content .content_left_text_title{text-align: left;font-size:30px;font-weight:bold;line-height: 35px;}
.content_prop .prop_form_content .proposal_top_wrap{position:relative;display:flex;align-items: center;justify-content: space-between;}
.content_prop .prop_form_content .proposal_top_wrap input[type="number"]{-moz-appearance: textfield;}

.content_prop .proposal_form{margin-top:20px;padding-top:40px;border-top:1px solid #d1d1d1;}
.content_prop .proposal_form .proposal_form_title{font-size:21px;font-weight:500;padding-bottom: 10px;text-align: left;}
.content_prop .proposal_form .proposal_con{display:flex;justify-content: space-between;padding-bottom:50px;border-bottom:1px solid #d1d1d1;}
.content_prop .prop_form_content{padding:100px 0;}
.content_prop .prop_form_content:first-child{border-bottom:1px solid #e5e5e5;padding-top:0;}
.content_prop .prop_form_content_con{padding-top:70px;}
.content_prop .proposal_tr{display: flex; justify-content: flex-start; align-items: center;padding-bottom:60px;}
.content_prop .proposal_tr:last-child{padding-bottom:0;}
.content_prop .proposal_tr .proposal_th{font-size:1.2em;width:200px;padding-left:13px;box-sizing: border-box;position: relative;font-weight:600;}
.content_prop .proposal_tr .proposal_th:after{content:'\002A';position: absolute;top:10%;left:0;font-size:20px;}
.content_prop .proposal_tr .proposal_td{width:calc(100% - 200px);display: flex;justify-content: space-between;align-items: center;}
.content_prop .proposal_tr .proposal_td.column{flex-direction: column;}
.content_prop .proposal_tr .proposal_td .check_byte{text-align: right; padding-top: 10px; display: block; width: 100%;}
.content_prop .proposal_tr .proposal_td input[type="number"] , .content_proposal .content_inner .proposal_tr .proposal_td input[type="text"]{ -webkit-ime-mode:disabled; -moz-ime-mode:disabled; -ms-ime-mode:disabled; ime-mode:disabled; }
.content_prop .proposal_tr .proposal_td input {font-size:1.2em;font-family:"MinSans",Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: -0.5px;}

/*������*/
.notice_view{width:100%; border:0; cellspacing:0; cellpadding:0; font-size:1.2em; border-top:2px solid #dadada; font-weight:normal;}
.notice_view tr th{text-align:left; height:75px; background-color:#f8f8f8; padding-left:20px; margin:0; border-bottom:1px solid #dadada;  font-weight:100;}
.notice_view tr td{height:57px; border-bottom:1px solid #dadada; text-align:left; line-height:25px;}



/*����*/
.prop{ cellspacing:0; cellpadding:0; font-size:1.2em; text-align:left; border-top:2px solid #dadada; border-bottom:1px solid #dadada; margin-top:20px;}
.prop th{width:18%; text-align:left; background-color:#f8f8f8; height:75px; border-top:1px solid #dadada; padding-left:5px; font-weight:100; font-size:12px;}
.prop td{width:82%; height:75px; border-top:1px solid #dadada; padding-left:20px; text-align:left;}

/*��ǲ*/
input , select{border:0;border-bottom:1px solid #000;font-size:1.2em;padding:0 10px;box-sizing: border-box;outline: none;height:45px;background-image:none;position: relative;}
select:after{content:'\02D1';position: absolute;top:50%;right:10px;}
.m{width:100%;}
.ss{width:31%; background-color:#fff;}
.s_mail{width:31.9%; font-size:1.2em;font-family:"MinSans",Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: -0.5px;}
.s_phone{width:31.3%; font-size:1.2em;font-family:"MinSans",Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: -0.5px;}
.l{width:100%; height:232px; border:1px solid #000; font-size:1.2em;  font-family:"MinSans",Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: -0.5px;padding:20px;box-sizing: border-box;outline: none;resize: none;line-height:33px;}
.m_s{width:64%; height:45px; border:1px solid #d1d1d1; font-size:1.2em; padding:0 10px;}
.btn{background-color:#868378; color:#FFF; width:103px; line-height:47px; display:block; float:left; text-align:center; font-size:1.2em;}
.btn2{background-color:#0c1244; color:#fff; width:190px; line-height:60px; display:block; text-align:center; font-size:1.2em;margin:0 auto;}
.btn3{width:100%; margin:auto; background-color:#0c1244; color:#fff; line-height:45px; font-size:1.2em; margin-top:40px;cursor: pointer;}
.type2{margin:0 auto;}
.btn_area{text-align:center;}

/*����Ʈ��*/
.con_sitemap{width:100%; padding-bottom:80px; text-align:center;}
.con_sitemap dl{margin: auto; padding:15px 30px;}
.con_sitemap dt a{width:100%; background-color:#412260; color:#FFF; line-height:70px; display:block; font-size:20px; border:1px solid #412260; margin-top:30px;}
.con_sitemap dd a{width:100%; background-color:#fff; color:#412260; line-height:70px; display:block; margin:8px 0; border:1px solid #dad3e1; font-size:18px;}

/* 브랜드 */
.content_brand{margin-top:170px;}
.content_brand .brand_banner_wrap{margin-top:150px;}
.content_brand .brand_banner_wrap .brand_twobanner{display:flex;align-items: center;background:#f8f8f8;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_img ,.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con{width:50%;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_img{overflow: hidden;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_img img{transition: transform 100ms ease-in-out;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_img:hover img{transform: scale(1.1);}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info{margin-left:50px;text-align: left;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info .brand_twobanner_title{font-size:28px;font-weight:bold;line-height: 34px;letter-spacing: -.2px;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info .brand_twobanner_stitle{font-size:20px;line-height: 32px;letter-spacing: -.5px;padding-top:25px;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info .brand_twobanner_link{margin-top:60px;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info .brand_twobanner_link a{border:1px solid #000;color:#000;line-height: 50px;display: inline-block;padding:0 60px 0 40px;position: relative;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info .brand_twobanner_link a:before{content:'';position:absolute;width:16px;height:1px;background:#000;top:50%;right:40px;}
.content_brand .brand_banner_wrap .brand_twobanner .brand_twobanner_con .brand_twobanner_info .brand_twobanner_link a:after{content:'';position:absolute;width:8px;height:1px;background:#000;top:45%;right:40px;transform: rotate(45deg);}

.content_brand .brand_banner_wrap .brand_tbanner{margin-top:18px;display:flex;justify-content: space-between;}
.content_brand .brand_banner_wrap .brand_tbanner .brand_tbanner_item{overflow: hidden;}
.content_brand .brand_banner_wrap .brand_tbanner .brand_tbanner_item img{transition: transform 100ms ease-in-out;}
.content_brand .brand_banner_wrap .brand_tbanner .brand_tbanner_item:hover img{transform: scale(1.1);}

.content_brand .content_brand_tab{}
.content_brand .content_brand_tab ul{display:flex;justify-content: center;align-items: center;}
.content_brand .content_brand_tab ul li{line-height: 75px;text-align: center;font-size:32px;color:#c3c3c3;cursor:pointer;padding:0 35px;font-weight:800;position: relative;}
.content_brand .content_brand_tab ul li.on{color:#000;}
.content_brand .content_brand_tab ul li:first-child:after{content: ''; position: absolute; right: 0; top: 27px; width: 1px; background: #bcbcbc; height: 23px;}
.content_brand .content_brand_item_wrap{padding-top:150px;}
.content_brand .content_brand_item_wrap .brand_item{display:none;}
.content_brand .content_brand_item_wrap .brand_item.on{display:block;}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background:#fff !important;}

/* history*/
.content_history{margin-top:170px;}
.content_history .history { background: url("/img/sub/history_bg.jpg") no-repeat; height: 958px; padding:0 100px;box-sizing: border-box;}
.content_history .inner { position: relative; display: flex; height: 100%; }
.content_history .inner::before { content: ''; background: #fff; width: 2px; height: 100%; position: absolute; top: 0; left: 9px; }
.content_history .inner > strong { display: block; font-family: 'Kumbh Sans'; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.03em; color: #000000; position: absolute; top: 180px; left: 52px; }
.content_history .inner .left { padding-top: 253px; width: 662px; flex-shrink: 0; box-sizing: border-box; }
.content_history .inner .left ul li { position: relative; font-weight: 700; font-size: 18px; line-height: 1.52; letter-spacing: -0.03em; color: #000000; padding-left: 52px; }
.content_history .inner .left ul li + li { margin-top: 38px; }
.content_history .inner .left ul li::before { content: ''; position: absolute; top: 12px; left: 6px; width: 8px; height: 8px; background: #fff; border-radius: 50%; }
.content_history .inner .left ul li > a { opacity: 0.2; color:#000;}
.content_history .inner .left ul li a em{font-style: normal;}
.content_history .inner .left ul li.active { font-size: 80px; line-height: 1.06; letter-spacing: -0.04em; line-height: 120%; opacity: 1; margin: 48px 0; }
.content_history .inner .left ul li.active:first-child { margin-top: 0; }
.content_history .inner .left ul li.active a { display: block; opacity: 1; color:#000;}
.content_history .inner .left ul li.active a em { display: block; font-style: normal;font-size:85px;}
.content_history .inner .left ul li.active + li { margin-top: 48px; }
.content_history .inner .left ul li.active::before { content: ''; position: absolute; top: 56px; left: 0; width: 20px; height: 20px; background: #000; border-radius: 50%; }
.content_history .inner .left ul li.active::after { content: ''; position: absolute; top: 62px; left: 6px; width: 8px; height: 8px; background: #fff; border-radius: 50%; }
.content_history .inner .right { height: 950px; width: 100%; }
.content_history .inner .right .mCSB_scrollTools { margin-top: 253px; }
.content_history .inner .right .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .sec7 .inner .right .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
.content_history .inner .right .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background: #fff; }
.content_history .inner .right .mCSB_draggerContainer { height: 600px; }
.content_history .inner .right ul:first-child { padding-top: 253px; }
.content_history .inner .right ul:last-child { padding-bottom: 160px; }
.content_history .inner .right ul + ul { padding-top: 320px; }
.content_history .inner .right ul li + li { margin-top: 80px; }
.content_history .inner .right ul li strong { font-weight: 700; font-size: 28px; line-height: 1.52; letter-spacing: -0.03em; color: #000000; display: block; margin-bottom: 24px; }
.content_history .inner .right ul li ol li + li { margin-top: 12px; }
.content_history .inner .right ul li ol li { font-size: 16px; line-height: 20px; color: #222222; }
.content_history .inner .right ul li ol{padding-left:30px;}
.content_history .inner .right ul li ol , .content_history .inner .right ul li ol li{list-style:disc;}


/* r&d*/

.content_rnd .rnd_pcat_wrap{margin-top:110px;}
.content_rnd .rnd_pcat_wrap .content_left_text_title{text-align: left;font-size:30px;font-weight:bold;line-height: 35px;}
.content_rnd .rnd_pcat_wrap .content_pcat_con{display:flex;justify-content: space-around;gap:60px;flex-wrap: wrap;}
.content_rnd .rnd_pcat_wrap .content_pcat_con .content_pcat_con_item{text-align: center;}
.content_rnd .rnd_pcat_wrap .content_pcat_con .content_pcat_con_item .content_pcat_item_title{padding-top:20px;font-size:27px;font-weight:bold;line-height: 35px;letter-spacing: -.5px;}
.content_rnd .rnd_pcat_wrap .content_pcat_con .content_pcat_con_item .content_pcat_item_desc{padding-top:15px;font-size:18px;line-height: 27px;color:#444444;letter-spacing: -.5px;}

.content_rnd .rnd_cert_wrap{margin-top:140px;}
.content_rnd .rnd_cert_wrap .rnd_cert_img{position: relative;}
.content_rnd .rnd_cert_wrap .rnd_cert_title_wrap{position: absolute;top:90px;left:50%;transform: translateX(-50%);text-align: center;}
.content_rnd .rnd_cert_wrap .rnd_cert_title_wrap .rnd_cert_title{font-size:50px;font-weight: 800;line-height: 72px;}
.content_rnd .rnd_cert_wrap .rnd_cert_title_wrap .rnd_cert_stitle{font-size:20px;font-weight: 500;line-height: 32px;}

.content_rnd .rnd_cert_wrap .rnd_cert_con{margin-top:95px;display: flex;flex-direction: column;}
.content_rnd .rnd_cert_wrap .rnd_cert_con .rnd_cert_item_wrap{display: flex;justify-content: space-between;margin-bottom:130px;}
.content_rnd .rnd_cert_wrap .rnd_cert_con .rnd_cert_item_wrap .rnd_cert_item_left{width:20%;}
.content_rnd .rnd_cert_wrap .rnd_cert_con .rnd_cert_item_wrap .rnd_cert_item_left .rnd_cert_con_title{font-size: 27px;font-weight: bold;line-height:35px;position: relative;display: inline-block;padding-bottom:5px;}
.content_rnd .rnd_cert_wrap .rnd_cert_con .rnd_cert_item_wrap .rnd_cert_item_left .rnd_cert_con_title:after{content:'';position: absolute;bottom:0;left:0;width:100%;height:2px;background:#000;}
.content_rnd .rnd_cert_wrap .rnd_cert_con .rnd_cert_item_wrap .rnd_cert_item_right{width:75%;}
.content_rnd .rnd_cert_wrap .rnd_cert_con .rnd_cert_item_wrap .rnd_cert_item_right .rnd_cert_con_desc{font-size:18px;line-height: 29px;color:#444;}



.content_rnd{margin:170px 0 100px;}
.content_rnd_con{width:100%; text-align:left;position: relative;padding-top:40px;}
.content_rnd_con dl{display:flex;justify-content: flex-start;align-items: flex-end;}
.content_rnd_con dd{color:#505050; font-size:16px; line-height:24px; padding:0 50px;}

.content_mf{background:url(../img/rnd/w_rnd_c2_bg.jpg) no-repeat;background-size:cover;position: relative;padding:80px 0;box-sizing: border-box;}
/* .content_inner_full .depth_cat_title{color: #fff; position: absolute; left: 30px; top: 40px;}
.content_inner_full .depth_cat_title:after{background:#fff;}
.content_inner_full .depth_cat_title2{color: #fff; position: absolute; left: 15px; top: 40px;}
.content_inner_full .depth_cat_title2:after{background:#fff;}
.content_inner_full .depth_cat_title3{color: #000;font-size: 16px; text-align: left; font-weight: 500; line-height: 30px; position: relative; display: table;}
.content_inner_full .depth_cat_title4{color:#fff;font-size: 16px; text-align: left; font-weight: 500; line-height: 30px; position: relative; display: table;}
.content_inner_full .depth_cat_title4:after{background:#fff;    content: ''; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px;} */
.content_mf .mf_box{padding-top:40px;display: flex;justify-content: space-between;align-items: baseline;}
.content_mf .mf_box .mf_box_inner {width:49%;background:#172643;padding:60px 50px;box-sizing: border-box;text-align: left;}
.content_mf .mf_box .mf_box_inner .mf_img{ width: 140px; height: 140px; background-size: 140px auto; background-repeat: no-repeat; margin: 0 auto;}
.content_mf .mf_box .mf_box_inner .mf_img1{background-image: url(../img/common/icon_mf.png);}
.content_mf .mf_box .mf_box_inner .mf_img2{background-image: url(../img/common/icon_oem.png);}
.content_mf .mf_box .mf_box_inner .mf_title{position:relative;font-size:23px;padding:70px 0 15px;font-weight:500;color:#fff;letter-spacing: -0.9px;line-height:20px;}
.content_mf .mf_box .mf_box_inner .mf_title:after{content:'';position:absolute;bottom:0;left:0;width:80px;height:1px;background:#737487;}
.content_mf .mf_box .mf_box_inner .mf_desc{padding-top:15px;color:#c5c5c5;font-size:16px;letter-spacing: -0.8px;line-height: 1.48;}
.content_qa{padding:100px 0;}
.content_qa_con{width:100%; text-align:left;position: relative;padding-top:60px;}
.content_qa_con dl{display:flex;justify-content: flex-start;align-items: center;padding:60px 0;}
.content_qa_con dl:first-child{padding-top:0;}
.content_qa_con dd{color:#505050; font-size:16px; line-height:30px; padding-left:130px;font-weight: 500;}
.content_qa_con dd .content_qa_title{color:#000;font-size:23px;font-weight:bold;padding-bottom:40px;}
.content_qa_img_wrap{display:flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.content_qa_img_wrap .content_qa_img{width:330px;}


/* recruit*/
.content_lwt{position:relative;padding:80px 15px 0;box-sizing: border-box;margin-top:30px;}
.content_lwt .content_lwt_con{text-align:center;background:#0c1244;position:relative;margin-top:40px;display:flex;justify-content: space-around;}
.content_lwt .content_lwt_con .content_lwt_item{padding:100px 0;}
.content_lwt .content_lwt_con .content_lwt_item .content_lwt_title{color:#444888;font-size:35px;font-weight:600;text-align: left;}
.content_lwt .content_lwt_con .content_lwt_item .content_lwt_desc{color:#a1a5e7;font-size: 15px;padding-top:35px;text-align: left;}

.content_rp {padding-top:100px;}
.content_rp .content_rp_con {display: flex; flex-wrap: wrap; justify-content: space-around; padding-top: 40px;position: relative;}
.content_rp .content_rp_con:after {content:'';position:absolute;left:0;width:100%;height:1px;top:46%;background:#000;z-index: 0;}
.content_rp .content_rp_con .content_rp_item{display: flex; flex-basis: 80px; flex-direction: column;padding-top:25px;z-index:1;display:inline-block;vertical-align: top;padding:0 85px;}
.content_rp .content_rp_con .content_rp_item .content_rp_img{width:100%;}
.content_rp .content_rp_con .content_rp_item .content_rp_img img{width:100%;}
.content_rp .content_rp_con .content_rp_item .content_rp_title{padding-top:13px;font-size:15px;text-align:center;font-weight:500;}

.content_wel {padding:100px 0 100px;}
.content_wel .content_wel_con {display: flex; flex-wrap: wrap; justify-content: space-around; padding: 40px 0 50px;}
.content_wel .content_wel_con .content_wel_item{display: flex; flex-direction: column;flex-basis: 110px;padding-top:25px;}
.content_wel .content_wel_con .content_wel_item .content_wel_img{width:100%;}
.content_wel .content_wel_con .content_wel_item .content_wel_img img{width:100%;}
.content_wel .content_wel_con .content_wel_item .content_wel_title{padding-top:13px;font-size:15px;font-weight:500;}


.content_finance{margin:70px auto;text-align: center;}
.content_finance .tbl_finance{border-collapse: collapse;border-top:1px solid #000;margin:70px auto;}
.content_finance .tbl_finance caption{text-align:right;margin-bottom:10px;}
.content_finance .tbl_finance tr{line-height:70px;border-bottom:1px solid #000;}
/* .content_finance .tbl_finance tr td:first-child , .content_finance .tbl_finance tr th:first-child{border-right:1px solid #000;} */
.content_finance .tbl_finance tr.gray_tr{background:#f7f7f9;}
.content_finance .tbl_finance th{background:#efeff1;}
.content_finance .chart_wrap{display:flex;justify-content: space-between;}
.content_finance .chart_wrap .chart{width:30%;}
.content_finance .chart_wrap .chart canvas{}