@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/

#multipleDiv_temp_09_21 {display: none;}
#multipleDiv_temp_09_20 {    margin: 0;    padding: 60px 0;}
#multipleDiv_temp_09_20:before {height:100%;     top: 0;}
@media only screen and (max-width:1500px){ 
}
@media only screen and (max-width:768px){
#multipleDiv_temp_09_20 {  padding: 30px 0;}
}


.main-slogan .p_3 {font-size: 21px; font-family: 'Noto Regular' !important;}


/* popup */

.PZwindow {display:flex; flex-direction:column;}
.PZwindow iframe {height: 100% ;width:100%;}
.PZwindow .PZwrap img {width:100%; height: 100%;}
.PZwindow .PZwrap a {display: block; background: #333;}


@media only screen and (max-width:768px){
    .PZwindow {width: 80% !important; top:0 !important; left:0 !important;}
    .PZwindow .PZwrap {width: 100% !important; height: auto !important;}
}

@media only screen and (max-width:550px){
    .PZwindow {width: 100% !important;}
}



/*로고*/
.wrap-header .head-logo{position:relative;}
.wrap-header .head-logo a{display:table-cell;vertical-align:middle;height:100px;}
.wrap-header .head-logo img{max-width:100%;}
.wrap-header .head-logo span{color:#000;font-size:21px;font-family:'Noto Regular';padding-left:5px;line-height:1.2;display:inline-block;padding-top:7px;}
.wrap-header .head-logo span i{display:inline-block;width:5px;}
@media all and (max-width:1400px) {
	.wrap-header .head-logo span{font-size:20px;}
}
@media all and (min-width:1025px) and (max-width:1280px) {
	.wrap-header .head-logo img{}
	.wrap-header .head-logo span{display:block;font-size:18px;padding-left:37px;padding-top:3px;}
	.wrap-header .head-logo span i{display:inline;width:0;}
}
@media all and (max-width:1024px) {
	.wrap-header .head-logo{padding-left:10px;}
}
@media all and (max-width:768px) {
	.wrap-header .head-logo a{height:80px;}
}
@media all and (max-width:520px) {
	.wrap-header .head-logo img{max-width:160px;}
	.wrap-header .head-logo span{display:block;font-size:18px;padding-left:37px;padding-top:3px;}
	.wrap-header .head-logo span i{display:inline;width:0;}
}


@media (max-width: 520px){
.wrap-header .head-logo img {
    max-width: 280px !important;}
}




#_globalNavi #_globalUl li {border-color:#FFF;}
#_globalNavi #_globalUl li a {color: #FFF;}

.wrap-notice {background-color: #0c456f !important;}
.greeting-type03 .cont{font-size:19px; }


.wrap-sub-visual {position: relative; background: url(/sites/harc/images/common/sub-visual1.jpg) no-repeat top center; background-size: cover;display: table;  width: 100%;}

@media (max-width: 480px){
.wrap-notice ul li .recentBbsTab {margin: 0 3px; font-size: 18px;}
}


/*인사말*/

.greeting-type03 .cont .sign {margin-top: 30px;}
.sign strong {font-size: 25px;}
.sign {float: right; text-align: right;}


/* 연구내용- 참여인력  페이지*/

.wrap-contents .tab ul li {width:20% !important;} 



/* footer */
.wrap-footer .bottom-sns {display: none;}
.wrap-footer .box-bottom .wrap-footer-inner {display: flex; justify-content: space-between;}



@media all and (max-width:1100px) {

    .wrap-footer .bottom-sns {}
    .wrap-footer .box-bottom .wrap-footer-inner {flex-direction: column;}
    .wrap-footer .box-bottom .wrap-footer-inner > div {margin:5px 0}
    
}