@charset "utf-8";

/* 인증서마크 */
#waMark { height:40px; }
/* 웹어워드코리아 2024 수상인증마크 */
#waWinnerMark {height: 60px; margin-right: 10px;}

/********************
컨텐츠 담당자
********************/
.contentsDept { background:#f4f4f4; padding:50px 30px 50px 30px; font-family:'Pre Bold'; font-size:16px; color:#272727; position:relative; margin-top:200px; }
.contentsDept::after { position:absolute; content:""; bottom:0; right:0; width:42px; height:47px; background:url("/Web-home/fnct/cntntsPic/JW_cntntsPic_bass/images/contentsDept_01.png") no-repeat center center; background-size:contain; }
.contentsDept dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.contentsDept dt { flex: 1 0 calc(100% - 200px); }
.contentsDept dd { flex: 1 0 200px; text-align:right; }
.contentsDept dt > ul { display:flex; column-gap:5%; row-gap:20px; flex-wrap:wrap; }
.contentsDept{color: #444;}
.contentsDept dt .deptTit { position:relative; padding-right:80px; font-family: 'Pre Black'; font-size: 18px; color: #000;}
.contentsDept dt .deptTit::after { content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:70px; height:1px; background-color:#272727; }
.contentsDept dt .deptNm { position:relative; padding-left:50px; }
.contentsDept dt .deptNm::before { content:"부서명 아이콘"; font-size:0; text-indent:-99999px;  position:absolute; top:50%; left:0; transform:translateY(-50%); width:25px; height:25px; background:url("/Web-home/fnct/cntntsPic/JW_cntntsPic_bass/images/ico-dept.png") no-repeat center center; background-size:contain; }
.contentsDept dt .tel { position:relative; padding-left:50px; }
.contentsDept dt .tel::before { content:"전화번호 아이콘"; font-size:0; text-indent:-99999px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:28px; height:28px; background:url("/Web-home/fnct/cntntsPic/JW_cntntsPic_bass/images/ico-tel.png") no-repeat center center; background-size:contain; }
.contentsDept dt .email { position:relative; padding-left:50px; }
.contentsDept dt .email::before { content:"이메일 아이콘"; font-size:0; text-indent:-99999px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:25px; height:25px; background:url("/Web-home/fnct/cntntsPic/JW_cntntsPic_bass/images/ico-email.png") no-repeat center center; background-size:contain; }
.contentsDept dt .fax { position:relative; padding-left:50px; }
.contentsDept dt .fax::before { content:"팩스번호 아이콘"; font-size:0; text-indent:-99999px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:25px; height:25px; background:url("/Web-home/fnct/cntntsPic/JW_cntntsPic_bass/images/ico-fax.png") no-repeat center center; background-size:contain; }
.contentsDept dd { position:relative; }
.contentsDept dd .pubDate {}
.contentsDept dd .btnWrap { display:inline-block; position:absolute; right:55px; bottom:-30px; }
.contentsDept dd .btnWrap input { border-radius:10px; padding:5px 10px; background:#fff; cursor:pointer; }
@media all and (max-width:1280px) {	
  .contentsDept dt > ul .liDeptTit { flex-basis:100%; }
}
@media all and (max-width:768px) {	
  .contentsDept {margin-top:100px; }
  .contentsDept dl { row-gap:20px; }
  .contentsDept dt { flex-basis:100%; }
  .contentsDept dd { flex-basis:100%; }
}


/*******************
공통 
*******************/
.icoBoxTel { display:inline-block; padding:10px 50px 10px 15px; border:1px solid #707070; background-color:#fff; position:relative; font-size:18px; }
.icoBoxTel::after { content:"전화"; text-indent:-99999px; font-size:0; position:absolute; width:18px; height:20px; top:50%; transform:translateY(-50%); right:20px; background:url("/sites/ko/images/contents/ico-tel-b.png") no-repeat center center; background-size:contain; }

.icoBoxEmail { display:inline-block; padding:10px 50px 10px 15px; border:1px solid #707070; background-color:#fff; position:relative; font-size:18px; }
.icoBoxEmail::after { content:"이메일"; text-indent:-99999px; font-size:0; position:absolute; width:18px; height:20px; top:50%; transform:translateY(-50%); right:20px; background:url("/sites/ko/images/contents/ico-email-b.png") no-repeat center center; background-size:contain; }

.cNum { display:inline-flex; justify-content:center; align-items:center; width:20px; height:20px; background-color:#7c0019; color:#fff; border-radius:100%; margin-right:10px; font-size:14px; }

/*******************
캠퍼스안전 > 교내 범죄예방 및 대처
*******************/
.subTit { font-size:20px; }
.safetyImgBox { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; column-gap:3%; row-gap:30px; }
.safetyImgBox > li { flex: 0 0 22.75%; }
.safetyImgBox .tit { font-size:16px; }
/*
.safetyImgBox .tit .cNum { display:inline-flex; justify-content:center; align-items:center; width:20px; height:20px; background-color:#7c0019; color:#fff; text-align:center; border-radius:100%; margin-right:10px; font-size:14px; }
*/
@media all and (max-width:1280px) {
  .safetyImgBox { flex-wrap:wrap; row-gap:30px; }
  .safetyImgBox > li { flex: 0 0 48%; text-align:center; }
}
@media all and (max-width:768px) {
  .safetyImgBox > li { flex: 0 0 100%; }
}

.safetyCallBox { background-color:#f2eee7; min-height:630px; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.safetyCallBox .tit01 { font-size:20px; font-family:'Pre Bold'; }
.safetyCallBox .tit02 { font-size:36px; font-family:'Pre Bold'; }
@media all and (max-width:1280px) {
  .safetyCallBox { min-height:400px; }
}
@media all and (max-width:768px) {
  .safetyCallBox { min-height:300px; }
}

/*******************
캠퍼스안전 > 연구실 안전
*******************/
.safetyImgBox.custom-02-01 > li { display:flex; flex-direction:column; justify-content:space-between; }

/*******************
캠퍼스안전 > 소방 안전
*******************/
.safetyProcBox { border:1px solid #dadbdf; display:flex; justify-content:center; align-items:center; padding:50px 0; }
.safetyProcBox .procWrap { width:1200px; display:flex; justify-content:flex-start; align-items:flex-start; border:0px solid red; position:relative; column-gap:7%; }
.safetyProcBox .procWrap > li { flex-grow:1; position:relative; border:0px solid red; }
.safetyProcBox .procWrap > li.aCurve::after { position:absolute; content:"다음"; font-size:0; text-indent:-99999px; background:url("/sites/ko/images/contents/safety_03_arr-curve.png") no-repeat center center; width:223px; height:170px; left:50%; bottom:-163px; }
.safetyProcBox .procWrap > li .item { text-align:center; font-size:20px; font-family:'Pre Bold'; border:8px solid #d6c9b1; border-radius:80px; padding:35px 25px; position:relative; } 
.safetyProcBox .procWrap > li .item.aRight::after { content:"다음"; font-size:0; text-indent:-99999px; background:url("/sites/ko/images/contents/safety_03_arr-right.png") no-repeat center center; width:85px; height:39px; right:-85px; top:50%; transform:translateY(-50%); position:absolute; }
.safetyProcBox .procWrap > li .item.aUp { margin-top:70px; }
.safetyProcBox .procWrap > li .item.aUp::after { content:"다음"; font-size:0; text-indent:-99999px; background:url("/sites/ko/images/contents/safety_03_arr-up.png") no-repeat center center; width:39px; height:70px; left:50%; transform:translateX(-50%); top:-70px; position:absolute; }
@media all and (max-width:1000px) {
  .safetyProcBox .procWrap { flex-wrap:wrap; row-gap:80px; }
  .safetyProcBox .procWrap > li { flex-basis:100%; }
  .safetyProcBox .procWrap > li.aCurve::after { display:none; }
  .safetyProcBox .procWrap > li .item.aRight::after { display:none; }
  .safetyProcBox .procWrap > li .item.aUp::after { display:none; }

  .safetyProcBox .procWrap > li .item { padding:20px; }
  .safetyProcBox .procWrap > li .item br { display:none; }
  .safetyProcBox .procWrap > li:not(:first-child)::before { content:""; position:absolute; background:url("/sites/ko/images/contents/safety_03_arr-down.png") no-repeat center center; width:39px; height:62px; top:-70px; left:50%; transform:translateX(-50%); }
  .safetyProcBox .procWrap > li .dblWrap { display:flex; column-gap:2%; }
  .safetyProcBox .procWrap > li .dblWrap > .item { flex: 1 0 49%; }
  .safetyProcBox .procWrap > li .dblWrap > .item.aUp { margin-top:0; }
}

/*******************
입학안내 > 대학 > 대학소개
*******************/
.objHeading_h2.custom-01::before { display:none; }
.objHeading_h2.custom-01 > ul { display:flex; justify-content:flex-start; }
.objHeading_h2.custom-01 > ul > li:nth-child(1)::before { content:""; display:block; width:40px; height:10px; background:url("../../images/guide/bul_h2.png") no-repeat left top; background-size:contain; }
.objHeading_h2.custom-01 > ul > li:nth-child(2) { margin-left:30px; }
.objHeading_h2.custom-01 > ul > li:nth-child(3) { flex-grow:1; text-align:right; display:flex; align-items:center; justify-content:flex-end; }

.blankWrap { text-align:left; font-family:'Pre Bold'; display:block; position:relative; }
.blankWrap::after { content:""; width:17px; height:17px; background:url("/sites/ko/images/contents/ico-blank-b.png") no-repeat center center; position:absolute; right:0; top:50%; transform:translateY(-50%); background-size:contain; } 


/*******************
입학안내 > 대학입학 > 대학입학안내
*******************/
.contactWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.contactWrap > li { padding-left:30px; position:relative; }
.contactWrap > li:not(:first-child) { margin-left:40px; }
.contactWrap > li::before { position:absolute; text-indent:-99999px; font-size:0; left:0; top:50%; transform:translateY(-50%); }
.contactWrap > .tel::before { content:"전화"; width:18px; height:20px; background:url("/sites/ko/images/contents/ico-tel-b.png") no-repeat center center; background-size:contain; }
.contactWrap > .fax::before { content:"팩스"; width:18px; height:16px; background:url("/sites/ko/images/contents/ico-fax-b.png") no-repeat center center; background-size:contain; }
.contactWrap > .email::before { content:"이메일"; width:20px; height:12px; background:url("/sites/ko/images/contents/ico-email-b.png") no-repeat center center; background-size:contain; }
@media all and (max-width:768px) {
  .contactWrap { row-gap:10px; padding-top:10px; }
  .contactWrap > li { flex-basis:100%; }
  .contactWrap > li:not(:first-child) { margin-left:0; }
}

/*******************
대학생활 > 학생지원 > one-stop 서비스 안내
*******************/
.oneStopWrap { border-top:2px solid #272727; }
.oneStopWrap > li { padding:20px 0; border-bottom:1px solid #dadbdf; }
.oneStopWrap > li > dl { display:flex; justify-content:space-between; }
.oneStopWrap > li > dl > dt { display:flex; align-items:center; }
.oneStopWrap > li > dl > dt .txt { position:relative; padding-left:30px; display:block; font-family:'Pre Bold'; }
.oneStopWrap > li > dl > dt .cNum { position:absolute; top:3px; left:0; }
.oneStopWrap > li > dl > dt .txt i { display:block; font-family:'Pre Regular'; }
@media all and (max-width:768px) {
  .oneStopWrap > li > dl { flex-wrap:wrap; }
  .oneStopWrap > li > dl > dd { flex-basis:100%; padding-top:10px; padding-left:30px; }
}

/*******************
고대소개 > 캠퍼스안내 > 찾아오시는 길
*******************/
.roadWrap {}
.roadWrap > dt { border-top:2px solid #272727; border-bottom:1px solid #272727; padding:15px; background-color:#f6f7f9; font-family:'Pre Bold'; text-align:center; }
.roadWrap > dd { border-bottom:1px solid #dadbdf; font-size:16px; text-align:left; padding:15px 20px; }


/*******************
고대소식 > 고대미디어 > 간행물
*******************/
.admissionWrap.koPubl > .contWrap > .item.photo {flex: 0 0 300px; text-align:center;}
.admissionWrap.koPubl > .contWrap > .item.photo img { width:unset; max-width:100%; }
.admissionWrap.koPubl > .contWrap > .item.cont {flex: 1 0 calc(100% - 300px);}

/*******************
연구산학 > KU명예의 전당
*******************/
.tabWrap-01 { display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.tabWrap-01 > li { flex:1 0 auto; padding:1px;}
.tabWrap-01 > li a { display:block; padding:15px; background:#f4f4f4; color:#999999; font-family:'Pre Bold'; text-align:center;}
.tabWrap-01 > li a.active { background:#7c0019; color:#fff; }
@media all and (max-width:1024px) {
  .tabWrap-01 > li { flex:0 0 50%;}
}

/*******************
기타 > 교내주요사이트
*******************/
.frameWrap.marjoSiteWrap { display:grid; grid-template-columns: repeat(6, 1fr); row-gap:10%; column-gap:1%; margin-bottom:200px; }
.frameWrap.marjoSiteWrap > li {}
.frameWrap.marjoSiteWrap > li a { display:block; text-align:center; }
.frameWrap.marjoSiteWrap > li a span { display:block; padding-top:20px; font-family:'Pre Bold'; }
@media all and (max-width:1280px) {
  .frameWrap.marjoSiteWrap { grid-template-columns: repeat(5, 1fr); }
}
@media all and (max-width:768px) {
  .frameWrap.marjoSiteWrap { grid-template-columns: repeat(3, 1fr); }
}
@media all and (max-width:450px) {
  .frameWrap.marjoSiteWrap { grid-template-columns: repeat(2, 1fr); }
}