@charset "utf-8";

#svisual{background-position:50% 61%;background-image:url(/images/fsb/main/intro/intro_bg_svisual.jpg)}

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

/*동아리*/
.ui.uic .box_col .col .item .tit_inner.inh3 {margin: 15px 20px 10px 0;padding-bottom: 10px;border-bottom: 0;font-size: 16px;text-align: center;}
.ui.uic.mb_10 .box_col .col .item.itemh3 {padding-bottom: 10px;}
@media (max-width:1160px) {
    .ui.uic.mb_10 .box_col .col .item.itemh3{min-height:10px;}
}
@media (min-width:640px) {
    .ui.uic.mb_10 .box_col .col .item.itemh3{min-height:398px}
    .ui.uic .box_col .col .item .thm_figure{min-height:286px}
}

/*인사말배경*/
.greeting.gree_fsb01{background:url(/images/fsb/sub01/sub01_01_img01.jpg) no-repeat left top;}
.greeting.gree_fsb02{background:url(/images/fsb/sub02/sub02_01_01_img02.jpg) no-repeat left top;}
.greeting.gree_fsb03{background:url(/images/fsb/sub03/sub03_01_01_img01.jpg) no-repeat left top;}

.sub01_01 .greeting { padding-bottom: 220px;}
.sub02_01_01 .greeting { padding-bottom: 160px;}
.sub03_01_01 .greeting { padding-bottom: 60px;}
.sub04_01_01 .greeting { padding-bottom: 100px;}
@media (max-width: 768px){
	.sub01_01 #txt .greeting { padding: 0 0 131px;}
	.sub02_01_01 #txt .greeting { padding: 0 0 6%;}
}

/*조교*/
.sub02_02_02 .nm_long .info_long h4{margin: 0 0;}
@media(min-width: 768px){
	.sub02_02_02 .ui-list.card .nm_long.long1 .inner {height: auto;}
}

/*행정조직안내*/
.sub01_03 .report_ch>li {margin-top: 10px;}
.report_ch>li:first-child {border-bottom: 1px solid #c2c2c2;}
@media (min-width: 1024px){
	.sub01_03 .report_ch>li { float: left;}
}

/*인사말*/
.greeting .first span:first-child{color:#494488;}

/*연혁*/
.history:before {top: 170px;height: 94%;}

/*교수*/
@media (min-width: 768px){
 .sub02_02_02 .ui-list.card .ui-cont .inner .ui-thumb-info {padding-left: 27%;}
}
.sub03_03_03 .ui.uib.type3.mb_10.mt_20  {padding: 20px; border:1px solid #ddd;}
    

/*조직도*/
.org{overflow:hidden;position:relative;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:"";position:absolute;z-index:-1;display:block;background:#ddd}
/*라인*/
.org .lv0:before{left:50%;bottom:199px;width: 1px;height:143px;}
.org .lv2:before{left:16%;top:0px;width:68%;height: 1px; }
.org .lv2 .group > li > p:before{content:'';position:absolute;left:50%;top:-30px;display:block;height:30px;border-left:1px solid #ddd}
.org .lv2 .group > li > ul > .lv3 > p:before{content: '';position: absolute;left: 50%;top: -30px;display: block;height: 30px;  border-left: 1px solid #ddd;}

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

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

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

.org .lv2 .group > li > ul > .lv3 > p{position:relative;margin:30px 0 0;background:#555B69;color:#fff;line-height:40px;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;border:1px solid #555B69;background:#fff;color:#333;line-height:40px}

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

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

@media (max-width:767px){
  .org .lv0,.org .lv2 p{width:100%}
  .org .lv0:before{left:10%;bottom:0px;width: 1px;height:1100px}
  .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:-12px;top:50%;margin-left:-7.5%;width:45px;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}
}

/*s04030103 교육과정체계 20190513*/
.s04030103 .box_item{display:inline-block;float:left;margin-top:30px;margin-right:2%;width:23%;text-align:center;}
.s04030103 .box_item.box_04{margin-right:0;}
.s04030103 .box_item strong{position:relative;display:inline-block;margin-bottom:10px;padding:15px;width:70%;border:1px solid #601819;border-radius:50px;background:#601819;color:#fff;font-size: 17px;}
.s04030103 .box_item strong:before{content:"";position:absolute;right:-50px;;top:23%;display:inline-block;width:28px;height:28px;background: url(/images/kor/common/flow_leftarr.png) no-repeat center;}
.s04030103 .box_item.box_04 strong:before{display:none;}
.s04030103 .box_item ul.list_1st{padding:20px;min-height:545px;border-radius:15px;background:#f1f1f1;text-align:left;}
.s04030103 .box_item ul.list_1st li{margin-bottom:10px;}
@media (max-width:768px){
    .s04030103 .box_item{margin-right:4%;width:48%;}
    .s04030103 .box_item.box_02{margin-right:0;}
    .s04030103 .box_item strong:before{display:none;}
}
@media (max-width:400px){
    .s04030103 .box_item{margin-right:0;width:100%;}
    .s04030103 .box_item ul.list_1st{min-height:auto;}
}


/* sub02 020203 - 실험실 소개 */
.s020203 {position: relative;}
.s020203 .ui.uic .box_col .col .item .thm_figure img {height:286px;}
.s020203 .btnwrap {position: absolute; right: 0; top: 0;}
@media (max-width:640px){
    .s020203 .ui.uic .box_col .col .item .thm_figure img {height:auto;}
}
@media (max-width:500px){
    .s020203 .btnwrap {position: static; margin-bottom: 15px;}
}

/* sub03_04_02 - 학생활동 동아리 */
.s030402 .ui.uic .box_col .col .item .thm_figure {min-height:125px;}
.s030402 .ui.uic.mb_10 .box_col .col .item {min-height: 245px;}
.s030402 .ui.uic .box_col .col .item .thm_figure img {width: 100%; height:125px;}

@media (max-width:768px){
    .s030402 .ui.uic .box_col.col4 .col { margin:1% 0;width:100%;}
    .s030402 .ui.uic .box_col .col .item .thm_figure img {width:auto;}
}

/* sub03_03_03 ~ 탭 - 실험실 소개 */
.s030303.ui-intro .ui-img img {float:right; width:calc(100% - 340px); height:353px;}
.s030303.ui-intro .ui-img .ui-tit {padding-top:15%;}
@media (max-width:768px){
    .s030303.ui-intro .ui-img .ui-tit {padding-top:30px;}
}

/* sub03_04_02 - 영양만점동아리 */
.s030402.ui-intro .ui-img img {float:right; width:calc(100% - 340px); height:353px;}

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

/* 이미지 조정 */
.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%;}
  }