@charset "UTF-8";


.ui-list__card .obj{margin:0;padding-left:1px;}
.ui-list__card .obj .col{border: 0px solid transparent;margin-left: -1px;}
.ui-list__card .obj .col a{position:relative;display:block;width:100%;height:100%;}

.ui-list__card .obj .col a *{transition: all 0.3s ease-out;}



/*
.ui-list__card .obj .col a .mask{display:none;opacity: 0;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:rgba(54,54,67,0.9);z-index:3}
.ui-list__card .obj .col a .mask:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui-list__card .obj .col a .mask span{display:inline-block;padding:7px 15px;vertical-align:middle;border:1px solid #fff;color:#fff} 
.ui-list__card .obj .col a .mask span em{font-weight: bold;}


.ui-list__card .obj .col a:hover .mask,
.ui-list__card .obj .col a:focus .mask{display:block;opacity:1;}

*/

.ui-list__card .item{position:relative;padding-left:200px !important;padding-bottom: 30px !important;background: url(/images/prog/profile/proback.png) no-repeat right 250%;}
.ui-list__card .item .thm--box{float:none !important;position: absolute !important;top: 35px;left:20px;width: 160px !important;}
.ui-list__card .item .thm--box .inner{position:relative;width:160px;height:213px;margin:0 auto;background-color:#f2f2f2;overflow:hidden;z-index:1}
.ui-list__card .item .thm--box .inner img{display:block;width: 100%;margin:0 auto;height: 100%;max-width: none;}
.profile-button{
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 7px;
  margin: auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(3,3,3,.8);
  box-shadow: 10px 10px 30px #000;
  z-index:2;
  opacity: 0.4;
  }
  
  .profile-button img{opacity: 0.4;}
  

.ui-list__card .item .ui-list__title{display:block;background-color:#fff;padding:0 0 14px 0;text-align: left;font-size: 24px !important;color:#333333;line-height:1.2em;position:relative;border-bottom: 2px solid #000;}
.ui-list__card .item .ui-list__title span{margin-left: 7px;font-size:14px;color:#7a7a7a;}
.ui-list__card .item .pro-info_area{}
.ui-list__card .item .pro-info_area strong{position:relative;padding-left:11px;font-size:15px;color:#333333;font-weight:bold;margin-top: 10px;display: block;}
.ui-list__card .item .pro-info_area strong:before{display:inline-block;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#000;content:"";}
.ui-list__card .item .pro-info_area .pro-text{padding-bottom:6px;padding-left: 14px;border-bottom:1px dotted #d0d0d0; font-size:14px;color:#666;}
.ui-list__card .item .pro-info_area .pro-text p{margin:0;font-size:14px;color:#666666;height:44px;overflow:hidden;}

.ui-list__card .item .btn-group .btn{float:none;margin-left:0}
.ui-list__card .item .btn-group .button-staff{width: 95px;border-radius:20px;padding: 0 10px;font-weight: bold;color: #444;font-size: 13px;}
.ui-list__card .item .btn-group .button-staff i{margin-right:3px;margin-top: -2px;position: relative;font-size:16px;}

.ui-list__card .obj .col .more{overflow:hidden; display:block; position:absolute; right:0; top:6px; width:72px; padding-right:56px; text-align:left; text-indent:-1000px; font-size:0;}
.ui-list__card .obj .col .more:before,
.ui-list__card .obj .col .more:after{content:""; display:block; position:absolute; left:auto; bottom:auto;}
.ui-list__card .obj .col .more:before{opacity:0.6;right: 29px;top:11px;width: 23px;height:1px;background-color:#d3d3d3;}
.ui-list__card .obj .col .more:after{
  overflow:hidden; width:19px; height:19px; right:0; top:2px; background:#fff url(/images/prog/profile/notice_more.png) no-repeat center center;
  border-radius:50%;
  -webkit-border-radius:50%;
}
.ui-list__card .obj .col a:hover .more:before{
  animation-name:notice_more_a;
  animation-duration:2s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;

  -webkit-animation-name:notice_more_a;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
.ui-list__card .obj .col a:hover .more:after{
  animation-name:notice_more_b;
  animation-duration:2s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;

  -webkit-animation-name:notice_more_b;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
@keyframes notice_more_a{
  0%{right:29px; width:23px;}
  25%{right:29px; width:0px;}
  50%{right:92px; width:0px;}
  100%{right:29px; width:23px;}
}
@-webkit-keyframes notice_more_a{
  0%{right:29px; width:23px;}
  25%{right:29px; width:0px;}
  50%{right:92px; width:0px;}
  100%{right:29px; width:23px;}
}
@keyframes notice_more_b{
  0%,25%,51%,100%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
  50%{transform:rotate(360deg); -webkit-transform:rotate(360deg);}
}
@-webkit-keyframes notice_more_b{
  0%,25%,51%,100%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
  50%{transform:rotate(360deg); -webkit-transform:rotate(360deg);}
}

/* 팝업창 */

#ajaxLayer { position: fixed; top: 0;  left: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
#ajaxLayer .pop-container{width:100%;max-width:1280px;height: 100%;max-height: 100%;margin:0 auto;position:absolute;top: 0%;left:50%;transform: translate(-50%,0%);background-color:#fff;padding-top: 73px;}

.pop-container{position:relative;top: 0;margin:0 auto 0;max-width: 1280px;min-height:870px;background-color:#fff;}
.pop-heading{z-index:9;position: absolute;top:0;left:0;padding: 18px 25px;line-height: 1;width:100%;height:73px;background:url(/images/prog/pubMaterials/top_img.png) repeat right top; background: #e83421;}
.pop-heading strong{display: block;font-size: 30px;line-height: 1;font-weight: bold;color: #fff;}
.pop-heading strong{display: block;font-size: 30px;line-height: 1;font-weight: bold;color: #fff;}
.pop-container .modal__close{z-index: 9;}
.close_btn{position: absolute;top: 24px;right: 28px;width: 22px;height: 24px;z-index: 100;}
.close_btn button{display:block;position:relative;width: 100%;height:100%}
.close_btn button:before{content: "";position: absolute;top: 0;left: 0;width:22px;height:24px;background:url(/images/prog/pubMaterials/close_icon.png) no-repeat;}

.view_pro { position: relative; padding-left: 240px; border: 1px solid #ddd;background: url(/images/prog/profile/proback.png) no-repeat right bottom;  background-color: #f2f2f2; }
.view_pro:before{content:"";position: absolute;left: 0;top: 0;width:240px;height:100%;background-color:#fafafa}
.view_pro-info{position: absolute; left:20px; top:0px; padding:40px 0;width: 206px; }
.view_pro-info .thumb{position:relative; width:160px; height:216px; margin:0 auto;background-color:#f2f2f2;overflow:hidden}
.view_pro-info .thumb .inner{position:relative; width:100%; height:100%;}
.view_pro-info .thumb img{display:block; margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; width:auto; }
.view_pro-info .name_txt{display:block;padding:14px 0 20px 0;text-align:center;font-size:20px;color:#333333;line-height:1.2em;position:relative;z-index:2;border-bottom: 2px solid #000;}
.view_pro-info .name_txt span{ margin-left: 7px;font-size:14px;color:#7a7a7a;}
.view_pro-info .pro-info_etc{position:relative;margin:0;font-size:14px;color:#848484;}
.view_pro-info .pro-info_etc p{position:relative;padding-left:30px;font-size:17px;margin-top:5px;padding-bottom:16px;padding-top: 16px;border-bottom:1px dotted #d0d0d0;}
.view_pro-info .pro-info_etc p.link{padding-left:0; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.view_pro-info .pro-info_etc p.tel{background: url(/images/prog/ustProfsr/tell_icon.png) no-repeat left 17px;border-bottom:none;min-height: 56px;}
.view_pro-info .pro-info_etc p a{color: #848484;font-size: 16px; display: inline-block; margin: 2px 5px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #848484; padding-top: 1px;}
.view_pro-info .pro-info_etc p a.home{background:url(/images/kor/common/home.png) no-repeat center center; margin-top: 7px;}

.view_pro-personal{position: relative;padding:49px;padding-top:70px;transition: all .3s;background-color: #fff;min-height: 100%;height: 100%;}
.view_pro-info .pro-info_area{}
.view_pro-info .pro-info_area strong{position:relative;padding-left:11px;font-size:15px;color:#333333;font-weight:bold;margin-top: 10px;display: block;}
.view_pro-info .pro-info_area .pro-text{position:relative;padding-left:11px;padding-bottom:9px;padding-left: 14px; margin-left: 11px; margin-top: 4px; border-bottom:1px dotted #d0d0d0; font-size:14px;color:#666;}
.view_pro-info .pro-info_area .pro-text:before{display:inline-block;position:absolute;top:10px;left:-1px; width:5px;height:5px;background-color:#e83421;content:""; border-radius: 50%;}
.view_pro-info .pro-info_area .pro-text,.view_pro-info .pro-info_area .pro-text.link{margin:0;padding-bottom:18px;padding-left: 14px;border-bottom:1px dotted #d0d0d0;font-size:14px;color:#666;display:block;min-height: 43px;}

.view_pro-personal .item{position:relative;width:100%;padding:18px 0;padding-left:126px;font-size:0.9em;border-top:1px solid #e7e7e7;line-height:28px;min-height: 133px;}
.view_pro-personal .item:first-child{border-top:none}
.view_pro-personal .item strong{position:absolute;left:0;top:0;padding:23px 0;color:#000;line-height:1.3em;font-weight:500;font-size: 16px; font-weight: bold;}
.view_pro-personal .item .personal-cont ul{margin-top:0}
.view_pro-personal .item .personal-cont li{font-weight:400; color: #666; font-size: 16px;}
.view_pro-personal .item .personal-cont li:before{top: 12px;}
.view_pro-personal .item.youtube{padding-left:0;position:relative;}
.view_pro-personal .item.youtube .multi-youtube{position:relative;width:100% !important;height:333.125px !important;background-position: 50% -60px;background-repeat: no-repeat;}
.view_pro-personal .item.youtube .multi-youtube iframe{width:100%;height:100%;border:none;}

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

	.modal__close-button span{width: 73px; height: 73px;}

}

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

	#ajaxLayer .pop-container{/* height:auto */ padding-top: 0;}
	.pop-heading{position:relative; height:51px;  padding-top:14px}
	.pop-heading strong{font-size: 24px;}
	.view_pro {background-color: #fff;}
	.pop-container .view_pro-info{position: static;width: 100%;}
	.pop-container .view_pro{padding-left:0;padding:10px 20px;}
	.pop-container .view_pro:before{display:none;}
	.pop-container .view_pro-personal{padding:0;}

	.view_pro-personal .item{padding:11px 4px; padding-top:40px}
	.view_pro-personal .item strong{ top: 0; left: 0; position: relative; padding: 8px 0 15px 0;}
	/* .view_pro-personal .item strong:before{content:''; display:block; position:absolute; top:0; left:0; width:6px; height:2px; background-color:#e83421;} */
	.view_pro-personal .item .personal-cont ul{margin:0}
	
	.modal__close-button span{width: 51px; height: 51px;}

}


/* 전공소개 교수선택 /sub03_03_02/NGS/view.do */

.pro-select{text-align: right; margin-bottom: 20px;}
.pro-select .search--select{display: inline-block; width: 194px; margin-right: 4px;}

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

	.pro-select .search--select span{text-align: right; display:block}
	.pro-select .search--select .form-control{max-width:194px; display:inline-block}
}

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

	.pro-select{margin: 20px 0;}

}

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

	.pro-select .search--select{width:100%;}
	.pro-select .search--select .form-control{max-width:none;}

}

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

	.pro-select{padding:0 25px}


}


.more-button{margin-top:20px;}
.more-button i{margin-right:5px;font-weight:normal;}
.more-button button{font-size: 14px;color: #d72429;font-weight:bold}
.play {
  position: absolute;
  width: 100px;
  height: 100px;
  border: solid 1px #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.play:before {
  content: "";
  width: 34px;
  height: 53px;
  border-left: 1px solid #fff;
  border-radius: 5px;
  position: absolute;
  top: 23px;
  left: 37px;
}
.play:after {
  content: "";
  position: absolute;
  top: 27px;
  left: 19px;
  width: 42px;
  height: 42px;
  -webkit-transform: rotate(45deg) skew(-5deg, -5deg);
          transform: rotate(45deg) skew(-5deg, -5deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-radius: 5px;
}
.play:hover {
  border: solid 2px #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

@media(max-width:900px){
  .ui-list__card .col2 .col{width:100%;}
}

@media(max-width:768px){

  .view_pro-info{padding-bottom: 0;}
  .view_pro-personal .item strong{font-weight: bold; padding-left: 10px; top:5px}
  .view_pro-personal .item{padding-left:0; padding-top: 46px;}
  .ui-list__card .item .btn-group{top:34px;right:21px;}
  .pop-container .view_pro-info{position: static;width: 100%;}
  .pop-container .pop-heading{position:relative}
  .pop-container .view_pro{padding-left:0;padding:10px; height:auto}
  .pop-container .view_pro:before{display:none;}
  .pop-container .view_pro-personal{padding:0; max-height:none}

}

@media(max-width:500px){


}


@media(max-width:430px){
  .ui-list__card .item{padding-left: 20px !important;}
  .ui-list__card .item .thm--box{position:static !important}
  .ui-list__card .obj .item .card--body, .ui-list__card .obj .item .thm--box{width:100% !important;}
  .ui-list__card .item .btn-group{top:75px;}
}

.profile_btn {} 
.profile_btn .group {position:relative; overflow:hidden; }
.profile_btn .group:after{display:block; clear:both; visibility:hidden; content:'';}
.profile_btn .group #wordSearchButtons {width:100%;}
.profile_btn .group #wordSearchButtons:after{display:block; clear:both; visibility:hidden; content:'';}
.profile_btn .group .pbtn {display:inline-block;float:left;width: 6.142857%;height: 40px;background-color:#fff;line-height: 38px;margin:0 0.5% 5px;border:1px solid #ddd;text-align:center;}
.profile_btn .group .pbtn.pbtn1 {width:13.28%}
.profile_btn .group .pbtn.ov {border:1px solid #262a36; background:#262a36; color:#fff; font-weight:bold;}

@media(max-width:649px){
  .profile_btn .group .pbtn {width:13.285714%;}
  .profile_btn .group .pbtn.pbtn1 {width:27.56%}
}


/* prog/ustProfsr/eng/sub01_02_01_02/search.do */

.program--search.eng .search--btn input[type="submit"]{font-size:12px;}
.program--search.eng .search--btn input[type="submit"]{background-position:97% 49%}