@charset "utf-8";

/* 역대총장02 */
.histPresident_02 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:2%; row-gap:20px;  }
.histPresident_02 > .item { flex: 1 0 48%; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; border:1px solid #d4d4d4; } 
.histPresident_02 > .item.bdrNone { border:none; }
.histPresident_02 > .item > .photo { flex: 0 0 255px; width:100%; background:#eee url("/sites/kor/images/sub/histPresident_bg_05.png") no-repeat right bottom; display:flex; justify-content:center; align-items:center; position:relative; }
.histPresident_02 > .item > .photo::before { content:""; position:absolute; width:8px; height:65px; top:35px; left:55px; background:url("/sites/kor/images/sub/histPresident_bg_07.png") no-repeat center center; }

.histPresident_02 > .item > .cont { flex: 0 0 calc(100% - 255px); padding:20px 25px; position:relative; }
.histPresident_02 > .item > .cont > .tit { font-size:19px; font-weight:bold; color:#222; font-family:'Dream Medium'; }
.histPresident_02 > .item > .cont > .nm { font-size:30px; font-weight:bold; color:#0c3274; font-family:'Dream Bold'; position:relative; padding-bottom:10px; }
.histPresident_02 > .item > .cont > .nm::after { content:""; width:115%; height:2px; background:url("/sites/kor/images/sub/histPresident_bg_08.png") no-repeat center center; background-size:cover; position:absolute; left:-15%; bottom:0; }
.histPresident_02 > .item > .cont > .histPresidentBtn { content:""; position:absolute; text-indent:-9999px; font-size:0; width:56px; height:56px; background:url("/sites/kor/images/sub/histPresident_detail_btn.png") no-repeat center center; top:20px; right:20px; }

.histPresident_02 > .item > .cont > .histList { list-style:none; margin-top:20px; }
.histPresident_02 > .item > .cont > .histList > li { padding-left:12px; color:#0c3274; font-family:'Dream Regular'; font-size:17px; color:#000; position:relative; }
.histPresident_02 > .item > .cont > .histList > li::before { position:absolute; content:""; width:5px; height:5px; border-radius:10px; background:#0c3274; left:0; top:50%; transform:translateY(-50%); }
.histPresident_02 > .item > .cont > .histList > li > span { font-size:17px; font-family:'Dream Bold'; display:inline-block; min-width:70px; color:#0c3274; }
@media only screen and (max-width:1024px) {
	.histPresident_02 { column-gap:0; }
	.histPresident_02 > .item { flex:1 0 100%; }
}  
@media only screen and (max-width:768px) {
	.histPresident_02 > .item { flex-wrap:wrap; }
	.histPresident_02 > .item > .photo { flex-basis:110px; background:none; }
	.histPresident_02 > .item > .photo::before { display:none; }
	.histPresident_02 > .item > .cont { flex-basis:calc(100% - 110px); padding:10px; }
	.histPresident_02 > .item > .cont > .tit { font-size:18px; }
	.histPresident_02 > .item > .cont > .nm { font-size:20px; }
	.histPresident_02 > .item > .cont > .nm::after { width:100%; left:0; }
	.histPresident_02 > .item > .cont > .histPresidentBtn { top:10px; }
  /* 모바일 메인화면 학부 전체 출력 */
  	.main_quickLink .item dd {max-height: 320px !important;}
}

body.sub .popPresident { display:none; }
body._editMode .popPresident { display:block !important; }
.popPresident { width:1000px; background-color:#f4f4f4; }
.popPresident .titWrap { display:flex; justify-content:space-between; align-items:center; background:url("/sites/kor/images/sub/histPresident_bg_06.png") no-repeat center center; background-size:cover; height:65px; padding:0 20px; }
.popPresident .titWrap .tit { color:#fff; font-family:'Dream Bold'; font-size:24px; }
.popPresident .contWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; column-gap:2%; padding:50px 40px; }
.popPresident .contWrap .cont1 { flex:0 0 44%; background:url("/sites/kor/images/sub/histPresident_bg_04.png") no-repeat right top; }
.popPresident .contWrap .cont2 { flex:0 0 54%; }
.popPresident .contWrap .cont2 > .item:nth-child(2) { margin-top:20px; }

.popPresident .contWrap .cont1 > .item:nth-child(1) { border-bottom:2px solid #092659; padding-bottom:20px; margin-bottom:20px; }
.popPresident .contWrap .cont1 > .item > dl { display:flex; justify-content:flex-start; align-items:flex-end; }
.popPresident .contWrap .cont1 > .item > dl dd { padding-left:30px; }
.popPresident .contWrap .cont1 > .item > dl .posi { font-family:'Dream Medium'; font-size:19px; color:#222; }
.popPresident .contWrap .cont1 > .item > dl .nm { font-family:'Dream Bold'; font-size:30px; color:#0c3274; }

.popPresident .contWrap .item { text-align:left; }
.popPresident .contWrap .item .subTit { color:#070707; font-size:22px; font-family:'Dream Bold'; padding-bottom:10px;  }
.popPresident .contWrap .item .histList { background-color:#fff; padding:15px; overflow-y:auto; min-height:120px; max-height:150px; }
.popPresident .contWrap .item .histList > li { font-size:14px; font-family:'Noto Regular'; color:#070707; }
.popPresident .contWrap .item .histList > li > span { font-family:'Noto Regular'; color:#0a285d; display:inline-block; padding-right:20px; }
@media only screen and (max-width:1200px) {
	.popPresident { width:100%; }
	.popPresident .contWrap .cont1 { flex:0 0 100%; }
	.popPresident .contWrap .cont2 { flex:0 0 100%; margin-top:20px; }
	.popPresident .contWrap .item .subTit { font-size:18px; }
}

/* 하단에 활성화된 메뉴가 캠퍼스 텍스트 아래로 뜨는 현상 방지  */
footer .foot_link .linkList {
    z-index:1;
}

/* 메인 비주얼 동영상 컨트롤러*/
.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.toggle_play {    display: block; position: absolute; top: 50%; right: 0%; z-index: 9999; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; transform: translate(-50%, -50%); background: url(../../images/main/play.png) no-repeat 50% 50%; margin-right: 170px;
    }
.dis-none{display:none;}
.toggle_play.is-active{background-image: url(../../images/main/stop.png);}
.main_visual.typeImg .toggle_play{display:none;}

/* HKNU SCHEDULE 아래 이미지 페이드인 */
.section #menu380_obj20206 { transform: translateY(70px); opacity: 0; transition: 0.5s; }
.section.fix #menu380_obj20206 { transform: translateY(0); opacity: 1; transition-delay: 0.8s; }

/* language-Translate 2024-04-03 */
body {top: 0 !important;}
.skiptranslate {display: none;}
#goog-gt-tt {display: none !important;}

#google_translate_element > div > div {
	position: relative;
	min-width: 200px;
	height: 60px;
}
#google_translate_element > div > div > select::-ms-expand {
    display: none;
}

#google_translate_element > div > div:after {
    content: '<>'; /* 목록 펼침 아이콘 */
    font: 17px "Consolas", monospace;
    color: #333;
    transform: rotate(90deg);
    right: 11px;
    top: 18px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    position: absolute;
    pointer-events: none;
}

#google_translate_element > div > div > select {
   /* -webkit-appearance: none;
    -moz-appearance: none;*/
    appearance: none;
    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    border: 1px solid #cccccc;
   /* -ms-word-break: normal;*/
    word-break: normal;
    border-radius: 10px;
}
.head_logo {
    display: flex;
    align-items: center;
}
@media (min-width: 1281px){
	.head_logo {width: 400px !important;}
}

.openLanguageG{margin:0 10px 0 20px;}
.openLanguageG{display:flex;align-items:center;}
.openLanguageG span{font-size:14px;color:#FFF;font-family:'Dream Bold';}
.openLanguageG::before { margin: 0 5px 0 0; content: ''; display: block; width: 17px; height: 18px; background: url(../../images/common/ic-lang.png) no-repeat center;}
.openLanguageG::after{content:"";display:block;width:7px;height:5px;margin-left:10px;background:url(../../images/common/arrow_d_1_w.png) no-repeat center;}

.translation-links{width: 110px;display:none;position:absolute;top:60px;left: calc(230px + 2%);}
.translation-links.active{display:block;}
.translation-links a{font-size:13px;color:#000;font-family:'Dream Medium';background:#FFF;display:block;padding:3px 15px;margin-top:1px;}

/*스크롤시*/
@media all and (min-width:1281px){
  .navOn .openLanguageG span,
  .fix .openLanguageG span{color:#222;}
  .navOn .openLanguageG::after,
  .fix .openLanguageG::after{filter: invert(1) brightness(10);}
}
@media all and (max-width:768px){
	.openLanguageG{margin:0 10px 0 30px;}
	.translation-links{display:none;position:absolute;top:55px;left: 170px;}
}
/* language-Translate 2024-04-03 */
.loginPortal span {padding: 0 0 0 20px;}

/*메인비주얼 2024-06-17*/
.main_visual_slider .typeImg, 
.main_visual_slider .typeVideo {display:none;}
.typeImage .main_visual_slider .typeImg,
.typeImage .main_visual_slider .typeVideo{display:block;}
.main_visual.typeImage:not(.typeVideo)::after{display:none;}
/*이미지hover시 확대 2024-09-06*/
.thumbList > li > .img a img:hover {transform: scale(1.2, 1.2); transition-duration: 0.5s;}
.thumbList > li > .img a img{transition-duration: 0.3s;}


/*메인행사공지 2024-12-4*/
#multipleContentsDiv_kor_33508{padding:100px 2%;border-top: 2px solid #f2f2f2;}

@media all and (max-width:1280px){
	#multipleContentsDiv_kor_33508{padding:60px 2%;}
}

@media all and (max-width:768px){
	#multipleContentsDiv_kor_33508{padding:40px 2%;}
}

.footer-wa {
    width: 91px; position: absolute; right: 2%; top: 60%;}

@media all and (max-width:768px) {
    .footer-wa {    width: 91px; position: absolute; right: 107%;}
}

.foot_info {
    margin-right: 20px;
}