.fc_pointer {color:#BC0000; }
.daon_content_wrap{width:100%; min-width:320px; max-width:var(--max-width); margin:0 auto;}
.daon_page_title{width:100%; margin-bottom:70px;}
.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

.vision_type3{width:100%; min-width:320px; max-width:var(--max-width); margin:0 auto; }
.vision_type3:after {display:block; visibility:hidden; clear:both; content:""}
.vision_type3 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
.vision_type3 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#333; line-height:1.6em; margin-bottom:40px; }
.vision_type3 .img_div img{width:100%; max-width:var(--max-width);}	
.vision_type3 ul {margin:0; padding:0; border-top:1px solid #000;  }
.vision_type3 ul li{float:left; width:49.9%;  padding:30px 0; border-right:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden;}
.vision_type3 ul li:nth-child(even) { border-right:0; } 
.vision_type3 ul li .icon { position:relative; float:left; display:inline-block; width:25%; text-align:center;}
.vision_type3 ul li .icon i {display:inline-block; font-size:3em; line-height:100px; }
.vision_type3 ul li .icon em { position:absolute; top:-10%; left:15%; font-size:1.5em; opacity:0.2; }
.vision_type3 ul li .con_txt {float:right; width:75%;}
.vision_type3 ul li .con_txt p{  margin-bottom:10px; font-size:1.5em; }
.vision_type3 ul li .con_txt span {  display:block; word-break: keep-all;}

.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}


.org-chart{
    --node-width:160px;
    position:relative;
    width:95%;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:25px;
}
.ceo{
    position:relative;
    z-index:1;
}
.ceo:before{
    content:'';
    position:absolute;
    width:2px;
    height:100px;
    background-color:#ededed;
    left:50%;
    bottom:-100px;
}
.vp{
    position:relative;
}
.vp:before{
    content:'';
    position:absolute;
    width:2px;
    height:125px;
    background-color:#ededed;
    left:50%;
    bottom:-125px;
}
.main-departments {
    flex:0 0 auto;
    position:relative;
    display:flex;
    align-items: flex-start;
    width:100%;
    justify-content: space-between;    
}
.advisor-group{
    flex:0 0 auto;
    display:flex;
    justify-content:space-between;
    width:90%;
}
.advisor-group .advisor{
    position:relative;
    width:100%;
    display:flex;
}
.advisor-group .advisor:nth-of-type(1):before{
    position:absolute;
    content:'';
    height:2px;
    top:50%;
    left:var(--node-width);
    width:calc(100% - var(--node-width));
    display:flex;
    background-color:#ededed;
}
.advisor-group .advisor:nth-of-type(2):before{
    position:absolute;
    content:'';
    height:2px;
    top:50%;
    left:0;
    width:calc(100% - var(--node-width));
    display:flex;
    background-color:#ededed;
	z-index: 1;
}
.advisor-group .advisor:nth-of-type(2){
    display:flex;
    justify-content: flex-end;
}
.advisor-up{
    top:-75px;
}
.engineer-advisor{
    flex:0 0 auto;
    width:90%;
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
.engineer-advisor:before{
    content:'';
    display:flex;
    position:absolute;
    height:2px;
    top:50%;
    left:50%;
    width:calc(50% - var(--node-width));
    background-color:#ededed;
}

.main-departments{
    margin-top:50px;
}
.main-departments .department-column{
    flex:1;
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:25px;
    position:relative;
}
.main-departments .department-column:before{
    flex:0 0 auto;
    content:'';
    height:2px;
    background-color:#ededed;
    display:flex;
    position:absolute;
    width:100%;
    top:-25px;
}

.main-departments .department-column:nth-of-type(1):before{
    width:50%;
    left:50%;
}
.main-departments .department-column:nth-of-type(4):before{
    width:50%;
    left:0;
}


.sub-departments{
    flex:1;
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:25px;
}

.node{
    height:50px;
    border-radius:50px;
    width:var(--node-width);
    font-size:1.0625rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#f4f4f4;
    border:2px solid #dedede;
    box-shadow:2px 2px 2px #ededed;
    position:relative;
    z-index:1;
}
.advisor,.main-dept,.sub-dept{
    position:relative;
}
.main-dept{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}

.ceo .node{
    background: #fdae24;
    background: linear-gradient(0deg, #fdae24 0%, #ffdfa9 100%);
    border-color:#ef883b;
    color:#000000;
}

.vp .node{
    background: #c4e3f7;
    background: linear-gradient(0deg, #6ec0e2 0%, #c4e3f7 100%);
    border-color:#528eca;
    
}
.advisor .node{
    background: #cac4ed;
    background: linear-gradient(0deg, #cac4ed 0%, #fdfdfd 100%);
    border-color:#8777df;
    color:#5034b5;
}

.main-dept .node{
    background: #c8d9f3;
    background: linear-gradient(0deg, #c8d9f3 0%, #fdfdfd 100%);
    border-color:#a3bfeb;
    color:#204bb7;
}
.sub-dept .node{
    background: #e8e8e8;
    background: linear-gradient(0deg, #e8e8e8 0%, #ffffff 100%);
    border-color:#dedede;
    border-width:1px;
}

.main-dept:before{
    content:'';
    position:absolute;
    height:25px;
    width:2px;
    background-color:#ededed;
    left:50%;
    top:-25px;
    display:flex;
}

.sub-dept:before{
    content:'';
    position:absolute;
    height:25px;
    width:2px;
    background-color:#ededed;
    left:50%;
    top:-25px;
    display:flex;
}

#pc-org{
    margin-top:100px;
}

#mo-org{
    display:none;
}

@media (max-width: 800px) {
    #pc-org{display:none;}
    #mo-org{display:block;}
}
@media (max-width: 768px) {
  .level {
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .level {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .horizontal-line {
    display: none;
  }
}

@media screen and (max-width:992px){

    .daon_content_wrap{width:96%;}
    .daon_page_title{margin-bottom:50px;}	
    .daon_page_title h1{font-size:2em;}
    .daon_page_title h2{font-size:1em;}
    .daon_s_tit{font-size:1.2em;}

    .vision_type3 h2.title { font-size:1.5em; }
    .vision_type3 span.stitle{font-size:1em; width:90%;}
    .vision_type3 ul li { width:100%; height:auto; border-bottom:1px solid #ddd; }
    .vision_type3 ul li .icon { width:30%;}
    .vision_type3 ul li .con_txt {width:70%;}
    .vision_type3 ul li:nth-child(odd) { border-right:0; } 
}

.org-chart .line, 
.org-chart .advisor-group::before, 
.org-chart .advisor::before, 
.org-chart .advisor::after {
  z-index: 1 !important; /* 줄은 뒤에 있도록 */
}

.org-chart .node {
  position: relative;
  z-index: 10;
}