#header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  height: 11.2rem;
  overflow: hidden;

  transition: 0.4s;
}

#header.on {
  background: rgba(0, 0, 0, 0.75);
}
#header:hover {
  height: 40rem;
  background: rgba(0, 0, 0, 0.75);
}

#header .hd_wrap {
  display: flex;
  align-items: flex-start;
  height: 11.2rem;

  transition: height 0.4s;
}

#header h1 {
  flex: 0 0 auto;
  font-size: 3.2rem;
  font-weight: 800;
  white-space: nowrap;
  user-select: none;
}

#header h1 a {
  display: block;
  width: 18rem;
  height: 11.2rem;
  background: url(../images/logo_w.png) no-repeat left center/contain;
}

#header .adm {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.4rem;

  height: 11.2rem;

  margin-left: 6.4rem;
  align-self: flex-start;

  color: var(--white-color);
}

#header .adm a {
  white-space: nowrap;
}

#header .adm .icon {
  vertical-align: -2px;
  margin-right: 0.8rem;
  width: 1.4rem;
  height: 1.4rem;
  stroke-width: 2;
  stroke: var(--white-color);
}

#header .gnb_container {
  display: flex;
  align-items: flex-start;

  margin-left: auto;
}

#header .gnb {
  display: flex;
  align-items: center;
  margin-left: auto;
}

#header .gnb > ul {
  display: flex;
  height: 12rem;
  overflow: hidden;
}
#header:hover .gnb > ul {
  height: 40rem;
}

#header .gnb > ul > li {
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0);
}
#header .gnb > ul > li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0);
}
#header:hover .gnb > ul > li {
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}
#header:hover .gnb > ul > li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

#header .gnb > ul > li:hover {
  background: rgba(0, 0, 0, 0.01);
}

#header .gnb > ul > li > a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 1.8rem;
  line-height: 11.2rem;
  text-transform: uppercase;
  padding: 0 4.2rem;
  color: var(--white-color);

  white-space: nowrap;
}

#header .gnb > ul > li > a::after {
  content: "";
  position: absolute;
  top: 9.6rem;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 0);

  width: 0;
  height: 1px;

  background: var(--point-color);

  transition: 0.3s;
}

#header .gnb > ul > li:hover > a::after {
  width: calc(100% - 6.4rem);
}

#header .gnb > ul > li {
  position: relative;
}

#header .gnb > ul > li ul li a {
  display: block;
  padding: 0 3.2rem;
  line-height: 3.2rem;
  white-space: nowrap;
  text-align: center;
  font-size: 1.4rem;
  white-space: nowrap;

  color: var(--white-color);
}

@media (max-width: 1440px) {
  #header .gnb > ul > li ul li a {
    padding: 0 2.4rem;
  }

  #header .adm {
    margin-left: 4rem;
  }
}

.mbtn {
  display: none;
}

@media (max-width: 1024px) {
  .mbtn {
    display: flex;
    align-items: center;

    position: fixed;
    top: 3.2rem;
    right: 1.6rem;
    z-index: 999;

    width: 32px;
    height: 32px;

    background: var(--lightgray-color);
    border: 1px solid var(--line-color);
    border-radius: 4px;
    /* background: rgba(255, 255, 255, 0.25); */
    font-size: 0;
  }

  .mbtn::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 4px;
    right: 4px;

    height: 2px;
    background: var(--body-color);
  }

  .mbtn.on::before {
    display: none;
  }

  .mbtn::after {
    content: "";
    position: absolute;
    bottom: 7px;
    left: 4px;
    right: 4px;

    height: 2px;
    background: var(--body-color);
  }

  .mbtn.on::after {
    display: none;
  }

  .mbtn span::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 4px;
    right: 4px;

    height: 2px;
    background: var(--body-color);
  }

  .mbtn.on span::before {
    transform: rotate(45deg);
  }

  .mbtn span::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 4px;
    right: 4px;

    height: 2px;
    background: var(--body-color);
  }

  .mbtn.on span::after {
    transform: rotate(-45deg);
  }

  #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    height: 11.2rem;
    overflow: vi;

    transition: 0.4s;
  }

  #header.on {
    background: var(--white-color);
    border-bottom: 1px solid var(--line-color);
  }

  #header.on h1 a {
    display: block;
    background: url(../images/logo.png) no-repeat left center/contain;
  }
  #header:hover h1 a {
    display: block;
    background: url(../images/logo.png) no-repeat left center/contain;
  }
  #header:hover {
    height: 11.2rem;
    overflow: visible;
    background: var(--white-color);
    border-bottom: 1px solid var(--line-color);
  }
  #header .gnb_container {
    position: fixed;
    top: 0;
    left: -100vw;
    z-index: 999;

    width: 100vw;
    height: 200vh;
    background: var(--white-color);

    background: rgba(0, 0, 0, 0.75);
  }

  #header .gnb_container.on {
    left: 0;
  }

  #header .gnb {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 4rem;
    padding: 16rem 2.4rem 0 2.4rem;

    width: calc(100vw - 6.4rem);
    height: 150vh;
    background: var(--white-color);
  }

  #header .gnb > ul {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  #header .gnb > ul > li > a {
    line-height: 5.6rem;
    border-bottom: 1px solid var(--line-color);
    color: var(--body-color);
    font-weight: 500;
    font-size: 1.8rem;
    padding: 0 0 0 0.8rem;
    text-align: left;
  }

  #header.on .gnb > ul > li > a {
    line-height: 5.6rem;
    color: var(--body-color);
  }

  #header .gnb > ul > li {
    position: relative;
  }

  #header .gnb > ul {
    display: flex;
    height: 12rem;
    overflow: hidden;

    overflow: visible;
  }
  #header:hover .gnb > ul {
    height: auto;
    border-top: 1px solid var(--primary-color);
  }

  #header .gnb > ul > li {
    position: relative;
    border-left: none;
  }
  #header .gnb > ul > li:last-child {
    border-right: none;
  }
  #header:hover .gnb > ul > li {
    position: relative;
    border-left: none;
  }
  #header:hover .gnb > ul > li:last-child {
    border-right: none;
  }

  #header .gnb > ul > li:hover {
    background: none;
  }
  #header .gnb > ul > li:focus-within {
    background: none;
  }
  #header .gnb > ul > li ul {
    position: static;

    transform: translate(0, 0);
    background: var(--white-color);
    border: 0 solid var(--lightgray-color);

    opacity: 1;
    visibility: visible;

    transition: none;

    display: none;
  }

  #header .gnb > ul > li ul li a {
    display: block;
    padding: 0 0 0 0.8rem;
    line-height: 4rem;
    white-space: nowrap;

    background: var(--lightgray-color);
    color: var(--body-color);

    text-align: left;
  }

  #header .gnb > ul > li > a::after {
    display: none;
  }

  #header .gnb > ul > li ul li a {
    border-bottom: 1px solid var(--line-color);
  }

  #header .adm {
    order: -1;
    position: relative;
    display: flex;
    gap: 2.4rem;

    align-self: stretch;

    margin-left: 0;

    height: 6.4rem;

    color: var(--body-color);
    padding: 1.6rem 0;
    border-top: 1px solid var(--line-color);
    border-bottom: 1px solid var(--line-color);
  }

  #header.on .adm {
    color: var(--body-color);
  }

  #header .adm .icon {
    vertical-align: -2px;
    margin-right: 0.8rem;
    filter: invert();
    width: 1.4rem;
    height: 1.4rem;
    stroke-width: 2;
  }
  #header.on .adm .icon {
    filter: invert();
  }
}
.sub_title {
  position: relative;

  background-color: var(--primary-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* border-left: 4px solid var(--point-color); */
  /* border-top: 4px solid var(--point-color); */
  text-transform: uppercase;

  color: var(--white-color);
  /* border-radius: 4rem 0 0 0; */
  overflow: hidden;

  min-height: 56rem;
}

.sub_title::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  z-index: 2;
  background: linear-gradient(25deg, rgba(0, 0, 0, 0.5) 40%, transparent);
  backdrop-filter: blur(16px);

  animation: blur 0.8s both;
}

@keyframes blur {
  0% {
    backdrop-filter: blur(16px);
  }
  100% {
    backdrop-filter: blur(0);
  }
}

.sub_title::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  z-index: 3;
  background: url(../images/pt-bg01.png);
}

.sub_title .title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, calc(-50% + 4rem));

  width: 100%;
  text-align: left;
  margin-bottom: 0;
}

.sub_title .title h2 {
  font-size: 6.4rem;
  font-weight: 800;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.sub_title .title h2::after {
  content: "";
  display: block;
  margin: 1.6rem auto 1.6rem 0;
  width: 4rem;
  height: 2px;
  background: var(--point-color);
}
.sub_title .title p {
  font-size: 2.8rem;
  font-weight: 400;
  opacity: 1;
}

@media (max-width: 768px) {
  .sub_title .title p {
  font-size: 1.8rem;
}
}

@media (max-width: 768px) {
  .sub_title .title {
    margin: 0 0;
    padding: 0 1.6rem;
  }

  .sub_title .title h2 {
    font-size: 4.8rem;
    font-weight: 800;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  }
}

.sub_nav {
  position: relative;
  z-index: 5;
  margin-bottom: 8rem;

  background: var(--white-color);
  border-bottom: 1px solid var(--line-color);

  line-height: 6.4rem;
}

.sub_nav .w_inner {
  display: flex;
  justify-content: space-between;
}

.sub_nav .lnb ul {
  display: flex;
  justify-content: flex-end;
  gap: 0;
}

.sub_nav .lnb ul a {
  display: block;
  background: var(--white-color);

  white-space: nowrap;

  padding: 0 4rem;
}

.sub_nav .lnb ul li ~ li {
  border-left: 1px solid var(--line-color);
}

.sub_nav .lnb ul li.on a {
  border-top: 4px solid var(--point-color);
  margin-top: -4px;
}

.sub_nav .navigation {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.sub_nav .navigation .icon {
  width: 1.2rem;
  height: 1.2rem;
  stroke-width: 2;
  stroke: var(--body-color);
}

.sub_nav .lnb > a {
  display: none;
}

@media (max-width: 768px) {
  .sub_nav {
    position: relative;
    margin: 0 1.6rem;
    margin-top: -4rem;
    margin-bottom: 8rem;

    background: var(--white-color);
    border: 1px solid var(--line-color);

    border-top: 4px solid var(--primary-color);

    line-height: 6.4rem;
  }
  .sub_nav .w_inner {
    display: block;
    margin: 0 0;
  }

  .sub_nav .lnb ul {
    display: none;
  }

  .sub_nav .lnb > a {
    position: relative;
    display: block;
    padding: 0 1.6rem;

    font-size: 2.2rem;
  }

  .sub_nav .lnb > a::after {
    content: "";
    position: absolute;
    top: 50%;

    transform: translate(0, -50%);
    right: 1.6rem;
    width: 24px;
    height: 24px;

    background: url(../lib/icon/chevron-down.svg) no-repeat center center/22px;
    opacity: 0.5;
  }

  .sub_nav .lnb > a.on::after {
    background: url(../lib/icon/chevron-up.svg) no-repeat center center/22px;
  }

  .sub_nav .lnb ul li ~ li {
    border-left: 0px solid var(--line-color);
  }
  .sub_nav .lnb ul li {
    border-top: 1px solid var(--line-color);
  }

  .sub_nav .lnb ul a {
    display: block;
    /* background: var(--white-color); */
    background: var(--background-color);
    white-space: nowrap;

    padding: 0 0;
    padding: 0 1.6rem;
  }

  .sub_nav .lnb ul li.on a {
    border-top: 0px solid var(--point-color);
    margin-top: 0px;
  }

  .sub_nav .navigation {
    display: none;
  }
}

.sub_content {
  margin-top: 8rem;
  margin-bottom: 12rem;
}

.sub_content .page_title {
  margin-bottom: 2.4rem;
  text-align: center;
}

.sub_content .page_title h3 {
  position: relative;
  padding: 1.6rem 0;
  /* border-bottom: 1px solid var(--line-color); */
  white-space: nowrap;
}

.sub_content .page_title h3::after {
  content: "";

  display: block;
  margin: 2.4rem auto;
  width: 1.2rem;
  height: 1.2rem;

  border-radius: 0.6rem;

  background: var(--point-color);
  transform: rotate(45deg);
}

.sub_content .page_title h3 strong {
  font-size: 4rem;
  font-weight: 700;
}

@media (max-width: 768px) {
.sub_content .page_title h3 strong {
  font-size: 3.0rem;
}
}

@media (max-width: 1440px) {
}

.sub_content .content p {
  font-size: 1.7rem;
  line-height: 2.4rem;
  opacity: 0.9;
}

.sub_content .content .sub_title_desc {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 5.6rem;
  text-align: center;
}

@media (max-width: 768px) {
  .sub_content .content .sub_title_desc {
  font-size: 2.1rem;
}
  }

#footer {
  padding: 4rem 0 5.6rem 0;
  background: var(--footerbg-color);
  color: var(--body-color);
  border-top: 1px solid var(--line-color);

  font-size: 1.5rem;
  line-height: 2.4rem;
}

#footer .lnk {
  margin-bottom: 5.6rem;
  padding: 5.6rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#footer .lnk > ul {
  display: flex;
  gap: 8rem;
}

#footer .lnk > ul > li > a {
  display: block;
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 1.6rem;
}

#footer .lnk > ul ul a {
  display: block;
  line-height: 1.5;
}

#footer .customer_list {
  display: flex;
  gap: 1.6rem;

  margin-bottom: 1.6rem;
}

@media (max-width: 768px) {
  #footer .lnk {
    display: none;
  }

  #footer .customer_list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
}

#footer .inner {
  display: flex;
  flex-direction: column;
  /* justify-content: center;
  align-items: center; */
  gap: 8px;
}

#footer .info {
  display: flex;
  gap: 2.4rem;
}

#footer .info li {
  position: relative;
  /* text-align: center; */
  white-space: nowrap;
}

#footer .info li ~ li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;

  transform: translate(0, -50%);

  width: 1px;
  height: 0.5em;

  background: #ccc;
}

@media (max-width: 768px) {
  #footer .info {
    flex-direction: column;
    gap: 0;
  }

  #footer .info li ~ li::before {
    display: none;
  }
}

#side_lnk {
  position: fixed;
  bottom: 12rem;
  right: 1.6rem;
  z-index: 100;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

  opacity: 0;
  visibility: hidden;
}

#side_lnk.on {
  opacity: 1;
  visibility: visible;
}

#side_lnk .d_btn {
  position: relative;
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  background: var(--point-color);
  border-radius: 3.2em;
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#side_lnk .d_btn .icon {
  width: 3.2rem;
  height: 3.2rem;
  stroke-width: 2;
  stroke: var(--white-color);
}

#side_lnk a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 6.4rem;
  height: 6.4rem;
  margin-bottom: 1.6rem;
  background: var(--white-color);
  border-radius: 3.2em;
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);

  line-height: 6.4rem;
  color: var(--white-color);
  font-size: 1.2rem;

  overflow: hidden;
  transition: all 0.3s;
}

#side_lnk a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6.4rem;
  height: 6.4rem;
}

#side_lnk a.naver::after {
  background: url(../lib/images/sns_naver.png) no-repeat center center/3.2rem;
}

#side_lnk a.kakao::after {
  background: url(../lib/images/sns_kakao.png) no-repeat center center/3.2rem;
}

#side_lnk a.naver:hover::after {
  background: url(../lib/images/sns_naver_w.png) no-repeat center center/3.2rem;
}

#side_lnk a.kakao:hover::after {
  background: url(../lib/images/sns_kakao_w.png) no-repeat center center/3.2rem;
}

#side_lnk a:hover {
  width: 22rem;
}

#side_lnk .kakao:hover {
  background: #fee500;
  color: #3c1e1e;
}

#side_lnk .naver:hover {
  background: #03c75a;
  color: #ffffff;
}

#side_lnk a span {
  margin-left: 3.2rem;
  width: 0;

  font-size: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.3s;
}

@media (max-width: 768px) {
  #side_lnk {
    bottom: 4rem;
  }
}

#side_lnk a:hover span {
  width: 16rem;
}

#footer .ft_wrap {
  position: relative;
}

#family_link {
  position: absolute;
  top: 8rem;
  right: 0;

  white-space: nowrap;
}

@media (max-width: 768px) {
  #family_link {
    top: 0;
  }
}

#family_link .f_link {
  position: relative;
  display: block;
  width: 16rem;
  height: 4rem;
  padding: 0 2.4rem;
  text-align: left;
  font-size: 1.4rem;
  text-align: left;
  color: var(--line-color);
  text-transform: uppercase;
  background: var(--primary-color);

  border-radius: 2rem 2rem 2rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

#family_link .f_link.on {
  border-radius: 0 0 2rem 2rem;
  background: var(--body-color);
}

#family_link .f_link .icon {
  position: absolute;
  right: 0.8rem;
  top: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  stroke-width: 1;
}

#family_link .f_link.on .icon {
  transform: rotate(180deg);
}

#family_link ul {
  display: none;
  position: absolute;
  bottom: 4rem;
  width: 100%;

  border: 1px solid rgba(255, 255, 255, 0.25);
  margin-top: -1px;
  z-index: 2;

  background: var(--body-color);

  border-radius: 2rem 2rem 0 0;
  overflow: hidden;
}

#family_link ul > li > a {
  display: block;
  padding: 0 2.4rem;
  font-size: 1.4rem;
  line-height: 3.9rem;
  color: var(--line-color);
}

#family_link ul > li ~ li > a {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#family_link ul > li > a:hover {
  background: var(--point-color);
}

#footer .ft_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 768px) {
  #footer .ft_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

#customer {
}

#customer .customer_wrap {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  justify-content: center;
  align-items: flex-end;

  text-align: right;
}

@media (max-width: 768px) {
  #customer .customer_wrap {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: flex-start;
    align-items: flex-start;

    text-align: left;

    margin-top: 8rem;
  }
}

#customer .s_lnk img {
  padding: 0.8rem;
  width: 2.8rem;
  height: auto;
  background: rgba(0, 0, 0, 1);
  box-sizing: content-box;
  border-radius: 0.8rem;
}

#customer .s_lnk {
  margin-top: 1.6rem;
}
#customer .tel strong {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 4rem;
  font-weight: 800;
}

/************** br **************/
.pc_br {display:block}
.t900_br{display:none}
.m_br{display:none}

@media all and (max-width:899px){
  .pc_br{display:none !important}
  .t900_br {display:block !important}
}
@media screen and (max-width: 480px) {
  .t900_br {display:none !important}
  .m_br{display:block !important}
}


/************** height **************/
.height130 {width: 100%; height: 130px;}
.height100 {width: 100%; height: 100px;}
.height80 {width: 100%; height: 80px;}
.height50 {width: 100%; height: 50px;}
.height40 {width: 100%; height: 40px;}
.height30 {width: 100%; height: 30px;}
.height20 {width: 100%; height: 20px;}
.height15 {width: 100%; height: 15px;}
.height10 {width: 100%; height: 10px;}
.height5 {width: 100%; height: 5px;}

@media screen and (max-width: 640px) {
.height130 {width: 100%; height: 100px;}
.height100 {width: 100%; height: 70px;}
.height80 {width: 100%; height: 50px;}
.height50 {width: 100%; height: 35px;}
.height40 {width: 100%; height: 28px;}
.height30 {width: 100%; height: 20px;}
.height20 {width: 100%; height: 15px;}
.height15 {width: 100%; height: 10px;}
.height10 {width: 100%; height: 5px;}
.height5 {width: 100%; height: 2px;}
}


/*  interc_content_wrap */

.interc_content_wrap{width:100%; min-width:320px; max-width:100%; margin:0 auto;}
.interc_page_title{width:100%; text-align:center; margin-bottom:70px;}
.interc_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.interc_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.interc_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }
 
.interc_sub_type {width:100%; }
.interc_sub_type:after{ content:""; display:block; clear:both;}        
.interc_sub_type .busi_top { position: relative;  width:100%; }
.interc_sub_type .busi_top:after{ content:""; display:block; clear:both;}

.interc_sub_type .busi_cont {width:100%;  margin:0 auto;}
.interc_sub_type .info_box { width:100%; margin:10px auto 40px;}
.interc_sub_type .info_box:after{ content:""; display:block; clear:both;}
.interc_sub_type .info_box .txts {display:block; font-size:1.0em; color:#555; line-height:1.6em;  margin-bottom:15px;}
.interc_sub_type .info_box .txts strong {color:#4165c3;}
.interc_sub_type .info_box .txts_2 {display:block; font-size:1.55em;font-weight:500; color:#333; line-height:1.6em;  margin-bottom:10px;}
.interc_sub_type .info_box .txts strong {color:#4165c3;}
.interc_sub_type .info_box .img_50 {float:left; width:49%; margin-right:2%; margin-bottom:0;}        
.interc_sub_type .info_box .img_50:last-child {float:right; margin-right:0;}
.interc_sub_type .info_box .img_50 img {max-width:100%;}        
.interc_sub_type .info_box .img_50 p { margin-top:15px; font-size:1.25em; text-align:center;}
.interc_sub_type .info_box h3 {display:block; font-size:1.35em; color: #323232; text-align:left; font-weight:600; line-height:1.5em;  margin:10px auto 10px;}
.interc_sub_type .info_box h4 {display:block; font-size:1.2em;color:#3375C0; font-weight:500; line-height:1.5em;  margin:5px auto 5px;}
 
.interc_sub_type .info_box h5 {display:block; font-size:1.25em;color:#333; font-weight:600; line-height:1.5em;  margin:30px auto 15px;}
.interc_sub_type .info_box dl strong {display:block; font-size:1.85em; color: #000; margin-bottom:30px;  }
.interc_sub_type .info_box dl dd{ position:relative; font-size:1.0em; color: #555;  padding-left:15px; line-height:1.5em;  text-align:left; margin-top:5px; }
.interc_sub_type .info_box dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;}        
.interc_sub_type .info_box .imp {font-size:1.1em; word-break:keep-all; color:#3375C0; margin-top:20px; background:#f1f7fb; padding:5px 25px; }
.interc_sub_type h3.con_tit {display:block; font-size:2.2em; color: #245a9b; text-align:left; font-weight:600; line-height:1.5em;  margin:10px auto 20px;}
 
      
 
@media all and (max-width:1024px){
.interc_sub_type .busi_cont {padding:0 4%;}        

}
 
@media all and (max-width:992px){                
.interc_page_title{margin-bottom:50px;}        
.interc_page_title h1{font-size:1.85em;}
.interc_page_title h2{font-size:1em;}
.interc_s_tit{font-size:1.2em;}        
 
}
 
@media all and (max-width:860px){
.interc_sub_type .busi_top .img_box_all {padding-bottom:0px; }
.interc_sub_type .busi_top .img_box_all .con_area {padding:0 4%;}
.interc_sub_type .busi_top .img_box_all .con_area ul li{ width:49%; margin-right:2%; margin-bottom:1.5%;}                
.interc_sub_type .busi_top .img_box_all .con_area ul li:nth-child(4n){margin-right:2%;}        
.interc_sub_type .busi_top .img_box_all .con_area ul li:nth-child(2n){margin-right:0;}
.interc_sub_type .busi_top .img_box_all .con_area ul li .txt_box{ top:20%;}
.interc_sub_type .busi_top .img_box_all .con_area ul li p{ font-size:1.25em; }
.interc_sub_type .scroll{display:block;}
}
 
 
 
 
@media all and (max-width:640px){
 
.interc_sub_type .info_box .img_50 {width:100%; margin-bottom:10px;}
}
 
@media all and (max-width:480px){
 
.interc_sub_type .info_box .txts {font-size:0.95em;}
.interc_sub_type .info_box .txts_2 {font-size:1.35em;}
.interc_sub_type .info_box h3 { font-size:1.2em;}
.interc_sub_type .info_box h4 {font-size:1.1em;}
.interc_sub_type .info_box h5 {font-size:1.2em;}
.interc_sub_type .info_box dl dd{font-size:0.95em; }
.interc_sub_type .busi_top .img_box_all .con_area ul li{ width:100%; text-align:center; height:auto; margin-right:0;}
.interc_sub_type .info_box .imp {font-size:1.0em;}
 
}
/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */


/* 테이블 스크롤바 */
.inter_t {width:100%; }
.inter_t h3 {display:block; font-size:1.35em; color: #323232; text-align:left; padding:20px 0 15px; font-weight:600;}
.inter_t h4 {display:block; font-size:1.1em; color: #333333; text-align:left; padding:20px 0 15px; font-weight:600;}

.inter_t .txts {display:block; font-size:1.0em; color:#555; line-height:1.6em;  margin-bottom:15px;}


 /* 스크롤 */
.inter_t .scroll{width:100%;margin:0 auto; text-align:left; margin-bottom:5px; display:none;}
.inter_t .tbl_scroll_wrap { width:100%; overflow-x:auto;  white-space: nowrap; margin-bottom:30px;}
.inter_t .tbl_scroll_wrap::-webkit-scrollbar { -webkit-appearance: none; }
.inter_t .tbl_scroll_wrap::-webkit-scrollbar:vertical { width: 12px; }
.inter_t .tbl_scroll_wrap::-webkit-scrollbar:horizontal { height: 8px; }
.inter_t .tbl_scroll_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff;  }
.inter_t .tbl_scroll_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }
.inter_t  h3.busi_tbl_title {clear:both; font-size:2.2em; color: #245a9b; text-align:left; font-weight:600; padding:0; margin-bottom:20px; margin-top:0 !important;}

.inter_t  table.busi_tbl{ width:100%;min-width:750px;  line-height: 1.4; border-collapse:collapse; border-spacing:0; border-top:2px solid #dddddd;   border-right:0px solid #dddddd; margin:0 auto 10px;word-break: break-all; }
.inter_t  table.busi_tbl thead th{ font-size:0.95em; color:#333; font-weight:600; text-align:center; padding:12px 0; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd ; background-color:#f4f8f7; }
.inter_t  table.busi_tbl tbody td{ font-size:0.95em; color:#333; font-weight:400; text-align:center; padding:12px 10px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.inter_t  table.busi_tbl tbody td.left{  border-left:1px solid #dddddd !important;}
.inter_t  table.busi_tbl tbody td.t_left{text-align:left;padding-left:26px; }
.inter_t  table.busi_tbl tbody td.left_bg{ background-color:#f4f8f7 !important;}
.inter_t  table.busi_tbl tbody td.left_bg2{border-left:1px solid #dddddd !important; background-color:#f4f8f7 !important;}

.inter_t  table.busi_tbl thead th:first-child {border-left:0;}
.inter_t  table.busi_tbl tbody td:first-child {border-left:0;}

.inter_t dl dd{ position:relative; font-size:0.95em; color: #555;  padding-left:15px; line-height:1.5em;  text-align:left; margin-top:5px; }
.inter_t dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;}  



 @media all and (max-width:480px){
.inter_t h3 {display:block; font-size:1.15em;}
.inter_t h4 {display:block; font-size:0.95em;}
.inter_t .txts {font-size:0.95em;}
.inter_t .scroll{width:100%;margin:0 auto; text-align:left; margin-bottom:5px;display:inline; }
.inter_t  table.busi_tbl thead th{ font-size:0.85em; }
.inter_t  table.busi_tbl tbody td{ font-size:0.85em;}

.inter_t dl dd{font-size:0.9em; }

 }
 /* 테이블 스크롤바 end */


  /* 100% 센터 /  양쪽 오픈*/
.inter_t .tbl_noscr_wrap { width:100%; margin:0 auto; margin-bottom:30px;}
.inter_t  table.con_tbl  {width:100%; 
line-height: 1.4;
 border-top:2px solid #dddddd;border-collapse:collapse;}
.inter_t  table.con_tbl tr {border-top:1px solid #dddddd}
.inter_t  table.con_tbl tr:last-child {border-bottom:1px solid #e1e1e1}
.inter_t  table.con_tbl tr th {border-left:1px solid #dddddd; background:#f4f8f7;font-size:0.95em; color:#333; font-weight:600; text-align:center; padding:12px 0;}
.inter_t  table.con_tbl tr th:first-child {border-left:0;}
.inter_t  table.con_tbl tr td {border-left:1px solid #dddddd;font-size:0.95em; color:#333; font-weight:400; text-align:center; padding:12px 0}
.inter_t  table.con_tbl tr td:first-child {border-left:0;1}
 /* 100% end */
 
 
@media all and (max-width:480px){
.inter_t  table.con_tbl {font-size:0.85em;}
}
  /* 100% 센터 /  양쪽 오픈 end*/