@charset 'utf-8';

body.board #content div.page-title {border:none;}
div.board {}
div.board > table { width:100%; border-collapse:collapse; border-spacing:0; }
.non-result{text-align:center; padding-bottom:30px}
.sns-send{position: relative; height:50px}
#view-detail-data{padding:30px}

/*Tab 22*/
.tab-board-wrap{position:relative; margin-bottom:60px; border-top:1px solid #ccc; box-sizing: border-box}
.tab-board-wrap .tab-btn-next{display:none}
.tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide{width:33.333333%}
.tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide:nth-child(3n+0) a{border-right:1px solid #ccc}
.tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide:last-child a{border-right:1px solid #ccc}
.tab-board-wrap.tab-type4 .tab-board .board-swiper-container .board-swiper-slide{width:25%}
.tab-board-wrap.tab-type4 .tab-board .board-swiper-container .board-swiper-slide:nth-child(4n+0) a{border-right:1px solid #ccc}

.tab-board {overflow:hidden; position:relative}
.tab-board .test{width:100%}
.tab-board .board-swiper-container{max-width:1170px; *zoom:1}
.tab-board .board-swiper-container:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-board .board-swiper-container .board-swiper-slide{float:left;}
.tab-board .board-swiper-container .board-swiper-slide a{display:block; color:#888; border-left:1px solid #cccccc; background:#fff;
padding:15px 0; font-size:22px; letter-spacing:-1px; text-align:center; border-bottom:1px solid #ccc; box-sizing: border-box;}
.tab-board .board-swiper-container .board-swiper-slide.line a{border-right:1px solid #d4d4d4}
.tab-board .board-swiper-container .board-swiper-slide.on a{color:#fff; background:#f97800}


/*버튼*/
div.btn-list{position:relative; margin:20px 0; float:right;}
div.btn-list:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
div.btn-list a.btn{font-family:'NanumSquare';display:block;  float:left; margin-left:10px; width:120px; height:50px; border-radius: 3px; background-color:#444444; color:#fff; text-align:center; line-height:50px; font-size:18px;}

table p{word-break:break-all}

/*알림마당 list*/
.table-wrap{clear:both; width:100%; border-top:1px solid #202020; border-bottom:1px solid #202020;}
.list-type1 ul{list-style:none;}
.table-wrap .list-thead{width:100%;}
.table-wrap .list-thead ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-thead ul li{float:left; line-height:53px; text-align:center; color:#202020; font-size:18px; border-bottom:1px solid #202020;font-family:'NanumSquare'; font-weight:bold; background:#f8f8f8}
.table-wrap .list-tbody ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-tbody ul{border-bottom:1px solid #ccc}
.table-wrap .list-tbody ul:last-child{border-bottom:0;}
.table-wrap .list-tbody ul li{float:left; padding:16px 0; text-align:center; ;line-height:22px; font-size:16px; color:#666;}
.table-wrap .list-tbody ul li.notice strong{color:#f97800; font-weight:normal;}
.table-wrap .list-tbody ul li.subject{text-align:left; font-size:16px; line-height:22px;}
.table-wrap .list-tbody ul li.subject b{font-weight:normal}
.table-wrap .list-tbody ul li.no-result{padding:15px 15px 15px 20px;}
.table-wrap .list-tbody ul li > img{vertical-align:middle;}

/*알림마당 view*/
.view-thead{border-top:1px solid #202020; border-bottom:1px solid #ccc; padding:20px 30px; background:#f8f8f8}
.view-thead ul{list-style:none;}
.view-thead p{color:#202020; font-size:24px; font-weight:bold;font-family:'NanumGothic';}
.view-thead ul{margin-top:15px;}
.view-thead ul li{display:inline; margin-right:30px; }
.view-thead ul li strong{padding-right:15px;}

/*교외채용*/
ul.recruitment-list{border-top:1px solid #202020; list-style: none}
ul.recruitment-list li{border-bottom:1px solid #202020}
ul.recruitment-list li .item-info{padding:11px 35px; border-bottom:1px solid #ccc;}
ul.recruitment-list li .item-info:after{clear:both; display:block; overflow:hidden; content:""; height:0}
ul.recruitment-list li .item-info strong.subject{display:block; float:left; font-size:21px;}
ul.recruitment-list li .item-info strong.subject a{color:#202020; font-weight:bold; }
ul.recruitment-list li .item-info .company-info{float:right; color:#202020}
ul.recruitment-list li .item-info .company-info > span {font-size:16px; color:#666;}
ul.recruitment-list li .item-info .company-info > span >  strong{display:inline-block; padding-right:12px;margin-right:10px; color:#202020; background:url('/images/common/bg/board_slid_bar.gif') right center no-repeat; font-weight:normal;}
ul.recruitment-list li p{font-size:16px; color:#666; padding:25px 30px;}
ul.recruitment-list li .service-info{padding:0 0 25px 30px}
ul.recruitment-list li .service-info > span{margin-right:55px; font-size:16px; color:#666;}
ul.recruitment-list li .service-info > span > strong{ padding-right:16px; margin-right:14px; background:url('/images/common/bg/board_slid_bar.gif') right center no-repeat; color:#202020; font-weight:normal;}
ul.recruitment-list li .service-info > span.slash{display:none;}
ul.recruitment-list li .service-info > span span.ec{display:none;}

/*뉴스플러스*/
.board-new{border-top:1px solid #202020; border-bottom:1px solid #202020; }
.board-new table{width:100%;}
.board-new table.board-new-view td{border-bottom:1px solid #ccc;}
.board-new table.board-new-view td p{line-height:24px;}
.board-new table.board-new-view td p.pb30{padding:30px 0 10px}
.board-new table.board-new-view td p.pb20{padding:15px 0 20px; font-size:16px;}
.board-new table.board-new-view td p.pb20 span.side-bar{ padding-right:30px; color:#666666; font-weight:bold; }
.board-new table.board-new-view td p.content-txt{line-height:24px}
.board-new table.board-new-view td p.pb20 span.date-info{padding-right:40px; color:#666;}
.board-new table.board-new-view td p.content-text{font-size:16px; color:#666;}
.board-new table.board-new-view td p a strong{font-size:24px; color:#202020; }
.board-new table.board-new-view td a{display:block;}
.board-new table.board-new-view tr td a img{margin:30px; width:100px; height:100px; display:block;}
.board-new table.board-new-text td{border-bottom:1px solid #e0e0e0; padding:13px 0; text-align:center}
.board-new table.board-new-text td.tl{text-align:left}
.board-new table.board-new-text td.pr20{padding-right:20px}
.board-new table.board-new-text td strong{color:#202020; background:url('/images/common/bg/side_bar.gif') right center no-repeat; padding-right:10px}

/*뉴스플러스 view*/
.board-view table tr th.view-title{color:#333; font-size:18px; border-bottom:1px solid #333 1px; padding:13px 15px 13px 15px; text-align:left;}

/*갤러리*/
.i_pagenation ul{list-style: none}
.gallery-header{margin-bottom:10px;}
.view-header{padding-bottom:40px;}
.gallery-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.gallery-header a.gallery-slid-btn{display:block; width:120px; font-size:16px; height:40px; float:right; text-align:center; line-height:40px; background-color:#f8f8f8; border:1px solid #cccccc; border-radius:3px;}
.gallery-header a.gallery-slid-btn span i{display:inline-block; vertical-align: middle; width:25px; height:17px; background:url('/images/common/ico/ico_slide_btn.png') no-repeat left center;
background-size:25px 17px;}
.gallery-header a.gallery-large-btn{display:block; width:210px; height:60px; float:right; text-align:center; line-height:60px; background-color:#444;}
.gallery-header a.gallery-large-btn span{background:url('/images/exhibition/gallery_large_btn.gif') no-repeat left center; padding-left:62px; color:#fff; font-size:24px; }

.thumbnail-list{padding-top:30px; border-top:2px solid #202020; border-bottom:1px solid #202020; }
.thumbnail-list > ul{list-style: none}
.thumbnail-list > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.thumbnail-list > ul > li{float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.thumbnail-list > ul > li:nth-child(3n+0){margin-right:0}
.thumbnail-list > ul > li a{display:block; width:100%; height:100%;}
.thumbnail-list > ul > li .gallery-photo{height:247px; position:relative;}
.thumbnail-list > ul > li .gallery-photo .gallery-info{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); box-sizing:border-box; padding:90px 0;display:none;}
.thumbnail-list > ul > li .gallery-photo .gallery-info > a{height:auto;}
.thumbnail-list > ul > li .gallery-photo .gallery-info span{display:block; text-align:center;width:51px; height:51px; margin:0 auto;}
.thumbnail-list > ul > li .gallery-photo .gallery-info span i{display:block; vertical-align: middle; width:51px; height:51px; background:url(/images/common/ico/ico_gallery_more.png) no-repeat center;}
.thumbnail-list .gallery-title{margin-top:20px; font-size:20px; font-family:'NanumSquare'; color:#202020; font-weight:bold; line-height:32px;text-align:center; display:block; word-break:keep-all; text-overflow:ellipsis; white-space:normal; text-align:center; word-wrap:break-word;    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
}
.thumbnail-list .gallery-title p{overflow: hidden;}

.view-header{padding-bottom:40px;}
.image-viewer{padding:40px 30px; position: relative;    border-bottom: 1px solid #333;}
.image-viewer .image-viewer-header{width:100%; position: relative; height:50px; margin-bottom:30px;} 
.image-viewer .gallery-large-btn{position: absolute; top:0; left:0}
.image-viewer .gallery-large-btn{position: absolute; top:0; left:0; display:block; width:120px; font-size:16px; height:40px; float:right; text-align:center; line-height:40px; background-color:#f8f8f8; border:1px solid #cccccc; border-radius:3px;}
.image-viewer .gallery-large-btn i{display:inline-block; vertical-align: middle; width:25px; height:17px; background:url('/images/common/ico/ico_slide_btn.png') no-repeat left center;
background-size:25px 17px;}


.main-image > img{display:block; max-width:100%; margin:0 auto 50px;}
/*.main-image p{font-size:24px; font-family:'notokr-right'; color:#676767;}*/
.image-list{margin:0 auto; margin-top:40px;}
.image-list ul{list-style: none}
.image-list ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.image-list ul li{float:left; background-color:#f97800;width: 11.6%; height:90px; margin-right:1%; margin-bottom:1%;}
.image-list ul li:nth-child(8n+0){margin-right:0}
.image-list ul li a{display:block; width:100%; height:100%;}
.image-list ul li div{width:100%; height:100%; border:5px solid #f97800; box-sizing:border-box; opacity:0;}
span.sns-share{position: absolute; top:0; right:0}



/*게시판별 보존기간 안내*/
div.inner-board-period{*zoom:1}
div.board-period:after{clear:both; display:block; overflow:hidden; content:""; height:0}
div.board-period {width:270px; height:36px; position:relative; background-color:#3c3c3c; border-radius:2px; float:right; margin-top:20px;}
div.board-period:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
div.board-period p{text-align:center; line-height:36px;}
div.board-period p a {font-size:16px; color:#fff;}

/* 검색 폼 */
div.board-search,
div.shset {margin-top:35px; text-align:center;}
div.board-search input[type=text], div.shset input[type=text]{width:260px; border:1px solid #cccccc; background:#fff; vertical-align:top; margin:0; padding:0 0 0 15px; border-radius:0; border-right:0; height:44px; font-size:18px; color:#555;}
div.shset select {border:1px solid #cccccc; padding-left:10px; background:url('/images/common/bg/select_bg.png') #fff no-repeat 95% center; width:133px; height:46px;-webkit-appearance:none;-moz-appearance:none; margin:0; border-radius:0; font-size:18px; color:#555;}
div.shset select::-ms-expand { display:none; }
div.board-search input[type=submit].btn-search {}
a.btn.btn-type01 { display:inline-block; width:77px; margin-left:-4px; vertical-align:top; font-size:0; line-height:0; padding:0; border-radius:0; border:0;}

/*pagenation*/
.pagenation { margin:45px auto 0; }
.pagenation ul{ text-align:center; }
.pagenation ul li img{ vertical-align:bottom; }
.pagenation ul li.next-page{ margin-left:10px; }
.pagenation ul li{ display:inline; }
.pagenation ul li > span{ display:inline-block; background:url('/images/common/bg/board_slid_bar.gif') no-repeat left center; text-align:center; height:30px;}
.pagenation ul li > span:first-child{ margin-left:10px; background-image:none;}
.pagenation ul li > span a{ display:inline-block; color:#666; padding:0 16px; line-height:30px;}
.pagenation ul li > span.on a{color:#f97800; font-family: 'notokr-bold'; font-weight: normal;}
div.besides-list{ background:#f8f8f8; border-bottom:1px solid #202020;}
div.besides-list .list-subject{ position:relative; padding-left:120px; font-size:16px}
div.besides-list .list-subject:first-child{border-bottom:1px solid #ddd;}
div.besides-list .list-bottom{border-bottom-color:#ccc}
div.besides-list .list-subject span { position:absolute; left:0; top:17px; width:120px; font-weight:bold; color:#202020; text-align:center;}
div.besides-list .list-subject p { padding:17px 20px; background:#fff; color:#666;}
.i_pagenation{position:relative; margin-top:26px; display:none}
.i_pagenation > ul > li{vertical-align:middle;}
.i_pagenation > ul > li.pagenation-prev{position:absolute; top:0; left:0}
.i_pagenation > ul > li.pagenation-next{position:absolute; top:0; right:0}
.i_pagenation > ul > li.pagenation-number{position:absolute; top:10px; width:100%; text-align:center;}

.i_pagenation > ul > li img{width:30px; height:50px;}

/*banner-wrap*/
.banner-wrap{margin:40px 0;}

/*교내행사안내*/
#scheduler_wrap .year_wrap{margin-bottom:50px;}
#scheduler_wrap .year_wrap:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#scheduler_wrap .year_wrap .m-year_left{display:none;}
#scheduler_wrap .year_wrap .year_left:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#scheduler_wrap .year_wrap .year_left{width:58%; float:left; margin-top:38px;}
#scheduler_wrap .year_wrap .year_left .schedul-tit{ text-align:center}
#scheduler_wrap .year_wrap .year_left .year strong{text-align:center; display:block; line-height:44px; width:280px;}
#scheduler_wrap .year_wrap .year_left .year strong{font-size:72px; color:#202020; float:left;}
#scheduler_wrap .year_wrap .year_left .year .year_btn{*zoom:1; display:inline-block;}
#scheduler_wrap .year_wrap .year_left .year .year_btn:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#scheduler_wrap .year_wrap .year_left .year .year_btn a{display:block; width:128px; height:44px; line-height:23px; font-size:0; color:#444; float:left;}
#scheduler_wrap .year_wrap .year_left .year .year_btn a.prev-btn{background:url('/images/community/left_btn.png') no-repeat left center; text-align:right;}
#scheduler_wrap .year_wrap .year_left .year .year_btn a.next-btn{background:url('/images/community/right_btn.png') no-repeat right center; text-align:left;}
#scheduler_wrap .year_wrap .year_left .month .year_btn a{display:block; float:left; margin-top:30px;}
#scheduler_wrap .year_wrap .year_left .month .sub-month{width:112px; height:112px; border-radius:56px; background-color:#0a66c3; text-align:center; float:left; margin:0 17px;}
#scheduler_wrap .year_wrap .year_left .month .sub-month strong{color:#fff; font-size:60px; font-weight:normal;; line-height:112px;}
#scheduler_wrap .year_wrap .year_left .month .sub-month span{font-weight:normal; font-size:24px; color:#fff;}
#scheduler_wrap .year_wrap .year_left .month .year_btn:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#scheduler_wrap .year_wrap .year_left .month .year_btn{*zoom:1; display:inline-block; margin-top:30px;}

#scheduler_wrap .year_wrap .calendar{position:relative; width:42%; float:right; background:url('/images/community/calendar_bg_img.gif') no-repeat;}
#scheduler_wrap .year_wrap .calendar .sub-year strong{font-size:21px; color:#2b263d; position:absolute; top:48px; left:96px; display:none;}
#scheduler_wrap .year_wrap .calendar .sub-month strong{font-size:32px; color:#2b263d; position:absolute; top:39px; left:160px; display:none;}
#scheduler_wrap .year_wrap .calendar table.calendar_box{width:100%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#scheduler_wrap .year_wrap .calendar table.calendar_box tr th{background-color:#f8f8f8; border-bottom:1px solid #cccccc;}
#scheduler_wrap .year_wrap .calendar table.calendar_box tr td{border-bottom:1px solid #cccccc; color:#666666;}
#scheduler_wrap .year_wrap .calendar table.calendar_box tr td:first-child{color:#f6974b}
#scheduler_wrap .year_wrap .calendar table.calendar_box tr td:last-child{color:#005aab}
#scheduler_wrap .year_wrap .calendar table.calendar_box tr td, #scheduler_wrap .year_wrap .calendar table.calendar_box tr th{padding:12px 0 11px 0 ;text-align:center}
#scheduler_wrap .year_wrap .calendar table.calendar_box tr td.bg{background-color:#e6eff9;}
#scheduler_wrap .year_wrap p.total-event{font-size:14px}
#scheduler_wrap p.total-event strong{color:#202020}
#scheduler_wrap .board-content img{text-align:center; width:100%; display:block;}
#scheduler_wrap .board-content p{padding-top:30px}
#scheduler_wrap .scheduler_common:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#scheduler_wrap .scheduler_view{border-bottom:1px solid #cccccc; border-top:1px solid #333;}
#scheduler_wrap .scheduler_view table.schedule-info{width:100%}
#scheduler_wrap .scheduler_text {border-bottom:1px solid #cccccc; *zoom:1;}
#scheduler_wrap .scheduler_text:first-child{border-top:2px solid #202020}
#scheduler_wrap .scheduler_text:last-child{border-bottom-color:#202020}
#scheduler_wrap .scheduler_text:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#scheduler_wrap .scheduler_text table.schedule-info{width:750px; float:left}
#scheduler_wrap .scheduler_text img{width:150px; height:150px; margin-top:30px; float:right}
#scheduler_wrap .scheduler_common table.schedule-info tr th{padding:12px 0; background-color:#f8f8f8; text-align:center; color:#202020; font-size:16px;}
#scheduler_wrap .scheduler_common table.schedule-info tr th.first-ta{padding-top:25px}
#scheduler_wrap .scheduler_common table.schedule-info tr td.last-ta{padding-bottom:25px}
#scheduler_wrap .scheduler_common table.schedule-info tr td.first-ta{padding-top:25px; font-size:21px;}
#scheduler_wrap .scheduler_common table.schedule-info tr td.first-ta a{color:#202020; font-weight:bold;}
#scheduler_wrap .scheduler_common table.schedule-info tr th.last-ta{padding-bottom:25px}
#scheduler_wrap .scheduler_common table.schedule-info tr td{padding:5px 20px; font-size:16px; color:#666;}
#scheduler_wrap .board-content{margin:60px 0}
#scheduler_wrap .besides-list{border-top:1px solid #202020}
#scheduler_wrap .besides-list .list-subject a{padding:16px 15px 15px; background:#fff; display:block}

#shortened_div{width:320px; height:50px; position:absolute; top:50px; right:10px; overflow:hidden}
#shortened_div input{border: 1px solid #ccc; padding: 16px 0; padding-left: 20px; box-sizing: border-box; border-right: none; vertical-align: middle; float:left; width:250px; height: 50px; font-size: 16px; color: #666; font-family: 'NanumGothic';}
#shortened_div button{float:right; background: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; box-sizing: border-box; line-height: 48px; width:70px; height: 50px; font-size: 16px; color: #202020; text-align:center; vertical-align: middle; font-weight: bold; font-family: 'NanumGothic'; padding:0 3px 0 0}

/* 국제교류 프로그램 보고서 */
.content-college-international-program- .board-swiper-container.swiper-wrapper {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));-ms-grid-columns: 1fr 1fr 1fr; align-items: center; justify-items: center;}
.content-college-international-program- .tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide {width: 100%;}
.content-college-international-program- .tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide:nth-child(3n+0) a {border-right: none;}
.content-college-international-program- .table-wrap .list-tbody ul li.no-result {width: 100%; box-sizing: border-box;}


/*pc*//*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media screen and (min-width:991px){
.tab-board .swiper-wrapper{display:block;}

}

/*태블릿 ~ 모바일*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media screen and (max-width:991px){
/*.layout-basic-content{padding:0 30px;}*/
/*Tab 22*/
.tab-board-wrap{position:relative; margin-bottom:60px; border-top:none; box-sizing: border-box}
.tab-board-wrap .tab-btn-next{display:none}
.tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide{width:20%}
.tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide:nth-child(3n+0) a{border-right:0}
.tab-board-wrap.tab-type4 .tab-board .board-swiper-container .board-swiper-slide{width:250px}
.tab-board-wrap.tab-type4 .tab-board .board-swiper-container .board-swiper-slide:nth-child(4n+0) a{border-right:0}

.tab-board {overflow:hidden; position:relative}
.tab-board .board-swiper-container .board-swiper-slide a{border:none; padding:0 0 20px 0; font-size:22px; letter-spacing:-1px; text-align:center;box-sizing: border-box; border-bottom:1px solid #ccc;  }
.tab-board .board-swiper-container .board-swiper-slide.line a{border-right:none}
.tab-board .board-swiper-container .board-swiper-slide.on a{color:#f97800; background: none; border-bottom:1px solid #f97800}

/*알림마당 view*/
.view-thead{padding:20px 15px;}
.view-thead ul{margin-top:5px;}
.view-thead ul li{margin-right:5px;  }
.view-thead ul li.hit{display:none;}
.view-thead ul li:after{content:""; display:inline-block; width:1px; height:18px; vertical-align:middle; background:#cccccc; margin-right:5px; margin-left:5px;}
.view-thead ul li.last:after{display:none}
.view-thead ul li strong{display:none}

#view-detail-data img{max-width:100%;}

/*갤러리*/
.gallery.head .tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide:last-child a{border-right:none}
.gallery-header{margin-bottom:30px;}
.gallery-header a.gallery-slid-btn{display:block; width:100%; font-size:24px; height:80px; line-height:80px;}
.gallery-header a.gallery-slid-btn span i{width:48px; height:34px; background:url('/images/common/ico/ico_slide_btn.png') no-repeat left center;
background-size:48px 34px;}

.gallery-header a.gallery-large-btn{display:block; width:210px; height:60px; float:right; text-align:center; line-height:60px; background-color:#444;}
.gallery-header a.gallery-large-btn span{background:url('/images/exhibition/gallery_large_btn.gif') no-repeat left center; padding-left:62px; color:#fff; font-size:24px; }
.image-list ul li{float:left; background-color:#f97800; width: 19.2%; margin-right:1%; margin-bottom:1%;}
.image-list ul li:nth-child(5n+0){margin-right:0}
.image-list ul li:nth-child(8n+0) {margin-right:1%;}
.image-list ul li a{display:block; width:100%; height:100%;}
.image-list ul li div{width:100%; height:100%; border:5px solid #f97800; box-sizing:border-box; opacity:0;}

/* 국제교류 프로그램 보고서 */
.content-college-international-program- .tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide:last-child a {border-right: none;}
.content-college-international-program- .table-wrap .list-tbody ul:last-child {box-sizing: border-box;}
.content-college-international-program- .table-wrap .list-tbody ul li.no-result {text-align: center;}
}

/*큰 태블릿*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media screen and (min-width:992px) and (max-width:1199px) {
/*검색창*/
a.btn.btn-type01 span{display:none;}
}

/*태블릿*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media screen and (min-width:768px) and (max-width:991px) {

/*알림마당 list*/
.table-wrap{clear:both; width:100%}
.table-wrap .list-thead{width:100%; display:none}
.table-wrap .list-tbody{border-bottom:0}
.table-wrap .list-tbody ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-tbody ul{border-bottom:1px solid #ccc;padding:15px 10px}
.table-wrap .list-tbody ul.normal-bg:last-child{border-bottom:1px solid #ccc}
.table-wrap .list-tbody ul li{padding:0; text-align:left; height:100%; }
.table-wrap .list-tbody ul li.number,
.table-wrap .list-tbody ul li.name,
.table-wrap .list-tbody ul li.file,
.content-community .table-wrap .list-tbody ul li.view{display:none;}
.table-wrap .list-tbody ul li.date,
.table-wrap .list-tbody ul li.bul-img,
.table-wrap .list-tbody ul li.view{float:left; width:auto !important}
.table-wrap .list-tbody ul li.bul-img{padding-right:10px; color:#444;}
.table-wrap .list-tbody ul li.subject{width:100% !important; display:block; font-size:24px; padding-left:0 !important; margin-bottom:15px; line-height:normal;}
.table-wrap .list-tbody ul li.subject > a{color:#202020;}
.table-wrap .list-tbody ul li.notice{width:100% !important; display:block; margin-bottom:5px; font-size:22px;}
.table-wrap .list-tbody ul li.no-result{font-size:24px; color:#202020; padding:0}
.table-wrap .list-tbody ul li.date{display:block; color:#666; font-size:18px; padding-right:25px;}
.board-new table.board-new-view td p.pb20{font-size:18px;}
.board-new table.board-new-view td p.pb20 span.side-bar{font-family:'notokr-medium'; padding-right:10px;}
.board-new table.board-new-view td p.pb20 span.date-info{padding-right:25px;}

/*갤러리*/
.image-viewer{padding:40px 15px;}
.image-list ul li{height:90px; height:9vw;}


/*뉴스플러스*/
.board-new table.board-new-view td p.content-text{display:none;}
.board-new table.board-new-view td p a strong{font-size:24px;}
.board-new table.board-new-view tr td a img{margin:10px;}

/*교외채용*/
ul.recruitment-list li .item-info{padding:20px 14px;}
ul.recruitment-list li p{padding:20px 14px; font-size:28px; line-height:46px;}
ul.recruitment-list li .service-info{padding:0 0 24px 14px;}
ul.recruitment-list li .service-info > span{font-size:28px;}
ul.recruitment-list li .item-info strong.subject{display:block; width:auto; float:none; font-size:36px; margin-bottom:15px;}
ul.recruitment-list li .item-info strong.subject a{color:#333941; font-weight:bold; }
ul.recruitment-list li .item-info .company-info{width:auto; float:none; color:#333941}
ul.recruitment-list li .item-info .company-info > span{font-size:28px;}

/*pagenation*/
.pagenation{display:none}
.i_pagenation{clear:both; display:block; height:50px; font-size:32px;}
.i_pagenation .pagenation-number span:first-child{color:#f97800}

/*검색창*/
.board-search shset{margin-top:25px;}
a.btn.btn-type01 span{display:none;}

/*게시판 별 게시물 보존기한 안내*/
.content div.board-period{margin:25px auto 0;}

/*banner-wrap*/
.banner-wrap{margin:40px 0;}
div.banner-wrap > div{width:100% !important;}

/*교내행사안내*/
#scheduler_wrap .year_wrap .year_left{display:none;}
#scheduler_wrap .year_wrap .m-year_left{display:block; text-align:center;}
#scheduler_wrap .year_wrap .calendar{display:none;}
#scheduler_wrap .scheduler_text img{display:none;}
#scheduler_wrap .scheduler_text table.schedule-info{width:100%;}
.m-year_left .schedul-tit{display:inline-block;}
.m-year_left .schedul-tit .year_btn{*zoom:1}
.m-year_left .schedul-tit .year_btn:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.m-year_left .schedul-tit .year_btn > a{float:left; width:29px; height:35px; display:block; margin:34px 0;}
.m-year_left .schedul-tit .year_btn > a.prev-btn{background:url('/images/community/m_left_btn.png') no-repeat right center; margin-right:70px;}
.m-year_left .schedul-tit .year_btn > a.next-btn{background:url('/images/community/m_right_btn.png') no-repeat right center; margin-left:70px;}
.m-year_left .schedul-tit .year_btn > div{float:left;}
.m-year_left .schedul-tit .year_btn .sub-year strong{font-size:60px; font-weight:normal; color:#202020; line-height:112px;}
.m-year_left .schedul-tit .year_btn .sub-year span{font-size:28px; color:#444; padding-right:20px;}
.m-year_left .schedul-tit .year_btn .sub-month{width:112px; height:112px; border-radius:56px; background-color:#0a66c3; text-align:center; float:left; margin:0 17px;}
.m-year_left .schedul-tit .year_btn .sub-month strong{color:#fff; font-size:60px; font-weight:normal;; line-height:112px;}
.m-year_left .schedul-tit .year_btn .sub-month span{font-weight:normal; font-size:24px; color:#fff;}
}


/*모바일*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media screen and (max-width:767px){
/*.layout-basic-content{padding:0 15px;}*/
#view-detail-data{padding:10px; overflow-x: scroll}
/*Tab 22*/
.tab-board-wrap{position:relative; margin-bottom:30px; border-top:none; box-sizing: border-box}
.tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide{width:20%}
.tab-board-wrap.tab-type4 .tab-board .board-swiper-container .board-swiper-slide{width:125px}
.tab-board .board-swiper-container .board-swiper-slide a{border:none; padding:0 0 10px 0; font-size:16px; border-bottom: 1px solid #ccc;}


/*알림마당 list*/
.table-wrap{clear:both; width:100%}
.table-wrap .list-thead{width:100%; display:none}
.table-wrap .list-tbody{border-bottom:none;}
.table-wrap .list-tbody ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-tbody ul{ padding:15px 10px}
.table-wrap .list-tbody ul li{float:none; display:none; padding:0; text-align:left; height:100%; font-size:16px;}
.table-wrap .list-tbody ul li.subject{width:100% !important; display:block; padding-left:0 !important; margin-bottom:5px;}
.table-wrap .list-tbody ul li.subject > a{color:#202020;}
.table-wrap .list-tbody ul li.notice{width:100% !important; display:block; margin-bottom:5px; font-size:16px;}
.table-wrap .list-tbody ul li.date{width:100% !important; display:block; color:#666;}
.table-wrap .list-tbody ul li.no-result{padding:0; font-size:18px; color:#202020; display:block;}
.table-wrap .list-tbody ul.normal-bg:last-child{border-bottom:1px solid #e0e0e0;}

/*알림마당 view*/
.view-thead{padding:10px 15px;}
.view-thead p{font-size:18px;}
.view-thead ul li{font-size:14px;}
.view-thead ul li:after{content:""; display:inline-block; width:1px; height:15px; vertical-align:middle; background:#cccccc; margin-right:5px; margin-left:5px;}
.view-wrap .view-tbody ul.view-info li img{vertical-align:middle;}
.view-wrap  #view-detail-data{padding:10px;}
.view-wrap  #view-detail-data img{width:100%; display:block;}

.besides-list{display:none;}

/*갤러리*/
.gallery-header{margin-bottom:10px;}
.gallery-header a.gallery-slid-btn{display:block; width:100%; font-size:14px; height:40px; line-height:40px;}
.gallery-header a.gallery-slid-btn span i{width:24px; height:17px; background:url('/images/common/ico/ico_slide_btn.png') no-repeat left center;
background-size:24px 17px;}
.gallery-header a.gallery-large-btn{display:block; width:210px; height:60px; float:right; text-align:center; line-height:60px; background-color:#444;}
.gallery-header a.gallery-large-btn span{background:url('/images/exhibition/gallery_large_btn.gif') no-repeat left center; padding-left:62px; color:#fff; font-size:24px; }
.thumbnail-list{padding-top:30px; border-top:2px solid #202020; border-bottom:1px solid #202020; }
.thumbnail-list > ul{list-style: none}
.thumbnail-list > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.thumbnail-list > ul > li{float:left; width:49%; margin-right:2%; margin-bottom:2%;}
.thumbnail-list > ul > li:nth-child(2n+0){margin-right:0}
.thumbnail-list > ul > li a{display:block; width:100%; height:100%;}
.thumbnail-list > ul > li .gallery-photo{height:247px; height:29.6vw; position:relative;}
.thumbnail-list > ul > li .gallery-photo .gallery-info span i{display:block; vertical-align: middle; width:25px; height:25px; background:url(/images/common/ico/ico_gallery_more.png) no-repeat center;}
.thumbnail-list .gallery-title{margin-top: 10px;font-size: 15px; line-height: 19px; height: 40px; font-family: 'NanumGothic';}
.thumbnail-list > ul > li:nth-child(3){margin-right:2%}
.thumbnail-list > ul > li .gallery-photo .gallery-info span{width:25px; height:25px}
.thumbnail-list > ul > li .gallery-photo .gallery-info{padding:11.73vw 0}

.image-viewer{padding:20px 15px}
.image-list ul li{height:11.7vw;}
.image-list ul li div{border:2px solid #f97800;}
.image-viewer .gallery-large-btn{display:none}

/*버튼*/
div.btn-list {float:none;}
div.btn-list a.btn{width:100%; float:none; margin-left:0; font-size:18px; margin-top:10px;}
div.btn-list a.btn:first-child{margin-top:0;}

/*교외채용*/
ul.recruitment-list li .item-info{padding:10px 7px;}
ul.recruitment-list li .item-info .company-info > span{font-size:14px;}
ul.recruitment-list li .item-info strong.subject{display:block; width:auto; float:none; font-size:18px; margin-bottom:10px;}
ul.recruitment-list li .item-info strong.subject a{color:#333941;  font-weight:bold; }
ul.recruitment-list li .item-info .company-info{width:auto; float:none; color:#333941}
ul.recruitment-list li p{padding:10px 7px; font-size:14px; line-height:23px;}
ul.recruitment-list li .service-info{padding:0 0 14px 7px}
ul.recruitment-list li .service-info > span{margin-right:0; margin-bottom:5px; font-size:14px;}
ul.recruitment-list li .service-info > span > strong{background-image:none; margin:0; padding:0}
ul.recruitment-list li .service-info > span.slash{display:inline-block; margin:0; padding:0 5px;}
ul.recruitment-list li .service-info > span span.ec{display:inline-block; padding:0 4px;}

/*뉴스플러스*/
.board-new{font-size:13px; border-top:1px solid #e0e0e0;}
.board-new table.board-new-view {table-layout:fixed;}
.board-new table.board-new-view td{padding:5px; border-bottom:1px solid #e0e0e0}
.board-new table.board-new-view tr td a img{margin:0 5px}
.board-new table.board-new-view td p a strong{font-size:18px}
.board-new table.board-new-view td p.pb30{padding:5px 0}
.board-new table.board-new-view td p.pb20{padding:5px 0; font-size:14px;}
.board-new table.board-new-view td p.pb20 span:last-child{display:none;}
.board-new table.board-new-view td p.pb20 span.side-bar{ display:none }
.board-new table.board-new-view td p.content-txt{line-height:18px}
.board-new table.board-new-view td p{line-height:25px;}
.board-new table.board-new-view td p.pb20 span.date-info{display:none;padding-right:25px}
.board-new table.board-new-view td p.pb20 span.date-info.day{display:block;}
.board-new table.board-new-view td p.content-text{display:none}
div.board-period:hover{background:url(/images/common/btn/bg_period.png) no-repeat;}
.inner-sns{text-align:right;}
.inner-sns .sns-inner{display:inline-block;}
.sns-share:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.sns-share a{display:inline-block; float:left; /*width:22px;*/ padding-left:3px;}

/*pagenation*/
.pagenation{display:none}
.i_pagenation{clear:both; display:block; height:22px}
.i_pagenation{margin-top:15px;}
.i_pagenation > ul > li > a > img{width:15px; height:22px;}
.i_pagenation > ul > li.pagenation-number{position:absolute; top:2px; width:100%; text-align:center;}

/*검색창*/
.board-search form:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.board-search form{*zoom:1}
.board-search shset{margin-top:15px;}
div.shset select{float:left; width:22%; font-size:16px; background-size:10px 5px; padding-left:2%; height:40px; background:url('/images/common/bg/select_bg.png') #fff no-repeat 90% center}
div.board-search input[type=text], div.shset input[type=text]{float:left; width:55%; font-size:16px; padding-left:2%; margin-left:2%; height:38px;}
a.btn.btn-type01{float:left; width:18%; background:#3c3c3c; display:block; height:40px; color:#fff; font-size:16px; line-height:40px; text-align:center; margin-left:0;}
a.btn.btn-type01 img{display:none;}



/*게시판 별 게시물 보존기한 안내*/
.content div.board-period{float:none; width:100%; height:40px;}
div.board-period p{line-height:40px;}
div.board-period p a{background-color: #3c3c3c; display:block; height:100%;}

/*banner-wrap*/
.banner-wrap{margin:20px 0;}
div.banner-wrap > div{width:100% !important;}
div.banner-wrap > div > a > img{width:100%}
div.banner-wrap > div > ul > li{float:none !important; margin:0 auto !important;}
div.banner-wrap > div > ul > li p{font-size:13px;}

/*교내행사안내*/
#scheduler_wrap .year_wrap{margin-bottom:25px;}
#scheduler_wrap .year_wrap .year_left{display:none;}
#scheduler_wrap .year_wrap .m-year_left{display:block; text-align:center;}
#scheduler_wrap .year_wrap .calendar{display:none;}
#scheduler_wrap .scheduler_text img{display:none;}
#scheduler_wrap .scheduler_text table.schedule-info{width:100%;}
.m-year_left .schedul-tit{display:inline-block;}
.m-year_left .schedul-tit .year_btn{*zoom:1}
.m-year_left .schedul-tit .year_btn:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.m-year_left .schedul-tit .year_btn > a{float:left; width:15px; height:22px; display:block; margin:22px 0;}
.m-year_left .schedul-tit .year_btn > a.prev-btn{background:url('/images/community/m_left_btn.png') no-repeat right center; margin-right:25px; background-size:15px 22px;}
.m-year_left .schedul-tit .year_btn > a.next-btn{background:url('/images/community/m_right_btn.png') no-repeat right center; margin-left:25px; background-size:15px 22px;}
.m-year_left .schedul-tit .year_btn > div{float:left;}
.m-year_left .schedul-tit .year_btn .sub-year strong{font-size:32px; font-weight:normal; color:#005aab; line-height:66px;}
.m-year_left .schedul-tit .year_btn .sub-year span{font-size:16px; color:#202020; padding-right:10px;}
.m-year_left .schedul-tit .year_btn .sub-month{width:66px; height:66px; border-radius:33px; background-color:#0a66c3; text-align:center; float:left; margin:0 8px;}
.m-year_left .schedul-tit .year_btn .sub-month strong{color:#fff; font-size:32px; font-weight:normal;; line-height:66px;}
.m-year_left .schedul-tit .year_btn .sub-month span{font-weight:normal; font-size:14px; color:#fff;}
#scheduler_wrap .scheduler_common table.schedule-info tr td.first-ta{font-size:16px; padding:20px 10px 5px;}
#scheduler_wrap .scheduler_common table.schedule-info tr td{font-size:13px; padding:5px 10px;}
#scheduler_wrap .scheduler_common table.schedule-info tr th{font-size:14px;}
#scheduler_wrap .scheduler_common table.schedule-info tr td.last-ta{padding:5px 10px 15px}
#scheduler_wrap .scheduler_common table.schedule-info tr th.last-ta{padding:5px 10px 15px}

span.sns-share{position: inherit; top:0; right:0; width:100%}
#shortened_div{width:295px; left:0; right:unset}
#shortened_div input{width:225px}
}

@media screen and (max-width:380px){
.content-college-international-program- .tab-board-wrap.tab-type3 .tab-board .board-swiper-container .board-swiper-slide a {font-size: 4.211vw;}
}