@charset "utf-8";

.eQ01 .wrap_sub_visual::before{background:url(/sites/innovation/images/sub_visual_1.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/templateGuide/images/sub/sub_visual_1.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/templateGuide/images/sub/sub_visual_28.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/templateGuide/images/sub/sub_visual_30.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/templateGuide/images/sub/sub_visual_41.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/templateGuide/images/sub/sub_visual_45.jpg) no-repeat center;}


/* 조직도 */
.wrapOrg { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; margin:0 auto; width:768px; position:relative; }
.wrapOrg::before { content:""; position:absolute; width:2px; height:100%; background-color:#afafaf; left:50%; transform:translateX(-50%); top:0; z-index:-1; }
.wrapOrg > .wrapBox { width:100%; }
.wrapOrg > .wrapBox:not(:last-child) {}
.wrapOrg .boxTxt { color:#fff; width:220px; text-align:center; padding:15px; border-radius:5px; }
.wrapOrg .boxTxt a { color:#fff; }
.wrapOrg .boxTxt.bg1 { background-color:#998675; }
.wrapOrg .boxTxt.bg2 { background-color:#8b0029; }
.wrapOrg .boxTxt.bg3 { background-color:#E8DFD0; color:#444; }
.wrapOrg .boxTxt.bg3 a { color:#444; }

.wrapOrg .wrapBox.top01 { padding-bottom:30px; }
.wrapOrg .wrapBox.top01 .boxTxt { margin:0 auto; }
.wrapOrg .wrapBox.top02 { padding-bottom:30px; }
.wrapOrg .wrapBox.top02 .boxTxt { margin:0 auto; }

.wrapOrg .wrapBox.top03 { position:relative; position:relative; }
.wrapOrg .wrapBox.top03::before { content:""; position:absolute; width:100%; height:2px; background-color:#afafaf; left:0; top:50%; transform:translateY(-50%); z-index:-1; }
.wrapOrg .wrapBox.top03 .wrapDiv3 { display:flex; justify-content:space-between; }
.wrapOrg .wrapBox.top03 .boxAbsolute { position:absolute; top:-20px; right:-250px; }
.wrapOrg .wrapBox.top03 .boxAbsolute::before { content:""; width:30px; height:2px; background-color:#afafaf; left:-30px; top:50%; position:absolute; transform:translateY(-50%); z-index:-1; }

.wrapOrg .wrapBox.top04 { display:flex; justify-content:flex-end; margin-bottom:70px; margin-top:50px; position:relative; }
.wrapOrg .wrapBox.top04::before { content:""; position:absolute; width:50%; height:2px; background-color:#afafaf; top:50%; right:0; z-index:-1; }

.wrapOrg .wrapBox.top05 {}
.wrapOrg .wrapBox.top05 .wrapDiv3 { display:flex; justify-content:space-between; position:relative; column-gap:2%; }
.wrapOrg .wrapBox.top05 .wrapDiv3::before { content:""; position:absolute; width:71.5%; height:2px; background-color:#afafaf; top:-30px; left:50%; transform:translateX(-50%); }
.wrapOrg .wrapBox.top05 .wrapDiv3 > li { position:relative; }
.wrapOrg .wrapBox.top05 .wrapDiv3 > li:not(:nth-child(2))::before { content:""; width:2px; height:250px; background-color:#afafaf; left:50%; top:-30px; position:absolute; z-index:-1; }
.wrapOrg .wrapBox.top05 .wrapDiv3 .boxTeam {}
.wrapOrg .wrapBox.top05 .wrapDiv3 .boxTeam > li:not(:last-child) { margin-bottom:10px; }
@media all and (max-width:768px) {
  .wrapOrg { width:100%; border:0px solid red; }
  .wrapOrg .boxTxt { width:100% !important; }
  .wrapOrg .wrapBox .wrapDiv3 { flex-wrap:wrap; }
  .wrapOrg .wrapBox .wrapDiv3 > li { width:100% !important; padding-bottom:30px; }
  .wrapOrg .wrapBox.top03 .boxAbsolute { position:relative; left:0; top:unset; right:unset; margin-bottom:30px; }	
  .wrapOrg .wrapBox.top04 { margin-top:unset; margin-bottom:unset; padding-bottom:30px; }
  .wrapOrg .wrapBox.top05 .wrapDiv3 > li:last-child { padding-bottom:0; }

  .wrapOrg::before {/* display:none; */}
  .wrapOrg .wrapBox.top03::before { display:none; }
  .wrapOrg .wrapBox.top03 .boxAbsolute::before { display:none; }
  .wrapOrg .wrapBox.top04::before { display:none; }
  .wrapOrg .wrapBox.top05 .wrapDiv3::before { display:none; }
  .wrapOrg .wrapBox.top05 .wrapDiv3 > li:not(:nth-child(2))::before { display:none; }
}

.pcImg{}
.moImg{display:none;}
@media all and (max-width:768px) {
  .pcImg{display:none;}
  .moImg{display:block;}
}