@charset "utf-8";

/* #svisual{background-image:url(/images/design/main/intro/intro_bg.jpg);background-position:50% 50%} */

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

/* 학과소개 이미지 수정 */
.ui-intro .ui-img.img-resize{max-height: 629px;}
@media(min-width: 768px){
  .ui-intro .ui-img.img-resize img{width: 65%; margin-left: 35%;}
}

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

/*인사말*/
.greeting.gree_design01{background:url(/images/design/sub01/sub01_01_img01.jpg) no-repeat left top;}
.greeting.gree_design02{padding-bottom:140px;background:url(/images/design/sub02/sub02_01_01_img01.jpg) no-repeat left top;}
.greeting.gree_design03{padding-bottom:140px;background:url(/images/design/sub03/sub03_01_04_img01.jpg) no-repeat left top;}
.greeting .first span:first-child{color:#0C712E;}


/*조직도*/
.organ{
    margin-top: 60px;
}
.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;/* top: 40px; *//* left: 420px; *//* width: 10%; *//* height: 1px; */}
/*라인*/
.org .lv0:before{bottom: 179px;left: 49.9%;width: 1px;height: 151px;}
.org .lv2:before{top:0px;left: 16.5%;width: 67%;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: 45%;margin: 0 2.2% 110px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;display: inline-block;}
.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: 32.33%;margin: 0 0.5%;}
.org .lv2 .group > li > p{position:relative;height: 90px;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: 50px;line-height: 25px;border:1px solid #555B69;background: #fff;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}

.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{position:relative;margin:20px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 >  p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p{position:relative;margin:20px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 >  p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}


.org .lv0 .t1.line:before{top: 40px;left: 44%;width: 14%;height: 1px;}
.org .lv2 .group > li > .t2 {display: block;height: 50px;line-height: 25px;border: 1px solid #555B69;background: #fff;color: #333;margin-top: 10px;text-align: center;}

@media (max-width:767px){
  .org .lv0,.org .lv2 p{margin: 0 auto 10px;width: 100%;}
  .org .lv0:before{left:10%;bottom: 44px;width: 1px;height: 1160px;}
  .org .lv1{margin:0 auto 10px;width:100%;}
  .org .lv2 .group > li{float:right;margin-top: 20px;width:80%;}
  .org .lv2:before{display:none;}
  .org .lv2 .group > li > p:before{left: -4%;top:50%;margin-left:-7.5%;width: 73px;height:1px;}
  .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;}
}

/* sub03_04_01 커뮤니케이션 디자인학전공 학생회 조직도 */
.org .lv2 .group > li > .t2:before{content:''; width:1px; height:10%;}
.s030401 .org .lv2 .group > li{float:left;width: 24%;margin: 0 0.5%;}
.s030401 .org .lv2:before{top:0px;left: 12.5%;width: 75%;}
.s030401 .txt_box img {width: 27%; margin-right: 2%;}
.s030401 .txt_box p {width: 70%; display: inline-block;} 
.s030401 .org .lv2 .group > li > .t2:before{display:block;position:absolute;top: 100px;left:50%;height:30px;border-left:1px solid #ddd;content:'';}
@media (max-width:767px){
  .s030401 .org .lv2 .group > li{float:right; width:80%; margin-top:20px;}
  .s030401 .org .lv2:before{display:none;}
  .s030401 .org .lv2 .group > li > .t2:before{top:85px;}
  .s030401 .txt_box p {width: 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%}

.iframe_box {overflow: hidden; width: 100%; height: 550px;}
.iframe_box.long {height: 875px;}
.iframe_box iframe {width: 100%; height: 100%; border: 0;}