@charset "utf-8";
caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
/*Board-Common*/
#board {}
#board .page_wrap {}
#board .btn_wrap {margin:20px 0;}
#board .board-search {margin:20px 0;background-color:#f5f5f5;}

#board .board-top {overflow:hidden}
#board .board-top .info{margin:20px 0}
#board .board-top h3 {font-size:24px; font-weight:800; margin:0}
#board .board-body {border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden}
#board .board-footer {}

#board .label-new{background-color:#d9534f}
#board .label-secret{background-color:#337ab7}
#board .label-notice{background-color:#f0ad4e}
#board .label-file{background-color:#777}

#board span.sep {padding:0 5px;color:#d7d7d7}
#board .total_num {margin-bottom:10px}

.board-search .form-group {margin-bottom:0}

/*Board-List*/
.board-list {margin:0}
.board-list .info {font-size:13px;color:#898989}
.board-list .table {border-top:2px solid #999999 !important;border-bottom:1px solid #cccccc}
.board-list .table th{border-bottom:1px solid #cccccc;text-align:center}
.board-list .table td{border-top:1px solid #ebebeb; font-size:14px; padding:10px}
.board-list .table td .comment_num {font-weight:bold;color:#fe5b5e}
.board-list .num, .board-list .date, .board-list .hit {font-family:'thaoma'}
.board-list .noti_t {width:100%; border-top:1px solid #666; border-left:1px solid #666; background-color:#ffffff; text-align:center;}
.board-list .noti_t thead th {padding-left:10px; border-right:1px solid #666; border-bottom:1px solid #666; color:#363636; background:#CCC; height:25px !important;}
.board-list .noti_t tbody td {padding-left:10px; border-right:1px solid #666; border-bottom:1px solid #666; text-align:left}
.board-list .nodata {text-align:center;background-color:#ffffff; }
.board-list .list-group-item .h4 {font-size:14px}
.board-list .userName {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:83px; display:block}

/*Board-Webzine*/
.board-webzine .list {padding:20px 0;border-bottom:1px solid #ebebeb}
.board-webzine .info {font-size:11px;color:#898989}
.board-webzine .list .hover_img {position:relative; background-color:#FFF;display:block;overflow:hidden;width:100%;}
.board-webzine .list .hover_img img {width:100%;height:auto;transition:all 0.3s ease-in-out}
.board-webzine .list:hover .hover_img img {transform:scale(1.3,1.3)}
.board-webzine .hover_img .zoom {display:block;position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0);}
.board-webzine .list_descr {position:relative;margin-top:10px;}
.board-webzine .list:hover .list_descr h4 a {color:#4fb4e7;}
.board-webzine .list .comment_num {font-weight:bold;color:#fe5b5e}
.board-webzine .list h4{font-size:18px;margin:0 0 10px}
.board-webzine .list p{font-size:13px;}

/*Board-Gallery*/
.board-gallery .list {height:110%}
.board-gallery .info {font-size:11px;color:#898989;list-style:none;padding:0}
.board-gallery .list  .hover_img {position:relative; background-color:#FFF;display:block;overflow:hidden;width:100%;}
.board-gallery .list .hover_img img {width:100%;height:auto;transition:all 0.3s ease-in-out}
.board-gallery .list:hover .hover_img img {transform:scale(1.3,1.3)}
.board-gallery .hover_img .zoom {display:block;position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0);}
.board-gallery .list_descr {position:relative;margin-top:10px;}
.board-gallery .list:hover .list_descr h4 a {color:#4fb4e7;}
.board-gallery .list .comment_num {font-weight:bold;color:#fe5b5e}
.board-gallery .list h4{font-size:16px;margin:0 0 10px; padding:0; height:35px}
.board-gallery .list p{font-size:13px;}

/*Board-Read*/
.board-read .title {min-width: 300px; white-space: nowrap;text-overflow: ellipsis; display: inline-block}
.board-read .view_editor img{max-width:100%;height:auto}

/*Board-Pagination*/
.page_box22 ul>li{display:inline}
.page_box22 ul>li>a,.page_box2 ul>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page_box22 ul>li:first-child>a,.page_box2 ul>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.page_box22 ul>li:last-child>a,.page_box2 ul>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page_box2 ul>li>a:hover,.page_box2 ul>li>span:hover,.page_box2 ul>li>a:focus,.page_box2 ul>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}
.page_box2 ul>.active>a,.page_box2 ul>.active>span,.page_box2 ul>.active>a:hover,.page_box2 ul>.active>span:hover,.page_box2 ul>.active>a:focus,.page_box2 ul>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.page_box2 ul>.disabled>span,.page_box2 ul>.disabled>span:hover,.page_box2 ul>.disabled>span:focus,.page_box2 ul>.disabled>a,.page_box2 ul>.disabled>a:hover,.page_box2 ul>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.page_box2 ul-lg>li>a,.page_box2 ul-lg>li>span{padding:10px 16px;font-size:18px}
.page_box2 ul-lg>li:first-child>a,.page_box2 ul-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.page_box2 ul-lg>li:last-child>a,.page_box2 ul-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.page_box2 ul-sm>li>a,.page_box2 ul-sm>li>span{padding:5px 10px;font-size:12px}
.page_box2 ul-sm>li:first-child>a,.page_box2 ul-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.page_box2 ul-sm>li:last-child>a,.page_box2 ul-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.page_box li {font-size:0}
.page_number_btn,.page_number_btn_on {position:relative;float:left;height:25px;padding:0 7px;margin-left:-1px;font-size:12px;line-height:25px;;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page_number_btn_on{font-weight:bold;color:#337ab7;text-decoration:none;background-color:#eee;}
.page_number_btn:hover,.page_number_btn:focus{color:#23527c;background-color:#eee;border-color:#ddd}
..page_box .page_margin, .page_seperator {display:none;margin:0}
.page_seperator {display:none;margin:0}
.page_first_btn,.page_prev_btn,.page_p_btn,.page_n_btn,.page_next_btn,.page_last_btn {position:relative;float:left;height:25px;width:25px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background:#fff;border:1px solid #ddd;cursor:pointer}
.page_first_btn:hover,.page_prev_btn:hover,.page_p_btn:hover,.page_n_btn:hover,.page_next_btn:hover,.page_last_btn:hover {background-color:#eee;}

.page_first_btn {background:#fff url('/dept1/common/images/board/page_first.gif') no-repeat center center ;}
.page_prev_btn {display:none;background:#fff url('/dept1/common/images/board/page_prev.gif') no-repeat center center;}
.page_p_btn {background:#fff url('/dept1/common/images/board/page_prev.gif') no-repeat center center;}
.page_n_btn {background:#fff url('/dept1/common/images/board/page_next.gif') no-repeat center center;}
.page_next_btn {display:none;background:#fff url('/dept1/common/images/board/page_next.gif') no-repeat center center;}
.page_last_btn {background:#fff url('/dept1/common/images/board/page_last.gif') no-repeat center center;}

/*Board-Read Social*/
.icon-facebook {color:#3a5795}
.icon-twitter {color:#54abee}

/*Board-Comment*/
.comment-list {border-bottom:1px solid #ddd;}
.comment-block {}
.comment-info .date{}
.comment-txt{}

/* file-down */
.file-down {margin:20px 0; font-size:12px;}
.file-down h3{font-size:13px !important; margin:0 !important}

/* page-list*/
.page-list {font-size:14px;}

.view_editor {margin:20px 0}
.text-indent {text-indent:-9999px; display:inline-block}
.page_bar {height:auto !important}
#pagingWrap {width:100%; color:#000; font-style:normal; margin:30px 0 10px 0; font-weight:bold; text-align:center}
#pagingWrap img {vertical-align:middle}
#pagingWrap a {display:inline-block; width:31px; height:31px; line-height:31px; vertical-align:middle; border:none; margin:0 3px 0 2px; font-size:14px; color:#000; border-radius:1px; border-color:#fff; text-decoration:none}
#pagingWrap a:hover,#pagingWrap a:focus {background-color:#fafafa; color:#000; text-decoration:none}
#pagingWrap a span {position:absolute; z-index:-1; visibility:hidden}
#pagingWrap .first {position:relative; background:url("https://www.wsu.ac.kr/site/common/image/btn_first.svg") center no-repeat; border-color:#dee2e6}
#pagingWrap .prev {position:relative; background:url("https://www.wsu.ac.kr/site/common/image/btn_prev.svg") center no-repeat; border-color:#dee2e6; margin-right:30px}
#pagingWrap .next {position:relative; background:url("https://www.wsu.ac.kr/site/common/image/btn_next.svg") center no-repeat; border-color:#dee2e6; margin-left:30px}
#pagingWrap .last {position:relative; background:url("https://www.wsu.ac.kr/site/common/image/btn_last.svg") center no-repeat; border-color:#dee2e6}
#pagingWrap .current {display:inline-block; background:#343a40; border:none; color:#fff; width:31px; height:31px; line-height:31px; vertical-align:middle; border-radius:1px; border-radius:2px}

@media screen and (max-width: 767px) {	
	.board-gallery .list {padding:10px 0}
	.board-gallery .list .hover_img {min-height:180px;max-height:auto}
	.board-gallery .list .hover_img img {min-height:180px}
	.board-gallery .list h4 {height:auto}
}

@media all and (min-width:768px){
	.board-gallery .list {padding:20px 10px;}
	.board-gallery .list .hover_img {min-height:230px;max-height:230px}
	.board-gallery .list .hover_img img {min-height:230px;}	
}

@media all and (min-width:992px){
	.board-gallery .list {padding:20px 10px;}
	.board-gallery .list .hover_img {min-height:160px;max-height:160px}
	.board-gallery .list .hover_img img {min-height:160px;}
	.board-search .form-control {display:inline-block; width:auto}
}

@media all and (min-width:1200px){
	.board-gallery .list {padding:20px 10px;}
	/*.board-gallery .list .hover_img {min-height:200px;max-height:200px}
	.board-gallery .list .hover_img img {min-height:200px;}*/
}