/*01 도서통합검색 */
.book_box {overflow:hidden;position:relative;margin-bottom:30px;padding:10px 20px;background:#f5f5f5;border-radius:5px}
.book_box dl {display:table;float:left;width:50%}
.book_box dt {display:table-cell;width:15%;padding:0 5px;font-size:1.1em;font-weight:600;text-align:right}
.book_box dd {display:table-cell;width:85%;padding:0 5px;font-size:1.1em;text-align:left}
.book_box .search_option {position:absolute;top:10px;right:20px}

.selbox_area {padding:20px; border:1px solid #e0e0e0; border-radius:5px; background-color:#eee; margin-bottom:20px;}
.selbox {overflow:hidden;position:relative;margin-bottom: 20px;}
.selbox dt {position:relative;padding:0 0 10px 20px;font-size:1.2em;font-weight:600;color:#1e72d1;border-bottom:1px dashed #BBB}
.selbox dt::before {position:absolute;top:3px;left:0;content:"";display:block;width:6px;height:6px;border:3px solid #1e72d1;border-radius:6px} 
.selbox dd {padding:10px 0 0 0;font-size:1.1em}
/*.selbox .lib_list li{float:left;/* width:20%; position:relative;padding: 3px 10px;}*/
.selbox .lib_list li{float:left;position:relative;padding:3px 10px}
/*.selbox .lib_list.last li{/* width:33.3% */}*/
.selbox .lib_list2 li{float:left;position:relative;padding:3px 30px 3px 0}
.selbox .lib_list2.last li{width:33.3%}
.selbox .allcheck{position:absolute;top: 0;right: 0;}
/*
.selbox {overflow:hidden;position:relative;margin-bottom:30px;padding:10px 20px;border: 1px solid #c3ccd4}
.selbox dt {position:relative;padding:0 0 10px 20px;font-size:1.2em;font-weight:600;color:#1e72d1;border-bottom:1px dashed #BBB}
.selbox dt::before {position:absolute;top:3px;left:0;content:"";display:block;width:6px;height:6px;border:3px solid #1e72d1;border-radius:6px} 
.selbox dd {padding:10px 0 0 0;font-size:1.1em}
.selbox .lib_list li{float:left;width:20%;position:relative;padding:3px 0}
.selbox .lib_list.last li{width:33.3%}
.selbox .lib_list2 li{float:left;position:relative;padding:3px 30px 3px 0}
.selbox .lib_list2.last li{width:33.3%}
.selbox .allcheck{position:absolute;top:10px;right:20px}
*/
@media all and (max-width:768px) {
.book_box {padding:10px 0 20px 0;text-align:center}
.book_box dl {width:100%;float:none}
.book_box dt {width:20%}
.book_box dd {width:80%;padding:5px}
.book_box .search_option {position:relative;top:10px;right:0}
.selbox .lib_list li{width:33.3%}
.selbox .lib_list.last li{width:50%}
}
@media all and (max-width:640px) {
.selbox .lib_list li{width:50%}
}
@media all and (max-width:480px) {
.book_box .exp {display:block; margin-top:5px}
.selbox .lib_list li, .selbox .lib_list.last li {float:none;width:100%}
}

/*01 도서통합 상세검색 */
.search_detail {overflow:hidden;position:relative;margin-bottom:30px;padding:10px;background:#f5f5f5;border-radius:5px}
.search_detail .left , .search_detail .right {overflow:hidden;float:left;width:50%}
.search_detail dl {display:table;width:100%}
.search_detail dl::after {display:block;clear:both;content:''}
.search_detail dl dt {display:table-cell;width:20%;padding:2px;font-size:1.1em;font-weight:400;text-align:right}
.search_detail dl dd {display:table-cell;width:80%;padding:2px;font-size:1.1em;text-align:left}
.search_detail dl dd span {display:block;margin-top:5px}
@media all and (max-width:768px) {
.search_detail .left , .search_detail .right {float:none;width:100%}
}
@media all and (max-width:360px) {
.search_detail dl dt {display:inline-block;width:60px}
.search_detail dl dd {display:inline-block;width:70%}
.search_detail .right {margin-top:20px}
}

/*01 도서통합검색 */
.book_view {overflow:hidden;padding:5px;background:url('/groups/library_sc/images/comm/line_bg.gif')}
.book_view dl {display:table;width:100%;background:#fff;padding:30px 40px;color:#555}
.book_view dt {display:table-cell;width:25%;vertical-align:top}
.book_view dt .image {display:block;position:relative;width:180px;height:232px;background:url('/groups/library_sc/images/comm/img_book_b.png') no-repeat 0 0}
.book_view dt .image img {position:absolute;top:6px;left:13px;width:158px;height:222px}
.mask01,.mask02,.mask03,.mask04,.mask05,.mask06 {position:absolute;top:6px;left:1px;z-index:1;display:block;width:60px;height:40px;text-indent:-52px;line-height:30px;color:#fff;font-weight:600;background:transparent;border-left:60px solid;border-right:60px solid transparent;border-bottom:60px solid transparent}
.mask01 {border-left-color:#106033}
.mask02 {border-left-color:#004ea2}
.mask03 {border-left-color:#ed6d20}
.mask04 {border-left-color:#d74871}
.mask05 {border-left-color:#7553e6}
.mask06 {border-left-color:#00967A}
.book_view dd {display:table-cell;width:75%;position:relative}
.book_view dd strong {font-size:1.4em;font-weight:600;color:#333}
.book_view dd .icos span{display:inline-block;margin-right:10px;padding:0 10px;background:#fafafa;border-radius:2px;border:1px solid #ccc}
.book_view dd .icos > span{line-height:24px}
.book_view dd ul {margin:10px 0}
.book_view dd ul li {position:relative;padding:4px 0 4px 110px;min-height:20px;line-height:20px;font-size:1.1em;border-top:1px dashed #ccc}
.book_view dd ul li strong {position:absolute;top:4px;left:0px;display:inline-block;width:80px;font-size:1em;font-weight:400}
.book_view .btnarea {background:#fff}
@media all and (max-width:768px) {
.book_view {padding:20px 20px}
.book_view dt {width:35%}
.book_view dd {width:65%}
}
@media all and (max-width:640px) {
.book_view dt {display:block;width:100%}
.book_view dt .image {margin:10px auto}
.book_view dd {display:block;width:100%;padding:0 10px}
}	

.booklist {overflow:hidden;padding:25px 50px}
.booklist .book {position:relative;text-align:center}
.booklist .book li {float:left;width:16.6%}
.booklist .book li a {display:block;position:relative}
.booklist .book .image {display:block;position:relative;overflow:hidden;width:118px;height:160px;margin:0 auto;background:url('/groups/library_sc/images/main/bookmark.png') no-repeat right top}
.booklist .book .image img {width:110px;height:160px;border:1px solid #ccc}
.booklist .book .title {margin:10px 0 0;color:#454545;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* button */
.btn_fl {float:left}
.btn_fr {float:right}
.btn_tc {text-align:center;padding-top:30px}
.btnarea {overflow:hidden;padding:30px 0}
.tab_button{float:right;margin-top:-50px}
@media all and (max-width:640px) {
.tab_button{float:none;margin:-10px  0 20px  0}
}

/* search_box */
.search_box {text-align:center;overflow:hidden;margin-bottom:20px;padding:20px;border:1px solid #E0E0E0;border-radius:3px;background:url('/groups/library_sc/images/comm/board/search_bg.gif') }
.search_box select {margin-right:10px;height:32px;line-height:32px;color:#373737}
.search_box input[type=text] {height:34px;line-height:32px;padding:2px 10px;font-size:1.2em;border-radius:3px}
.search_box .search_btn {position:relative;width:80px;height:34px;line-height:32px;box-sizing:border-box;background:#444;font-size:0;border-radius:0 3px 3px 0}
.search_box .search_btn::after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url('/groups/library_sc/images/comm/board/search_btn.png') no-repeat center center;background-size:24px 24px}
.search_box .search_btn:hover, .search_box .search_btn:focus {background:#222;cursor:pointer}
.search_box dl {display:inline-table}
.search_box dt {display:table-cell;padding:5px;font-size:1.1em;font-weight:600}
.search_box dd {display:table-cell;padding:5px;font-size:1.1em}
.search_input {display:inline-table;width:360px}
.search_input .search_box input[type=text] {width:80%}
.search_input .search_btn {width:18%;min-width:40px}
@media all and (max-width:480px) {
.search_box select {width:100%;margin-bottom:5px}
.search_box input[type=text] {width:80%}
.search_box .search_btn {width:18%;min-width:40px}
.search_box dl {width:48%}
.search_box dt {display:none} 
.search_box dd {padding:5px 0}
.search_input {width:100%}
}

/* total */
.total_articles {font-size:1.1em;margin-bottom:10px}
.total_articles em {margin:0 3px;color:#ea5703;font-weight:600}

/* board_list */
.board_list {margin-top:5px;font-size:1.1em}
.board_list thead tr:first-child th {border-top:2px solid #151515;border-bottom:1px solid #aaa}
.board_list th {padding:15px 0;border-bottom:1px solid #d9d9d9;text-align:center;font-size:16px;color:#565656}
.board_list td {padding:12px 5px;border-bottom:1px solid #d9d9d9;text-align:center}
.board_list td.title {padding:12px 10px;text-align:left}
.board_list td.title a {color:#454545;display:inline-block;max-width: 87%;overflow:hidden; vertical-align:middle; margin-bottom:3px; font-weight:600;}
/*.board_list td.title a {color:#454545;display:inline-block;max-width: 87%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}*/
.board_list td img {margin-left:5px;vertical-align:middle}
.board_list .notice {background:#fafafa}
.board_list .notice .title a {color:#000}
.board_list td.title .show {padding: 4px;width: 54px;text-align:center;font-size: 11px;margin-right: 2px;}

@media all and (max-width:800px) {
.board_list colgroup {display:none}
.board_list thead th {display:none}
.board_list tbody tr:first-child {border-top:1px solid #151515}
.board_list tbody tr {border-top:1px solid #d9d9d9;text-align:left;letter-spacing:-1px}
.board_list tbody tr {display:block;padding:8px 0;text-align:left;border-bottom:1px solid #d9d9d9}
.board_list tbody tr:nth-child(odd) {background:#f8f8f8}
.board_list tbody td {display:inline-block;padding:10px 2%;font-size:1.1em;border:none;text-align:left}
.board_list tbody td.title {width: 80%;}
.board_list tbody td.nolist {display:block;text-align:center !important}
}

/* board_view */
.board_view {margin-top:5px;margin-bottom:30px;font-size:1.1em}
.board_view tr:first-child th, .board_view tr:first-child td {border-top:2px solid #151515}
.board_view thead tr:first-child th {border-top:2px solid #151515;border-bottom:1px solid #aaa}
.board_view th {width:20%;padding:12px 10px;border-bottom:1px solid #d9d9d9;background:#e9edf6;font-weight:600;text-align:center}
.board_view td {padding:12px 10px 12px 25px;border-bottom:1px solid #d9d9d9}
.board_view .title {font-weight:600;font-size:1.2em;background:#f9f9f9}
.board_view .data_cont {text-align:left;color:#565656}
.board_view .data_cont img {width:100%}
@media all and (max-width:800px) {
.board_view colgroup {display:none}
.board_view thead th {display:none}
.board_view tr:first-child td {border-top:none}
.board_view th {display:block;width:100%;text-align:left;box-sizing:border-box}
.board_view th br {display:none}
.board_view td {display:block;text-align:left}
}

/* 이전글 다음글 */
.bbs_listview {margin-top:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1.1em}
.bbs_listview li {border-bottom:1px solid #e9e9e9}
.bbs_listview li strong {display:inline-block;width:20%;padding:12px 0;text-align:center;vertical-align:middle}
.bbs_listview li a {display:inline-block;overflow:hidden;width:75%;margin-left:2%;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.bbs_listview li.list_prev strong {background:#f8f8f8 url('/groups/library_sc/images/comm/board/icon_list_prev.png') no-repeat 25% center}
.bbs_listview li.list_next strong {background:#f8f8f8 url('/groups/library_sc/images/comm/board/icon_list_next.png') no-repeat 25% center}
@media all and (max-width:800px) {
.bbs_listview li.list_prev strong, .bbs_listview li.list_next strong {background-position:15% center}
}
@media all and (max-width:480px) {
.bbs_listview li.list_prev strong, .bbs_listview li.list_next strong {background-image:none;background:#f8f8f8}
}

/* board_write */
.board_write {margin-top:5px;margin-bottom:30px;font-size:1.1em}
.board_write tr:first-child th, .board_write tr:first-child td {border-top:2px solid #151515}
.board_write thead tr:first-child th {border-top:2px solid #151515;border-bottom:1px solid #aaa}
.board_write th {padding:10px 10px;border-bottom:1px solid #d9d9d9;background:#e9edf6;font-weight:600;text-align:center}
.board_write td {padding:10px 10px 10px 15px;border-bottom:1px solid #d9d9d9}
.board_write .title {font-weight:600;font-size:1.2em;background:#f9f9f9}
.board_write .data_cont {min-height:150px;text-align:left;color:#565656}
@media all and (max-width:800px) {
.board_write colgroup {display:none}
.board_write thead th {display:none}
.board_write tr:first-child td {border-top:none}
.board_write tbody th {display:block;width:100%;text-align:left;box-sizing:border-box}
.board_write tbody th br {display:none}
.board_write tbody td {display:block;text-align:left}
}

/* pohoto_list */
.photo_list {overflow:hidden;border-top:2px solid #151515;border-bottom:1px solid #ddd;font-size:1.1em}
.photo_list dl {float:left;width:25%;height:260px;overflow:hidden;padding:10px;margin-top:20px}
.photo_list dt {display:block;height:200px;margin-bottom:10px}
.photo_list dt img {height:100%}
.photo_list dd {font-size:1.2em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media all and (max-width:800px) {
.photo_list dl {width:33.3%}
}
@media all and (max-width:480px) {
.photo_list dl {width:50%}
}

/* list_box */
.list_box {overflow:hidden;border-top:2px solid #151515;font-size:1.1em}
.list_box .item {position:relative;padding:15px 120px 15px 65px;min-height:40px;border-bottom:1px solid #ccc}
.list_box .item .num {position:absolute;top:15px;left:10px}
.list_box .item h4 {display:block;margin-bottom:8px;font-weight:600;font-size:1.3em;line-height:1.5;padding-left:0}
.list_box .item h4::before {display:none}
.list_box .item h4 span {display:inline-block;margin-right:10px;font-size:1em;color:#195dae;font-weight:normal}
.list_box .item .info {display:block;font-size:1.1em;line-height:13px}
.list_box .item .user {display:inline-block;margin-right:5px;padding-right:10px;border-right:1px solid #ccc}
.list_box .item .btns {position:absolute;top:20px;right:10px}
@media all and (max-width:480px) {
.list_box .item {padding:15px 15px 15px 65px}
.list_box .item .btns {position:relative;top:10px}
}

/* view_box */
.view_box {overflow:hidden;border-top:2px solid #151515;border-bottom:1px solid #aaax;font-size:1.1em;margin-bottom:30px}
.view_box h4 {margin-bottom:0;padding:19px 17px;line-height:1.5;border-bottom:1px dashed #d1d1d1}
.view_box h4::before {display:none}
.view_box .view_info {padding:10px 10px;font-size:1em;border-bottom:1px solid #ccc;background:#efefef}
.view_box .view_info::after {display:block;clear:both;content:''}
.view_box .view_info li {position:relative;float:left;margin:0 40px 5px 0}
.view_box .view_info li strong {display:inline-block;margin-right:5px;padding-right:10px;border-right:1px solid #ccc}
.view_box .data_cont {padding:12px 10px 12px 25px;min-height:150px;text-align:left;color:#565656}
.view_box .data_cont img {max-width:768px;height:auto}

/* write_box */
.write_box {display:table;width:100%;border-top:2px solid #151515;margin-bottom:30px}
.write_list {display:table-row;font-size:1.1em}
.write_list::after {display:block;clear:both;content:''}
.write_list dt {display:table-cell;width:20%;padding:18px 5px 10px 5px;text-align:center;font-weight:600;vertical-align:top;border-bottom:1px solid #ccc;background:#ebebeb}
.write_list dt .btn_tc {text-align:center;margin-top:5px}
.write_list dd {display:table-cell;width:80%;padding:10px;border-bottom:1px solid #ccc;box-sizing:border-box}
.write_list .right_box {overflow:hidden;position:relative;width:100%;margin-bottom:5px}
.write_list .right_box .slist {float:left;display:table;width:85%;padding-bottom:5px;border:1px solid #ccc;margin-bottom:5px}
.write_list .right_box .slist li {display:table-row}
.write_list .right_box .slist li strong {display:table-cell;width:20%;padding:13px 5px 0 5px;text-align:center;font-weight:600;vertical-align:top;background:#f8f8f8}
.write_list .right_box .slist li .right {display:table-cell;width:80%;padding:5px 5px 0 5px}
.write_list .right_box .btn_fr {width:14%;position:absolute;bottom:5px;right:0}
@media all and (max-width:800px) {
.write_list .right_box .slist {float:none;width:100%;margin-bottom:40px}
.write_list .right_box .btn_fr {float:none;width:100%}
}
@media all and (max-width:480px) {
.write_list dt {display:block;width:100%;text-align:left;padding:10px}
.write_list dd {display:block;width:100%}
}

/* calendar_table */
.schedule_select {position:relative;padding:15px 0;border-top:2px solid #000;text-align:center;background:#f2f2f2;font-size:1.2em}
.year_area {width:260px; margin:10px auto}
.year_area {position:relative;height:32px;font-size:1.6em;font-weight:600;color:#333;text-align:center}
.year_area .prev_year{position:absolute;top:5px;left:20px;width:20px;height:20px;font-size:0}
.year_area .prev_year:before {position:absolute;top:0;left:0;content:'';display:block;width:10px;height:10px;background:transparent;border-left:2px solid #777;border-bottom:2px solid #777;
  transform:rotate(45deg);transition:all .3s ease-in-out}
.year_area .next_year{position:absolute;top:5px;right:20px;width:20px;height:20px;font-size:0}
.year_area .next_year:before {position:absolute;top:0;right:0;content:'';display:block;width:10px;height:10px;background:transparent;border-left:2px solid #777;border-bottom:2px solid #777;
  transform:rotate(-135deg);transition:all .3s ease-in-out}
.calendar_table {border-bottom:1px solid #e0e0e0;border-top:2px solid #44403f;margin-bottom:10px}
.calendar_table tr.total {padding:8px 0;border-bottom:1px solid #e0e0e0;font-weight:600;color:#666}
.calendar_table thead th {background:#f5f9fc;font-size:1.1em;color:#444;font-family:Georgia, sans-serif}
.calendar_table th.tit {border-bottom:1px solid #000;color:#000}
.calendar_table th {padding:15px 0;background:#f8f8f8;border-left:1px solid #e0e0e0;border-bottom:1px solid #44403f;color:#555;font-size:1em;font-family:Georgia, sans-serif}
.calendar_table th.sun {color:#dc372b}
.calendar_table th.sat {color:#195dae}
.calendar_table th:first-child, .calendar_table td:first-child {border-left:none}
.calendar_table td {padding:0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;line-height:1.6;color:#666;vertical-align:top}
.calendar_table td div {padding:8px 5px;overflow-y:auto;min-height:50px}
.calendar_table td div strong {display:block;font-family:Verdana, sans-serif;text-align:right;font-size:1em}
.calendar_table td .schelist {margin:10px;text-align:left}
.calendar_table td .schelist li {display:block;overflow:hidden;font-size:1em;line-height:1.2;margin-bottom:5px}
.calendar_table td .schelist li span {padding:1px 3px;margin-bottom:2px}
.calendar_table td .foodlist {margin:10px;text-align:left}
.calendar_table td .foodlist li img {width:100px;height:64px;border:1px solid #c6c5c5}
.calendar_table td .foodlist li {display:block;overflow:hidden;line-height:1.2;margin-bottom:3px}
.calendar_table td.gry {background-color:#f2f2f2}
.calendar_table td span {display:inline-block;padding:6px 5px;font-size:12px}
.calendar_table td.today {background-color:#f5f9fc}
.calendar_table td.right {text-align:right;padding:4px 10px 4px 0}
.calendar_table td.right span {padding-top:1px;padding-bottom:2px}

/* paging */
.paging {width:100%;margin:30px auto;text-align:center}
.pagination {display:inline;text-decoration:none;line-height:normal;color:#333;vertical-align:middle}
.pagination .select, .pagination a {display:inline-block;padding:7px 8px;font-weight:500;font-size:1em;border:1px solid #000}
.pagination .select {color:#fff;border:1px solid #bcbcbc;background:#000}
.pagination a {color:#555;border:1px solid #bcbcbc;margin:0 1px}
.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:underline}
.pagination i {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0} 
.bbs_next:hover, bbs_next:active, bbs_next:focus,.bbs_last:hover, .bbs_last:active, .bbs_last:focus,
.bbs_prev:hover, .bbs_prev:active, .bbs_prev:focus,.bbs_first:hover, .bbs_first:active, .bbs_first:focus {background-color:#f8f8f8}
.bbs_next,.bbs_last, .bbs_prev,.bbs_dirst {display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #bcbcbc}
.bbs_next {background:url('/groups/library_sc/images/comm/bbs_next.png') no-repeat 50% 50%}
.bbs_last {background:url('/groups/library_sc/images/comm/board/bbs_last.png') no-repeat 50% 50%}
.bbs_prev {background:url('/groups/library_sc/images/comm/bbs_prev.png') no-repeat 50% 50%}

.bbs_first {background:url('/groups/library_sc/images/comm/board/bbs_first.png') no-repeat 50% 50%}

/* button icons */
.reply { width: auto!important;margin-top: 0!important;border-bottom: 1px solid #929292!important;}
.icon::before {content:"";position:relative;top:5px;float:left;width:20px;height:20px;margin-right:6px}
.btns.small.icon::before {content:"";position:relative;top:2px;float:left;width:20px;height:20px;margin-right:6px;background-size:16px 16px}
.btns.big.icon::before {content:"";position:relative;top:13px;float:left;width:20px;height:20px;margin-right:6px}
.list::before {background:url('/groups/library_sc/images/comm/board/icon_list.png') no-repeat}
.write::before {background:url('/groups/library_sc/images/comm/board/icon_write.png') no-repeat}
.edit::before {background:url('/groups/library_sc/images/comm/board/icon_edit.png') no-repeat}
.delete::before {background:url('/groups/library_sc/images/comm/board/icon_delete.png') no-repeat}
.reply::before {background:url('/groups/library_sc/images/comm/board/icon_reply.png') no-repeat} 
.save::before {background:url('/groups/library_sc/images/comm/board/icon_save.png') no-repeat}
.cancel::before {background:url('/groups/library_sc/images/comm/board/icon_cancel.png') no-repeat} 
.download::before {background:url('/groups/library_sc/images/comm/board/icon_download.png') no-repeat} 
.upload::before {background:url('/groups/library_sc/images/comm/board/icon_upload.png') no-repeat} 
.preview::before {background:url('/groups/library_sc/images/comm/board/icon_preview.png') no-repeat}
.zoom::before {background:url('/groups/library_sc/images/comm/board/zoom.png') no-repeat} 
.check::before {background:url('/groups/library_sc/images/comm/board/icon_check.png') no-repeat} 
.home::before {background:url('/groups/library_sc/images/comm/board/home.png') no-repeat} 
.doc::before {background:url('/groups/library_sc/images/comm/board/doc.png') no-repeat;background-size: cover;}
.theme {color:#fff;background:#1e72d1}

/* ico */
.ico {display:inline-block;margin:0 3px;width:16px;height:16px;vertical-align:middle;text-indent:-99999px}
.ico.clip {background:url('/groups/common/images/ico/ico_clip.png') no-repeat}
.ico.excel {background:url('/groups/common/images/ico/ico_excel.png') no-repeat}
.ico.file {background:url('/groups/common/images/ico/ico_file.png') no-repeat}
.ico.hwp {background:url('/groups/common/images/ico/ico_hwp.png') no-repeat}
.ico.image {background:url('/groups/common/images/ico/ico_img.png') no-repeat}
.ico.pdf {background:url('/groups/common/images/ico/ico_pdf.png') no-repeat}
.ico.ppt {background:url('/groups/common/images/ico/ico_ppt.png') no-repeat}
.ico.text {background:url('/groups/common/images/ico/ico_text.png') no-repeat}
.ico.word {background:url('/groups/common/images/ico/ico_word.png') no-repeat}
.ico.zip {background:url('/groups/common/images/ico/ico_zip.png') no-repeat}

.ico.noti {background:url('/groups/library_sc/images/comm/ico/ico_notice.png') no-repeat}
.ico.file {background:url('/groups/library_sc/images/comm/ico/ico_file.png') no-repeat}
.ico.reply {background:url('/groups/common/images/ico/ico_reply.png') no-repeat}
.ico.down {background:url('/groups/library_sc/images/comm/ico/ico_down.png') no-repeat}

/* comment */
 .comment {background: #f4f4f4; padding: 20px;}
 .comment .com_area {width: calc(100% - 85.42px);margin: 1px;}


/* comment veiw */
.com_view {border-bottom: none!important; background: #fff;}
.com_view th {background: #39b5e9!important;color: #fff!important;border-top: none!important;}
.com_view tbody td {border-top: 1px solid #eeeeee!important;}
.com_view tr:first-child th, .com_view tr:first-child td {border-top:2px solid #151515}
.com_view thead tr:first-child th {border-top:2px solid #151515;border-bottom:1px solid #aaa}
.com_view th {width:20%;padding:12px 10px;border-bottom:1px solid #d9d9d9;background:#e9edf6;font-weight:600;text-align:center}
.com_view td {padding:12px 10px 12px 25px;border-bottom:1px solid #d9d9d9}
.com_view .title {font-weight:600;font-size:1.2em;background:#f9f9f9}
.com_view .data_cont {text-align:left;color:#565656}
.com_view .data_cont img {width:100%}
@media all and (max-width:800px) {
.com_view colgroup {display:none}
.com_view thead th {display:none}
.com_view tr:first-child td {border-top:none}
.com_view th {display:block;width:100%;text-align:left;box-sizing:border-box}
.com_view th br {display:none}
.com_view td {display:block;text-align:left}
}