@charset "utf-8";

#svisual{background-image:url(/images/ceit/main/intro/intro_bg.jpg);background-position:50% 50%}
/*인사말 이미지*/
.greeting.gree_ceit01{background:url(/images/ceit/sub01/sub01_01_img01.jpg) no-repeat left top;}
.greeting.gree_ceit02{background:url(/images/ceit/sub02/sub02_01_01_img01.jpg) no-repeat left top;}
.greeting.gree_ceit03{background:url(/images/ceit/sub03/sub03_01_01_img01.jpg) no-repeat left top;}
.greeting.gree_ceit03_01{padding-left:200px;background:url(/images/ceit/sub03/sub03_04_01_img01.jpg) no-repeat left top;}
.greeting.gree_ceit04{background:url(/images/ceit/sub04/sub04_01_01_img01.jpg) no-repeat left top;}
.greeting .first span:first-child{color:#5a2275;}

.sub01_01 .greeting { padding-bottom: 70px;}
.sub02_01_01 .greeting { padding-bottom: 90px;}
/*조교*/
@media(min-width: 768px){
	.sub02_02_02 .ui-list.card .ui-cont .inner { min-height: 245px;}
}

/* 이수체계도 */
.completion-system .pic_btn {display: block;}
.pic_btn a:hover,
.pic_btn a:focus {background: #5a2275;}
/* 이수체계도 End */

/*조직도*/
.organ{}
.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}

/*조직도 이미지*/
.sub02_04_01 .org img{max-height: 160px}
.sub02_04_01 .org .img_bak{display: block;min-height: 160px; overflow: hidden; background: #fff; border: 1px solid #d2d2d2; text-align: center;}
@media (max-width:767px){
  .sub02_04_01 .org img, .sub02_04_01 .org .img_bak{display: none;}
}

/*라인*/
.org .lv0:before{bottom:253px;left:50%;width: 1px;height:143px;}
.org .lv2:before{top:0px;left:11.8%;width:76.5%;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:210px;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 #701e20;background:#fff;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 #701e20;background:#fff;line-height:38px;color:#333}

.org .lv2 .group{overflow:hidden;margin:0 -1%} 
.org .lv2 .group > li{float:left;width: 23%;margin:0 1%;}
.org .lv2 .group > li > p{position:relative;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 #555B69;background:#fff;color:#333}

.org .lv2 .group > li > ul > .lv3 > p{position:relative;margin:30px 0 0;background:#918368;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 #918368;background:#fff;color:#333}
 

@media (max-width:767px){
  .org .lv0,.org .lv2 p{width:100%}
  .org .lv0:before{bottom:80px;left:10%;width: 1px;height:750px}

  .org .lv1{width:100%;margin:0 auto 10px}

  .org .lv2 .group > li{float:right;width:80%;}
  .org .lv2 .group > li:nth-child(1){height: 40px;margin-top: 10px;}
  .org .lv2 .group > li:nth-child(2){height: 160px;margin-top: 54px;}
  .org .lv2 .group > li:nth-child(3){height: 160px;margin-top: 20px;}
  .org .lv2 .group > li:nth-child(4){height:100px;margin-top: 20px;}
  .org .lv2:before{display:none}
  .org .lv2 .group > li > p:before{top:50%;left:-12px;width:45px;height:1px;margin-left:-7.5%;}
  .org .lv2 .group > li > p{margin:0}
  .org .lv2 .group > li > ul > .lv3 > p{margin:6px 0 0}
  /* .org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{margin:6px 0 0} */
}


/*컴퓨터공학전공 학생회*/
.sub02_04_01 .org .lv2 .group > li{float:left;width:23%;margin:0 1%}
.sub02_04_01 .org{margin-bottom: 30px;}
.sub02_04_01 .org .lv2:before {left: 9.2%; width: 81.6%;}
@media (max-width:767px){
  .sub02_04_01 .org .lv2 .group > li{float:right;width:80%;margin-top: 20px}
  .sub02_04_01 .org .lv0:before {top: 0px;height: 1215px;}
}


/*소프트웨어전공 학생회*/
.sub03_04_01 .org .lv2 .group > li {width: 23%;}
.sub03_04_01 .org .lv2:before {left: 11.8%; width: 76.5%;}
.sub03_04_01 .org {margin-bottom: 30px;}
.sub03_04_01 .org .lv0:before { bottom: 220px; left: 49.9%;}

@media (max-width:767px){
	.sub03_04_01 .org .lv2 .group > li{float:right;width:80%;margin-top: 20px}
 	.sub03_04_01 .org .lv0:before{left: 10%; bottom: 0px;}   
 	.sub03_04_01 .org .lv2 .group > li > p:before {width: 50px;}
}


/*교육환경*/
.sub03_01_03 .ui.uic.mb_10 .box_col .col .item { min-height: 244px;}

/* 동아리 */
.s030402 .ui.metro-content-group .box {height:335px;}
@media (max-width: 767px) {
  .s030402 .ui.metro-content-group .box {height:auto;}
}

/* 컴퓨터정보기술공학부 동아리소개 */
.s020403 h2 + .ui.metro-content-group .box {height:265px;}
@media (max-width: 767px) {
  .s020403 h2 + .ui.metro-content-group .box {height:auto;}
}