@charset "utf-8";

/* 가이드소스를 영문에 맞게 수정 */
.con-desc,
.objHeading_h2,
.objHeading_h3,
.objHeading_h4,
.objHeading_h5,
.con-list1 > ul > li,
.circle-num-list > ul > li,
.wrap-build .build-text,
.wrap-build .build-title p,
.greeting .contents .txt p,
.greeting .contents .img span,
.major-type-box2 .txt-box p,
.major-type-box2 .right .title,
._stMpWrap > a,
._stMpWrap > ul > li > a,
._stMpWrap > ul > li > ul > li > a,
._stMpWrap > ul > li > ul > li > ul > li a,
#_JW_hist_basic .history-list li p {letter-spacing: 0;}

/*.wrap-sub-navi .sub-navi .navUl {width: 270px;}*/

@media all and (max-width: 660px) {
  .wrap-news .control {top: 17px}
}

@media all and (max-width: 510px) {
  .wrap-air .title .hash {display: none;}
}

.prfl-list .con .artclInfo dt {letter-spacing: 0;}
.prfl-list .con .prfl-name strong {letter-spacing: 0; font-size: 27px;}
.prfl-list .con .thumbnail img {width: 100%}

/* 20240115 총장님 신년인사 이미지 모바일 화면 수정*/
/*@media all and (max-width:775px) {
 .wrap-visual .slick-track:first-child div li img {transform:none; left:0;}
}*/

/*240216 앨범게시판 목록 날짜, 메인 슬라이드 날짜 안보이게 수정*/
.info .desc dl.date,
.wrap-news .slick-current .con span {display:none;}

/* Academics > 생명과학부 faculty 버튼 */
.faculty-wrap li {float: left;}
.faculty-wrap li a {
    text-decoration: none;
    display: inline-block;
    padding: 12px 18px;
    background-color: #fff;
    border: 1px solid #3085e5;
    font-family: 'Dream Regular';
    font-size: 15px;
    color: #3085e5;
    transition: all 0.125s cubic-bezier(0.7, 0, 0.3, 1);
}
.faculty-wrap li a:hover {
  text-decoration: none;
  background-color: #3085e5;
  border-color: #3085e5;
  color: #fff;
}
.faculty-wrap li a::after {background-image: url(/sites/inuengl/images/common/ic-btn7.png);}
.faculty-wrap li a::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-left: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
}
.faculty-wrap li a:hover::after{background-image: url(/sites/inuengl/images/common/ic-btn8.png);}

/* Academics 타이틀명이 길 경우(생명과학기술대학, 예술체육대학) */
@media all and (max-width: 768px) {
  .longtitle_left{padding-top:120px !important;}
}

/* 캠퍼스맵 */
.hoBox {display: flex;flex-flow: row wrap; justify-content: flex-start;}
.hoBox > .item {flex: 1 0 100%;display: flex;border: 1px solid #eee;}
.hoBox > .item > .cont {width: calc(100% - 260px);background-color: #fff;padding: 40px; display: flex; flex-direction: column;justify-content: center;align-items: flex-start;}
.hoBox > .item > .cont ul > li.tit{font-size: 18px;}
.hoBox > .item > .cont ul > li.tit ul li {font-size: 16px;position: relative;padding-left: 13px;}
.list_1 > li{padding-left: 15px;position: relative;}
.list_1 > li::before{content: "";display: block; position: absolute;left: 0; top: 12px;width: 6px;height: 6px;border-radius: 10px;background: #333;}
.list_3 > li::before{content: "-";display: block; position: absolute;top:0;left:0;width: 5px;height: 2px;}
.con-table.sitemap-table tbody td:first-child {text-align: left; padding-left: 40px;}
.con-table.sitemap-table tbody td span {position: relative;}
.bus_blue::before{ content: ""; position: absolute; top: 0.1em; left: -25px; width: 20px; height: 20px; background: url('../../images/sub/campusmap/icon-bus_blue.png') no-repeat center center; background-size:18px 20px;}
.bus_green::before{ content: ""; position: absolute; top: 0.1em; left: -25px; width: 20px; height: 20px; background: url('../../images/sub/campusmap/icon-bus_green.png') no-repeat center center;background-size:18px 20px;}
.bus_red::before{ content: ""; position: absolute; top: 0.1em; left: -25px; width: 20px; height: 20px; background: url('../../images/sub/campusmap/icon-bus_red.png') no-repeat center center;background-size:18px 20px;}
.busline-container img {width:100%;}

/* 영문 리뉴얼 작업 7/20 kh */
.major-type-box3 .link-wrap li {width:50% !important}
@media (max-width:500px) {
  .major-type-box3 .link-wrap li {width:100% !important}
}
@media (max-width:1400px) {
  .major-type-box2 .left .img-box {margin-top:30px}
}

/* 영문 리뉴얼 작업 7/20 yh*/

/* 표 넓이 css */
.wd5 {width:5%}
.wd6 {width:6%}
.wd7 {width:7%}
.wd8 {width:8%}
.wd9 {width:9%}
.wd10 {width:10%}
.wd11 {width:11%}
.wd15 {width:15%}
.wd20 {width:20%}
.wd25 {width:25%}
.wd30 {width:30%}
.wd35 {width:35%}
.wd40 {width:40%}
.wd45 {width:45%}
.wd50 {width:50%}
.wd55 {width:55%}
.wd60 {width:60% !important;}
.wd65 {width:65%}
.wd70 {width:70%}
.wd75 {width:75%}
.wd80 {width:80%}
.wd85 {width:85%}
.wd90 {width:90%}
.wd95 {width:95%}
.wd100 {width:100%}
.tLeft {text-align: left;}
.tRight {text-align: right;}
.tBold{font-weight: bold;}
.tRed{color: rgb(255, 0, 0);}
.tBlue{color:#1a5ba4;}
.tYellow{color:#fcb21e;}
.tWhite{color: #fff !important;}
.mL20 {margin-left: 20px;}
.pLeft100 {padding-left: 100px !important;}
.pLeft40 {padding-left: 40px !important;}
.pLeft20 {padding-left: 20px !important;}
.ui-list-grid {grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important}
/*보건소 페이지*/
#menu13956_obj4535 .wrap-build .build-area::before{top: 135px;}
@media (max-width:500px){
 #menu13956_obj4535 .wrap-build .build-area::before {top: 0;}
}
/*재수강/재이수 페이지*/
/* 가변형 화살표박스 - 260731 캠퍼스투어 페이지 오른쪽 끝에서 after요소(화살표)가 잘려보이는 현상이 있어 수정 yj */
.rowBox_arr { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:15px 0px; } /* gap 수정 */
.rowBox_arr > li { position:relative; box-sizing: border-box; padding-right: 60px;}
.rowBox_arr > li:not(:last-child)::after { content:"다음"; position:absolute; width:25px; height:25px; background:#ffa900 url("/sites/inu/images/sub/arrow-step2_cam.png") no-repeat center center; border-radius:100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2); text-indent:-9999px; top:50%; right:17px; transform:translateY(-50%); } /* right 수정 */
.rowBox_arr > li > div { width:100%; height:100%; text-align:center; font-size:15px; }
.rowBox_arr.noArrow > li:not(:last-child)::after { display:none; }
.rowBox_arr.ty_1 > li > div, .rowBox_arr.ty_2 > li > div { padding:15px 20px; text-align:center; font-family:'Dream Medium'; /*display:inline-block; */height:100%; border-radius:10px; /*display:flex; */justify-content:center; align-items:center; }
.rowBox_arr.ty_1 > li > div { border:1px solid #03499a; background-color:#03499a; color:#fff; }
.rowBox_arr.ty_2 > li > div { border:1px solid #e1efff; background-color:#f0f7ff; color:#03499a; }
.rowBox_arr.ty_3 > li > div { height:100%; } 
.rowBox_arr.ty_3 > li > div > dl { height:100%; display:flex; flex-direction:column; justify-content:flex-start; border:1px solid #ddd; padding:15px; box-sizing:border-box; background:#fff; border-radius:10px}
.rowBox_arr.ty_3 > li > div > dl > dt { font-family:'Dream Medium'; font-size:15px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; }
@media only screen and (max-width:1024px){	
  .rowBox_arr.ty_3 > li { flex-basis:48%; flex-grow:0; }
}
@media only screen and (max-width:500px){
  .rowBox_arr > li { flex-basis:100%; flex-grow:1; }
  .rowBox_arr > li > div { width:100%; }
  .rowBox_arr > li:not(:last-child)::after { top:22%; transform:rotate(90deg); position:absolute; right:10px; }
  .rowBox_arr.ty_3 > li { flex-basis:48%; flex-grow:1; }
  .rowBox_arr.ty_3 > li:not(:last-child)::after { top:8%; }
}
/*교외장학금페이지 박스사이즈 수정*/
#menu13940_obj3680 .step-diag1 li {
  height: 200px;
}

/* 영문 리뉴얼 작업 7/20 yj*/
/* 교가 */
.alma-wrapper {display: flex; justify-content: center;}
.alma-container {position: relative; display: inline-block;}
.alma-container > img {width: 800px; height: 1200px; padding: 0 30px;border: 1px solid #ccc;}
.alma-container > a {position: absolute; top: 0px;right: -220px;}
@media (max-width: 650px) {
  .alma-container {padding-top:70px;}
  .alma-container > img {width:400px; height:550px;}
  .alma-wrapper > .alma-container > a {top: 10px; right: auto;left:0;margin: 0;position: absolute;}
}
@media (max-width: 1200px) {
  .alma-container {padding-top:70px;}
  .alma-wrapper > .alma-container > a { top: 10px; right: auto;left:0;margin: 0; position: absolute;}
}

/* 셔틀버스 */
.btnM.btnC2 {background: #3085e5;border: 1px solid #3085e5;}
.btnM {display: inline-block;position: relative;font-family: 'Dream Medium';cursor: pointer;color: #fff !important;}
.btnM {height: 34px;padding: 0 22px;font-size: 13px;line-height: 34px;}

/* 부속기관, 부설연구소 list_re */
.list_re.list_re_wide {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}

/* 기타연구소 */
.ui-list-grid2 {grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)) !important;}



/* 영문화 수정 - 260727 KH */


.ir {position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}
.down-banner2 .link a::after {margin-left: 15px !important}

.box_re { border:1px solid #ddd;border-radius:3px;padding:25px; margin-bottom:30px }
.box_re.bgB { border-color:#0075d2; }

/* ================= [수정 위치] list_re ================= */
.list_re {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px 20px; /* 줄간격 유격을 위해 세로 gap을 8px 정도로 살짝 늘려주면 깔끔합니다 */
  list-style: none;
  padding: 0;
  margin: 0;
}

.list_re li {
  display: flex;             /* flexbox로 변경 */
  align-items: flex-start;    /* 첫 번째 줄 상단 기준 정렬 */
  font-size: 15px;
  line-height: 1.4;          /* 줄간격 명시 */
  color: #333;
}

.list_re li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333;
  flex-shrink: 0;            /* 텍스트가 줄어들어 점 모양이 일그러지는 것 방지 */
  margin-top: 0.5em;         /* 텍스트의 첫 번째 줄 중앙 위치로 점 내리기 */
  margin-right: 8px;         /* 점과 글자 사이 간격 */
}

/* ================= [수정 위치] list_re2 ================= */
.list_re2 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 40px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.list_re2 li {
  display: flex;
  align-items: center;       /* 한 줄 출력 세로 중앙 정렬 */
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.4;
  color: #333;
}

.list_re2 li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333;
  flex-shrink: 0;
  margin-right: 6px;         /* 점과 글자 사이 간격 */
}

.visually-hidden {position: absolute !important;width: 1px;height: 1px;margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;border: 0;}
@media only screen and (max-width:768px){
  .box_re {padding:20px;}
}


/* 공지사항 260803 yh */
.wrap-notice {padding: 60px 0; text-align: center;}
.wrap-notice .container {position: relative; display: inline-block; width: 100%; text-align: left;}
.wrap-notice .container::after {content: ''; position: absolute; left: -176px; bottom: -234px; z-index: -1; width: 627px; height: 627px; background: url(../images/bg-notice.jpg) no-repeat center;}
.wrap-notice .title {position: relative; left: -100px; float: left; width: 560px; opacity: 0;}
.wrap-notice .title .subject {margin-bottom: 40px; font-family: 'Play Regular'; font-size: 60px; line-height: 1; color: #727272;}
.wrap-notice .title .subject strong {display: block; margin-top: -4px; font-family: 'Play Bold'; font-size: 60px; color: #0056d6;}
.wrap-notice .list {display: none; float: left; width: calc(100% - 560px); min-height: 578px; padding-top: 12px;}
.wrap-notice .list.on {display: block;}
.wrap-notice .list ul {overflow: hidden; display: flex; flex-wrap: wrap; gap: 40px 0;}
.wrap-notice .list li {position: relative; width: 33.333%; padding: 0 40px; opacity: 1;}
.wrap-notice .list li::after {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 140%; background: #cfcfcf;}
.wrap-notice .list li::before {content: ''; position: absolute; left: -1px; top: 0; z-index: 1; width: 3px; height: 0%; background: #094e94; opacity: 0; transition: height .75s;}
.wrap-notice .list li:hover::before {height: 100%; opacity: 1;}
.wrap-notice .list .cate {display: flex; align-items: center; justify-content: center; position: absolute; right: 45px; top: 5px; width: 80px; height: 80px; background: #daeaff; padding: 0 10px; border-radius: 100%; word-break: break-all; font-family: 'Dream Medium'; font-size: 14px; line-height: 1.1; text-align: center; color: #002f6a;}
.wrap-notice .list .date {padding-bottom: 13px; font-family: 'Play Bold'; font-size: 18px; color: #8a8a8a;}
.wrap-notice .list .date strong {display: block; margin-top: -10px; margin-bottom: -4px; font-size: 80px; line-height: 1; /*color: #ccc;*/ color:#8e8e8e}
.wrap-notice .list .con strong {overflow: hidden; display: block; display: -webkit-box; height: 70px; margin-bottom: 13px; font-family: 'Dream Medium'; font-size: 21px; letter-spacing: -1px; line-height: 1.6; color: #333; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wrap-notice .list .con strong span {position: relative; background: linear-gradient(to bottom, transparent 94%, #8c8c8c 0) left center no-repeat; background-size: 0; transition: .4s;}
.wrap-notice .list a:hover .con strong span{background-size: 100% auto;}
.wrap-notice .list .con p {overflow: hidden; display: -webkit-box; height: 73px; font-family: 'Dream Light'; font-size: 16px; line-height: 1.6; color: #666; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.wrap-notice .choose {position: relative; max-width: 310px;}
.wrap-notice .choose ul {overflow: hidden scroll; list-style: none; max-height: 0; position: absolute; left: 0; top: calc(100% + 2px); width: 100%; transition: max-height .75s;}
.wrap-notice .choose.on ul {max-height: 427px;}
.wrap-notice .choose ul button {position: relative; display: block; width: 100%; background: #0078fe; padding: 16px 27px; border-bottom: 1px solid rgba(255, 255, 255, .4); font-family: 'Dream Medium'; font-size: 20px; text-align: left; color: #fff;}
.wrap-notice .choose ul button:hover {background: #ffa900; color: #000;}
.wrap-notice .choose .now {position: relative; display: block; width: 100%; background: #0078fe; padding: 16px 27px; font-family: 'Dream Medium'; font-size: 20px; text-align: left; color: #fff;}
.wrap-notice .choose .now::after {content: ''; position: absolute; right: 26px; top: 26px; width: 13px; height: 12px; background: url('../images/arrow-notice.png') no-repeat center center;}
.wrap-notice .recentBbsMore {display: none;}
.wrap-notice .more-notice {position: absolute; right: -80px; top: 0; width: 60px; height: 60px; background: #fff url('../images/btn-notice-more.png') no-repeat center; border: 1px solid #e1e1e1; text-indent: -999999px;}
.wrap-notice .more-notice:hover {border-color: #0078fe;}
.employment-item {opacity: 1;top: 0;}

@media all and (max-width: 1700px) {
  .wrap-notice .title {width: 440px;}
  .wrap-notice .list {width: calc(100% - 440px);} 
}

@media all and (max-width: 1500px) {
  .wrap-notice .title {width: 330px;}
  .wrap-notice .list {width: calc(100% - 330px);} 
  .wrap-notice .more-notice {left: 0; right: auto; top: auto; bottom: -80px; width: 50px; height: 50px;}
}

@media all and (max-width: 1370px) {
  .wrap-notice .title {width: 100%;}
  .wrap-notice .title .subject {margin-bottom: 0;}
  .wrap-notice .list {width: 100%; padding-top: 55px; min-height: 662px;}
  .wrap-notice .choose {position: absolute; right: 0; top: 0; z-index: 1; width: 310px;}
  .wrap-notice .choose .now {padding: 11px 27px;}
  .wrap-notice .more-notice {left: -80px; right: auto; top: 0; bottom: auto;}
}

@media all and (max-width: 1200px) {
  .wrap-notice {padding: 57px 0 70px 0; }
  .wrap-notice .container::after {background-size: 50%;}
  .wrap-notice .title .subject {font-size: 60px;}
  .wrap-notice .title .subject strong {font-size: 70px;}
  .wrap-notice .choose {top: 10px;}
  .wrap-notice .choose .now {font-size: 17px;}
  .wrap-notice .choose .now::after {top: 19px;}
  .wrap-notice .choose ul button {font-size: 16px;}
  .wrap-notice .list {padding-top: 45px;  min-height: 515px;}
  .wrap-notice .list ul {gap: 40px 0; padding-top: 15px;}
  .wrap-notice .list li {padding: 0 30px;}
  .wrap-notice .list .date {font-size: 16px;}
  .wrap-notice .list .date strong {font-size: 60px;}
  .wrap-notice .list .con strong {height: 50px; font-size: 18px; line-height: 1.4;}
  .wrap-notice .list .con p {height: 69px; font-size: 15px;}
  .wrap-notice .list .cate {top: -12px;}
  .wrap-notice .more-notice {width: 46px; height: 46px;}
}

@media all and (max-width: 950px) {
  .wrap-notice .list li {flex: 1 50%; width: 50%; padding: 0 20px;}
  .wrap-notice .list li:nth-child(n + 5) {display: none;}
}

@media all and (max-width: 768px) {
  .wrap-notice {padding: 52px 0 48px 0;}
  .wrap-notice .title .subject {font-size: 40px;}
  .wrap-notice .title .subject strong {font-size: 50px;}
  .wrap-notice .list {padding-top: 35px; min-height: 462px}
  .wrap-notice .list ul {gap: 20px 0;}
  .wrap-notice .list li {flex: 1 100%; width: 100%; margin-bottom: 10px;}
  .wrap-notice .list .date {font-size: 14px;}
  .wrap-notice .list .date strong {font-size: 45px;}
  .wrap-notice .list .con strong {height: 22px; font-size: 16px; -webkit-line-clamp: 1;}
  .wrap-notice .list .con p {height: 19px; font-size: 14px;  -webkit-line-clamp: 1;}
  .wrap-notice .list .cate {right: 0; top: -16px; width: 70px; height: 70px; font-size: 12px;}
  .wrap-notice .list li:nth-child(n + 4) {display: none;}
  .wrap-notice .choose {top: 0; width: 180px;}
  .wrap-notice .choose .now {font-size: 15px;}
  .wrap-notice .choose .now::after {top: 16px;}
  .wrap-notice .choose ul button {font-size: 14px;}
  .wrap-notice .more-notice {left: -70px; width: 43px; height: 43px;}
}

/* 서브 탭메뉴 높이 맞추기. 260803 yh*/
.type2 .tab_div .ul_4 {
  display: flex;
  flex-wrap: wrap;
}

.type2 .tab_div .ul_4 > li {
  display: flex;
  border: 0;
}

.type2 .tab_div .ul_4 > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #eee;
  color: #888;
}
@media all and (max-width: 1024px) {
  .type2 .tab_div .ul_4 {
    display: flow-root;
  }

  .type2 .tab_div .ul_4 > li {
    display: block;
  }

  .type2 .tab_div .ul_4 > li > a {
    display: block;
  }
}

/*게시판 페이지들 푸터 a태그 글씨 색상 수정 260804 yh*/
.footer-service a {
    font-family: 'Dream Regular';
    font-size: 13px;
  color: #fff;}