@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
@import url("/_templet7/css/sub.css");
.member .group1 { width: 100%; }

.org { position: relative; }

.org .depth2, .org .depth3 { width: calc(100% - 18rem); }

.org .depth1 { -webkit-transform: translateX(-9rem); transform: translateX(-9rem); }

.org .depth5 { overflow: hidden; }

.org .depth3 li:last-child { overflow: hidden; }

.org .depth3 li:last-child .label { float: left; max-width: calc(50% - 0.5rem); }

.org .depth3 li:last-child .label + .label { float: right; position: relative; }

.org .depth3 li:last-child .label + .label::after { position: absolute; top: 50%; right: 100%; z-index: -1; width: 100000%; height: 1px; background-color: #ddd; content: ''; }

.org .depth3-1 { position: absolute; right: 0; top: 8.5rem; width: 15rem; }

.org .depth3-1 .label.type5 { margin-bottom: 0.5rem; background-color: #f3f3f5; }

.org .depth4 > li { width: 21%; }

.org .depth4 > li:last-child { width: 37%; }

.org .depth4 > li:last-child .label { width: 100%; }

.org .depth4 > li:last-child .bul1 { float: left; width: calc(50% - 3rem); }

.org .depth4 > li:last-child .bul1 + .bul1 { float: right; }

.org .depth4 > li .bul1 li { white-space: nowrap; }

.org .depth4 > li .bul1 strong { display: block; float: none; width: auto; }

@media (max-width: 1024px) { .org .depth2, .org .depth3 { width: calc(100% - 14rem); }
  .org .depth1 { -webkit-transform: translateX(-7rem); transform: translateX(-7rem); }
  .org .depth3-1 { width: 12rem; }
  .org .depth4 > li { width: 25% !important; }
  .org .depth4 > li:last-child .bul1 { float: none !important; width: 100%; }
  .org .depth4 > li:last-child .bul1 + .bul1 { margin-top: -0.5rem; } }

@media (max-width: 768px) { .org .depth2, .org .depth3 { width: calc(100% - 12rem); }
  .org .depth1 { -webkit-transform: translateX(-6rem); transform: translateX(-6rem); }
  .org .depth3-1 { width: 10rem; }
  .org .depth4 > li { width: 50% !important; } }

@media (max-width: 530px) { .org .depth2, .org .depth3 { width: 100%; }
  .org .depth1 { -webkit-transform: translateX(0); transform: translateX(0); }
  .org .depth3-1 { position: static; width: 100%; text-align: center; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-12-20
-------------------------------------------------*/
#wrap { background: url("/jbup/img/sub/visual.jpg") no-repeat center 0; }