@charset "utf-8";
#svisual{background-image:url(/images/ecse/main/intro/intro_bg.jpg);background-position:50% 72%}

/* 이수체계도 */
.completion-system .pic_btn {display: block;}
.pic_btn a:hover,
.pic_btn a:focus {background: linear-gradient(90deg, #4F3E94 0%, #291D5A 100%);}
/* 이수체계도 End */ 

.greeting .first span:first-child {color: #4F3E94;}
.greeting.gree_ecse01{background:url(/images/ecse/sub01/sub01_01_img01.jpg) no-repeat left top;}
.greeting.gree_ecse02{background:url(/images/ecse/sub02/sub02_01_img01.jpg) no-repeat left top;}
.greeting.gree_ecse03{background:url(/images/ecse/sub03/sub03_01_img01.jpg) no-repeat left top;}

/* 테이블 */
.th_type {color: #333; background-color: #fafbfc; text-align: center;}

.org{position:relative;overflow:hidden;z-index:99}
.org:after{content:"";display:block;clear:both;visibility:hidden}
.org li{position:relative}
.org li a:hover,
.org li a:focus{text-decoration:underline;}
.org>li:after{content:"";display:block;clear:both;visibility:hidden}
.org *:before{content:"";display:block;position:absolute;background:#ddd;z-index:-1}
/*라인*/
.org .lv0:before{bottom:110px;left:50%;width: 1px;height:143px;}
.org .lv2:before{top:0px;left:9.2%;width:81.8%;height: 1px;}
.org .lv2 .group > li > p:before{display:block;position:absolute;top:-30px;left:50%;height:30px;border-left:1px solid #ddd;content:''}
.org .lv2 .group > li > ul > .lv3 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

/**/
.org .lv0{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.org .lv0 .t1{display:block;height:40px;line-height:40px}
.org .lv0 .t2{display:block;border:1px solid #ddd;background:#efefef;line-height:38px;color:#333}

.org .lv1{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.org .lv1 .t1{display:block;height:40px;line-height:40px}
.org .lv1 .t2{display:block;border:1px solid #ddd;background:#efefef;line-height:38px;color:#333}


.org .lv2 .group{overflow:hidden;margin:0 -1%}
.org .lv2 .group > li{float:left;width:18%;margin:0 1%}
.org .lv2 .group > li > p{position:relative;height:80px;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > p .t2{display:block;height:40px;line-height:40px;border:1px solid #ddd;background:#efefef;color:#333}

.org .lv2 .group > li > ul > .lv3 > p{position:relative;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 > p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333}

@media (max-width:767px){
  .org .lv0,.org .lv2 p{width:100%}
  .org .lv0:before{bottom:0px;left:10%;width: 1px;height:1100px}
  .org .lv1{width:100%;margin:0 auto 10px}
  .org .lv2 .group > li{float:right;width:80%;margin-top: 20px}
  .org .lv2:before{display:none}
  .org .lv2 .group > li > p:before{top:50%;left:-2.7%;width:10%;height:1px;margin-left:-7.5%;}
  .org .lv2 .group > li > p{margin:0}
  .org .lv2 .group > li > ul > .lv3 > p{margin:46px 0 0}
}


/* 동아리 조직도 */
.org.s0302 li ul li .lv2_1 {position: absolute;left: 10%;margin-top: -60px;}
.org.s0302 li ul li .lv2_2 {  position: absolute;  right: 10%;  margin-top: -60px;}
.org.s0302 .lv2 .group {  margin-top: 60px;}
.org.s0302 .lv2 .group>li {  width: 31.33%}
.org.s0302 .lv2:before {  left: 15.9%;  width: 68.3%;}
.org.s0302 .lv2 .group>li>p .t3 {  display: block;  height: 40px;  line-height: 40px;  border: 1px dotted #ddd;  background: #efefef;  color: #333;}
.org.s0302 .lv2 .group>li>p {  height: 100%;}

@media (max-width:767px) { 
   .org.s0302 li ul li .lv2_1 {position: relative;left: 2%;margin-top: 0;  }

  .org.s0302 li ul li .lv2_2 {position: relative;right: auto;left: 2%;margin-top: 0;  }

  .org.s0302 .lv2 .group {margin-top: auto;}

  .org.s0302 .lv2 .group>li {width: 80%;}
}

/* 동아리 조직도 End*/

/* 학생회 조직도 */
.org.s0301 .lv2 .group > li > p{height:100%;}
.org.s0301 .lv2 .group > li > p .t2{height:100px;line-height:30px;padding:0 10px;}
.org.s0301 .lv0:before{top: 0; bottom: auto; height: 221px;}

@media (max-width:767px){
    .org.s0301 .lv2 .group > li > p .t2{height:100%;}
    .org.s0301 .lv0:before{top: auto; bottom: 0; height: 100%;}
}
/* 학생회 조직도 */

 /* pdf */
 #PDFviewerDiv{position:relative;height:auto;padding-top:140%;overflow:hidden}
 #PDFviewerDiv iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}