@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,900');

/* 초기화 */
html {
  overflow-y: scroll;
  font-size: 10px;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  font-family: 'Noto Sans KR', 'arial', 'dotum', '돋움';
  background: #fff !important;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: 'Noto Sans KR', 'arial', 'dotum', '돋움';
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none
}

legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden
}

label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1.3em
}

label.police_agree {
  font-size: 1em
}

input,
button {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans KR', 'arial', 'dotum', '돋움';
  font-size: 1em
}

input[type="submit"] {
  cursor: pointer
}

button {
  cursor: pointer
}

textarea,
select {
  font-family: 'Noto Sans KR', 'arial', 'dotum', '돋움';
  font-size: 1em
}

select {
  margin: 0
}

p {
  margin: 0;
  padding: 0;
}

hr {
  display: none
}

pre {
  overflow-x: scroll;
  font-size: 1.1em
}

a {
  color: #000;
  text-decoration: none
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text],
input[type=password],
textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: 0 0 5px #9ed4ff;
  -moz-box-shadow: 0 0 5px #9ed4ff;
  box-shadow: 0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}

.placeholdersjs {
  color: #aaa !important
}

div:focus,
p:focus,
ul:focus,
input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus,
a:focus {
  outline: none !important;
}

html,
body {
  margin: 0;
  padding: 0;

}

.container {
  position: relative;

  overflow: hidden;
  height: 100vh;

  background: #fff;
}

.container section {
  border: 0px;
  padding: 0px;
  vertical-align: top;
}

/* 메인 비쥬얼 */
.main_visual_wrap {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.main_visual_contents {
  height: 100%;
}

.main_visual_item01 {
  width: 100%;
  background: url('../img/main/main_sec01_img.png') center center no-repeat;
  height: 100vh;
  background-size: cover;
}

.main_visual_item04:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 45%;
  content: '';
  background: #26bad7;
  opacity: 1;
  border-radius: 20px 20px 0px 0px;
}

.visual_scroll_down {
  position: absolute;
  bottom: 50px;
  right: 0%;
  max-width: 1500px;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.sub_company_header_img img {
  width: 100%;
}

.main_text {
  position: absolute;
  max-width: 1500px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.main_text_dl dt {
  font-size: 80px;
  color: #fff;
  font-weight: 400;
  line-height: 86px;
  text-align: center;
}

.main_text_dl dt span {
  font-weight: 600;
}

.main_text_dl dd {
  text-align: center;
  color: #fff;
  font-size: 25px;
  margin-top: 40px;
  font-weight: 300;

}

.main_visualBtn {
  position: relative;
  width: 264px;
  height: 60px;
  margin-top: 50px;
}

.main_visualBtn:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  left: 0px;
  top: 0px;
  position: absolute;
  border-radius: 60px;
  opacity: 0.4;
  transition: all 0.5s;
}

.main_visualBtn:hover:before {
  opacity: 1;
}

.main_visualBtn a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.2s;
}

.main_visualBtn a:hover {
  background: #00B9F5;
  border-radius: 60px;
}

.main_visualBtn a span {
  display: inline-block;
  background: url('../img/main/arrow_icon.png') right center no-repeat;
  padding-right: 35px;
}

.main_business_wrap {
  max-width: 1410px;
  margin: auto;
  display: flex;
  align-items: center;
  height: 100%;
}

.main_business_wrap_ul {
  display: flex;
  flex-wrap: wrap;
}

.main_business_wrap_ul li {
  position: relative;
  width: 33.33333333%;
}

.main_business_wrap_ul li:first-child {
  background: url('../img/main/logo_black.png') 15px 115% no-repeat;
}

.main_business_wrap_ul li>div {
  position: relative;
  margin: 15px;
  cursor: pointer;
}

.main_business_wrap_ul li>div .main_business_black_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5%;

}

.main_business_title_dl {
  padding: 20px 0px 0px 20px;
}


.main_business_wrap_ul li>div>p img {
  width: 100%;
}

.main_business_wrap_ul li>div>dl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  min-width: 300px;
}

.main_business_wrap_ul li dl dt {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
}

.main_business_wrap_ul li:nth-child(2) dl dt {
  padding-top: 85px;
  background: url(../img/main/business_icon01.png) center top no-repeat;
  background-size: 80px auto;
}

.main_business_wrap_ul li:nth-child(3) dl dt {
  padding-top: 85px;
  background: url(../img/main/business_icon02.png) center 15px no-repeat;
}

.main_business_wrap_ul li:nth-child(4) dl dt {
  padding-top: 75px;
  background: url(../img/main/business_icon03.png) center top no-repeat;
}

.main_business_wrap_ul li:nth-child(5) dl dt {
  padding-top: 85px;
  background: url(../img/main/business_icon04.png) center 0px no-repeat;
  background-size: 75px auto;
}

.main_business_wrap_ul li:nth-child(6) dl dt {
  padding-top: 80px;
  background: url(../img/main/business_icon05.png) center top no-repeat;
}

.main_business_wrap_ul li dl dd {
  position: relative;
  height: 0px;
  margin-top: 15px;
  overflow: hidden;
}

.main_business_title_dl dt {
  font-size: 45px;
  color: #000 !important;
  font-weight: 600;
  letter-spacing: -3px;
  text-transform: uppercase;
}

.main_business_title_dl dd {
  font-size: 20px;
  color: #444444;
  font-weight: 400;
  letter-spacing: -1px;
  display: block !important;
  margin-top: 5px !important;
  overflow: initial !important
}

.main_sec03 {
  background: url('../img/main/main_sec03_img.png') right center no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.main_sec03_item {
  width: 1410px;
  margin: 0 auto;
}

.main_sec03_ul {
  display: flex;
  margin-top: 60px;
  height: 294px;
}

.main_sec03_ul li {
  padding: 0px 70px;
  border-left: 1px solid #DEDEDF;
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.main_sec03_ul li.active {
  background: #ddd;
}

.main_sec03_ul li:first-child {
  border-left: 0px;
}

.main_sec03_ul li dl dt {
  font-size: 20px;
  color: #444444;
  font-weight: 500;
}

.main_sec03_ul li:nth-child(1) dl dt {
  padding-top: 95px;
  background: url('../img/main/main_sec01_icon01.png') center top no-repeat;
}

.main_sec03_ul li:nth-child(2) dl dt {
  padding-top: 95px;
  background: url('../img/main/main_sec01_icon03.png') center top no-repeat;
}

.main_sec03_ul li:nth-child(3) dl dt {
  padding-top: 95px;
  background: url('../img/main/main_sec01_icon02.png') center top no-repeat;
}

.main_sec03_ul li dl dd {
  position: relative;
  overflow: hidden;
  margin-top: 15px;
  height: 0px;

}

.main_sec04 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.main_sec04_item {
  width: 1410px;
  margin: 0 auto;
}

.main_read_more_btn {
  width: 159px;
  height: 53px;
  border: 1px solid #707070;
  border-radius: 5px;
  margin: 0 auto;
}

.main_read_more_btn a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

.main_read_more_btn a span {
  display: block;
  width: 60%;
  margin: 0 auto;
  font-size: 13px;
  color: #444444;
  font-weight: 600;
  background: url('../img/main/nav_arr_on.png') right center no-repeat;
}

.video_area {
  position: relative;
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}

.video_area::before {
  position: absolute;
  left: 0px;
  height: 0px;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2)
}

.video_area video {
  position: absolute;
  top: 0;
  left: 50%;
  /* min-width: 1920px; */
  width: 100%;
  min-height: auto !important;
  height: auto !important;
  /* margin-left: -960px; */
  transform: translateX(-50%);
}

.visual_txt {
  position: absolute;
  top: 100%;
  left: 100%;
  /* transform: translate(-50%, -50%); */
  text-align: left;
  width: 100vw;
  height: 100vh;
}

.visual_txt01 {
  position: absolute;
  left: 0%;
  top: 35%;
  transform: translate(20%, -50%);
  color: #fff;
  font-size: 50px;
  line-height: 75px;
  font-weight: 600;
}

.slide .slick-active .visual_txt01 {
  opacity: 1;
  left: 0%;
  top: 40%;
  transform: translate(20%, -50%);
  -webkit-transition: all 1s 0.1s ease-out;
  -moz-transition: all 1s 0.1s ease-out;
  transition: all 1s 0.1s ease-out;
}

.visual_text01_width_margin {
  display: inline-block;
  width: 2px;
}

.visual_txt02 {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  margin-top: 28px;
}

.visual_txt03 {
  position: relative;
  margin-top: 52px;
}

.visual_txt03 a {
  position: relative;
  display: inline-block;
  width: 193px;
  height: 59px;
  line-height: 59px;
  font-size: 17px;
  color: #fff;
  overflow: hidden;
  background: -webkit-linear-gradient(-65deg, #000 57%, #fff 43%) no-repeat;
  background: -moz-linear-gradient(-65deg, #000 57%, #fff 43%) no-repeat;
  background: -o-linear-gradient(-65deg, #000 57%, #fff 43%) no-repeat;
  background: linear-gradient(-65deg, #000 57%, #fff 43%) no-repeat;
  background-size: 250% 200%;
  background-position: 98% 96%;
  transition: all 0.1s;
  color: #fff;
  text-align: center;
}

.visual_txt03 a:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  opacity: 0.3;
  box-sizing: border-box;
}

.visual_txt03 a:hover {
  color: #000000 !important;
  transition-duration: 0.2s;
  background-position: 0% 0%;
}

.visual_scroll {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  z-index: 99999999;
}

@media all and (max-width: 1700px) {
  .main_sec03 {
    background: none;
  }

  .main_business_title_dl {
    padding: 20px 0px 0px 0px;
    text-align: center;
  }

  .main_sec03_ul {
    display: flex;
    margin-top: 60px;
    height: 294px;
    justify-content: center;
  }

  .main_sec03_ul li {
    padding: 0px 10%;
  }
}

@media all and (max-width: 1280px) {
  .video_area video {
    top: 0px;
    left: 50%;
    width: auto;
    min-height: auto !important;
    height: 100vh !important;
    transform: translateX(-50%);
  }

  .main_visual_wrap {
    height: auto;
    margin: 50px auto;
  }

  .li_subject_text {
    font-size: 20px !important;
    line-height: 20px;
    margin: 20px 0;
  }
}

@media all and (max-width: 980px) {
  .main_business_wrap_ul {
    display: block;
    max-width: 480px;
    margin: 0 auto 50px auto;

  }

  .main_business_wrap_ul li {
    position: relative;
    width: 100%;
  }

  .main_business_wrap {
    max-width: 100%;
    display: block;
    text-align: center;
  }

  .main_business_wrap_ul li dl dd {
    height: auto;
    margin-top: 15px;
  }

  .pic_lt ul {
    margin: 30px auto 0px auto !important;
    display: block !important;
    max-width: 480px;
    width: 90%;
  }

  .pic_lt ul>li {
    width: 100% !important;
    display: none;
    border: 1px solid #ddd;
    margin-right: 0px !important;
    margin: 0px 0px 30px 0px;
  }
}

@media all and (max-width: 680px) {
  .main_visual_wrap {
    height: auto;
    margin: 0px auto;
  }

  .main_business_title_dl dt {
    font-size: 25px;
    letter-spacing: -1px;
  }

  .main_sec03_ul {
    display: block;
    height: auto;
    justify-content: center;
    width: 90%;
    margin: 50px auto;
  }

  .main_sec03_ul li {
    padding: 0px 0px 25px 0px;
    display: block;
    margin-bottom: 50px;
    border-left: 0px;
    border-bottom: 1px solid #ddd;
  }

  .main_sec03_ul li:last-child {
    border-bottom: 0px;
  }

  .main_sec03_ul li dl dd {
    height: auto;
  }

  .main_sec03_ul li:nth-child(1) dl dt {
    padding-top: 75px;
    background-size: 60px auto;
  }

  .main_sec03_ul li:nth-child(2) dl dt {
    padding-top: 75px;
    background-size: 60px auto;
  }

  .main_sec03_ul li:nth-child(3) dl dt {
    padding-top: 75px;
    background-size: 60px auto;
  }

  .latest_header_text {
    padding: 10px !important;
  }

  .pic_lt li {
    width: 100%;
    padding: 0 0px !important;
  }

  .latest_header_text {
    padding: 10px 25px !important;
  }

  .li_subject_text {
    min-height: 30px !important;
    font-size: 20px !important;
    line-height: 25px !important;
    word-break: keep-all;
  }

  .pic_lt {
    padding-bottom: 0px !important;
  }

  .main_sec04_item {
    margin: 0 auto 50px auto;
  }


}



/* gnb 메뉴 */
.main_gnb_wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
  height: 100px;
  z-index: 1000;
  transition: top 0.2s ease-in-out;
}

.nav-up {
  top: -100px;
}

.nav-down {
  top: 0px;
}

.main_gnb_wrap_on {
  transition: all 1s;
  color: #1f1f1f;
}

.main_gnb_wrap_on:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  background: #fff;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.main_gnb_contents {
  position: relative;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  height: 100%;
}

.logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 157px;
  height: 46px;
  background: url('../img/main/logo_white.png') left top no-repeat;
}

.logo a {
  display: inline-block;
  width: 157px;
  height: 47px;
}

.main_gnb_wrap_on .logo {
  background: url('../img/main/logo_color.png') left top no-repeat;
}

.all_menu {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 52px;
  height: 18px;
  background: url('../img/main/all_menu_btn.png') left top no-repeat;
  display: none;
}

.main_gnb_wrap_on .all_menu {
  background: url('../img/main/all_menu_btn02.png') left top no-repeat;
}

.main_gnb_ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 20%;
}

.main_gnb_ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-right: 80px;
  transition: all 0.2s;
}

.main_gnb_ul li a:hover {
  color: #00B9F5;
}

.main_gnb_ul li.gnb_on a:before {
  position: absolute;
  bottom: -10px;
  left: 0px;
  border-bottom: 2px solid #00B9F5;
  content: '';
  width: 100%;
  height: 4px;
}

.main_gnb_ul li:last-child a {
  margin-right: 0px;
}

.main_gnb_wrap .gnb {
  float: left;
  margin-right: 50px;
  margin-left: 165px;
}

.main_gnb_wrap .gnb>ul>li {
  float: left;
  position: relative
}

.main_gnb_wrap .gnb>ul>li>a {
  display: block;
  padding: 35px 60px 35px 60px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.main_gnb_wrap .gnb>ul>li>a {
  color: #fefeff
}

*.main_gnb_wrap .gnb>ul>li:hover>a {
  color: #fff;
  transition: color .2s
}

.main_gnb_wrap .gnb>ul>li:hover div {
  display: block
}

.main_gnb_wrap .gnb>ul>li .hover {
  position: absolute;
  width: 100%;
  height: 0;
  background: #1C51A0;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 0.2s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.2s height cubic-bezier(0.77, 0, 0.175, 1);
}

.main_gnb_wrap .gnb>ul>li:hover .hover {
  height: 100%
}

.main_gnb_wrap .gnb>ul>li div {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: none;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  z-index: 600;
}

.main_gnb_wrap_on .gnb>ul>li {
  float: left;
  position: relative
}

.main_gnb_wrap_on .gnb>ul>li>a {
  position: relative;
  display: block;
  padding: 36px 60px 35px 60px;
  font-size: 20px;
  height: 100%;
  color: #333;
  font-weight: 700;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  z-index: 10;
}

.main_gnb_wrap_on .gnb>ul>li:hover div {
  display: block
}

.main_gnb_wrap_on .gnb>ul>li .hover {
  position: absolute;
  width: 100%;
  height: 0;
  background: #1C51A0;
  color: #fff !important;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 0.2s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.2s height cubic-bezier(0.77, 0, 0.175, 1);
}

*.main_gnb_wrap_on .gnb>ul>li:hover>a {
  color: #fff;
  transition: color .2s
}

.main_gnb_wrap_on .gnb>ul>li .hover {
  position: absolute;
  width: 100%;
  height: 0;
  background: #1C51A0;
  color: #fff;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: 0.2s height cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.2s height cubic-bezier(0.77, 0, 0.175, 1);
}

.main_gnb_wrap_on .gnb>ul>li div {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: none;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.main_gnb_wrap_on .gnb>ul>li:hover .hover {
  height: 100%
}

.main_gnb_wrap .gnb>ul>li div li {
  margin-top: -1px;
  text-align: center;
  background: #fff;
}

.main_gnb_wrap .gnb>ul>li div a {
  color: #646464;
  padding: 20px 0;
  display: block;
  background: #fff;
  font-size: 14px;
  border: 1px solid #dbdbdb;
}

.main_gnb_wrap .gnb>ul>li div a:hover {
  color: #1C51A0;
  font-weight: bold;
  background: #f5f5f5
}

.lnb_lang_menu {
  position: absolute;
  right: 10%;
  top: 50%;
  display: flex;
  transform: translateY(-50%);
}

.lnb_lang_menu>ul {
  display: flex;
}

.lnb_lang_menu li {
  margin-left: 19px;
  opacity: 0.5;
}

.lnb_lang_menu li a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.lnb_lang_menu li.lnb_on {
  opacity: 1;
  border-bottom: 2px solid #fff;
  padding-bottom: 2px;
}

.lnb_lang_menu li.lnb_on a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.main_gnb_wrap_on .lnb_lang_menu li a {
  color: #333;
}

.main_gnb_wrap_on .lnb_lang_menu li.lnb_on {
  border-bottom: 2px solid #333;
}

#nav {
  display: none;
}

.btn_nav {
  display: none;
}


/* header 반응형 */
@media all and (max-width:1400px) {
  .main_gnb_wrap {
    background: #fff;
    height: 60px;
    position: fixed;
  }

  .main_gnb_contents {
    width: 96%;
  }

  .logo {
    background: url(../img/main/logo_color.png) left top no-repeat;
  }

  .main_gnb_wrap .gnb {
    display: none;

  }

  #header .header .h_top .lang {
    right: 25px;
    top: 20px;
    display: block;
  }

  #header .header .h_top .lang a {
    color: #231f20;
  }

  #header .header .h_top .lang>a.gnb_lang_on {
    border-bottom: 2px solid #006fd6;
  }

  #gnb {
    display: none;
  }

  .btn_nav {
    outline: none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    width: 29px;
    height: 16px;
    text-indent: -9999px;
    z-index: 1000000;
    padding: 0;
    background: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 0px;
  }

  .btn_nav * {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .btn_nav span {
    display: block;
    position: relative;
    float: left;
    height: 2px;
    width: 100%;
    background-color: #333;
  }

  .btn_nav .barType_2 {
    margin-top: 5px;
  }

  .btn_nav .barType_3 {
    margin-top: 5px;
  }

  .btn_nav.active span {
    background-color: #444;
  }

  .btn_nav.active .barType_1 {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    margin-top: 0;
  }

  .btn_nav.active .barType_2 {
    opacity: 0
  }

  .btn_nav.active .barType_3 {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    margin-top: -9px;
  }
}

@media all and (max-width:1280px) {
  .main_gnb_wrap .logo {
    background: url('../img/main/logo_color.png') left top no-repeat;
    /*width: 120px;*/
    /*height: 30px;*/
    /*background-size: 100px auto;*/
  }

  .main_gnb_wrap .lnb_lang_menu li a {
    color: #333;
  }

  .main_gnb_wrap .lnb_lang_menu li.lnb_on {
    border-bottom: 2px solid #333;
  }

}

@media all and (max-width: 640px) {
  .lnb_lang_menu {
    right: 20%;
  }

}





/* nav */
#nav {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 50px) !important;
  z-index: 200;
  background: #edeff1;
  z-index: 999999 !important;
}

#nav .menu {
  box-sizing: border-box;
  padding: 25px;
}

#nav .menu>li {
  margin-top: 5px;
}

#nav .menu>li:first-child {
  margin-top: 0
}

#nav .menu>li>a {
  display: block;
  color: #231f20;
  font-size: 21px;
  line-height: 44px;
  font-weight: 600;
  position: relative
}

#nav .menu>li>a:after {
  content: '';
  width: 10px;
  height: 6px;
  background: url('../img/main/menu_arr.png') no-repeat 0 0;
  background-size: 10px 6px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
}

#nav .menu>li>a.on {
  color: #006fd6
}

#nav .menu>li>a.on:after {
  background-image: url('../img/main/menu_arr_on.png')
}

#nav .menu>li>ul {
  display: none;
  box-sizing: border-box;
  border-top: 2px solid #e1e1e1;
  padding: 20px 10px
}

#nav .menu>li:nth-child(1)>ul {
  display: block;
}

#nav .menu>li>ul>li {
  margin-top: 10px;
}

#nav .menu>li>ul>li:first-child {
  margin-top: 0;
}

#nav .menu>li>ul>li>a {
  display: inline-block;
  color: #231f20;
  font-size: 17px;
}

.main_line_card_ul {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  margin: 20px auto 0px auto;
  justify-content: space-around;
}

.main_line_card_ul li {
  width: 48%;
  text-align: center;
  border: 1px solid #ddd;
  max-width: 50%;
  height: 139px;
  margin: 0px 0% 20px 0%;
}


@media all and (max-width:980px) {
  .footer_address span {
    display: block;
  }

  .main_text {
    position: absolute;
    max-width: 1500px;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
    z-index: 10;
    font-size: 40px;
    line-height: 55px;
  }

  /* .container {
    height: 100vh;
    max-height: 400px;
  } */

  .main_visual_wrap {
    position: relative;
    height: auto;
    width: 100%;
    max-height: auto;
  }

  .main_visual_item01 {
    width: 100%;
    background: url(../img/main/visual_img01.png) center center no-repeat;
    height: 100vh;
    max-height: 400px;
    background-size: cover;
  }

  .main_service_wrap {
    padding: 50px 0px;
  }

  .main_header_text h2 {
    font-size: 40px;
  }

  .main_service_ul {
    margin-top: 40px;
    width: 100%;
    background: url(../img/main/main_business_img.png) left top no-repeat;
    padding-top: 200px;
  }

  .main_service_ul {
    display: block;
  }

  .main_service_ul li {
    flex: 1;
    max-width: 96%;
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    background: #BC0015;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
  }

  .main_line_card_wrap {
    padding: 50px 0px;
  }

  .main_business_wrap_ul li:nth-child(1) dl dt {
    padding-top: 25px;
    background-size: 50px auto;
  }

  .main_business_wrap_ul li:nth-child(2) dl dt {
    padding-top: 55px;
    background-size: 50px auto;
  }

  .main_business_wrap_ul li:nth-child(3) dl dt {
    padding-top: 55px;
    background-size: 50px auto;
  }

  .main_business_wrap_ul li:nth-child(4) dl dt {
    padding-top: 55px;
    background-size: 50px auto;
  }

  .main_business_wrap_ul li:nth-child(5) dl dt {
    padding-top: 55px;
    background-size: 50px auto;
  }

  .main_business_wrap_ul li:nth-child(6) dl dt {
    padding-top: 55px;
    background-size: 35px auto;
  }

  .main_business_wrap_ul li dl dt {
    font-size: 25px;
  }

  .main_business_title_dl {
    padding: 20px 0px 0px 0px;
  }

  .main_business_wrap_ul li:first-child {
    background: none;
  }


}

@media all and (max-width:640px) {

  .main_gnb_wrap_on .logo {
    background: url('../img/main/logo_black.png') left top no-repeat;
    /*width: 120px;*/
    /*height: 20px;*/
    /*background-size: 120px auto;*/
  }

  .logo {
    /*width: 120px;*/
    /*height: 20px;*/
    /*background-size: 120px auto;*/
  }

  .main_visual_item01 {
    height: 100vh;
    max-height: 300px;
    background-size: cover;
  }

  .main_text {
    position: absolute;
    max-width: 1500px;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -20%);
    z-index: 10;
    font-size: 30px;
    line-height: 35px;
  }

  .main_service_wrap {
    padding: 30px 0px;
  }

  .main_header_text h2 {
    font-size: 40px;
  }

  .main_header_text p {
    font-size: 18px;
    color: #666666;
    letter-spacing: -0.5px;
    margin-top: 15px;
  }

  .main_service_ul {
    padding-top: 100px;
  }

  .main_service_ul li {
    height: 260px;
  }

  .main_service_ul li dl dt {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    letter-spacing: -1px;
  }

  .main_service_ul li dl dd p:nth-child(1) {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
  }

  .main_service_ul li dl dd p:nth-child(2) {
    text-align: left;
    margin-top: 30px;
  }

  .main_service_ul li dl dd p:nth-child(2) img {
    width: 56px;
    height: auto;
  }

  .main_line_card_ul li {
    height: 109px;
  }

  .main_line_card_ul li a img {
    width: 50%;
  }


}


/* 서브 비쥬얼 */
.sub_visual_wrap {
  position: relative;
}

.sub_visual_contents {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.sub_visual_img img {
  width: 100%;
  -webkit-transform: scale(1.05, 1.0.05);
  transform: scale(1.05, 1.05);
  -webkit-transition: transform 1000ms ease-in-out;
  transition: opacity 1.5s ease-out, transform 1000ms ease-in-out;
}

.sub_visual_title {
  position: absolute;
  max-width: 1480px;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -40%);
  width: 100%;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  text-align: center;
}

.sub_visual_title dl dt {
  font-size: 70px;
  font-weight: 500;
  color: #fff;
}

.sub_visual_title dl dd {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
}

/* 서브 탭 메뉴 */
.sub_tap_menu {
  background: #F5F5F5;
  height: 90px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DBDBDB
}

.sub_tap_menu ul {
  padding-top: 8px;
  width: 1410px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.sub_tap02_menu ul {
  max-width: 900px;
}

.sub_tap_menu ul li {
  margin-right: 100px;
}

.sub_tap_menu ul li.sub_tap_menu_on a {
  border-bottom: 2px solid #1C51A0;
  padding-bottom: 10px;
  color: #1C51A0;
  padding-bottom: 10px;
  font-weight: 500;
}

.sub_tap_menu ul li:last-child {
  margin-right: 0px;
}

.sub_tap_menu ul li a {
  display: inline-block;
  position: relative;
  font-size: 22px;
  color: #444444;
  transition: all 0.1s;
  min-height: 35px;
}

.sub_tap_menu.sub_tapMenu_fixed ul li a {
  font-size: 18px !important;
}

/* .sub_tap_menu ul li a:before {
  transition: all 0.1s;
  position: absolute;
  content: '';
  width: 100%;
  height: 0px;
  background: #1C51A0;
  left: 0px;
  bottom: -1px;
}

.sub_tap_menu ul li a:hover:before {
  height: 2px;
  bottom: -2px;
} */

.align_center {
  text-align: center;
}

/* 서브페이지 공통 */
.sub_contents {
  margin: 110px 0px;
}

.sub_board_contents {
  margin: 110px 0px 0px 0px;
}

.sub_contents_no_bottom_margin {
  margin: 110px 0px 0px 0px;
}

.sub_history_contents {
  margin: 150px 0px 100px 0px;
}


.web_block {
  display: block;
}

.font_weight {
  font-weight: 600;
}

.sub_company_intro_con {
  /* max-width: 1410px; */
  width: 100%;
  margin: 0 auto;
}

.sub_title {
  position: relative;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -2px;
}

.border_title {
  border-bottom: 3px solid #333333;
  max-width: 1410px;
  margin: 0 auto;
  padding-bottom: 40px;

}

.sub_title_margin_bottom {
  margin-bottom: 40px;
}

.sub_title p {
  position: relative;
  display: inline-block;
  padding: 0px 10px 4px 10px;
}

.sub_title p::before {
  position: absolute;
  bottom: 0px;
  height: 32px;
  width: 100%;
  background-color: rgba(28, 81, 160, 0.4);
  bottom: 0px;
  left: 0px;
  content: '';
}

/* 서브 페이지 :: 회사소개 */
.sub_comapny_intro_header {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}

.sub_comapny_intro_header h2 {
  font-size: 35px;
  text-align: center;
  color: #444444;
  letter-spacing: -1px;
  font-weight: 400;
}

.sub_comapny_intro_header h2 span {
  color: #1C51A0;
  font-weight: 600;
}

.sub_comapny_intro_header ul {
  display: flex;
  padding: 20px 0px;
  margin-top: 50px;
  background: url('../img/sub/sub01_overview.png') center center no-repeat;
}

.sub_comapny_intro_header ul li {
  flex: 1;
  text-align: center;
}

.sub_comapny_intro_header ul li dl dt {
  font-size: 20px;
  color: #1C51A0;
  font-weight: 600;
}

.sub_comapny_intro_header ul li dl dd .sub_company_count_num {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub_comapny_intro_header ul li dl dd .sub_company_count_sub_desc {
  font-size: 25px;
  margin-left: 10px;
  font-weight: 600;
  color: #444;
}

.sub_comapny_intro_header ul li dl dd .sub_company_num {
  position: relative;
  font-size: 55px;
  color: #000000;
  font-weight: 800;
  letter-spacing: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub_comapny_intro_header ul li dl dd .sub_company_num span {
  font-size: 20px;
  color: #444444;
  margin-left: 13px;
  font-weight: 500;
}

.sub_comapny_intro_header ul li dl dd .sub_company_data {
  font-size: 17px;
  color: #666666;
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 5px;
}

.num_count_ul {
  position: relative;
  opacity: 0;
  /* visibility: initial !important; */

}


.sub_comapny_intro_center {
  background: url('../img/sub/sub01_bg_img01.png') center center no-repeat;
  margin-top: 120px;
  background-size: cover;
}

.sub_comapny_intro_center h3 {
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1px;
}

.sub_comapny_intro_center_con {
  padding: 120px 0px;
  position: relative;
  max-width: 1410px;
  margin: 0px auto 0px auto;
}

.sub_comapny_intro_center_con::before {
  position: absolute;
  left: 33.333333333%;
  top: 0px;
  width: 1px;
  height: 100%;
  content: '';
  background: rgba(255, 255, 255, 0.1);
}

.sub_comapny_intro_center_con::after {
  position: absolute;
  left: 66.6666666666%;
  top: 0px;
  width: 1px;
  height: 100%;
  content: '';
  background: rgba(255, 255, 255, 0.1);
}

.sub_comapny_intro_center ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.sub_comapny_intro_center ul li {
  width: 33.33333333%;
  margin-top: 110px;
}

.sub_comapny_intro_center ul li dl dt {
  color: #8F989C;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -1px;
}

.sub_comapny_intro_center ul li:nth-child(1) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon03.png') center 10px no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(2) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon01.png') center 10px no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(3) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon02.png') center 13px no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(4) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon04.png') center top no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(5) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon05.png') center 15px no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(6) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon09.png') center 10px no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(7) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon06.png') center 15px no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(8) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon07.png') center top no-repeat;
}

.sub_comapny_intro_center ul li:nth-child(9) dl dt {
  padding-top: 100px;
  background: url('../img/sub/sub_company_icon08.png') center 15px no-repeat;
}

.sub_comapny_intro_center ul li dl dd {
  color: #fff;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-top: 10px;
}

.sub_comapny_intro_bottom {
  margin: 110px 0px;
  text-align: center;
}

.company_dia_img01 img {
  width: 100%;
  max-width: 940px;
}

@media all and (max-width: 1500px) {
  .sub_tap_menu ul {
    width: 100%;
    margin: 0 auto;
    padding: 0px 2%;
  }
}

@media all and (max-width: 1280px) {
  .sub_visual_title dl dt {
    font-size: 35px;
  }

  .sub_visual_title dl dd {
    font-size: 20px;
  }

  .sub_tap_menu ul li a {
    display: block;
    font-size: 15px;
    color: #444444;
    transition: all 0.1s;
    min-height: 35px;
    width: 100%;
  }
}

@media all and (max-width: 980px) {
  .sub_tap_menu ul li {
    margin-right: 0px;
  }
}

@media all and (max-width: 680px) {

  .sub_tap_menu {
    height: auto;
    padding-top: 20px;
  }

  .sub_tap_menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }

  .sub_tap_menu ul li {
    margin-bottom: 20px;
  }


  .sub_tap_menu ul li a {
    font-size: 13px;
    min-height: 35px;
    word-break: keep-all;
    text-align: center;
  }

  .sub_tap_menu ul li {
    width: 33.33333333%;
  }

}

/* sub :: CEO 인사말 */
.sub_ceo_message_wrap {
  background: #F2F6FC;
  padding: 140px 0px;
  margin-top: 90px;
}

.sub_ceo_message_con {
  max-width: 1410px;
  margin: 0 auto;
  display: flex;
}

.sub_ceo_message_con>div {
  flex: 1;
}

.sub_ceo_message_right_con {
  max-width: 542px;
}

.sub_ceo_message_header_text {
  position: relative;
  font-size: 35px;
  color: #000000;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 52px;
  padding-left: 15px;
  display: inline-block;
}

.sub_ceo_message_header_text:before {
  position: absolute;
  width: 68px;
  height: 68px;
  background: url('../img/sub/ico_quote01.png') left top no-repeat;
  content: '';
  left: -36px;
  top: -40px;
}

.sub_ceo_message_header_text:after {
  position: absolute;
  width: 68px;
  height: 68px;
  background: url('../img/sub/ico_quote02.png') left top no-repeat;
  content: '';
  right: -44px;
  bottom: 18px;
}

.blue_color_text {
  color: #1C51A0;
}

.sub_ceo_message_middle_text {
  font-size: 19px;
  color: #555555;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 30px;
  margin-top: 29px;
}

.sub_ceo_message_bottom_text {
  font-size: 19px;
  color: #555555;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 30px;
  margin-top: 29px;
}

.sub_ceo_message_right_con_sign {
  text-align: right;
  margin-top: 20px;
  font-size: 20px;
  color: #707070;
  letter-spacing: -1px;
  font-weight: 600;
  padding-right: 15px;
}

.sub_ceo_message_right_con_sign span {
  font-size: 25px;
  color: #000000;
  font-weight: 800;
  margin-left: 10px;
}

/* sub :: 연혁 */
.sub_company_history_wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sub_company_history_header_title {
  text-align: center;
  font-size: 35px;
  margin: 70px 0px 0px 0px;
  color: #444444;
  letter-spacing: -1px;

}

.sub_history_top_img {
  text-align: center;
  position: relative;
  left: 80px;
  top: 70px;
  z-index: 50;
}

.fix_sub_wrap {
  padding-top: 140px;
}




/* sub :: 연혁 세로 슬라이드 스크립트 */
.history .history_con_wrap .con:last-of-type .progress {
  display: none !important;
}

.history.type01 .history_anchors {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0px;
}

.history.type01 .history_anchors .fixed_area {
  position: relative;
  background: #fff;
  width: 2px;
  height: 100%;
  max-height: 100%;
  z-index: 10;
  transition: top 0.3s;
  background-color: #E5E5E5;
  left: 0px;
}

.history_ul {
  text-align: center;
  font-size: 0;
  width: 100%;
  height: 100%;
  max-width: 1190px;
  margin: 0 auto 0px auto;
}

.history_ul li {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 500px;
  height: 200px;
  margin-bottom: 200px;
}


.history_ul li:nth-child(2n)>div {
  position: absolute;
  left: 50%;
  padding-left: 70px;
}

.history_ul li>div {
  position: relative;
  display: block;
  font-size: 3.875rem;
  letter-spacing: 0em;
  line-height: 1.5714285714;
  font-family: "SamYang", sans-serif;
  color: #000000;
  font-weight: 600;
  z-index: 10;
  flex: 1;
  text-align: right;
}

.history_ul li>div>span {
  padding-right: 70px;
}

.history_ul li p {
  position: relative;
  display: block;
  font-size: 1.275rem;
  letter-spacing: -0.03em;
  line-height: 1.5714285714;
  font-family: "SamYang", sans-serif;
  color: #555555;
  font-weight: 500;
  text-align: left;
  /* padding: 30px 0px 0px 150px; */
  opacity: 0;
  transition: all 0.5s;
  top: -20px;
  flex: 1;
  margin-top: 34px;
}

.history_ul li:nth-child(2n) p {
  text-align: right;
  padding-right: 50%;
}


.history_ul li p span {
  padding: 0px 0px 0px 70px;
  display: block;
}

.history_ul li:nth-child(2n) p span {
  padding: 0px 70px 0px 0px;
}

.history_ul li .history_con span {
  position: relative;
  opacity: 0;
  transition: all 0.5s;
  top: -20px;
}

.history_ul li>div i {
  position: absolute;
  right: -6px;
  top: 45px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #000;
}

.history_ul li:nth-child(2n)>div i {
  position: absolute;
  right: auto;
  left: -4px;

}

.history_ul li>div i:after {
  content: "";
  width: 22px;
  height: 22px;
  background-color: #000;
  border-radius: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: all 0.3s;
  opacity: 0.4;
}

.history_ul li i:before {
  opacity: 0;
  content: "";
  width: 0;
  height: 0;
  background-color: #e1f4fe;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.3s;
}

.history_ulli i:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #aaa;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: all 0.3s;
}

.history_ulli.active i:before {
  opacity: 1;
  width: 32px;
  height: 32px;
}

.history_ul li.active i:after {
  background-color: #00a3f1;
}

.history_ul li.active span,
.history_ul li.active p {
  /* color: #00a3f1; */
  /* font-weight: bold; */
  opacity: 1;
  top: 0px;
}

.history_ul li.pass i:after {
  background-color: #00a3f1;
}

.history_wrap {
  position: relative;
  /* padding: 50px 0px; */
  padding-top: 300px;
}

.history.type01 .history_anchors .progress {
  width: 100%;
  height: 100%;
  max-height: 1950px;
  position: absolute;
  left: 50%;
  text-align: left;
  z-index: 2;
}

.history.type01 .history_anchors .progress.start {
  /* height: calc((100% - 2100px) / 4); */
  height: 100%;

}

.history.type01 .history_anchors .progress.end {
  left: auto;
  right: 0;
  /* height: calc((100% - 952px) / 2); */
}

.history.type01 .history_anchors .progress .percent {
  display: inline-block;
  vertical-align: top;
  background-color: #1C51A0;
  width: 100%;
}

/* sub :: CI 소개 */
.sub_company_ci_wrap {
  max-width: 1410px;
  margin: 0 auto;
}

.sub_ci_item01 p:nth-child(1) {
  height: 412px;
  border: 1px solid #ddd;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub_ci_item01 {
  margin-top: 50px;
}

.sub_ci_common_text {
  font-size: 20px;
  color: #555555;
  margin-top: 20px;
  letter-spacing: -1px;
}

.sub_ci_item02 {
  margin-top: 100px;
}

.sub_ci_item02>ul {
  display: flex;
}

.sub_ci_item02>ul li:nth-child(1) {
  margin-right: 100px;
}

.sub_ci_item02>ul li dl dt {
  font-size: 30px;
  color: #444444;
}

.sub_ci_item02>ul li dl dd {
  margin-top: 20px;
}

.sub_ci_item03 {
  margin-top: 100px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 100px;
}

.sub_ci_item03>ul dl dt {
  font-size: 30px;
  color: #444444;
}

.sub_ci_item03>ul dl dd {
  margin-top: 20px;
}

.sub_ci_item04 {
  margin-top: 100px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 100px;
}

.sub_ci_item04>ul li {
  margin-bottom: 100px;
}

.sub_ci_item04>ul li:last-child {
  margin-bottom: 0px;
}

.sub_ci_item04>ul li:nth-child(1) {
  max-width: 545px;
}

.sub_ci_item04>ul li:nth-child(1) img {
  width: 100%;
}

.sub_ci_item04>ul li:nth-child(2) {
  max-width: 818px;
}

.sub_ci_item04>ul li:nth-child(2) img {
  width: 100%;
}

.sub_ci_item04>ul li:nth-child(3) {
  max-width: 818px;
}

.sub_ci_item04>ul li:nth-child(3) p {
  margin-bottom: 25px;
}

.sub_ci_item04>ul li:nth-child(3) p:last-child {
  margin-bottom: 0px;
}

.sub_ci_item04>ul li:nth-child(3) img {
  width: 100%;
}

.sub_ci_item04>ul dl dt {
  font-size: 30px;
  color: #444444;
}

.sub_ci_item04>ul dl dd {
  margin-top: 20px;
}

.sub_ci_item05 {
  margin-top: 100px;
}

.sub_ci_item05>ul dl dt {
  font-size: 30px;
  color: #444444;
}

.sub_ci_item05>ul dl dd {
  margin-top: 20px;
}

.sub_ci_item05 .sub_ci_rule_ul {
  display: flex;
}

.sub_ci_item05>ul li {
  margin-bottom: 0px;
}

.sub_ci_item06 {
  margin-top: 100px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 100px;
}

.sub_ci_item06>ul dl dt {
  font-size: 30px;
  color: #444444;
}

.sub_ci_item06>ul dl dd {
  margin-top: 20px;
}

.sub_ci_item07 {
  margin-top: 100px;
}

.sub_ci_item07>ul dl dt {
  font-size: 30px;
  color: #444444;
}

.sub_ci_item07>ul dl dd {
  margin-top: 20px;
}

/* 서브 페이지 공통 탭 메뉴 */
.sub_page_tap_menu_ul {
  background-color: #F9FAFA;
  height: 60px;
  display: flex;
  margin: 100px 0px 50px 0px;
}

.sub_page_tap_menu_ul_margin_bottom {
  margin: 100px 0px 80px 0px;

}

.sub_page_tap_menu_ul li {
  flex: 1;
  text-align: center;
  border-left: 1px solid #E8E8E8;
}

.sub_page_tap_menu_ul li {
  width: 100%;
  height: 100%;
}

.sub_page_tap_menu_ul li p {
  font-size: 20px;
  color: #444444;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  cursor: pointer;
}

.sub_page_tap_menu_ul li.sub_tap_menu_on p {
  background: #1C51A0;
  color: #fff;
}

.sub_page_tap_menu_ul li a {
  font-size: 20px;
  color: #444444;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  cursor: pointer;
}

.sub_page_tap_menu_ul li.sub_tap_menu_on a {
  background: #1C51A0;
  color: #fff;
}


/* 서브 :: 오시는 길 */
.sub_location_wrap {
  max-width: 1410px;
  margin: 0 auto 100px auto;
}

.sub_location_map {
  display: none;
}

.sub_location_map0 {
  display: block;
}

.sub_map_iframe {
  margin-top: 50px;
}

.sub_location_desc {
  background: #F9FAFA;
  padding: 45px 70px;
}

.sub_location_desc ul li {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  font-size: 25px;
  color: #444444;
  letter-spacing: -1px;

}

.sub_location_desc ul li span {
  display: block;
  width: 197px;
  height: 57px;
  line-height: 55px;
  color: #fff;
  border-radius: 57px;
  padding-left: 80px;
  font-size: 20px;
  margin-right: 25px;
}

.sub_location_desc ul li:nth-child(1) span {
  background: #005BAA url('../img/sub/sub04_icon01.png') 25% center no-repeat;
}

.sub_location_desc ul li:nth-child(2) span {
  background: #005BAA url('../img/sub/sub04_icon02.png') 25% center no-repeat;
}

.sub_location_desc ul li:nth-child(3) span {
  background: #005BAA url('../img/sub/sub04_icon03.png') 25% center no-repeat;
}

.sub_location_desc ul li:last-child {
  margin-bottom: 0px;
}

/* sub :: 사업소개 */
.sub_business_wrap {
  max-width: 1410px;
  margin: 100px auto;
}

.sub_business01_con {
  text-align: center;
}

.sub_business01_con p:nth-child(1) {
  margin-bottom: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #ddd;
}

.sub_business01_con p:nth-child(2) {
  margin-bottom: 100px;
}

.sub_business01_con p:nth-child(3) {
  background: #EBF3F8;
  padding: 90px 0px;
  border: 1px solid #ddd;
  border-radius: 10px;
  ;
}

.sub_business01_con p:nth-child(3) img {
  position: relative;
  left: 7px;
}

.sub_business01_img01 img {
  width: 100%;
  max-width: 1180px;
}

.sub_business01_img02 img {
  width: 100%;
  max-width: 489px;
}

.sub_business01_img03 img {
  width: 100%;
  max-width: 1394px;
}

.sub_business02_header_text {
  text-align: center;
}

.sub_business02_header_text dl dt {
  font-size: 45px;
  line-height: 65px;
  color: #000;
  letter-spacing: -1.5px;
  font-weight: 600;
}

.sub_business02_header_text dl dd {
  font-size: 20px;
  line-height: 32px;
  color: #444444;
  letter-spacing: -1px;
  margin-top: 30px;
}

.sub_business02_img {
  margin-top: 75px;
}

.sub_business02_img img {
  width: 100%;

}

.sub_business02_middle_text {
  margin-top: 90px;
  text-align: center;
}

.sub_business02_middle_text02 {
  background: url('../img/sub/sub_business02_img02.png') right bottom no-repeat;
  padding-bottom: 80px;
}

.sub_business02_middle_text dl dt {
  font-size: 45px;
  color: #000000;
  line-height: 65px;
  letter-spacing: -1px;
  font-weight: 600;
}

.sub_business02_middle_text dl dd {
  font-size: 20px;
  color: #000000;
  line-height: 32px;
  letter-spacing: -1px;
  font-weight: 500;
  margin-top: 40px;
}

.sub_business01_sec01 {
  margin-bottom: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #ddd;
}

.sub_business03_sec02 {
  margin-bottom: 100px;
  padding-bottom: 100px;
  /*border-bottom: 1px solid #ddd;*/
}

.sub_business01_two_vertical_ul {
  display: flex;
  padding: 0px 20px 100px 20px;
  margin-bottom: 100px;
  border-bottom: 1px solid #ddd;
}

.sub_business01_two_vertical_ul_type02 {
  padding: 0px 20px 100px 20px;
  margin-bottom: 0px;
  border-bottom: 0px;
}

.sub_business01_two_vertical_ul:last-child {
  padding: 0px 20px 0px 20px;
  margin-bottom: 0px;
  border-bottom: 0px;
}

.sub_business01_two_vertical_ul li {
  flex: 1;
}

.sub_business01_two_vertical_ul>li:nth-child(1) {
  max-width: 600px;
  font-size: 45px;
  letter-spacing: -2px;
  color: #000;
  font-weight: 600;
  line-height: 55px;
}

.sub_business01_two_vertical_ul_type02 li:nth-child(1) {
  max-width: 500px;
}

.sub_business01_two_vertical_ul_type03>li:nth-child(1) {
  max-width: 350px;
}

.sub_business01_two_vertical_ul05_type03>li:nth-child(1) {
  max-width: 350px;
}

.sub_business04_two_vertical_ul02 {
  padding: 0px !important;
}

.sub_business04_two_vertical_ul02_no_margin {
  margin-bottom: 0px;
  padding: 0px 20px 0px 20px;
  border-bottom: 0px;
}

.sub_business04_dia_img img {
  width: 100%;
}



.sub_business04_two_vertical_ul02>li:nth-child(1) {
  max-width: 550px;
}

.sub_business_normal_text {
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 32px;
  color: #444444;
  word-break: keep-all;
}

.sub_business01_con_img {
  margin-top: 40px;
}

.sub_business_circle_text p {
  position: relative;
  padding-left: 12px;
  font-size: 20px;
  color: #555555;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
  height: 100%;
  word-break: keep-all;
  line-height: 35px;
}

.sub_business_circle_text p:last-child {
  margin-bottom: 0px;
}

.sub_business_circle_text p::before {
  position: absolute;
  left: 0px;
  top: 16px;
  margin-top: 0px;
  width: 4px;
  height: 4px;
  content: '';
  background: #555555;
  border-radius: 4px;
}

.sub_business01_two_vertical_ul_bg_img {
  background: url('../img/sub/sub_business02_img02.png') 99% 0% no-repeat;
  padding-bottom: 200px;
}

.sub_business03_dia_img {
  text-align: center;
  background: #EBF3F8;
  padding: 60px 0px;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.sub_business03_arr_img {
  text-align: center;
  margin-top: 35px;
}

.sub_busine_three_hrizontal_ul {
  display: flex;
}

.sub_busine_three_hrizontal_ul li {
  text-align: center;
  background: #F2F7FB;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border-radius: 10px;
  line-height: auto !important;
}

.sub_busine_three_hrizontal_ul_project {
  display: flex;
  width: 100%;
  max-width: 1240px;
  margin: 50px auto 0px auto;
}

.sub_busine_three_hrizontal_ul_project li {
  flex: 1;
}

.sub_busine_three_hrizontal_ul li dl dt {
  font-size: 25px;
  color: #000000;
  font-weight: 600;
}

.sub_busine_three_hrizontal_ul li dl dd {
  font-size: 18px;
  color: #444444;
  font-weight: 500;
  letter-spacing: -1px;
  margin-top: 20px;
}

.sub_busine_three_hrizontal_ul li:nth-child(1) dl dd {
  padding-bottom: 110px;
  background: url('../img/sub/sub_business03_icon01.png') center bottom no-repeat;
}

.sub_busine_three_hrizontal_ul li:nth-child(2) dl dd {
  padding-bottom: 110px;
  background: url('../img/sub/sub_business03_icon02.png') center bottom no-repeat;
}

.sub_busine_three_hrizontal_ul li:nth-child(3) dl dd {
  padding-bottom: 110px;
  background: url('../img/sub/sub_business03_icon03.png') center bottom no-repeat;
}

.sub_business03_fix_item {
  margin-bottom: 80px;
}

.sub_business03_fix_item_no_margin {
  margin-bottom: 0px;
}

.sub_business01_two_vertical_ul_type03 li:nth-child(2) .sub_business03_fix_item:last-child {
  margin-bottom: 0px;
}

.sub_business03_fix_item>h3 {
  font-size: 30px;
  color: #444444;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  padding-left: 38px;
  margin-bottom: 20px;
}

.sub_business03_fix_item>h3:before {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 21px;
  height: 4px;
  background: #1C51A0;
  content: '';
}

.sub_business_fix_ul {
  display: flex;
  margin-top: 25px;
}

.sub_business_fix_ul li {
  position: relative;
  height: 123px;
  background: #FAFAFA;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  border-radius: 10px;
}

.sub_business_fix_ul_plus li:before {
  position: absolute;
  right: -35px;
  top: 50%;
  width: 51px;
  height: 51px;
  margin-top: -25px;
  background: url('../img/sub/plus_icon.png') left top no-repeat;
  content: '';
  z-index: 10;
}

.sub_business_fix_ul_plus li:last-child:before {
  display: none;
}

.sub_business_fix_ul_arrow li:before {
  position: absolute;
  right: -35px;
  top: 50%;
  width: 51px;
  height: 51px;
  margin-top: -25px;
  background: url('../img/sub/arrow_icon.png') left top no-repeat;
  content: '';
  z-index: 10;
}

.sub_business_fix_ul_arrow li:last-child:before {
  display: none;
}

.sub_business_fix_ul li span {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
  max-width: 80%;
  text-align: center;
}

.sub_business_fix_ul li:last-child {
  margin-right: 0px;
}

.sub_business_qnm_ul {
  display: flex;
  text-align: center;
  margin-top: 30px;
}

.sub_business_qnm_ul li {
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-right: 30px;
}

.sub_business_qnm_ul li:last-child {
  margin-right: 0px;
}

.sub_business_qnm_ul li dl dt {
  padding: 30px 0px;
}

.sub_business_qnm_ul li dl dd {
  font-size: 18px;
  height: 59px;
  background: #FAFAFA;
  border-top: 1px solid #ddd;
  line-height: 58px;
  font-weight: 500;
}

.sub_business_fix02_ul {
  flex-wrap: wrap;
}

.sub_business_fix02_ul li {
  max-width: 247px;
}

.sub_business_fix02_ul li dl dt {
  padding: 0px;
}

.sub_business_fix03_ul {
  display: flex;
  flex-wrap: wrap;
}

.sub_business_fix03_ul li {
  margin-bottom: 22px;
  max-width: 238px;
  margin-right: 20px;
  flex: 25%;
}

.sub_business_fix03_ul li:nth-child(4n) {
  margin-right: 0px;
}

.sub_business_fix03_ul li dl dt img {
  width: 100%;
}

.sub_business04_list_text {
  text-align: center;
  margin-top: 25px;
}

.sub_business04_list_text li {
  background: #FAFAFA;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  height: auto;
  line-height: 30px;
  border: 1px solid #ddd;
  font-size: 18px;
  color: #555555;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 9px;
  border-radius: 10px;
  padding: 10px 30px;
  word-break: keep-all;
}

.sub_business04_list_text li:last-child {
  margin-bottom: 0px;
}

.sub_business04_list_img {
  max-width: 800px;
  margin: 25px auto 0px auto;
}

/* sub :: 투자정보 */
.sub_investment_wrap {
  max-width: 1410px;
  margin: 0 auto;
}

.sub_investment_tap_menu {
  display: flex;
}

.sub_investment_tap_menu li {
  flex: 1;
  text-align: center;
  font-size: 30px;
  color: #444444;
  font-weight: 500;
  letter-spacing: -1px;
  border-bottom: 3px solid #DDDDDD;
  padding-bottom: 10px;
  cursor: pointer;
}

.sub_investment_tap_menu li.sub_investment_tap_menu_on {
  color: #1C51A0;
  font-weight: 500;
  letter-spacing: -1px;
  border-bottom: 3px solid #1C51A0;
  padding-bottom: 10px;
}

.sub_investment_table_wrap {
  margin-top: 50px;
}

.sub_investment_table_hide {
  display: none;
}

.sub_investment_table_wrap02 {
  margin-top: 30px;
}

.sub_investment_table_unit_text {
  text-align: right;
  font-size: 18px;
  color: #777777;
  letter-spacing: -1px;
}

.sub_investment_table {
  width: 100%;
  border-top: 1px solid #666666;
  margin-top: 10px;
  letter-spacing: -1px;
  border-spacing: 0px;
}


.sub_investment_table th {
  font-size: 18px;
  color: #444444;
  font-weight: 500;
  background: #F2F7FB;
  height: 60px;
  border-left: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  width: 25%;
}

.sub_investment_result_table th {
  width: auto;
}

.sub_investment_table th:nth-child(1) {
  border-left: 0px;
}

.sub_investment_table tr td {
  font-size: 18px;
  color: #777777;
  font-weight: 400;
  height: 54px;
  border-bottom: 1px solid #E9E9E9;
  border-left: 1px solid #E9E9E9;
  text-align: right;
  padding: 20px 35px;
}

.sub_investment_table tr td:nth-child(1) {
  border-left: 0px;
  text-align: center;
  color: #444444;
  font-weight: 500;
}

.sub_imvestment_scroll_table {
  display: block;
  width: 100%;
  overflow-x: scroll;

}

.sub_investment_result_table02 {
  min-width: 800px;
  width: 100%;
}

.sub_investment_result_table02 tr td:nth-child(1) {
  color: #777777;
}

.sub_investment_result_table02 tr td {
  text-align: center;
}

.sub_investment_table tr.gray_bg td {
  background: #FAFAFA;
}

.sub_investment_meeting_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
}

.sub_investment_meeting_header li:nth-child(1) {
  font-size: 45px;
  font-weight: 600;
  letter-spacing: -2px;
}

.sub_investment_file_down {
  display: flex;
}

.sub_investment_file_down a {
  display: flex;
  height: 47px;
  border-radius: 47px;
  align-items: center;
  background: #1C51A0;
  padding: 0px 35px;
  margin-left: 10px;
}

.sub_investment_file_down a span {
  color: #fff;
  font-size: 20px;
  letter-spacing: -1px;
  padding-right: 40px;
  background: url('../img/sub/down_icon.png') right center no-repeat;
}

.sub_investment_date {
  margin-top: 27px;
  font-size: 18px;
  color: #777777;
  letter-spacing: -1px;
}

.sub_investment_date dd {
  margin-top: 5px;
}

.sub_investment_result,
.sub_investment_situation {
  margin-top: 100px;
}

/* sub :: 프로젝트 현황 지도 */

.sub_business01_two_vertical_ul05_type03:last-child {
  padding: 0px !important;
}

.sub_business05_map_wrap {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-bottom: 100px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 100px 0px;
  border-radius: 10px;
}

.sub_map_location_ul {
  position: absolute;
  left: 40px;
  top: 60px;
}

.sub_map_location_ul li {
  position: relative;
  text-align: left;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 10px;
  padding-left: 32px;
}

.sub_map_location_ul li:before {
  content: '';
  width: 24px;
  height: 24px;
  background: #1C51A0;
  position: absolute;
  border-radius: 25px;
  top: 3px;
  left: 0px;
}

.sub_map_location_ul li:nth-child(2)::before {
  background: #AC0C0C;
}

.sub_map_location_ul li:nth-child(3)::before {
  background: #0B851B;
}

.sub_map_location_ul li:nth-child(4)::before {
  background: #BB2A9D;
}

.sub_map_location_ul li:nth-child(5)::before {
  background: #2AB7BB;
}

.sub_business05_project_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  margin-top: 18px;
}

.sub_business05_project_ul>li {
  position: relative;
  width: 33.3333333333%;
  flex: auto;
  border: 1px solid #ddd;
  max-width: 328px;
  margin-right: 32px;
  border-radius: 10px;
  margin-bottom: 33px;
  overflow: hidden;
}

.sub_business05_project_ul>li:nth-child(1) {
  background: url('../img/sub/sub_business_map_icon01.png') center 40px no-repeat;
}

.sub_business05_project_ul>li:nth-child(2) {
  background: url('../img/sub/sub_business_map_icon02.png') center 27px no-repeat;
}

.sub_business05_project_ul>li:nth-child(3) {
  background: url('../img/sub/sub_business_map_icon03.png') center 35px no-repeat;
}

.sub_business05_project_ul>li:nth-child(4) {
  background: url('../img/sub/sub_business_map_icon04.png') center 30px no-repeat;
}

.sub_business05_project_ul>li:nth-child(5) {
  background: url('../img/sub/sub_business_map_icon05.png') center 30px no-repeat;
}

.sub_business05_project_ul>li:nth-child(3n) {
  margin-right: 0px;
}

.sub_business05_project_ul>li>dl {
  background: #FAFAFA;
  margin-top: 150px;
  padding: 30px 15px;
  border-top: 1px solid #ddd;
}

.sub_business05_project_ul>li:nth-child(1)>dl,
.sub_business05_project_ul>li:nth-child(2)>dl,
.sub_business05_project_ul>li:nth-child(3)>dl {
  min-height: 350px;
}

.sub_business05_project_ul>li>dl dt {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
}

.sub_business05_project_ul>li>dl dd {
  margin-top: 15px;
}

.sub_business05_project_ul>li>dl dd p:nth-child(1) {
  background: #1C51A0;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
}

.sub_business05_project_ul>li>dl dd ul {
  margin-top: 15px;
  padding: 0px 20px;
}

.sub_business05_project_ul>li>dl dd ul li {
  position: relative;
  font-size: 18px;
  color: #444;
  letter-spacing: -1px;
  word-break: keep-all;
  padding-left: 15px;
  line-height: 25px;
  margin-bottom: 10px
}

.sub_business05_project_ul>li>dl dd ul li:last-child {
  margin-bottom: 0px
}

.sub_business05_project_ul>li>dl dd ul li span {
  position: absolute;
  left: 0px;
  top: 0px;
}

.sub_business05_map_spot {
  position: relative;
  display: inline-block;
}

.map_sec {
  position: absolute;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background: #1C51A0;
  cursor: pointer;
}

.map_sec>p {
  display: none;
}

.map_sec1 {
  position: absolute;
  top: 330px;
  left: 150px;
  background: #1C51A0 url('../img/sub/map_icon03.png') center no-repeat;
}

.map_sec1:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec1>p {
  width: 384px;
  height: 147px;
  position: absolute;
  left: -365px;
  top: -146px;
  background: url('../img/sub/map_sec01_desc.png') center no-repeat;
  content: '';
}

.map_sec2 {
  position: absolute;
  top: 150px;
  right: 120px;
  background: #1C51A0 url('../img/sub/map_icon02.png') center no-repeat;
}

.map_sec2:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec2>p {
  width: 356px;
  height: 184px;
  position: absolute;
  left: 33px;
  top: -164px;
  background: url('../img/sub/map_sec02_desc.png') center no-repeat;
  content: '';
}

.map_sec3 {
  position: absolute;
  bottom: 230px;
  left: 170px;
  background: #BB2A9D url('../img/sub/map_icon02.png') center no-repeat;
}

.map_sec3:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle02.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec3>p {
  width: 411px;
  height: 295px;
  position: absolute;
  left: -395px;
  top: -295px;
  background: url('../img/sub/map_sec03_desc.png') center no-repeat;
  content: '';
}

.map_sec4 {
  position: absolute;
  bottom: 180px;
  left: 140px;
  background: #BB2A9D url('../img/sub/map_icon03.png') center no-repeat;
}

.map_sec4:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle02.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec4>p {
  width: 411px;
  height: 295px;
  position: absolute;
  left: -394px;
  top: -295px;
  background: url('../img/sub/map_sec04_desc.png') center no-repeat;
  content: '';
}

.map_sec5 {
  position: absolute;
  bottom: 265px;
  right: 120px;
  background: #BB2A9D url('../img/sub/map_icon02.png') center no-repeat;
}

.map_sec5:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle02.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec5>p {
  width: 374px;
  height: 142px;
  position: absolute;
  left: 32px;
  top: -53px;
  background: url('../img/sub/map_sec05_desc.png') center no-repeat;
  content: '';
}

.map_sec6 {
  position: absolute;
  top: 380px;
  left: 385px;
  background: #AC0C0C url('../img/sub/map_icon01.png') center no-repeat;
}

.map_sec6:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle05.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec6>p {
  width: 538px;
  height: 142px;
  position: absolute;
  left: 33px;
  top: -54px;
  background: url('../img/sub/map_sec06_desc.png') center no-repeat;
  content: '';
}

.map_sec7 {
  position: absolute;
  top: 325px;
  right: 90px;
  background: #52B5B8 url('../img/sub/map_icon02.png') center no-repeat;
}

.map_sec7:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle03.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec7>p {
  width: 341px;
  height: 183px;
  position: absolute;
  left: 30px;
  top: -165px;
  background: url('../img/sub/map_sec07_desc.png') center no-repeat;
  content: '';
}

.map_sec8 {
  position: absolute;
  bottom: 130px;
  left: 180px;
  background: #52B5B8 url('../img/sub/map_icon03.png') center no-repeat;
}

.map_sec8:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle03.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec8>p {
  width: 403px;
  height: 142px;
  position: absolute;
  left: -403px;
  top: -50px;
  background: url('../img/sub/map_sec08_desc.png') center no-repeat;
  content: '';
}

.map_sec9 {
  position: absolute;
  top: 400px;
  right: 20px;
  background: #3C9247 url('../img/sub/map_icon02.png') center no-repeat;
}

.map_sec9:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle04.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec9>p {
  width: 284px;
  height: 142px;
  position: absolute;
  left: 33px;
  top: -57px;
  background: url('../img/sub/map_sec09_desc.png') center no-repeat;
  content: '';
}

.map_sec10 {
  position: absolute;
  bottom: 200px;
  left: 330px;
  background: #3C9247 url('../img/sub/map_icon02.png') center no-repeat;
}

.map_sec10:before {
  width: 54px;
  height: 54px;
  position: absolute;
  left: -11px;
  top: -10px;
  background: url('../img/sub/sec01_dot_circle04.png') center no-repeat;
  content: '';
  animation: rotate_image 3s linear infinite;
  transform-origin: 50% 50%;
}

.map_sec10>p {
  width: 205px;
  height: 253px;
  position: absolute;
  left: -88px;
  top: 27px;
  background: url('../img/sub/map_sec10_desc.png') center no-repeat;
  content: '';
}

@keyframes rotate_image {
  100% {
    transform: rotate(360deg);
  }
}

.map_sec_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 700px;
  height: 933px;
  display: none;
}

.map_sec01_bg {
  background: url('../img/sub/map_area01.png') left top no-repeat;
}

.map_sec02_bg {
  background: url('../img/sub/map_area02.png') left top no-repeat;
}

.map_sec03_bg {
  background: url('../img/sub/map_area03.png') left top no-repeat;
}

.map_sec04_bg {
  background: url('../img/sub/map_area04.png') left top no-repeat;
}

.map_sec05_bg {
  background: url('../img/sub/map_area05.png') left top no-repeat;
}

.map_sec06_bg {
  background: url('../img/sub/map_area06.png') left top no-repeat;
}

/* 2025-05-16 수정작업 */
.flex {display: flex;}
.aic {align-items: center;}
.jsc {justify-content: center;}
.tac {text-align:center;}
.mgt70 {margin-top: 70px;}
.busiCont1 {}
.busiCont1 ul {margin: 0 -15px;}
.busiCont1 ul li {padding: 0 15px; width: 25%;}
.busiCont1 .in {border: 1px solid #ddd; border-radius: 12px; height: 100%; background: #fafafa; position: relative;}
.busiCont1 .in::after {content: ''; position: absolute; top: 50%; right: -40px; margin-top: -38px; width: 51px; height: 51px; background: url(../img/sd_next_w.svg) 17px center / 20px #1C519F no-repeat; border-radius: 50%; z-index: 1;}
.busiCont1 ul li:last-child .in::after {display: none;}
.busiCont1 .rowA {text-align: center; padding: 46px 12px 26px; background: #fff; border-radius: 12px 12px 0 0;}
.busiCont1 .ic {}
.busiCont1 .ic img {}
.busiCont1 h3 {font-size: 30px; font-weight: 600;}
.busiCont1 .m1 {font-size: 21px;}
.busiCont1 .m1 span {font-weight: 600;}
.busiCont1 .rowB {border-top: 1px solid #ddd; padding: 24px 24px; border-radius: 0 0 12px 12px;}
.dotp {position: relative; font-size: 21px; padding-left: 16px; margin-bottom: 12px; word-break: keep-all;}
.dotp::before {content:''; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: #111; border-radius: 50%;}
.w380 {max-width: 350px !important;}
.busiCont2 {}
.busiCont2 .list {display: flex; margin-bottom: 24px; border: 1px solid #ddd; border-radius: 12px; height: 220px;}
.busiCont2 .list .num {background: #1c51a0; color: #fff; font-size: 24px; font-weight: 700; border-radius: 12px 0 0 12px; display: flex; width: 60px; align-items: center; justify-content: center;}
.busiCont2 .list .ic {text-align: center; width: 260px; background: #fafafa; border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.busiCont2 .list .ic img {height: 80px;}
.busiCont2 .list h3 {font-size: 30px; color: #111; font-weight: 600; line-height: 1.2; margin-top: 12px;}
.busiCont2 .list .txt {flex: 1; padding-left: 32px; display: flex; flex-direction: column; justify-content: center;}
.busiCont10,
.sub_business01_sec02.bt {margin-bottom: 100px; padding-bottom: 100px; border-bottom: 1px solid #ddd;}
.busiCont4 {}
.busiCont4 .list {padding-right: 90px; position: relative;}
.mgb80 {margin-bottom: 80px;}
.hipH3 {position: relative; font-size: 32px; color: #444; font-weight: 600; padding-left: 40px;}
.hipH3::before {content:''; position: absolute; width: 20px; height: 4px; background: #1c51a0; left: 0; top: 50%; margin-top: -2px;}
.busiCont4 .flex {margin: 40px -12px 0; position: relative;}
.busiCont4 .item {padding: 0 12px; flex: 1;}
.busiCont4 .item .in {text-align: center; border: 1px solid #ddd; border-radius: 12px; display: flex; height: 200px; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 1; background: #fff;}
.busiCont4 .item .ic {}
.busiCont4 .item .ic img {height: 60px;}
.busiCont4 .item .in p {font-size: 24px; color: #444; font-weight: 600; line-height: 1.2; margin-top: 16px;}
.busiCont4 .bg1::before,
.busiCont4 .bg2::before {content: ''; position: absolute; top: 0; right: -70px; left: 0; height: 100%;}
.busiCont4 .bg1::before {background: url(../img/line01.png) no-repeat right 20px;}
.busiCont4 .bg2::before {background: url(../img/line02.png) no-repeat right 20px;}
.busiCont4 .item .txt {font-size: 18px; color: #898989; margin-top: 4px; text-align: center; word-break: keep-all;}
.reqBtn {text-align: center;}
.reqBtn .chc {display: inline-flex; width: 496px; height: 92px; align-items: center; justify-content: center; background: #1c51a0; font-size: 32px; color: #fff; font-weight: 500; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; gap: 32px;}
.reqBtn .chc::after {content: ''; width: 40px; height: 10px; background: url(../img/arr_sm.svg) no-repeat center;}
.reqBtn .chc:hover {background: #111;}
.busiCont10 {}
.busiCont10 > ul {margin: 0 -15px;}
.busiCont10 > ul > li {padding: 0 15px; width: 33.333333%;}
.busiCont10 .in {border: 1px solid #ddd; border-radius: 12px; height: 100%;}
.busiCont10 .ic {text-align: center; background: #1c51a0; padding: 28px 0 20px; border-radius: 12px 12px 0 0;}
.busiCont10 .ic img {height: 80px;}
.busiCont10 .ic p {font-size: 30px; color: #fff; font-weight: 600; margin-top: 20px;}
.busiCont10 .tbox {padding: 30px 12px;}
.busiCont10 .rowA {}
.rowA_three ul,
.busiCont10 .rowA ul {gap: 12px; margin: 0 0;}
.rowA_three ul li,
.busiCont10 .rowA ul li {flex: 1; font-size: 18px; text-align: center; position: relative; border-radius: 50px; border: 5px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #1c51a0 0%, #638ac5 100%); background-origin: border-box; background-clip: content-box, border-box; height: 80px; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.3;}
.rowA_three ul li b,
.busiCont10 .rowA ul li b {font-weight: 600;}
.busiCont10 .rowB {margin-top: 48px; padding:0 12px;}
.busiCont10 .rowB ul {justify-content: space-between; padding: 0 8px; align-items: center;}
.busiCont10 .rowB ul:first-child {padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #1c51a0;}
.busiCont10 .rowB ul li {font-size: 18px; align-items: center;}
.busiCont10 .rowB ul li .blk {display: block;}
.busiCont10 .rowB ul li b {font-weight: 500;}
.busiCont10 .rowB ul li strong {font-size: 26px; color: #1c51a0; font-weight: 600;}
.busiCont10 .rowB ul li.flex {align-items: baseline; gap: 4px;}
.busiCont10 .rowC {padding-top: 24px; margin: 24px 12px 0; border-top: 1px solid #1c51a0;}
.busiCont10 .rowC .m1 {font-size: 24px; color: #1c51a0; font-weight: 600; margin-bottom: 12px;}
.dotp.m18,
.busiCont10 .rowC .dotp {font-size: 18px; margin-bottom: 4px; padding-left: 12px;}
.dotp.m18::before,
.busiCont10 .rowC .dotp::before {top: 12px; width: 4px; height: 4px;}
.busiCont10 .txt {font-size: 18px; color: #666; margin-top: 4px; padding-left: 8px;}
.busiH3 {font-size: 30px; font-weight: 600;}
.mgb60 {margin-bottom: 60px;}
.tbl {margin-top: 28px;}
.tbl table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.tbl table th {background: #1c51a0; color: #fff; font-size: 24px; font-weight: 600; text-align: center; height: 75px; padding: 8px 8px;}
.tbl table th:first-child {border-right: 1px solid #ddd;}
.tbl table td {text-align: center; color: #111; font-size: 21px; height: 64px; padding: 8px 8px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.bdr0 {border-right: 0 !important;}
.mgb16 {margin-bottom: 16px;}
.beneCont {gap: 16px; margin-top: 40px;}
.beneCont .item {flex: 1;}
.beneCont .in {text-align: center; border-radius: 20px; border: 5px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #1c51a0 0%, #638ac5 100%); background-origin: border-box; background-clip: content-box, border-box; height: 240px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.beneCont .in img {height: 80px;}
.beneCont .in .m1 {font-size: 21px; font-weight: 600; color: #111; margin-top: 20px;}
.beneCont .in .m2 {font-size: 21px; font-weight: 600; color: #1c51a0;}
.mgb40 {margin-bottom: 40px;}
.busiCont30 .flex {gap: 8px; margin-top: 32px;}
.busiCont30 .item {flex: 1;}
.busiCont30 .in {height: 100%; border: 1px solid #ddd; border-radius: 12px; background: #fafafa;}
.busiCont30 .rowA {height: 180px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; border-radius: 12px 12px 0 0;}
.busiCont30 .rowA img {height: 60px;}
.busiCont30 .rowA p {font-size: 24px; color: #444; margin-top: 20px; font-weight: 600; text-align: center; word-break: keep-all; padding: 0 10px; line-height: 1.3;}
.busiCont30 .rowB {font-size: 21px; color: #444; border-top: 1px solid #ddd; text-align: center; padding: 20px 12px; display: flex; align-items: center; flex-direction: column; justify-content: center; word-break: keep-all; height: calc(100% - 180px);}
.busiCont30 .rowB .blk {display: block;}
.busiCont30 .into {font-size: 21px; color: #111; margin-top: 4px;}
.tbl2 {margin-top: 28px;}
.tbl2 table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.tbl2 table th {background: #1c51a0; color: #fff; font-size: 21px; font-weight: 500; text-align: center; height: 64px; padding: 8px 8px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.tbl2 table td {text-align: center; color: #111; font-size: 21px; height: 64px; padding: 8px 8px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.tbl2 table td.bg {background: #1c51a0; color: #fff; font-weight: 500;}
.busiCont40 .item {flex-wrap: wrap; gap: 16px 12px;}
.busiCont40 .w100 {flex: none; width: 100%; background: #1c51a0; padding: 32px 20px; border-radius: 12px;}
.busiCont40 .w50 {flex: 1; border: 1px solid #ddd; border-radius: 12px; padding: 32px 20px;}
.busiCont40 .ic {width: 140px;}
.busiCont40 .ic img {height: 140px;}
.busiCont40 .txt {flex: 1; padding-left: 20px;}
.busiCont40 .txt .m1 {font-size: 24px; color: #1c51a0; font-weight: 600; margin-bottom: 12px; word-break: keep-all;}
.busiCont40 .txt .m2 {font-size: 16px; word-break: keep-all; line-height: 1.5;}
.busiCont40 .w100 .txt .m1,
.busiCont40 .w100 .txt .m2 {color: #fff;}
.busiCont40 .txt .m3 {display: inline-flex; color: #1c51a0; background: #fff; font-size: 14px; padding: 4px 12px; border-radius: 50px; margin-top: 8px;;}
.busiCont40 .midtxt {font-size: 21px; color: #111; line-height: 1.5;}
.busiCont40 .btArea {display: flex; gap: 30px;}
.busiCont40 .btArea .le {flex: 1;}
.busiCont40 .btArea .ri {flex: 1;}
.busiCont40 .btArea .rowA {}
.busiCont40 .btArea .tit {background: #1c51a0; color: #fff; font-size: 30px; font-weight: 600; text-align: center; padding: 20px 0; border-radius: 12px 12px 0 0;}
.busiCont40 .btArea .txt {padding: 20px 20px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 12px 12px;}
.busiCont40 .btArea .txt .wd1 {flex: 1; border-right: 1px solid #1c51a0; padding-right: 20px;}
.busiCont40 .btArea .txt .wd2 {flex: 1; padding-left: 20px;}
.busiCont40 .btArea .txt .wd1,
.busiCont40 .btArea .txt .wd2 {display: flex; flex-direction: column; justify-content: space-between;}
.busiCont40 .btArea .txt .top {}
.busiCont40 .btArea .txt .bt {font-size: 18px; font-weight: 600; gap: 4px; align-items: baseline; margin-top: 12px;}
.busiCont40 .btArea .txt .bt strong {font-size: 26px; color: #1c51a0;}
.busiCont40 .btArea .txt .m1 {}
.busiCont40 .btArea .txt .m2 {}
.busiCont40 .btArea .rowB {margin-top: 24px;}
.busiCont40 .txt2 {font-size: 18px; color: #666; margin-top: 4px;}
.busiCont40 .btArea .dotp {display: flex; align-items: center; gap: 6px;}
.busiCont40 .btArea .dotp span {display: inline-flex; background: #d8e5f9; font-size: 14px; color: #111; padding: 4px 12px; border-radius: 16px;}
.busiCont40 .btArea .rowC {height: 100%;}
.busiCont40 .btArea .rowC .txt {height: calc(100% - 84px);}
.busiCont40 .rowA_three ul li {border-radius: 32px; height: 120px;}
.mgb30 {margin-bottom: 30px !important;}
.busiCont40 .btArea .rowC .intxt {padding: 20px 20px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 12px 12px;}
.busiCont40 .btArea .rowC .cont {justify-content: space-between; align-items: end;}
.busiCont40 .btArea .rowC .cont.bdb {padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #1c51a0;}
.busiCont40 .btArea .rowC .cont .t1 {}
.busiCont40 .btArea .rowC .cont .p1 {font-size: 18px; color: #111;}
.busiCont40 .btArea .rowC .cont .p2 {font-size: 21px; color: #111; font-weight: 600;}
.busiCont40 .btArea .rowC .cont .t2 {}
.busiCont40 .btArea .rowC .cont .p3 {font-size: 18px; color: #111; font-weight: 600;}
.busiCont40 .btArea .rowC .cont .p3 b {font-size: 26px; color: #1c51a0;}
.busiCont40 .btArea .rowC .last {display: table; background: #d8e5f9; font-size: 14px; color: #111; padding: 4px 12px; border-radius: 16px; margin: 20px auto 0;}
.busiCont50 .beneCont .in {height: 300px;}
.busiCont50 .beneCont .in img {height: 70px;}
.busiCont50 .beneCont .in .m3 {font-size: 18px; padding: 0 12px; word-break:keep-all; margin-top: 8px;}
.open_ly {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 10000000; overflow-y: auto;}
.open_ly.open {display:block;}
.open_ly .outb {display: table; width: 100%; height: 100%; table-layout: fixed;}
.open_ly .inb {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.open_ly .layer_ctt {position:relative; max-width: 600px; width:90%; margin: 0 auto; padding: 30px 20px; background: #fff;}
.open_ly .view_x {position: absolute; top: -60px; right: 0; width: 60px; height: 60px; background: url('../img/close_btn_w.svg') no-repeat center/24px #111; cursor: pointer; z-index: 1;}
.open_ly .pric_ta {width: 100%; height: 100px; border: 1px solid #cecece; padding: 12px 12px; color: #333; font-size: 13px; line-height: 1.5; border-radius:0; resize:none; position:relative; z-index:1;}
.open_ly .m1 {text-align: center; font-size: 30px; color: #111; font-weight: 600; margin-bottom: 40px;}
.open_ly .cont {display: flex; gap: 16px; flex-wrap: wrap;}
.open_ly .cont .w50 {width: calc(50% - 8px);}
.open_ly .cont .w100 {width: 100%;}
.open_ly .cont .w100 .flex {height: 60px; padding: 0 16px; font-size: 16px; border: 1px solid #ddd; border-radius: 10px;}
.open_ly .cont input[type="text"] {width: 100%; height: 60px; padding: 0 16px; font-size: 16px; border: 1px solid #ddd; border-radius: 10px;}
.open_ly .cont .le {font-size: 18px; font-weight: 600; color: #111;}
.open_ly .cont .ri {display: flex; align-items: center; flex: 1; padding-left: 20px; gap: 20px;}
.open_ly .cont .ri li {display: flex; align-items: center; gap: 4px;}
.open_ly .cont .ri li input {margin-top: 3px;}
.open_ly .cont .ri li label {font-size: 18px; cursor: pointer;}
.open_ly .cont_agree {margin-bottom: 16px;}
.open_ly .cont_agree input {margin-top: 2px; margin-right: 4px;}
.open_ly .cont_agree label {cursor: pointer;}
.open_ly .pric_ta {}
.open_ly .chc {width: 100%; height: 80px; border-radius: 12px; border: 0; font-size: 30px;}
html.modOpen {overflow: hidden;}
.busiCont3 img {width:100%; height: auto;}
.pc_on {display: block;}
.m_on {display: none;}








/* 푸터 */

#ft {
  background: #fff;
  border-top: 1px solid #ddd;
}

.footer_wrap {
  position: relative;
  background: #fff;
  padding: 60px 0px;
  max-width: 1410px;
  margin: 0 auto;
}

.footer_logo {
  position: absolute;
  left: 0px;
  top: 70px;
}

.footer_contents {
  display: flex;
  justify-content: start;
}

.footer_copy {
  padding-left: 20%;
}


.footer_linkTxt a {
  font-size: 16px;
  color: #444;
  margin-right: 40px;
  font-weight: 600;
}

.footer_linkTxt a:last-child {
  margin-right: 0px;
}

.footer_copyText {
  font-size: 16px;
  color: #444;
  text-align: left;
  margin-top: 10px;
  line-height: 30px;
  letter-spacing: 0px;
  opacity: 1;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.footer_linkTxt {
  text-align: left;
}

.footer_copyText span {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #DDDDDD;
  margin: 0px 10px;

}

.footer_copyText span.mobile_copy {
  width: 100%;
}

.footer_sns {
  text-align: left;
  margin-top: 25px;
}

.footer_sns a {
  margin-right: 10px;
}

.footer_sns a:last-child {
  margin-right: 0px;
}

.footer_customer {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.footer_customer dl dt {
  font-size: 16px;
  font-weight: 600;
}

.footer_downBtn {
  margin-top: 0px;

}

.footer_downBtn a {
  display: inline-block;
  text-align: left;
  position: relative;
  width: 196px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444444;
  font-size: 13px;
  border: 1px solid #707070;
  font-weight: 700;
  letter-spacing: -0.5px;
  border-radius: 5px;
}

.footer_downBtn span {
  display: block;
  width: 80%;
  display: inline-block;
  background: url('../img/main/arrow_black.png') right center no-repeat;
}

.footer_copy_text {
  text-align: left;
  font-size: 13px;
  color: #898989;
  margin-top: 15px;
  font-weight: 500;
}





/* 전체 메뉴 */
.all_menu_wrap {
  position: fixed;
  right: -30%;
  top: 0px;
  z-index: 1000;
  background: #12d0fe;
  height: 100vh;
  width: 30%;
  display: flex;
  align-items: center;
}

.all_menu_contents {
  position: relative;
  padding: 0px 15%;
  width: 100%;
}

.menu_close {
  display: inline-block;
  position: absolute;
  top: -80px;
  right: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: url('../img/main/btn_close_white_m.png') right 2px no-repeat;
  background-size: 15px auto;
  padding-right: 24px;
}

.all_menu_contents p {
  margin: 35px 0px;
  width: 100%;
}

.all_menu_contents p a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 35px;
  width: 100%;
}

.all_menu_contents p a:before {
  position: absolute;
  bottom: 0px;
  height: 1px;
  background: #fff;
  width: 100%;
  content: '';
  opacity: 0.3;
}

.all_menu_contents div a {
  font-size: 18px;
  font-weight: 500;
  display: block;
  color: #fff;
  margin: 20px auto;
}




/* 슬라이드 에니메이션 */
.motion_active.main_business_area_wrap {
  animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.main_business_area_wrap,
.main_family_wrap,
.main_video,
.main_business_performance_wrap {
  position: relative;
  opacity: 0;
}

.motion_active.main_business_area_wrap,
.motion_active.main_family_wrap,
.motion_active.main_video,
.motion_active.main_business_performance_wrap {
  animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.sub_visual_img.sub_visual_animated img {
  -webkit-transform: scale(1.0, 1.0) rotate(0.002deg);
  transform: scale(1.0, 1.0) rotate(0.002deg);
}

.sub_visual_title.sub_visual_animated {
  top: 50%;
  opacity: 1;
}

.nav-up {
  top: -100px !important;
}

.nav-down {
  top: 0px;
}

.sub_tapMenu_fixed {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 100;
  height: 65px;
}

/* 반응형 */
@media all and (max-width:1560px) {
  .sub_vision_text_contents:after {
    display: none;
  }

  .main_gnb_wrap {
    padding: 0px 5%;
  }

  .main_text {
    padding: 0px 5%;
  }

  .main_visual_navi_wrap {
    bottom: 5%;
    left: 5%;
    transform: none;
  }

  .main_service_text {
    left: 5%;
    top: 50%;
  }

  .sub_tapMenu_contents {
    padding: 20px 5%;
  }

  .sub_comapny_header_text {
    margin-left: 5%;
  }

  .sub_company_text {
    padding: 130px 5%;
    overflow: hidden;
  }

  .sub_vision_text {
    padding: 100px 5% 120px 5%;
  }

  .main_phone_wrap img {
    width: 80%;
  }

  .main_text_dl dt {
    font-size: 50px;
    line-height: 66px;
  }
}

@media all and (max-height:850px) {
  .main_visual_navi_wrap {
    bottom: 5%;
  }

  .visual_scroll_down {
    display: none;
  }
}

@media all and (max-width:680px) {
  .sub_visual_title.sub_visual_animated {
    top: 57%;
    opacity: 1;
  }
}



@media all and (max-width:1280px) {

  .sub_business_circle_text {
    margin-top: 15px;
  }

  .sub_business05_map_wrap {
    display: none;
  }

  .all_menu {
    display: block;
  }

  .mobile_footer {
    display: none;
  }

  .main_gnb_ul {
    display: none;
  }

  .main_text_dl dt {
    text-align: center;
  }

  .visual_scroll_down {
    display: none;
  }

  .main_text_dl dd {
    text-align: center;
  }

  .main_visualBtn {
    margin: 50px auto 0px auto;
  }

  .main_visual_navi_wrap {
    bottom: 5%;
    left: 50%;
    margin-left: -100px;
  }

  .main_phone_wrap {
    display: none;
  }

  .main_visual_item04:before {
    display: none;
  }

  .all_menu_contents p {
    margin: 20px 0px;
    width: 100%;
  }

  .all_menu_contents p a {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    width: 100%;
  }

  .all_menu_contents div a {
    font-size: 15px;
    margin: 10px auto;
  }

  .main_service_text {
    position: relative;
    left: 0px;
    top: 0%;
    transform: translateY(0%);
    text-align: center;
    padding-top: 50px;
  }

  .main_plug_item01 {
    padding: 0px 0px 60px 0px;
  }

  .main_service_rightSlide_wrap {
    position: relative;
    ;
    right: 0px;
    top: 0px;
  }

  .main_service_slide {
    animation: none;
    margin-top: 40px;
  }

  .main_plug_item02 {
    height: auto;
  }

  .main_service_rightSlide {
    display: none;
    max-width: 100%;
  }

  .main_service_rightSlide01 {
    display: block;
  }

  .main_service_rightSlide>div:first-child {
    margin-top: 0px;
    display: flex;
    width: 100%;
    padding: 0px 0%;
    justify-content: center;
  }

  .main_service_rightSlide>div {
    width: 100%;
    margin-bottom: 10px;
  }

  .main_service_rightSlide>div:first-child>div {
    margin: 0px 3px;
  }

  .main_service_rightSlide>div:nth-child(2n) {
    margin-left: 0%;
    display: flex;
    max-width: 100%;
    justify-content: center;
  }

  .main_service_rightSlide>div:nth-child(2n)>div {
    margin: 0px 3px;
  }

  .main_service_contents {
    padding-bottom: 50px;
  }

  .main_board_wrap {
    padding: 50px 5%;
  }

  .main_plug_item05 {
    padding: 50px 0px;
  }

  .main_help_logo_ul {
    margin-top: 20px;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px 5%;
  }

  .main_help_logo_ul01 {
    margin-top: 50px;
  }

  .main_help_logo_ul li {
    flex: none;
    width: 50%;
    margin-bottom: 20px;
  }

  .main_help_logo_ul li img {
    width: 80%;
    max-width: 150px;
  }

  .all_menu_wrap {
    right: -100%;
    width: 100%;
  }

  .menu_close {
    top: -80px;
    right: 10%;
  }

  .pic_lt li {
    width: 50%;
    padding: 0 15px;
    display: none;
  }

  .footer_wrap {
    padding: 50px 20px;
  }

  .footer_logo {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 30px;
  }

  .footer_contents {
    display: block;
  }

  .footer_copy {
    padding-left: 0%;
  }

  .footer_copyText {
    font-size: 13px;
    color: #333;
    text-align: center;
    margin-top: 30px;
    word-break: keep-all;
  }

  .footer_copy_text {
    text-align: center;
    margin-top: 15px;
  }

  .footer_linkTxt {
    text-align: center;
  }

  .footer_sns {
    text-align: center;
    margin-top: 25px;
  }

  .footer_customer {
    text-align: left;
    color: #fff;
    margin: 0px auto;
    max-width: 196px;
  }

  .sub_vision_diagram img {
    width: 100%;
  }

  .sub_company_logo_ul {
    display: block;
  }

  .sub_visual {
    overflow: hidden;
  }

  .footer_customer {
    transform: translateY(0%);
  }

  .sub_company_history_slide_wrap {
    width: 94%;
    margin: 35px 3% 0px 3%;
    border-radius: 15px;
    background: #fff;
    display: block;
  }

  .sub_company_history_slide_wrap>div {
    padding: 50px;
    width: 100%;
  }

  .sub_company_history_slide_wrap>div:nth-child(1) {
    border-right: 0px;
    border-bottom: 1px solid #00B9F5;
  }

  .sub_member_type01_ul {
    display: block;
    width: 94%;
    margin: 0px 3%;
  }

  .sub_member_type01_ul li {
    position: relative;
    width: 100%;
    background: #f9f9fc;
    padding: 50px 20px 100px 0px;
    border-radius: 20px;
    margin-bottom: 35px;
    overflow: hidden;
  }

  .sub_result_wrap {
    position: relative;
    padding: 50px 5%;
  }
}

@media all and (max-width:1400px) {

  .sub_investment_wrap {
    width: 96%;
    margin: 0 auto;
  }

  .sub_business_normal_text {
    font-size: 18px;
    line-height: 25px;
  }

  .sub_business01_two_vertical_ul>li:nth-child(1) {
    font-size: 35px;
    line-height: 45px;
  }

  .sub_business02_header_text dl dt {
    font-size: 30px;
    line-height: 45px;
  }

  .sub_business04_list_text li {
    line-height: 25px;
    font-size: 16px;
  }

  .sub_business02_header_text dl dd {
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
  }

  .sub_business_wrap {
    width: 96%;
    margin: 50px auto 0px auto;
  }

  .sub_page_tap_menu_ul {
    margin: 80px auto 50px auto;
    width: 96%;
  }

  .sub_ci_item01 {
    width: 90%;
    margin: 50px auto 0px auto;
  }

  .sub_ci_item03 img {
    width: 100%;
  }

  .sub_ci_item02>ul {
    display: block;
    width: 95%;
    margin: 0 auto;
  }

  .sub_ci_item02>ul li:nth-child(1) {
    margin-right: 0px;
  }

  .sub_service_item01_contents {
    padding: 180px 5% 250px 5%;
  }

  .sub_ceo_message_con {
    display: block;
  }

  .sub_ceo_message_left_con {
    text-align: center;
  }

  .sub_ceo_message_right_con {
    max-width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .sub_ceo_message_right_con_sign {
    text-align: center;
  }



  .sub_service_tech_slide_item01 {
    max-width: 100%;
  }

  .sub_service_pay_wrap {
    text-align: center;
  }

  .sub_service_pay_wrap img {
    width: 96%;
  }

  .sub_service_pay_slide01 {
    text-align: center;
  }

  .sub_service_pay_slide01 img {
    width: 96%;
  }
  
  .busiCont1 .ic img {height: 56px;}
  .busiCont1 h3 {font-size: 24px;}
  .dotp {font-size: 18px; padding-left: 12px;}
  .dotp::before {top: 11px;}
  .busiCont1 .in::after {margin-top: -50px;}
  .w380 {max-width: 300px !important; word-break: keep-all;}
  .busiCont2 .list h3 {font-size: 24px;}
  .busiCont2 .list .ic img {height: 56px;}
  .hipH3 {font-size: 24px;}
  .busiCont4 .item .in p {font-size: 18px;}
  .busiCont4 .item .txt {font-size: 15px;}
  .open_ly .reqBtn {margin-top: 0;}
  .reqBtn {margin-top: 80px;}
  .reqBtn .chc {font-size: 24px;}
  
  
  
  
  
  
  
  
  
  
}

@media all and (max-width:1280px) {

  .sub_business01_two_vertical_ul {
    display: block;
    padding: 0px 0px 50px 0px;
    margin-bottom: 50px;
  }

  .sub_business_circle_text p {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 25px;
  }

  .sub_business03_fix_item>h3:before {
    width: 15px;
    height: 4px;
    top: 11px;
  }

  .sub_business03_fix_item>h3 {
    font-size: 18px;
    padding-left: 25px;
    margin-bottom: 20px;
  }

  .sub_business03_fix_item {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .sub_business03_dia_img img {
    width: 100%;
  }

  .sub_ci_item05,
  .sub_ci_item03,
  .sub_ci_item04,
  .sub_ci_item06,
  .sub_ci_item07 {
    width: 95%;
    margin: 50px auto;
  }

  .sub_ci_item05 .sub_ci_rule_ul {
    display: block;

  }

  .sub_ci_item05 .sub_ci_rule_ul li {
    margin-bottom: 10px;
  }

  .sub_ci_common_text {
    font-size: 20px;
    padding: 0px 0px;
    word-break: keep-all;
  }

  .customer_wrap_ul {
    width: 94%;
    margin: 30px 3% 0px 3%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .customer_wrap_ul li {
    width: 46%;
    flex: none;
    margin-bottom: 30px;
  }
}

@media all and (max-width:1100px) {

  .sub_business05_project_ul {
    display: block;
    margin-top: 18px;
  }

  .sub_business05_project_ul>li {
    width: 100%;
    flex: auto;
    border: 1px solid #ddd;
    max-width: 50%;
    margin-right: 32px;
    border-radius: 10px;
    margin-bottom: 33px;
    overflow: hidden;
  }

  .sub_service_tech_slide_item01 div:nth-child(1) {

    display: block;
    padding: 50px 0px;
  }

  .sub_service_tech_slide_item01 {
    display: block;
  }

  .sub_service_tech_slide_explan_ul {
    padding: 30px 0px;
    text-align: left;
  }

  .sub_result_contents {
    background: none;
    min-height: 350px;
    max-width: 100%;
    text-align: center;
    display: block;
  }

  .sub_result_btn {
    margin: 30px auto 0px auto;
  }

  .sub_service_item02_contents {
    padding: 50px 5% 250px 5%;
  }

  .sub_tapMenu_ul02 li p {
    min-width: 100px;
  }

  .sub_service_tech_slide_con_wrap {
    width: 94%;
    margin: 0px 3%;
  }

  .sub_service_tech_slide_item01 img {
    width: 80%;
    max-width: 100px;
  }

  .footer_customer {
    position: relative;
    right: 0px;
    top: 50%;
    transform: translateY(0%);
    margin-top: 30px;
  }
  
  .busiCont1 ul {flex-wrap: wrap;}
  .busiCont1 ul li {width: 50%; margin-bottom: 30px;}
  .busiCont1 ul li:nth-of-type(2) .in::after {display: none;}
  .busiCont1 .rowA {padding: 26px 12px;}
  .busiCont4,
  .busiCont3,
  .busiCont2 {margin-top: 40px;}
  .busiCont2 .list .txt {padding-right: 20px;}
  .busiCont10 .ic img {height: 60px;}
  .busiCont10 .ic p {font-size: 24px;}
  .busiCont10 > ul {flex-wrap: wrap;}
  .busiCont10 > ul > li {width: 50%; margin-bottom: 72px;}
  .busiCont50 .img img,
  .busiCont40 .img img,
  .busiCont30 .img img,
  .busiCont20 .img img {width: 100%; height: auto;}
  
  
  
  
  

}

@media all and (max-width:980px) {

  .sub_investment_result,
  .sub_investment_situation {
    margin-top: 50px;
  }

  .sub_investment_date {
    margin-top: 17px;
    font-size: 15px;
  }

  .sub_investment_file_down a span {

    padding: 0px 30px 0px 10px;
    margin: 0px 15px 0px 5px;

  }

  .sub_investment_file_down a {
    height: 42px;
    border-radius: 42px;
    align-items: center;
    background: #1C51A0;
    padding: 0px 0px;
    margin-left: 0px;
    margin-right: 5px;
  }

  .sub_investment_file_down {
    margin-top: 10px;
  }

  .sub_investment_meeting_header {
    display: block;
    padding-bottom: 10px;
  }

  .sub_investment_file_down a span {
    color: #fff;
    font-size: 11px;
    padding-right: 20px;
    background: url(../img/sub/down_icon.png) right center no-repeat;
  }

  .sub_investment_meeting_header li:nth-child(1) {
    font-size: 25px;
  }

  .sub_investment_table_unit_text {
    font-size: 14px;
  }

  .sub_investment_table tr td {
    font-size: 12px;
    padding: 5px 5px;
    word-break: keep-all;
  }

  .sub_investment_table th {
    font-size: 13px;
    word-break: keep-all;
  }

  .sub_investment_tap_menu li {
    font-size: 18px;
  }

  .sub_business_qnm_ul {
    display: block;
    max-width: 200px;
    margin: 30px 0px 0px 0px;
  }

  .sub_business_fix02_ul li dl dt img {
    width: 100%;
  }

  .sub_business_qnm_ul li {
    margin-bottom: 30px;
    margin-right: 0px;
  }

  .sub_business03_sec02 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .sub_business_fix_ul {
    margin-top: 15px;
  }

  .sub_business01_two_vertical_ul:last-child {
    padding: 0px 0px 0px 0px;

  }

  .sub_business_fix_ul li {
    height: 80px;
    margin-right: 5px;
    border-radius: 10px;
  }

  .sub_business_fix_ul_plus li:before {
    position: absolute;
    right: -15px;
    top: 50%;
    width: 21px;
    height: 21px;
    margin-top: -10px;
    background: url(../img/sub/plus_icon.png) left top no-repeat;
    background-size: 21px auto;
  }

  .sub_business_fix_ul_arrow li:before {
    position: absolute;
    right: -15px;
    width: 21px;
    height: 21px;
    margin-top: -10px;
    background-size: 21px auto;
  }

  .sub_business_circle_text p::before {
    top: 8px;
  }

  .sub_business_circle_text p {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 20px;
  }

  .sub_business_fix_ul li span {
    font-size: 10px;
    padding: 0px 5px;
    word-break: keep-all;
    text-align: center;
    max-width: 80%;
  }



  .sub_busine_three_hrizontal_ul_project {
    display: block;
    margin: 50px auto 0px auto;
    max-width: 400px;
  }

  .sub_busine_three_hrizontal_ul_project li {
    margin-bottom: 20px;
    margin-right: 0px;
  }

  .sub_business02_middle_text dl dd {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
  }

  .sub_business01_two_vertical_ul {
    display: block;
    padding: 0px 20px 30px 20px;
    margin-bottom: 50px;
  }

  .sub_business_normal_text {
    margin-top: 15px;
  }

  .sub_business02_header_text dl dd {
    font-size: 16px;
    line-height: 20px;
    word-break: keep-all;
  }

  .sub_ci_item06 img {
    width: 100%;
  }

  .sub_ci_item02 img {
    width: 100%;
  }

  .sub_ci_item04 img {
    width: 100%;
  }

  .sub_ci_item03 img {
    width: 100%;
  }

  .sub_ci_item03 {
    width: 90%;
    margin: 50px auto;
  }

  .sub_ci_item02 li:last-child {
    margin-top: 50px;
  }

  .sub_ci_common_text {
    font-size: 16px;
    line-height: 25px;
  }

  .sub_ci_item01 p:nth-child(1) {
    height: 312px;
  }


  .sub_ci_item01 {
    width: 90%;
    margin: 30px auto 0px auto;
  }

  .sub_ci_item01 img {
    width: 100%;
    max-width: 608px;
    padding: 0px 5%;
  }

  .sub_company_history_header_title {
    font-size: 20px;
    margin: 30px 0px 0px 0px;
  }

  .sub_history_top_img {
    left: 40px;
  }

  .sub_history_top_img img {
    width: 90%;
  }

  .sub_contents_no_bottom_margin {
    margin: 50px 0px 0px 0px;
  }

  .sub_ceo_message_wrap {
    margin-top: 50px;
  }

  .sub_ceo_message_header_text {
    font-size: 25px;
    letter-spacing: -2px;
    line-height: 32px;
    padding-left: 0px;
  }

  .sub_ceo_message_middle_text {
    font-size: 18px;
    line-height: 25px;
  }

  .sub_ceo_message_bottom_text {
    font-size: 18px;
    line-height: 25px;
  }

  .sub_title {
    font-size: 30px;
  }

  .sub_ceo_message_right_con_img img {
    width: 100%;
    max-width: 542px;
  }


  .privacy_wrap {
    width: 94%;
    margin: 0 3%;
  }

  .request_check_item {
    width: 94%;
    margin: 20px 3%;
  }

  .request_item label {
    font-size: 14px;
    font-weight: 600;
  }

  .sub_request_item03_wrap {
    padding: 30px 0px 0px 0px;
  }

  .sub_request_item02_wrap {
    padding: 50px 0px;
  }

  .sub_request_item02_ul li dl dt {
    font-size: 18px;
  }

  .sub_request_item02_ul li dl dd {
    font-size: 14px;
    padding: 0px 10%;
    word-break: keep-all;
  }

  .sub_request_item01_ul {
    display: block;
  }

  .sub_request_item02_ul {
    display: flex;
    width: 94%;
    margin: 30px 3%;
    flex-wrap: wrap;
  }

  .sub_request_item02_ul li {
    width: 48%;
    margin-bottom: 20px;
  }

  .sub_request_item01_ul li {
    margin-left: 0px;
    margin-bottom: 30px;
    height: 200px;
    overflow: hidden;
  }

  .sub_request_item01_text {
    font-size: 22px;
    line-height: 30px;
  }

  .sub_request_item01_contents {
    padding: 50px 0px;
  }

  .sub_request_title {
    font-size: 30px;
    color: #1f1f1f;
    line-height: 45px;
    font-weight: 800;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_sevice_pay_wrap {
    padding: 100px 0px;
    top: -50px;
  }

  .ready_text {
    font-size: 30px;
  }

  .sub_service_tech_wrap {
    padding: 30px 0px 50px 0px;
  }

  .main_bigTitle {
    font-size: 35px;
    margin-top: 0px;
    text-align: center;
  }

  .sub_service_subTxt {
    text-align: center;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_service_item02_wrap {
    position: relative;
    height: 100%;
  }

  .sub_service_life_slideBtn {
    margin: 20px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }

  .sub_service_life_slideBtn li {
    width: 50%;
    flex: none;
    font-size: 20px;
    text-align: center;
    margin: 30px 0px 30px 0px;
  }

  .sub_service_life_slideBtn li.sub_service_on span:before {
    display: none;
  }

  .sub_service_life_slideBtn li.sub_service_on span {
    border-bottom: 4px solid #3889db;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 10px;
    text-align: center;
  }

  .sub_service_item02_contents {
    padding: 0px 5% 0px 5%;
    height: auto;
  }

  .sub_service_slideCon {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0 auto;
    text-align: center;
    width: 100%;

  }

  .sub_service_life_slideCon {
    position: relative;
    left: 0%;
    top: 0px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
  }

  .sub_service_phone {
    text-align: center;
    position: relative;
    bottom: 0px;
    right: 0px;
    left: 0%;
    margin-top: 100px;
  }

  .sub_service_item01_contents {
    padding: 50px 5% 0px 5%;
  }

  .sub_service_item01_dl dt p:nth-child(1) {
    text-align: center;
    font-size: 30px;
    color: #000000;
    font-weight: 600;
    font-weight: 800;
  }

  .sub_service_item01_dl dt p:nth-child(2) {
    text-align: center;
  }

  .sub_service_item01_dl dd .sub_service_item01_subTxt {
    text-align: center;
  }

  .sub_service_btn_wrap {
    display: flex;
    margin-top: 40px;
    justify-content: center;
  }

  .main_appDown_btn02 {
    margin-left: 10px;
  }

  .company_dia_img01 {
    padding: 0px 5%;
  }


}

@media all and (max-width:760px) {

  .sub_business05_project_ul>li>dl dt {
    font-size: 18px;
  }

  .sub_business05_project_ul>li:nth-child(1)>dl,
  .sub_business05_project_ul>li:nth-child(2)>dl,
  .sub_business05_project_ul>li:nth-child(3)>dl {
    min-height: auto;
  }

  .sub_business05_project_ul>li {
    max-width: 80%;
  }

  .sub_business05_project_ul>li>dl dd p:nth-child(1) {
    font-size: 14px;
  }

  .sub_business05_project_ul>li>dl dd ul li {
    font-size: 12px;
    padding-left: 15px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .sub_busine_three_hrizontal_ul li {
    height: 200px;
  }

  .sub_busine_three_hrizontal_ul li:nth-child(1) dl dd {
    padding-bottom: 80px;
    background-size: 60px auto;
  }

  .sub_busine_three_hrizontal_ul li:nth-child(2) dl dd {
    padding-bottom: 80px;
    background-size: 60px auto;
  }

  .sub_busine_three_hrizontal_ul li:nth-child(3) dl dd {
    padding-bottom: 80px;
    background-size: 50px auto;
  }

  .sub_busine_three_hrizontal_ul li dl dt {
    font-size: 20px;
  }

  .sub_busine_three_hrizontal_ul li dl dd {
    font-size: 15px;
    margin-top: 10px;
  }

  .sub_busine_three_hrizontal_ul_project {
    margin: 50px auto 0px auto;
    max-width: 300px;
  }

  .sub_page_tap_menu_ul li a {
    font-size: 13px;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_title_margin_bottom {
    margin-bottom: 20px;
  }

  .sub_business01_two_vertical_ul {
    margin-bottom: 30px;
  }

  .sub_title {
    font-size: 20px;
  }

  .sub_title p::before {
    height: 15px;
  }

  .sub_business01_con_img {
    margin-top: 20px;
  }

  .sub_business01_con_img img {
    width: 100%;
  }

  .sub_business_normal_text {
    font-size: 13px;
    line-height: 20px;
  }

  .sub_business01_two_vertical_ul>li:nth-child(1) {
    font-size: 20px;
    line-height: 25px;
  }

  .sub_business01_sec01 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .sub_business04_list_text li {
    line-height: 20px;
    font-size: 13px;
  }

  .sub_business02_header_text dl dt {
    font-size: 18px;
    line-height: 25px;
    padding: 0px 5%;
  }

  .sub_business02_middle_text dl dd {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_business02_middle_text {
    margin-top: 30px;
  }

  .sub_business02_img {
    margin-top: 35px;
  }

  .sub_business02_middle_text dl dt {
    font-size: 20px;
    line-height: 35px;
  }

  .sub_business02_header_text dl dd {
    font-size: 13px;
    line-height: 20px;
    padding: 0px 5%;
  }

  .sub_business01_img02 img {
    width: 60%;
    max-width: 489px;
  }

  .sub_business01_con p:nth-child(2) {
    margin-bottom: 50px;
  }

  .sub_business01_con p:nth-child(1) {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }

  .sub_location_desc ul li {
    margin-bottom: 25px;
    display: block;
  }

  .sub_location_desc ul li {
    margin-bottom: 25px;
    font-size: 17px;
  }

  .sub_location_desc ul li span {
    width: 197px;
    height: 57px;
    line-height: 55px;
    margin-bottom: 15px;
    padding-left: 80px;
    font-size: 15px;
  }

  .sub_location_desc {
    padding: 45px 30px;
  }

  .sub_page_tap_menu_ul {
    margin: 30px auto 30px auto;
  }

  .sub_page_tap_menu_ul li p {
    font-size: 13px;
  }

  .sub_ci_item02>ul li dl dt {
    font-size: 25px;
  }

  .sub_ci_item07>ul dl dt {
    font-size: 25px;
  }

  .sub_ci_item04>ul dl dt {
    font-size: 25px;
  }

  .sub_ci_item03>ul dl dt {
    font-size: 25px;
  }

  .sub_ci_item02 {
    margin-top: 50px;
  }

  .sub_ci_item07 img {
    width: 100%;
  }

  .sub_ci_item01 p:nth-child(1) {
    height: 212px;
  }

  .web_block {
    display: none;
  }

  .history_ul li>div i {
    right: auto;
    right: 0px;
    top: 45px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #000;
  }

  .history_ul li>div {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.5714285714;
    font-family: "SamYang", sans-serif;
    flex: none;
    width: 51.5%;
    text-align: right;
  }

  .history_ul li:nth-child(2n) p span {
    padding: 0px 40px 0px 0px;
  }

  .history_ul li.pass i:after {
    background-color: #000;
  }

  .history_ul li p span {
    padding: 0px 0px 0px 20px;
    display: block;
  }

  .history_ul li {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 100%;
    height: 200px;
    margin-bottom: 100px;
  }

  .history_ul li:last-child {
    margin-bottom: 0px;
  }

  .history_wrap {
    position: relative;
    padding-top: 100px;
  }

  .history_ul li .history_con span {
    position: relative;
    opacity: 0;
    transition: all 0.5s;
    top: 25px;
  }

  .history_ul li p {
    opacity: 1;
  }

  .history_ul li .history_con span {
    opacity: 1;
  }

  .sub_history_top_img {
    left: 30px;
  }

  .history_ul li>div>span {
    padding-right: 50px;
  }

  .history_ul li:nth-child(2n)>div {
    padding-right: 50px;
    padding-left: 0px;
  }

  .history_ul li p {
    font-size: 0.9rem;
    letter-spacing: -0.03em;
    top: 0px;
    flex: 1;
    margin-top: 34px;
    letter-spacing: -1px;
    word-break: keep-all;
  }

  .sub_ceo_message_header_text {
    font-size: 18px;
    line-height: 30px;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_ceo_message_header_text:before,
  .sub_ceo_message_header_text:after {
    display: none;
  }

  .sub_ceo_message_wrap {
    padding: 40px 0px;
    margin-top: 50px;
  }

  .sub_comapny_intro_bottom {
    margin: 30px 0px;
  }

  .sub_ceo_message_middle_text {
    font-size: 15px;
    line-height: 25px;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_ceo_message_right_con {
    max-width: 90%;
    margin: 30px auto;
  }

  .sub_ceo_message_right_con_sign {
    margin-top: 20px;
    font-size: 15px;
    padding-right: 0px;
  }

  .sub_ceo_message_bottom_text {
    font-size: 15px;
    line-height: 25px;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .faq_list_wrap {
    width: 94%;
    margin: 0px 3%;
  }

  ul.faq_list_board div.answer {
    font-size: 14px;
    line-height: 25px;
  }

  ul.faq_list_board p.q {
    font-size: 15px;
    font-weight: 600;
  }

  .gall_row .col-gn-2 {
    width: 100%;
  }

  .sub_service_pay_text04 {
    padding: 0px 5%;
    font-size: 15px;
    word-break: keep-all;
  }

  .sub_service_pay_dl {
    text-align: left;
    max-width: 1000px;
    margin: 40px auto;
    padding: 0px 5%;
  }

  .sub_service_pay_dl dt {
    font-size: 20px;
    word-break: keep-all;
  }

  .sub_service_pay_dl dd {
    font-size: 14px;
    word-break: keep-all;
    line-height: 23px;
  }

  .sub_tapMenu_ul p span {
    font-size: 15px;
    word-break: keep-all;
  }

  .sub_service_pay_text01 {
    font-size: 40px;
  }

  .sub_service_pay_text03 {
    font-size: 14px;
    padding: 0px 5%;
    word-break: keep-all;
  }

  .sub_service_pay_slide_con {
    margin-top: 40px;
    padding: 30px 0px;

  }

  .sub_service_tech_slide_explan_ul li {
    font-size: 15px;
  }

  .sub_service_tech_slide_explan_ul li span {
    font-size: 20px;
  }

  .sub_service_life_slideCon img {
    width: 80%;
  }

  .sub_service_item01_dl dt p:nth-child(2) {
    font-size: 40px;
  }

  .sub_service_phone img {
    width: 90%;
  }

  .sub_tapMenu_contents {
    padding: 10px 5%;
  }

  .sub_result_dl dt {
    font-size: 30px;
    word-break: keep-all;
  }

  .sub_member_type02_ul {
    display: block;
    width: 94%;
    margin: 0 3%;
  }

  .sub_member_type02_ul li {
    position: relative;
    background: #f9f9fc;
    padding: 50px 0px 100px 0px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
    width: 100%;
  }

  .sub_company_member_spec {
    display: block;
  }

  .sub_company_member_spec>div:last-child {
    text-align: center;
  }

  .sub_member_bottom {
    font-size: 18px;
  }

  .sub_company_member_subTxt {
    font-size: 18px;
    line-height: 30px;
    padding: 0px 5%;
    word-break: keep-all;
    margin-top: 20px;
  }

  .sub_visual {
    min-height: 250px;
  }

  .sub_visual_img {
    height: 250px;
  }

  .sub_visual_img img {
    position: relative;
    left: -20%;
    min-height: auto;
    height: 250px;
    width: auto;
  }

  .sub_viausl_text {
    font-size: 25px;
  }

  .main_text_dl dt {
    font-size: 30px;
    line-height: 40px;
    word-break: keep-all;
  }

  .main_text_dl dd {
    font-size: 16px;
    font-weight: 300;
    padding: 0px 5%;
    margin-top: 10px;
    line-height: 28px;
  }

  .main_text_dl dd img {
    width: 50%;
    max-width: 200px;
  }

  .main_bigTitle {
    font-size: 33px;
    margin-top: 0px;
    line-height: 50px;
  }

  .main_visualBtn {
    margin: 20px auto 0px auto;
  }

  .main_small_text02 {
    font-size: 18px;
    margin-top: 13px;
    font-weight: 600;
  }

  .main_plug_item06 {
    font-size: 25px;
  }

  .main_plug_item06_txt {
    line-height: 31px;
    z-index: 100;
  }

  .main_appDown_img {
    position: relative;
    top: -13px;
    left: 10px;
  }

  .main_appDown_img img {
    width: 120px;
  }

  .main_appDown_btn02 {
    margin-left: 10px;
  }

  .main_plug_item07 {
    padding: 80px 5% 50px 5%;
    font-size: 30px;
    line-height: 41px;
  }

  .main_requestBtn {
    margin-top: 15px;
  }

  .main_requestBtn a:last-child {
    margin-left: 10px;
  }

  .main_plug_item03 {
    padding: 50px 0px;
  }

  .main_plug_item03_ul {
    margin: 30px auto 0px auto;
  }

  .main_visual_wrap {
    height: auto;
  }

  .footer_linkTxt {
    margin-top: 20px;
    padding: 0px 15%;
    text-align: center;
  }

  .footer_linkTxt a {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  /*
	.footer_linkTxt a:nth-child(4) {
		display:inline-block;
		
	}
	.footer_linkTxt a:nth-child(5) {
		display:inline-block;
		width:50%;		   		
	}
	*/
  .footer_copyText {
    font-size: 13px;
  }

  .footer_copyText span {
    display: block;
  }

  .mobile_copy {
    display: block;
    width: 100% !important;
    font-size: 11px;
  }

  .footer_downBtn span {

    background-size: 17px auto;
  }

  .sub_tapMenu_ul {
    flex-wrap: wrap;
    margin-top: 25px;
  }

  .sub_service_tech_slide_item01 {
    margin: 25px auto 0px auto;
  }

  .sub_tapMenu_ul li {
    width: 31.33333333%;
    margin-right: 5px;
  }

  .sub_tapMenu_ul li p {
    padding: 0px 10px;
    height: 40px;
  }

  .sub_tapMenu_ul p span {
    font-size: 13px;
  }

  .sub_tapMenu_ul p.sub_tapMenu_on {
    background: #00B9F5;
    padding: 0px 10px;
    color: #fff;
  }

  .sub_comapny_item01 {
    height: 300px;
  }

  .sub_company_header_img img {
    min-height: 300px;
    width: auto;
  }

  .sub_comapny_header_text_dl dt {
    font-size: 30px;
    line-height: 41px;
  }

  .sub_comapny_header_text_dl dd p:nth-child(1) {
    font-size: 18px;
    margin-top: 29px;
    font-weight: 600;
    line-height: 30px;
    padding: 0px 5% 0px 0px;
    word-break: keep-all;
  }

  .sub_comapny_header_text_dl dd p:nth-child(2) {
    font-size: 15px;
    padding: 0px 5% 0px 0px;
    margin-top: 20px;
    word-break: keep-all;
  }

  .sub_company_text {
    padding: 0px 5% 80px 5%;
    overflow: hidden;
  }

  .sub_company_dl dd {
    font-size: 18px;
    line-height: 30px;
    margin-top: 23px;
  }

  .sub_vision_text {
    padding: 10px 5% 80px 5%;
  }

  .sub_company_logo_wrap {
    padding: 50px 0px;
    text-align: center;
  }

  .sub_vision_btn {
    margin-top: 20px;
  }

  .sub_vision_btn a {
    font-size: 13px;
  }

  .sub_company_logo_dl dt img {
    width: 50%;
    max-width: 200px;
  }

  .sub_company_logo_dl dd {
    font-size: 18px;
    padding: 0px 5%;
    line-height: 31px;
    margin-top: 0px;
  }

  .sub_company_logo_dl02 dd p:last-child {
    font-size: 16px;
    line-height: 25px;
    word-break: keep-all;
  }

  .sub_company_history_wrap {
    padding: 50px 0px;
    text-align: center;
  }

  .sub_company_history_dl dt {
    font-size: 30px;
    color: #00B9F5;
    font-weight: 800;
  }

  .sub_comapny_member_wrap {
    padding: 50px 0px;
  }
}

@media all and (max-width:640px) {
  .sub_history {
    display: block;
  }

  .sub_company_history_dl dd {
    display: block
  }

  .sub_company_history_dl dd span {
    font-size: 25px;
    margin-right: 0px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .main_plug_item03_ul {
    display: block;
    margin: 20px auto 0px auto;
  }

  .main_plug_item03_ul li {
    margin-bottom: 30px;
  }

  .main_plug_item03 {
    padding: 50px 0px 0px 0px;
  }

  .main_text_dl dt {
    font-size: 25px;
    line-height: 40px;
  }

  .main_text {
    transform: translate(-50%, -70%);
  }

  .main_smoll_text {
    font-size: 18px;
  }

  .main_bigTitle {
    font-size: 25px;
    margin-top: 15px;
    line-height: 40px;
  }

  .main_service_txt {
    font-size: 18px;
    line-height: 25px;
    padding: 0px 10%;
  }

  .pic_lt li {
    width: 100%;
    padding: 0 15px;
  }

  .main_plug_item07 {
    font-size: 25px;
    word-break: keep-all;
    padding: 50px 20px;
  }

  .customer_wrap_ul02 {
    width: 94%;
    margin: 30px 3% 0px 3%;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .customer_wrap_ul02 li {
    width: 48%;
    flex: none !important;
    margin-bottom: 30px;
    margin-right: 0px;
  }

  .customer_wrap_ul li dl dd {
    font-size: 14px;
    line-height: 24px;
  }

  .bo_sch form {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 0px 5%;
  }

  .bo_sch .sch_bar {
    width: 70%;
    max-width: 250px;
    background: transparent;
    border-bottom: 2px solid #1f1f1f;
    font-size: 14px;
    font-weight: 600;
  }

  .help_img {
    margin: 30px auto;
  }

  .footer_linkTxt a {
    text-align: center;
  }

  .footer_wrap {
    padding: 20px 20px;
  }

  .footer_logo img {
    width: 100px;
  }

  .footer_logo {
    margin-bottom: 10px;
  }

  .footer_copyText {
    margin-top: 10px;
    line-height: 25px;
  }

  .footer_linkTxt a {
    margin-bottom: 10px;
  }

  .sub_tapMenu_fixed {
    height: auto;
  }

  .sub_tap_menu.sub_tapMenu_fixed ul li a {
    font-size: 12px !important;
  }

  .sub_tap_menu.sub_tapMenu_fixed ul li {
    margin-bottom: 10px;
  }

  .sub_tap_menu.sub_tapMenu_fixed ul li.sub_tap_menu_on a {
    padding-bottom: 5px;
  }

  .sub_comapny_intro_header h2 {
    font-size: 20px;
  }

  .sub_contents {
    margin: 50px 0px;
  }

  .sub_comapny_intro_header ul {
    display: block;
    background: url(../img/sub/sub01_overview.png) center center no-repeat;
    background-size: 90% auto;
    margin-top: 0px;
  }

  .sub_comapny_intro_header ul li {
    margin-bottom: 20px;
  }

  .sub_comapny_intro_header ul li dl dd .sub_company_num {
    font-size: 40px;
  }

  .sub_comapny_intro_center {
    margin-top: 30px;
  }

  .sub_comapny_intro_center_con {
    padding: 50px 0px;
  }

  .sub_comapny_intro_center h3 {
    font-size: 30px;
  }

  .sub_comapny_intro_center ul li {
    margin-top: 30px;
  }

  .sub_comapny_intro_center ul li dl dt {
    font-size: 15px;
  }

  .sub_comapny_intro_center ul li:nth-child(1) dl dt {
    padding-top: 70px;
    background-size: 35px;
  }

  .sub_comapny_intro_center ul li:nth-child(2) dl dt {
    padding-top: 70px;
    background-size: 40px;
  }

  .sub_comapny_intro_center ul li:nth-child(3) dl dt {
    padding-top: 70px;
    background-size: 40px;
  }

  .sub_comapny_intro_center ul li:nth-child(4) dl dt {
    padding-top: 70px;
    background: url(../img/sub/sub_company_icon04.png) center 10px no-repeat;
    background-size: 40px;
  }

  .sub_comapny_intro_center ul li:nth-child(5) dl dt {
    padding-top: 70px;
    background-size: 40px;
  }

  .sub_comapny_intro_center ul li:nth-child(6) dl dt {
    padding-top: 70px;
    background-size: 40px;
  }

  .sub_comapny_intro_center ul li:nth-child(7) dl dt {
    padding-top: 70px;
    background-size: 40px;
  }

  .sub_comapny_intro_center ul li:nth-child(8) dl dt {
    padding-top: 70px;
    background: url(../img/sub/sub_company_icon07.png) center 10px no-repeat;
    background-size: 45px;
  }

  .sub_comapny_intro_center ul li:nth-child(9) dl dt {
    padding-top: 70px;
    background-size: 35px;
  }

  .sub_comapny_intro_center ul li dl dd {
    font-size: 12px;
    margin-top: 10px;
    padding: 0px 5%;
    word-break: keep-all;
  }
  
	.busiCont1 .in::after {display: none;}
	.busiCont1 ul {margin: 0 0;}
	.busiCont1 ul li {width: 100%;}
	.busiCont1 h3 {font-size: 20px;}
	.busiCont1 .m1 {font-size: 16px;}
	.dotp.m18,
	.busiCont10 .rowC .dotp,
	.dotp {font-size: 15px;}
	.dotp.m18::before,
	.busiCont10 .rowC .dotp::before,
	.dotp::before {top: 9px; width: 4px; height: 4px;}
	.mgt70 {margin-top: 32px;}
	.w380 {max-width: none !important;}
	.busiCont2 .list {display: block; height: auto; border: 0; margin: 0 16px 24px;}
	.busiCont2 .list .num {width: auto; border-radius: 12px 12px 0 0; padding: 8px 0; font-size: 20px;}
	.busiCont2 .list .ic {width: 100%; border-left: 1px solid #ddd; padding: 24px 0;}
	.busiCont2 .list .ic img {}
	.busiCont2 .list h3 {font-size: 20px;}
	.busiCont2 .list .txt {border: 1px solid #ddd; border-radius: 0 0 12px 12px; padding: 16px 20px;}
	.busiCont4,
	.busiCont3,
	.busiCont2 {margin-top: 24px;}
	.busiCont10, .sub_business01_sec02.bt {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
	.pc_on {display: none;}
	.m_on {display: block;}
	.busiCont4 {padding: 0 16px;}
	.hipH3 {font-size: 18px; padding-left: 28px;}
	.hipH3::before {width: 16px; height: 3px;}
	.busiCont4 .list {padding-right: 32px;}
	.busiCont4 .flex {flex-wrap: wrap;}
	.busiCont4 .item {width: 50%; flex: none;}
	.busiCont4 .item .ic img {height: 40px;}
	.busiCont4 .item .in p {font-size: 16px;}
	.busiCont4 .item .in {height: 160px;}
	.busiCont4 .item .txt {font-size: 12px; margin-bottom: 16px;}
	.reqBtn {margin: 60px 16px 0;}
	.reqBtn .chc {font-size: 18px; width: 100%; height: 64px;}
	.busiCont4 .bg1::before, .busiCont4 .bg2::before {right: -40px;}
	.busiCont4 .bg1::before {background: url(../img/line01.png) no-repeat right 32px / 150%;}
	.busiCont4 .bg2::before {background: url(../img/line02.png) no-repeat right 32px / 150%;}
	.open_ly .m1 {font-size: 20px; margin-bottom: 20px;}
	.open_ly .cont {gap: 12px;}
	.open_ly .cont .w50 {width: 100%;}
	.open_ly .cont input[type="text"] {height: 48px;}
	.open_ly .cont .w100 .flex {height: auto; display: block; padding: 12px 16px;}
	.open_ly .cont .le {font-size: 16px;}
	.open_ly .cont .ri {padding-left: 0; padding-top: 4px; gap: 16px;}
	.open_ly .cont .ri li label {font-size: 14px;}
	.open_ly .cont_agree label {font-size: 14px;}
	.open_ly .pric_ta {height: 72px; font-size: 12px;}
	.open_ly .reqBtn {margin: 0 0;}
	.open_ly .chc {height: 52px; font-size: 18px;}
	.open_ly .view_x {top: -40px; width: 40px; height: 40px; background: url(../img/close_btn_w.svg) no-repeat center / 16px #111;}
	.busiCont10 > ul > li {width: 100%;}
	.busiCont10 {margin-left: 16px; margin-right: 16px;}
	.busiCont10 .ic img {height: 48px;}
	.busiCont10 .ic p {font-size: 20px; margin-top: 12px;}
	.busiCont10 .rowB {margin-top: 28px;}
	.busiCont10 .rowB ul li {font-size: 15px;}
	.busiCont10 .rowB ul li strong {font-size: 20px;}
	.busiCont10 .txt {font-size: 14px;}
	.rowA_three ul li, .busiCont10 .rowA ul li {font-size: 14px;}
	.busiCont10 .rowB ul {padding: 0 0;}
	.busiCont10 .rowC .m1 {font-size: 18px;}
	.busiCont10 {padding-bottom: 0;}
	.busiH3 {font-size: 20px;}
	.tbl2 table th,
	.tbl table th {font-size: 14px;}
	.tbl2 table td,
	.tbl table td {font-size: 14px; height: 40px;}
	.beneCont {flex-wrap: wrap;}
	.beneCont .item {flex: none; width: calc(50% - 8px);}
	.beneCont .in {height: 200px;}
	.beneCont .in img {height: 60px;}	
	.beneCont .in .m1 {font-size: 16px;}	
	.beneCont .in .m2 {font-size: 16px;}
	.busiCont30 .flex {flex-wrap: wrap;}
	.busiCont30 .rowA img {height: 48px;}
	.busiCont30 .rowA p {font-size: 16px; margin-top: 12px;}
	.busiCont30 .rowA {height: 140px;}
	.busiCont30 .rowB {font-size: 14px; word-break: keep-all; padding: 10px 12px; height: calc(100% - 140px);}
 	.busiCont30 .into {font-size: 14px;}
	.busiCont40 .w100,
	.busiCont40 .w50 {padding: 20px 12px;}
	.busiCont40 .ic {width: 80px;}
	.busiCont40 .ic img {height: 80px;}
	.busiCont40 .txt .m1 {font-size: 16px; margin-bottom: 4px;}
	.busiCont40 .txt .m2 {font-size: 14px;}
	.busiCont40 .txt .m3 {font-size: 12px;}
	.busiCont40 .midtxt {font-size: 16px;}
	.busiCont40 .item {margin-bottom: 40px;}
	.busiCont40 .btArea .tit {font-size: 20px;}
	.busiCont40 .btArea .txt .bt {font-size: 14px;}
	.busiCont40 .btArea .txt .bt strong {font-size: 16px;}
	.busiCont40 .btArea {display: block;}
	.busiCont40 .btArea .le {}
	.busiCont40 .btArea .ri {}
	.busiCont40 .txt2 {font-size: 14px;}
	.busiCont40 .btArea .dotp span {font-size: 12px;}
	.busiCont40 .rowA_three ul li {border-radius: 20px; height: 88px;}
	.busiCont40 .btArea .rowC .cont .p1 {font-size: 14px;}
	.busiCont40 .btArea .rowC .cont .p2 {font-size: 16px;}
	.busiCont40 .btArea .rowC .cont .p3 b {font-size: 18px;}
	.busiCont50 .beneCont .in img {height: 60px;}
	.busiCont50 .beneCont .in .m3 {font-size: 14px;}
	.busiCont50 .beneCont .in {height: 256px;}
	
	
	
	
	
  
}