/*메인*/
.dep1 > ul > li.active > .navBg .headerAreaCenterBox p {top: 50px; color: #163eca;}
.dep1 > ul > li > .navBg .headerAreaCenterBox {background: none;}
.topList .left > li:first-of-type > a {background: #112F97;}
.libSlist > ul li a:hover {color:#1c4efc}
.dep1 > ul > li > .navBg > .headerAreaCenterBox > ol > li > a {background: #f0f3ff; font-size: 16px;}
.dep1 > ul > li.active > a {color: #1c4efc; border-bottom: 4px solid #1c4efc; background: url('/images/uce/pbl/menuArrAcb.png') right 10px center no-repeat;}
/* .lnb, .lnb > ul > li > a {background: #f0f3ff;} 
.lnbList > li > a.active, .lnbList > li:hover > a {background-color: #1c4efc;}1112 수정*/
.lnbList > li > ol > li > a:hover {color:#1c4efc;}

.mainTop {background: url('/images/uce/pbl/mainbg.png') no-repeat 50%;}
.mainTop section h3 {text-align: right;}
.mainTop section {display: grid; grid-template-columns: 1fr 1.3fr; gap: 24px; width: 1280px;}

.mainTop section p {display: flex; align-items: center; font-size: 18px; line-height: 26px;}
.mainCon b {font-weight: bold; color: #112F97;}


.mainCon {background: #F8F8F8;}
.mainWrap {width: 1280px; margin: 0 auto; }

.mainCon h4 {font-size: 21px; font-weight: bold; margin-bottom: 20px; padding-top: 60px;}
.mainWrap > div {position: relative; width: 49%; padding-bottom: 60px; float: left;}
.mainWrap .more {position: absolute; top: 60px; right: 0;}
.mainWrap > div:first-child {margin-right: 2%;}

.notice div, .file div div {padding:24px 36px; border-radius: 10px; box-shadow: 0 4px 10px rgba(240, 240, 240, 0.4); margin-bottom: 12px;}
.notice div {background: #fff;}

.notice div a, .fileWrap div a {font-size: 21px; line-height: 30px;}
.notice div a span {margin-right: 4px;}
.notice div a, .notice div i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.notice div b {margin-top: 13px; display: inline-block;}

.notice div a:hover {font-weight: bold;}


.fileWrap { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 12px;}
.fileWrap div {background:#fff url('/images/uce/pbl/paper-clip.png') no-repeat 100% 100%; height: 180px;}
.fileWrap div a {height: 154px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px;}
.fileWrap div a:hover {font-weight: bold;}
.fileWrap div a:nth-child(2) img:hover {box-shadow: 0 4px 10px rgba(240, 240, 240, 0.4);}


/*서브*/
.subSideNav {background: #f0f3ff;}
.subSideNav ul > li.active > a, .subSideNav ul > li:hover > a {background: #163eca;}
.boardSearch a {background: #163eca;}
.basicBtn1 {background: #163eca;}
.boardBox {border-top: 2px solid #163eca;}
.boardTable thead tr th {background-color: #f0f3ff;}
.pagin > .floatClear .pageL.active {background: #163eca;}
.new {color: #163eca;}

.joinInfo table th {background: #f0f3ff;}

.right {text-align: right; margin-top: -70px;}

.iplahis {margin-bottom: 24px;}
.iplahis img {width: 60px; float: left; display: block; margin-right: 24px;}
.iplahis p {font-weight: bold; padding: 8px;}
.iplahis b {color: #163eca;}
.iplasalud {display: block; font-weight: bold; margin-top: 24px;}



.organizationBox .director2 {position: absolute; font-size:21px; top: 180px; left: 50%; margin-left: -130px; padding: 16px 60px; }
.organizationBox .committee>.line {height: 200px;}
.organizationBox .committeeT {top: 74px; margin-right: -260px;}
.organizationBox .director, .organizationBox .committeeT .title {background: #f0f3ff; border: 1px solid #a4b8fe; color: #163eca;}
.organizationList dt {background: #f0f3ff;}
.organizationList dl {border: 1px solid #a4b8fe;}
.organizationList table br {display: none;}
.organizationList {border-top: 1px dashed #a4b8fe;}
.organizationList h4 {color: #163eca;}
.organizationBox .committee>.line {border-right: 1px dashed #a4b8fe;}
.organizationBox .committeeT .line {border-top: 1px dashed #a4b8fe;}

.salud {background: url('/images/uce/pbl/salud.png') no-repeat 100% 100%; background-size: 340px; padding-bottom: 30px;}



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

    .mainWrap {width: calc(100% - 48px);}
    .notice {width: 50%;}

    .mainTop section p br {display: none;}



}

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

    .lnb .lnbSubList span {position: relative;}
    .lnb .lnbSubList span a {text-align: right; border-bottom: 1px solid #ccc;}

}


@media all and (max-width:960px) {   
    .mainTop section h3 {text-align: center; margin-bottom: 0;}
    .mainTop section {grid-template-columns: 1fr; gap: 0;}
    .mainTop section p {justify-content: center;}
    .mainTop section p br {display: block;}
    .salud {background-size: 250px;}
    .salud br.no2 {display: none;}
}


@media all and (max-width:860px) {   
    .mainTop section {width: initial;}
    .mainWrap > div {float: initial; width: 100%;}
    .footerAddress .copyright {position: initial;}
    .organizationBox .committeeT .line {margin-left: -94px;}
    .salud {background: none;}
    .salud br.no {display: none;}
    
}

@media all and (max-width:600px) {   
    .mainTop section {width: initial;}
    .mainWrap > div {float: initial; width: 100%;}
    .footerAddress .copyright {position: initial;}
    .fileWrap {grid-template-columns: 1fr;}
    .fileWrap div a {height: 120px; -webkit-line-clamp:4;}
    .fileWrap div b {margin-top: 12px; display: inline-block;}
    .mainTop section p {margin: 0 24px;}
    .mainTop section p br {display: none;} 
    .mainTop section h3 img {width: 90%;}
    .organizationBox .director2 {margin-left: -103px; padding: 12px 32px; font-size: 17px;}
    .organizationBox .committeeT .line {margin-left: -64px;}
    .organizationBox .committeeT .title {margin-left: 0;}
    .organizationBox .committeeT {margin-right: -145px; top: 60px;}

    .organizationList table br {display: block;}

    .notice div, .file div div {padding: 16px}
    .notice div a, .fileWrap div a {font-size: 18px;}
    .notice div b {margin-top: 8px;}

    
}