@charset "utf-8";
.container-wrap { position: relative; min-width: 1240px; min-height: 100%; }

/* 비주얼 영역 **************************/
.main_visual { position: relative; min-width: 1240px; height: 440px; margin-bottom: -240px; background: url('../../images/main/visual.jpg') no-repeat 50% 0; background-size: cover; }
.main_visual img { position: absolute; top: 50px; left: 50%; margin-left: -480px; }
.main_visual:after { position: absolute; bottom: 0; width: 100%; height: 140px; content: ''; background: url('../../images/main/visual_bg.png') repeat-x 0 0; }

/* 본문 시작 */
.mbody { font-size: 0; position: relative; width: 976px; min-height: 450px; margin: 0 auto 65px; padding: 8px; border-radius: 7px; background: #F7EFE5; }

.mbody > div { font-size: 0; clear: both; }
.mbody > div ~ div { margin-top: 8px; }
.mbody > div > div { position: relative; display: inline-block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 320px; height: 300px; vertical-align: top; }
.mbody > div > div ~ div { margin-left: 8px; }

.btn_more { font-size: 0; position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; background: url('../../images/main/btn_more.png') no-repeat center center; }
.btn_more:hover { background: url('../../images/main/btn_more_over.png') no-repeat center center;}

/* 최근 목록 */
.latest_list_ui { padding: 20px; background: #fff; }
.latest_list_ui * { -webkit-transition-duration: 0; transition-duration: 0; }
.latest_list_ui .tab_links { display: table; margin-bottom: 15px; }
.latest_list_ui .tab_links li { display: table-cell; }
.latest_list_ui .tab_links li ~ li { padding-left: 20px; }
.latest_list_ui.small .tab_links li ~ li { padding-left: 10px; }
.latest_list_ui .tab_links li a { font-size: 15px; position: relative; display: block; letter-spacing: -1px; color: #a7a7a7; }
.latest_list_ui .tab_links li.active a { font-size: 18px; padding-bottom: 3px; color: #323334; border-bottom: 1px solid #e5e3e1; }
.latest_list_ui.small .tab_links li.active a { font-size: 16px; }
.latest_list_ui .headline { display: table; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 135px; margin-bottom: 13px; table-layout: fixed; border-bottom: 1px solid #e5e3e1; -ms-box-sizing: border-box; }
.latest_list_ui .headline li { display: table-cell; vertical-align: top; }
.latest_list_ui .headline li:first-child { width: 80px; padding-right: 15px; }
.latest_list_ui .headline img { width: 100%; }
.latest_list_ui .headline .tit { font-size: 28px; font-weight: 300; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; max-height: 60px; letter-spacing: -1px; text-overflow: ellipsis; color: #434445; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.latest_list_ui .headline .memo { line-height: 18px; display: block; display: -webkit-box; overflow: hidden; max-height: 35px; margin-top: 5px; color: #757575; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.latest_list_ui .headline .date { font-family: sans-serif; font-size: 12px; display: block; margin-top: 10px; color: #b0b0b0; }
.latest_list_ui .list li { line-height: 22px; position: relative; }
.latest_list_ui .list li ~ li { margin-top: 3px; }
.latest_list_ui .list a:before { display: inline-block; margin-right: 5px; content: '-'; }
.latest_list_ui .list a { display: block; overflow: hidden; width: 75%; white-space: nowrap; letter-spacing: -1px; text-overflow: ellipsis; word-wrap: normal; color: #434445; }
.latest_list_ui .list a:hover { text-decoration: underline; }
.latest_list_ui .list .date { font-family: sans-serif; font-size: 12px; position: absolute; top: 0; right: 0; color: #b0b0b0; }
.latest_list_ui.first { background: #40aeb6; }
.latest_list_ui.first .tab_links li a { color: #d8f0f2; }
.latest_list_ui.first .tab_links li.active a { color: #fff; }
.latest_list_ui.first .headline { border-bottom: 1px solid #66bec5; }
.latest_list_ui.first .headline .tit {color: #fff; }
.latest_list_ui.first .headline .memo { color: #d8f0f2; }
.latest_list_ui.first .list a { color: #fff; }
.latest_list_ui.first .date { color: #aed8dc; }

/* 대학주요활동, 학술회의, 세미나 */
.thumList_ui { padding: 20px; background: #bfa97d; }
.thumList_ui h2 { font-size: 18px; font-weight: 500; padding-bottom: 10px; color: #fff; letter-spacing: -1px; }
.thumList_ui ul li { position: relative; min-height: 62px; padding-left: 100px; }
.thumList_ui ul li ~ li { margin-top: 20px; }
.thumList_ui .thum { position: absolute; top: 0; left: 0; }
.thumList_ui .thum img { width: 90px; height: 60px; border: 1px solid #a78d5d; }
.thumList_ui .tit { font-size: 15px; font-weight: 500; line-height: 18px; display: block; overflow: hidden; margin-top: 5px; white-space: nowrap; letter-spacing: -1px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; color: #fff; }
.thumList_ui .memo { font-size: 13px; line-height: 18px; display: block; display: -webkit-box; overflow: hidden; max-height: 54px; margin-top: 5px; color: #f8f4ec; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.thumList_ui .date { font-family: sans-serif; font-size: 12px; display: block; margin-top: 5px; color: #e7dfd0; }

.thumList_ui.style_03 > div { position: relative; min-height: 120px; }
.thumList_ui.style_03 > div ~ div { margin-top: 20px; }
.thumList_ui.style_03 .btn_more { top: 0; right: 0; }
.thumList_ui.style_02, .thumList_ui.style_03 { background: #fff; }
.thumList_ui.style_02 h2, .thumList_ui.style_03 h2 { padding-bottom: 5px; color: #000; }
.thumList_ui.style_03 .thum img { width: 83px; height: 83px; border: 1px solid #a78d5d; border-radius: 50%; }
.thumList_ui.style_02 .tit { display: -webkit-box; max-height: 36px; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.thumList_ui.style_02 .tit, .thumList_ui.style_03 .tit { font-weight: 400; color: #333; }
.thumList_ui.style_03 .memo { color: #757575; }
.thumList_ui.style_02 .date, .thumList_ui.style_03 .date { color: #b0b0b0; }

/* 이북 */
.eBook_ui{padding:20px;background:#fdc735}
.eBook_ui h2{font-size:18px;padding-bottom:10px;color:#fff;font-weight:500}
.eBook_ui .bx-prev,.eBook_ui .bx-next{font-size:0;position:absolute;top:20px;display:inline-block;width:21px;height:21px}
.eBook_ui .bx-prev{right:70px;background:url('../../images/main/btn_prev.png') no-repeat 0 0}
.eBook_ui .bx-next{right:45px;background:url('../../images/main/btn_next.png') no-repeat 0 0}
.eBook_ui .bx-prev:hover{background:url('../../images/main/btn_prev_over.png') no-repeat 0 0}
.eBook_ui .bx-next:hover{background:url('../../images/main/btn_next_over.png') no-repeat 0 0}
.eBook_ui li{font-size:13px;line-height:15px;text-align:center;color:#fff;margin-right:20px;width:130px!important}
.eBook_ui a img{display:block;width:128px;height:183px;margin-bottom:7px;border:1px solid #e8b731}
.eBook_ui a:hover img{border:1px solid #000}


/* 관련사이트 슬라이드 배너 */
.relation_banner { height: 65px; border-top: 1px solid #f5f5f5; }
.relation_banner .bx-wrapper { position: relative; margin: 0 auto; padding: 0 30px; }
.relation_banner ul a { display: table-cell; width: 160px; height: 65px; text-align: center; vertical-align: middle; }
.relation_banner .bx-prev, .relation_banner .bx-next { font-size: 0; line-height: 25px; position: absolute; top: 23px; width: 25px; height: 25px; text-align: center; border-radius: 50%; background: #ccced1; }
.relation_banner .bx-prev:hover, .relation_banner .bx-next:hover { background: #e87e97; }

.relation_banner .bx-prev { left: 0; }
.relation_banner .bx-next { right: 0; }
.relation_banner .bx-prev:before, .relation_banner .bx-next:before { font-family: FontAwesome; font-size: 16px; color: #fff; }
.relation_banner .bx-prev:before { content: '\f104'; }
.relation_banner .bx-next:before { content: '\f105'; }