@charset "utf-8";

.view-con .con-table table td{width:auto !important;}
@media all and (max-width:960px) {
  .con-table table {width:100%;}
}

 /* [S] 20231116 접근성 */
.wrap-news .title strong {color: #c18516 !important;}
.wrap-people .title strong {color: #c18516 !important;}
.wrap-banner .title .subject strong {color: #c18516 !important;}
.txt-type2 .info-bx {background: #b58121 !important;}
.view-detail .view-util {color: #898989 !important;}

/* 231218 탭 수정*/
.type2 .tab_div .ul_5 > li {margin-bottom: 15px;}
@media all and (max-width:860px) {
.type2 .tab_div .ul_5 > li {margin-bottom: 0;}
}

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

/* 웹접근성 심사 관련 수정 - kh 241122 */
.ir {position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}

/* 교가 */
.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;}
}


/* 캠퍼스 투어 */
/* 소개 */
.rowBox_arr.campusCourse {gap: 15px 50px !important;}
.rowBox_arr.campusCourse > li:not(:last-child)::after {right: -38px !important;}
/* 투어 신청 */
#menu963_obj4800 {overflow: visible !important;}
.campusTour_schdulInfo-container{ display: flex;justify-content: space-between;align-items: stretch;}
._campusTour_trip{background: url(/sites/guide/images/guide/calendar-icon5.png) no-repeat 2px 3px !important;}
._campusTour_wait{background: url(/sites/guide/images/guide/calendar-icon2.png) no-repeat 2px 5px !important;}
._campusTour_hidy-txt{background: url(/sites/guide/images/guide/calendar-icon3.png) no-repeat 2px 5px !important;}
._campusTour_d-day{background: url(/sites/guide/images/guide/calendar-icon4.jpg) no-repeat 2px 5px !important;}
._campusTour_review {background: url(/sites/guide/images/guide/calendar-icon1.png) no-repeat 2px 5px !important; padding-left: 15px;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap .con-table {border-right: 1px solid #D2D2D2;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._trip {background: url(../../../guide/images/guide/calendar-icon5.png) no-repeat 5px 9px !important;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._wait {background: url(../../../guide/images/guide/calendar-icon2.png) no-repeat 5px 10px !important;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._review {background: url(../../../guide/images/guide/calendar-icon1.png) no-repeat 5px 9px;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._hidy-txt {background: url(../../../guide/images/guide/calendar-icon3.png) no-repeat 5px 10px !important;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap .calendar-tbl tbody tr .impsblDay{ background-color: #f1f1f1 !important;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap .calendar-tbl tbody tr .impsblDay li {font-family: 'Dream Medium';font-size: 13px;text-align: center;}
.campusTour_schdulWrap .calendar-wrap .calendar-tbl .shd-list {font-size: 11px !important; line-height: 20px;display: block;word-wrap: break-word;white-space: normal;max-width: 100%;}
.campusTour_calendar-btn-wrap{width:70% !important;}
#menu963_obj30451{width: 28%;height: 73.4%;margin: 0px;position: absolute;top: 493px; right: 0px; z-index:2 !important;}
.calendar-infoBox { width:29%;height: auto; display:flex; flex-direction: column;}
.calendar-infoBox div {border: 1px solid #bdbdbf;}
.calendar-infoBox .calendar-infoBox_impsbl {margin-bottom: 5px;}
.calendar-infoBox .calendar-infoBox_impsbl .list_1 > li::before{content: ""; position: absolute;left: 0;top: 0; background: url(../../../guide/images/guide/noti-icon.png) no-repeat left center / cover;width: 28px;height: 28px;}
.calendar-infoBox .calendar-infoBox_impsbl > ul{padding:20px;}
.calendar-infoBox .calendar-infoBox_impsbl > ul > li p{margin-top: 10px;}
.calendar-infoBox .calendar-infoBox_impsbl > ul > li ul{list-style-type: disc;}
.calendar-infoBox .calendar-infoBox_impsbl> ul > li ul li{font-size: 15px;padding-left: 1em;padding-bottom: 5px;position: relative;}
.calendar-infoBox .calendar-infoBox_impsbl> ul > li ul li::before {content: "-";margin-right: 0.5em;position: absolute; left: 0;}
.calendar-infoBox .calendar-infoBox_impsbl> ul > li ul li .red {color:#d63f11;}
.calendar-infoBox .calendar-infoBox_info ._trip {background: url(../../../guide/images/guide/calendar-icon5.png) no-repeat -1px 6px !important;}
.calendar-infoBox .calendar-infoBox_info ._wait {background: url(../../../guide/images/guide/calendar-icon2.png) no-repeat 0px 8px !important;}
.calendar-infoBox .calendar-infoBox_info ._review {background: url(../../../guide/images/guide/calendar-icon1.png) no-repeat 0px 7px;}
.calendar-infoBox .calendar-infoBox_info .infoTitle{color:#01499a;margin-bottom: 10px;padding-left: 15px;position: relative;}
.calendar-infoBox .calendar-infoBox_info .infoTitle:first-child::after {content: "";position: absolute; left: 4px;top: 28px;width: 2px;height: calc(100% - 20px);background: linear-gradient(to bottom, rgba(0, 65, 250, 0.7),rgba(243, 145, 0, 0.7));}
.calendar-infoBox .calendar-infoBox_info .infoTitle:nth-child(2)::after {content: "";position: absolute; left: 4px;top: 28px;width: 2px;height: calc(100% - 20px);background: linear-gradient(to bottom, rgba(243, 145, 0, 0.7),rgba(0, 224, 38, 0.7));}
.calendar-infoBox .calendar-infoBox_info .infoTitle ul.list_3 li {position: relative;padding-left: 1em; color: #333333; font-size: 15px;}
.calendar-objHeading_h5 {font-family: 'Dream Medium';font-size: 18px; line-height: 1.5; letter-spacing: -0.5px;color: #01499a;padding-bottom: 20px;padding-left: 18px;}
.calendar-infoBox .calendar-infoBox_info{flex:1;padding:20px;}
.calendar-infoBox .calendar-infoBox_info .caution{font-size: 14px; position: relative;font-family: 'Dream Regular';padding-left: 1.5em;line-height: 1.3;}
.calendar-infoBox .calendar-infoBox_info .caution::before{content: "※";width: 15px;height: 15px;display: block;position: absolute; left: 0;top: 1px;}
@media (min-width: 768px) and (max-width: 1024px) {
  ._JW_campusTour_basic .campusTour_schdulInfo-container {display: block !important;}
  ._JW_campusTour_basic .campusTour_schdulInfo-container .campusTour_schdulWrap {width: 100% !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-icon-list {padding: 20px 0 30px 10px;}
  .campusTour_schdulWrap .calendar-wrap .search form .calendar-icon-list ul {float: none !important;display: block;margin-bottom: 15px;}
  .campusTour_schdulWrap .calendar-wrap .search form .calendar-icon-list .noti-box {display: block; float: none !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._trip {background: url(../../../guide/images/guide/calendar-icon5.png) no-repeat 5px 7px !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._wait {background: url(../../../guide/images/guide/calendar-icon2.png) no-repeat 5px 9px !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._review {background: url(../../../guide/images/guide/calendar-icon1.png) no-repeat 5px 8px;}
  .campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap ._hidy-txt {background: url(../../../guide/images/guide/calendar-icon3.png) no-repeat 5px 9px !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-tbl .shd-list{display: inline-block;max-width: 100%; line-height: 15px;}
  .calendar-infoBox{ width: 100%; margin-top: 20px;}
  ._JW_campusTour_basic .campusTour_calendar-btn-wrap {width: 100% !important;}
}
@media all and (max-width: 767px) {
  .campusTour_schdulInfo-container {display: block  !important;}
  .campusTour_schdulInfo-container .campusTour_schdulWrap {width: 100% !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-icon-list {padding: 20px 0 30px 10px;}
  .campusTour_schdulWrap .calendar-wrap .calendar-icon-list li {margin: 0 8px 0 0 !important;}
  .campusTour_schdulWrap .calendar-wrap .search form .calendar-icon-list ul {float: none !important;display: block;margin-bottom: 15px;}
  .campusTour_schdulWrap .calendar-wrap .search form .calendar-icon-list .noti-box {display: block; float: none !important;}
  .campusTour_schdulWrap .calendar-wrap .calendar-tbl-wrap .calendar-tbl tbody tr .impsblDay li {font-size: 11px;}
  .calendar-infoBox{ width: 100%; margin-top: 10px;}
  ._JW_campusTour_basic .campusTour_calendar-btn-wrap {width: 100% !important;}
  .campusTour_schdulWrap .calendar-wrap table.calendar-tbl td .shd-list{border: 1px solid #d1d1d1;border-radius: 10px; line-height: 15px; display: block;word-wrap: break-word;white-space: normal; max-width: 100%;}
}

/* 캠퍼스맵  - 찾아오시는 길 */
.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%;}
@media (min-width: 768px) and (max-width: 1024px) { 
  .hoBox > .item {display: flex !important;}
  .hoBox > .item > .cont ul > li.tit{font-size: 16px !important; width: 50% !important;}
  .hoBox > .item > .cont{padding: 15px !important;}
  .list_1 > li::before{top: 9px !important;}
  .hoBox > .item > .cont .list_1 {display: flex; justify-content: space-between; gap: 20px;}
}
@media all and (max-width: 767px) {
  .hoBox > .item {display: block !important;}
  .hoBox > .item > .tit img {width: 100% !important;}
  .hoBox > .item > .cont{padding: 20px !important; width: 100% !important; }
  .hoBox > .item > .cont ul > li.tit{font-size: 14px !important; width: 50% !important;}
  .hoBox > .item > .cont ul > li.tit:last-child{margin-top: 0 !important;}
  .list_1 > li::before{top: 8px !important;}
  .hoBox > .item > .cont ul > li.tit ul li{font-size: 14px !important;}
  .hoBox > .item > .cont .list_1 {width: 100% !important; display: flex !important; gap: 20px;}
}

/* 캠퍼스맵 - 찾아오시는길(셔틀버스) */
.noti-btn-txt::after {top:5px !important;}
.btnM.btnBlank::after { content: ""; display: inline-block; width: 13px; height: 13px; margin-left: 10px; vertical-align: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.btnBlank::after { background-image: url(../../../templet_guide/images/common/btn_icon_blank_w.png); }
.btnM.btnC2 { background: #3085e5; border: 1px solid #3085e5; }
.btnM { height: 34px; padding: 0 22px; font-size: 13px; line-height: 34px; }
.btnM{ display: inline-block; position: relative; font-family: 'Dream Medium'; cursor: pointer; color: #fff !important; }
.btnM.btnC2:hover { color: #3085e5 !important; }
.btnM:hover { background: #fff; }
.btnC2.btnBlank:hover::after { background-image: url(../../../templet_guide/images/common/btn_icon_blank_c2.png); }


/* 고정형 화살표박스 */ 
.rowBox_arr_fixed { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:20px 70px; }
.rowBox_arr_fixed > li { position:relative; }
.rowBox_arr_fixed > li:not(:last-child)::after { content:"다음"; position:absolute; width:35px; height:35px; 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:-50px; transform:translateY(-50%); }
.rowBox_arr_fixed > li > div { width:100%; height:100%; text-align:center; font-size:18px; }
.rowBox_arr_fixed.ty_1 > li > div, .rowBox_arr_fixed.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_fixed.ty_1 > li > div { border:1px solid #03499a; background-color:#03499a; color:#fff; }
.rowBox_arr_fixed.ty_2 > li > div { border:1px solid #e1efff; background-color:#f0f7ff; color:#03499a; }
.rowBox_arr_fixed.ty_3 > li > div { height:100%; }
.rowBox_arr_fixed.ty_3 > li > div > dl { height:100%; display:flex; flex-direction:column; justify-content:flex-start; border:1px solid #ddd; padding:25px; box-sizing:border-box; }
.rowBox_arr_fixed.ty_3 > li > div > dl > dt { font-family:'Dream Medium'; font-size:20px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; }
.rowBox_arr_fixed.div2 > li, .rowBox_arr_fixed.div3 > li, .rowBox_arr_fixed.div4 > li, .rowBox_arr_fixed.div5 > li, .rowBox_arr_fixed.div6 > li { flex-grow:1; } 
.rowBox_arr_fixed.div2 > li { flex-basis:40%; }
.rowBox_arr_fixed.div3 > li { flex-basis:22%; }
.rowBox_arr_fixed.div4 > li { flex-basis:21%; }
@media only screen and (max-width:1280px){	
  .rowBox_arr_fixed.div6 { gap:20px 2%; }
  .rowBox_arr_fixed.div6 > li:not(:last-child)::after { right:10px; }
  .rowBox_arr_fixed.div6 > li { flex:0 0 32%; }
}
@media only screen and (max-width:1024px){	
  .rowBox_arr_fixed.div5, .rowBox_arr_fixed.div4 { gap:20px 2%; }
  .rowBox_arr_fixed.div5 > li:not(:last-child)::after, .rowBox_arr_fixed.div4 > li:not(:last-child)::after { right:10px; }
  .rowBox_arr_fixed.div5 > li, .rowBox_arr_fixed.div4 > li { flex:0 0 32%; }
}
@media only screen and (max-width:768px){
  .rowBox_arr_fixed.div3, .rowBox_arr_fixed.div2 { gap:20px 2% }
  .rowBox_arr_fixed.div3 > li:not(:last-child)::after, .rowBox_arr_fixed.div2 > li:not(:last-child)::after { right:10px; }
  .rowBox_arr_fixed.div6 > li, .rowBox_arr_fixed.div5 > li, .rowBox_arr_fixed.div4 > li, .rowBox_arr_fixed.div3 > li, .rowBox_arr_fixed.div2 > li { flex:0 0 48%; }
}
@media only screen and (max-width:520px){	
  .rowBox_arr_fixed { gap:20px 0; }
  .rowBox_arr_fixed > li:not(:last-child)::after { top:22%; transform:rotate(90deg); position:absolute; right:10px; }
  .rowBox_arr_fixed.ty_3 > li:not(:last-child)::after { top:10%; }
  .rowBox_arr_fixed > li { flex-basis:100% !important; }
}

/* 가변형 화살표박스 */
.rowBox_arr { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:15px 60px; }
.rowBox_arr > li { position:relative; }
.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:-45px; transform:translateY(-50%); }
.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%; }
}

/* 연구소 상단 표 추가 - 251015 */
.box_re { border:1px solid #ddd;border-radius:3px;padding:25px; margin-bottom:30px }
.box_re.bgB { border-color:#0075d2; }
.list_re {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* 열 크기 자동 조정 */gap: 4px 20px; list-style: none;padding: 0;margin: 0;}
.list_re li { position: relative;padding-left: 14px; font-size: 15px;color: #333;}
.list_re li::before {content: "";position: absolute;left: 0;top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%;background-color: #333; }
.list_re2 {display: flex; flex-wrap: wrap; gap: 40px;  list-style: none;padding: 0;margin: 0;}
.list_re2 li {position: relative;padding-left: 10px;white-space: nowrap; font-size: 15px;color: #333;}
.list_re2 li::before {content: "";position: absolute;left: 0; top: 50%;transform: translateY(-50%); width: 5px; height: 5px;border-radius: 50%;background-color: #333;}
.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;}
}

/* 학사일정 접근성  */
._fnctWrap ._fnTable caption {display: table-caption;}

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

/* 취업경력개발원 GNB 메뉴명 변경에 따른 아이콘 위치값 강제 수정
.top_k2wiz_GNB_682.a_3.k2wiz_GNB_581 span::after {top: 35px !important}
*/