.department_wrap { letter-spacing: -1px;}
.department_people {position:relative;box-sizing:border-box;min-height: auto;}
.department_people .pic { margin-top:-16px;}
.department_people .pic img{ width:100%;}
.department_people .contents {margin: 20px 0 35px;}
.department_people .contents strong {display:inline-block;margin-bottom: 10px;font-size:24px;line-height:26px;color:#222;letter-spacing:-2px;}
.department_people .contents strong .bg { display:inline-block; height:34px; padding:0 6px; margin-top:6px; font-size:24px; line-height:34px; background-color:#fab859;}
.department_people .contents p { color:#555; font-size:14px; line-height:22px; white-space: pre-line; margin-bottom:20px;}

.department_banner {position:relative; height:140px; padding:42px 0 35px 28px; box-sizing:border-box; background:url(https://img.koreacu.ac.kr/university/common/bg_department_banner.png) no-repeat center; background-size:cover;}
.department_banner .tit_wrap {position:relative;}
.department_banner .tit_wrap strong { display:inline-block; margin-bottom:16px; font-size:26px; line-height:28px; color:#fff;}
.department_banner .tit_wrap p { font-size:18px; line-height:20px; color:#fff;}
.department_banner .link { position:absolute; right:30px; top:50%; display:block; width:196px; height:46px; margin-top:-23px; padding:0 12px 0 12px; background-color:#e9e6dd; box-sizing:border-box; }
.department_banner .link span { position:relative; display:inline-block; padding-right:20px; color:#333; font-size:16px; line-height:46px;  font-weight:700; letter-spacing: -2px;}
.department_banner .link span::after{ position:absolute; right:0; top:50%; display:block; content:"";  width:7px; height:12px; margin-top:-6px; background:url(https://img.koreacu.ac.kr/university/common/arrow_department_right.png) no-repeat center;}

.department_info {margin-top:-20px; margin-left:-20px;}
.department_info::after { display:block; clear:both; content:"";}
.department_info > li { float:left; width:50%; margin-top:20px; overflow:hidden;}
.department_info > li.pic { display:table; height:auto;}
.department_info > li.pic div { display:table-cell; vertical-align: middle;text-align: center;}
.department_info > li.pic div img {opacity:0.6;}
.department_info > li .inner { padding:26px 20px 20px;  margin-left:20px; border:1px solid #cdcdcd;}
.department_info > li .inner strong { display:inline-block; margin-bottom:14px; font-size:22px; line-height:24px; color:#222; }
.department_info > li .inner p { height:58px; font-size:16px; line-height:19px; color:#333; overflow:hidden; letter-spacing: -1px; font-weight:600;}
.department_info .list_wrap {height:140px;width:100%;margin-bottom:24px;display: table;}
.department_info .list_wrap  ul {display: table-cell;vertical-align: middle;}
.department_info .list_wrap  ul li { position:relative; float:left; width:100%; padding-left:7px; margin-bottom:6px; font-size:14px; line-height:18px; color:#555; box-sizing:border-box;}
.department_info .list_wrap  ul li:last-child { margin-bottom:0;}
.department_info .list_wrap  ul li::after { position:absolute; left:0; top:8px; content:""; width:4px; height:4px; background-color:#555; border-radius:5px;}
.department_info > li .inner .call { position:relative; display:inline-block; margin-bottom:20px; padding-left:24px; font-size:16px; line-height:18px; color:#555;}
.department_info > li .inner .call::after { position:absolute; left:0; top:0; content:""; display:block; width:18px; height:18px; background:url(https://img.koreacu.ac.kr/university/common/ico_department_call.png) no-repeat center;}
.department_info > li .inner .link_wrap { padding-top:20px; border-top:1px solid #cdcdcd;}
.department_info > li .inner .link_wrap a { position:relative; display:inline-block; width:115px; height:36px; padding:0 30px 0 13px; background-color:#444; color:#fff; font-size:16px; line-height: 36px; transition: all 0.3s ease-in-out;}

.department_info > li .inner .link_wrap a:hover { width:125px;}
.department_info > li .inner .link_wrap a::after {position:absolute;right: 10px;top: 10px;display:block;content:"";width:26px;height:11px;background:url(https://img.koreacu.ac.kr/university/common/arrow_department_direct.png) no-repeat center; text-decoration:none;}

.symbolMark .mark .pic { position:relative; box-shadow: 3px 3px 1px 1px #dedede;}
.symbolMark .mark .pic::after {position:absolute;right: -16px;top: -64px;display:block;content:"";width:204px;height:95px;background:url(https://img.koreacu.ac.kr/university/common/bg_department_mark.png) no-repeat center;}



/* department_slide 20190402 mw */

.department_slide { position:relative;}
.department_slide.type01{ margin-bottom:50px;
    max-height: 430px;
  overflow: hidden;}
  .department_slide.type01 .slide{
      display: flex;
  flex-wrap: wrap;
  }
.department_slide.type01 .bx-wrapper {overflow: hidden; max-width:932px; margin-bottom:30px;}
.department_slide.type01 .bx-wrapper .bx-viewport {margin-bottom:30px;}
.department_slide.type01 .bx-controls{ text-align:center; }
.department_slide.type01 .bx-controls div { display:inline-block;}
.department_slide.type01 .bx-controls .bx-pager-item a{ display:block; width:14px; height:14px; margin-right:10px; text-indent:-99999px; overflow:hidden; background-position:center; background:url(https://img.koreacu.ac.kr/university/common/page_activity_off.png) no-repeat;}
.department_slide.type01 .bx-controls .bx-controls-auto-item a{ display:block; width:9px; height:13px; margin-right:10px; text-indent:-9999px; overflow:hidden;}
.department_slide.type01 .bx-controls .bx-controls-auto-item a.active{ display:none;}
.department_slide.type01 .bx-controls .bx-controls-auto-item a.bx-start {background:url(https://img.koreacu.ac.kr/university/common/page_activity_start.png) no-repeat;}
.department_slide.type01 .bx-controls .bx-controls-auto-item a.bx-stop { background:url(https://img.koreacu.ac.kr/university/common/page_activity_stop.png) no-repeat;}
.department_slide.type01 .bx-controls .bx-pager-item a.active { width:14px; height:14px; text-indent:-99999px; overflow:hidden; background-position:center; background:url(https://img.koreacu.ac.kr/university/common/page_activity_on.png) no-repeat;}
.department_activity { margin-bottom:30px;}
.department_slide.type01::after { display:block; clear:both; content:"";}
.department_slide.type01 li {  border:1px solid #eee; box-shadow: 1px 5px 1px #eee; box-sizing:border-box;
    width: 31%;}
.department_slide.type01 li a {display:block;text-decoration: none;border: 1px solid #e6e6e6;}
.department_slide.type01 li .pic { position:relative; padding-top:82%;}
.department_slide.type01 li .pic img {position:absolute; left:0; top:0; width:100%; height:100%;}
.department_slide.type01 li .pic .category {position:absolute;left:0;bottom:0;width:100%;height:30px;padding:0 10px;background-color: rgba(250,191,105,0.7);box-sizing:border-box;}
.department_slide.type01 li .pic .category span { position:relative; padding-left:10px; font-size:16px; line-height:30px; color:#fff;  font-weight:600; z-index: 100;}
.department_slide.type01 li .pic .category span::after { position:absolute; left:0; top:9px; display:block; width:4px; height:4px; content:""; color:#fff; border-radius:5px;}
.department_slide.type01 li .inner { padding:20px 10px; background-color:#f9f9f9;}
.department_slide.type01 li .inner p { height:80px; color:#222; font-size:13px; line-height:16px;}
.department_slide.type01 li .inner .date { position:relative; display:inline-block; padding-left:24px; font-size:13px; line-height:16px; color:#999;}
.department_slide.type01 li .inner .date::after { position:absolute; left:0; top:0; display:block; content:""; width:18px; height:16px; background:url(https://img.koreacu.ac.kr/university/common/ico_department_slide_cal.png) no-repeat center;}

.department_slide.type02 { margin-bottom:60px;   max-height: 250px;
  overflow: hidden;}
.department_slide.type02 .slide{
    display: flex;
  flex-wrap: wrap;

}

.department_slide.type02 .bx-viewport { position:relative;}
.department_slide.type02 .bx-controls { position:absolute; left:0; top:50%; width:100%;}
.department_slide.type02 .bx-controls a { display:block; width:31px; height:40px; margin-top:-19.5px; text-indent:-99999px; overflow:hidden;}
.department_slide.type02 .bx-controls a.bx-prev { float:left; background:url(https://img.koreacu.ac.kr/university/common/btn_department_activity_prev.png) no-repeat center;}
.department_slide.type02 .bx-controls a.bx-next { float:right; background:url(https://img.koreacu.ac.kr/university/common/btn_department_activity_next.png) no-repeat center;}
.department_slide.type02 li {width: 100%; max-width: 340px; border:1px solid #e1e1e1;}


.department_slide.type02 li a { display:block;}
.department_slide.type02 li .tit_wrap {width:100%;padding: 26px 16px 30px 26px;box-sizing:border-box;background:url(https://img.koreacu.ac.kr/university/common/bg_department_activity_left.png) no-repeat center;background-size:cover;}
.department_slide.type02 li:nth-child(2n) .tit_wrap { background:url(https://img.koreacu.ac.kr/university/common/bg_department_activity_right.png) no-repeat center;}
.department_slide.type02 li .tit_wrap strong{ display:block; width:100%; padding-bottom:18px; font-size:16px; line-height:20px; color:#333; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.department_slide.type02 li .tit_wrap p {font-size:13px; line-height:16px; color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.department_slide.type02 li .tit_wrap .direct_vieo { position:absolute; right:8px; top:14px; display:block; width:18px; height:18px; background:url(https://img.koreacu.ac.kr/university/common/ico_department_activity_vieo.png) no-repeat center;}
.department_slide.type02 li .pic { position:relative; padding-bottom:36%;}
.department_slide.type02 li .pic img { position:absolute; left:0; top:0; width:100%; height:100%;}


.symbolMark p.desc {color:#555;}
.symbolMark p.desc { margin-bottom:20px;}

.table_wrap table { width:100%;}
.table_wrap.type01 { border-top:3px solid #8c0028; border-bottom:1px solid #ccc;}
.table_wrap.type01 table tr:last-child td{ border-bottom:none;}
.table_wrap.type01 table tr th,
.table_wrap.type01 table tr td { vertical-align:middle; text-align:center;}
.table_wrap.type01 table tr th { height:48px; font-size:18px; line-height:22px; color:#222;  background-color:#f9f9f9; border-right:1px solid #ccc;}
.table_wrap.type01 table tr th:last-child { border-right:none;}
.table_wrap.type01 table tr td { height:40px; border-top:1px solid #ccc; border-right:1px solid #ccc; font-size:16px; color:#222;}
.table_wrap.type01 table tr td:last-child { border-right:none;}
.table_wrap.type01 .view { position:relative; display:inline-block; width:110px; height:30px; padding-left:24px; color:#fff; background-color:#505050; text-align:center; font-size:16px; line-height:30px;}
.table_wrap.type01 .view::after {position:absolute;left: 20px;top: 8px;display:block;content:"";width:17px;height:17px;background:url(https://img.koreacu.ac.kr/university/common/ico_department_lecture.png) no-repeat center;}

.department_story {}
.department_story .tab { margin-bottom:26px;}
.department_story .tab::after { display:block; clear:both; content:""}
.department_story .tab.tab2 button { width:50%;}
.department_story .tab.tab3 button { width:33.33%;}
.department_story .tab.tab4 button { width:25%;}
.department_story .tab.tab5 button { width:20%;}
.department_story .tab.tab6 button { width:16.666%;}
.department_story .tab button { float:left; height:40px; border:1px solid #f1f1f1; border-left:none; font-size:14px; line-height:18px; color:#333; box-sizing:border-box; text-align:center;}
.department_story .tab button.active {  background-color:#8c0028; border-color:#8c0028; color:#fff; }
.department_story .tab button:first-child { border-left:1px solid #f1f1f1;}
.department_story .tab_cont { position:relative; display:none;}
.department_story .tab_cont.active { display:block;}

.tab_cont{
overflow:hidden;
max-height:250px;
}

.department_story .tab_cont ul li > img { width:100%;}
.department_story .tab_cont .inner {position:relative; padding-left:228px;}
.department_story .tab_cont .inner .pic { position:absolute; left:0; top:0; width:330px; height:194px;}
.department_story .tab_cont .inner .pic img { width:100%; height:100%;}
.department_story .tab_cont .inner .history_txt { min-height:250px;padding: 20px 50px 34px 122px;box-sizing:border-box;background:url(https://img.koreacu.ac.kr/university/common/bg_department_history.png) no-repeat center;background-size:cover;color:#fff;}
.department_story .tab_cont .inner .history_txt .department { height:auto; font-size:14px; line-height:16px; margin:0 0 14px 0;}
.department_story .tab_cont .inner .history_txt strong { font-size:26px; line-height:28px; }
.department_story .tab_cont .inner .history_txt .eng { padding-left:12px; font-size:16px; line-height:18px;}
.department_story .tab_cont .inner .history_txt  p { height:104px; margin-top:30px; font-size:16px; line-height:26px; overflow:hidden;}
.department_story .tab_cont .bx-controls-direction { position:absolute; left:0; bottom:0;}
.department_story .tab_cont .bx-controls-direction::after { display:block; clear:both; content:"";}
.department_story .tab_cont .bx-controls-direction a { float:left; display:block; width:42px; height:42px; text-indent: -9999px; overflow:hidden;}
.department_story .tab_cont .bx-controls-direction a + a { margin-left:10px;}
.department_story .tab_cont .bx-controls-direction a.bx-prev { background:url(https://img.koreacu.ac.kr/university/common/btn_department_history_prev.png) no-repeat center;}
.department_story .tab_cont .bx-controls-direction a.bx-next { background:url(https://img.koreacu.ac.kr/university/common/btn_department_history_next.png) no-repeat center;}


@media (max-width: 1023px) and (min-width: 768px){
    .department_banner { height:auto;}
    .department_banner .tit_wrap { margin-bottom:12px;}
    .department_banner .link { position:static; margin-top:0;}
    .department_info > li { width:100%;}
    .department_info > li.pic { display:none;}

    .department_story .tab.tab3 button { width:25%;}
    .department_story .tab.tab4 button { width:25%;}
    .department_story .tab.tab5 button { width:25%;}
    .department_story .tab.tab5 button:first-child { border-left:none;}
    .department_story .tab.tab5 { border-left:1px solid #eee;}
    .department_story .tab.tab6 button { width:25%;}

.tab_cont{max-height:431px;}

    .department_story .tab_cont .inner { padding-left:0;}
    .department_story .tab_cont .inner .pic { position:relative; width:100%; height:auto; padding-top:30%; box-sizing:border-box;}
    .department_story .tab_cont .inner .pic img {position:absolute; left:0; top:0; width:100%; height:100%;}
    .department_story .tab_cont .inner .history_txt { min-height:auto; margin-left:100px; padding:20px;}
    .department_story .tab_cont .inner .history_txt .department { height:auto;}
    .department_story .tab_cont .inner .history_txt p { height:78px; overflow:hidden;}
}

@media all and (max-width: 767px) {
    .department_banner { height:auto;}
    .department_banner .tit_wrap { margin-bottom:12px;}
    .department_banner .link { position:static; margin-top:0;}
    .department_info > li { width:100%;}
    .department_info > li.pic { display:none;}

.tab_cont{max-height:431px;}

    .department_story .tab_cont .inner { padding-left:0;}
    .department_story .tab_cont .inner .pic { position:relative; width:100%; height:auto; padding-top:30%; box-sizing:border-box;}
    .department_story .tab_cont .inner .pic img {position:absolute; left:0; top:0; width:100%; height:100%;}
    .department_story .tab_cont .inner .history_txt { height:206px; min-height:auto; margin-left:100px; padding:20px;}
    .department_story .tab_cont .inner .history_txt .department { height:auto;}
    .department_story .tab_cont .inner .history_txt p { height:78px; overflow:hidden;}
    .department_story .tab_cont .inner .history_txt .eng { display:none;}

    .department_story .tab.tab3 button { width:33.33%;}
    .department_story .tab.tab4 button { width:33.33%;}
    .department_story .tab.tab5 button { width:33.33%;}
    .department_story .tab.tab5 button:first-child { border-left:none;}
    .department_story .tab.tab5 { border-left:1px solid #eee;}
    .department_story .tab.tab6 button { width:33.33%;}

    .department_info .list_wrap { display:none;}
    .department_info > li .inner p {height:auto; margin-bottom:16px;}
}
