@charset "utf-8"; /* 상단seacrh */ div.ui-board-info { background-color: #f5f5f5; border: 1px solid #e2e2e2; padding: 15px 10px; } div.ui-board-info .page-search-box { margin: 5px 0; } /* 상단seacrh vote 20210317 */ div.ui-board-info-vote { background-color: #fbfbfb; border: 1px solid #e2e2e2; padding: 15px 10px; } div.ui-board-info-vote .page-search-box { margin: 5px 0; } /* .ul-list */ table.ui-list { width: 100%; } table.ui-list thead th { color: #222222; font-weight: 400; } table.ui-list tbody tr { /*margin-left:-15px;margin-bottom:0;margin-top:0;padding-top:0;font-size:1em;*/ border-top: 1px solid #dddddd;height:60px;/*background: url(/resources/images/board/faq_arrow_icon.png) no-repeat 110% center;*/} table.ui-list tbody td, table.ui-list tbody th { padding: 10px 0; font-weight: 400; } table.ui-list tbody td.num {background: url(/resources/images/board/faq_q_icon.png) no-repeat 30px center;} /* .ui-view */ div#board_page_info p { font-size: 1em; } div.ui-view h5.ui-title { color: #383838; font-size: 1.714em; font-weight: 500; background:none; margin-bottom:0px } div#board_item_list dt { font-size: 1em; padding: 10px; background-color:#fafafa;} #board_item_list dl dt div#board_item_list dd input[type="text"], div#board_item_list dd input[type="password"], div#board_item_list dd textarea, div#board_item_list dd select { height: 34px; padding: 4px 7px; } #board_item_list:before, #board_item_list:after {content:normal;} /* 게시판 btn */ button.ui-btn, input.ui-btn { font-size: 1em; height: 38px; border-radius: 1px; padding:8px 30px } div.fileBox .ui-btn.small { height: auto; } div.fileBox .ui-btn.small:hover {background:#222222; border-radius:2px solid #000000;} .page-search-box select, .page-search-box input{height: 38px;} /* gallery */ ul.ui-gallery li { padding:0% 0.5%; } /* ul.ui-gallery li:nth-child(4n) { padding-right: 0; }*/ ul.ui-gallery li .data-list, ul.ui-gallery li > a { width: 100%; width: 100%; max-width: 100%;color: #202020; } ul.ui-gallery li .data-list { color: #8a8a8a; font-size: 0.9em; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 1.4em; } ul.ui-gallery li > a { height:200px; } ul.ui-gallery li > a img, ul.ui-gallery li > img { width: 100%; } ul.ui-gallery li > p { bottom: 0; left: 0; right: 0; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ui-gallery li .data-list strong { padding-right: 5px; } /*공용장비대여신청 /gallery 폼에서 수정 */ .g_form2 ul.ui-gallery li{width:24%; margin:0.5%; padding:0px; border:#d7d7d7 1px solid; border-radius:5px; margin-bottom:20px} .g_form2 ul.ui-gallery li > a{padding:10px; height:200px;} .g_form2 ul.ui-gallery li > a p{background:#676766; color:#fff; padding:3px 5px; width:100%; font-size:12px} /* faq */ table.ui-list tbody tr > td p {line-height:150%; margin:0;} table.ui-list tbody tr > td.num { background-color :#ffffff !important; padding: 10px 0 !important; font-size:0; } table.ui-list tbody tr > td:first-child { background-color: #f5f5f5; padding: 20px 20px 20px 10%; } table.ui-list tbody tr > td > a { font-weight: 400; } table.ui-list.faq tbody td, table.ui-list.faq tbody th{ padding:0px; line-height:1.3} table.ui-list.faq{ padding:10px 0px} table.ui-list.faq a{ display:block; padding:20px 0px} table.ui-list.faq a.ui-btn{ display: inline-block; padding:10px } /* Q&A민원게시판 */ .table_btn_s span { color: #ffffff; padding: 5px 10px; border-radius: 2px;} .table_btn_s.btn_s span {background: #6c819c; } .table_btn_s.btn_e span {background: #797979; } /* tab게시판 여백 조절 */ .sub-con.direct-chat { padding: 0; } /* 상단 검색 부분 관련 */ .direct-chat .search-pd .d-title {margin-top:6px;} .direct-chat .search-pd .d-value .form-control {border-radius:0; height:34px!important;} .direct-chat .btn i.fa { margin-bottom: 0 !important; } /* #searchVO 게시판관련 */ #searchVO .box {box-shadow:none;} #searchVO table.table {border-collapse: collapse; border-top:2px solid #5e5e5e; width:100%; line-height:120%} #searchVO table.table thead th {background: #fcfcfc; border-bottom:1px solid #aeaeae; border-left:1px solid #e2e2e2; color:#222; padding:20px 10px; text-align:center; font-weight:400; } #searchVO table.table thead th:first-child, #searchVO table.table td:first-child {border-left:0;} #searchVO table.table tr {text-align:left} #searchVO table.table tbody tr:focus, #searchVO table.table tbody tr:hover {background-color:#f9f9f9; cursor:pointer;} #searchVO table.table td { padding:10px; /*font-size: 13px;*/ color:#333; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; text-align:center; vertical-align: middle;background-color:#ffffff;} #searchVO table.table td.num {color: #5b5b5b;z-index: 999;border: 0px solid #e2e2e2;font-size: 1em;vertical-align: middle;text-align: center;margin: 5px 0;background: none;} #searchVO table.table td a {color:#5b5b5b} #searchVO table.table td a:focus, #searchVO table.table td a:hover {text-decoration:none} #searchVO table.table img{ vertical-align:middle; } #searchVO table.table .board-list-title{ width: 550px; text-align: left; height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* #searchVO board_new */ #searchVO table.table tbody tr.board_new td, #searchVO table.table tbody tr.board_new td a {color: #1664b7; background-color:#f9fafb ;} #searchVO table.table tbody tr.board_new td:nth-child(2n) a{background:#f9fafb url(/resources/images/board/alim.gif) no-repeat 0px center; padding-left:25px} .direct-chat {padding:35px 0 0;} .direct-chat .box-header.with-border {border-bottom:0;} .direct-chat .table-grid > tbody > tr > td, .direct-chat .table-grid > tbody > tr > th, .direct-chat .table-grid > thead > tr > td, .direct-chat .table-grid > thead > tr > th {border-bottom:0; border-left:0;} .direct-chat .table-grid > tbody > tr > td:last-child, .direct-chat .table-grid > tbody > tr > th:last-child, .direct-chat .table-grid > thead > tr > td:last-child, .direct-chat .table-grid > thead > tr > th:last-child {border-right:0;} /*pagination*/ .direct-chat .box-footer {border-top:0;} .direct-chat .pagination {margin:10px 0;} .direct-chat .pagination > li:first-child > a, .direct-chat .pagination > li:first-child > span {border-bottom-left-radius:0; border-top-left-radius:0;} .direct-chat .pagination > li:last-child > a, .direct-chat .pagination > li:last-child > span {border-bottom-right-radius:0; border-top-right-radius:0;} .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #be222f; border-color: #be222f; } .pagination>li>a, .pagination>li>span { color: #be222f; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #be222f; } /* 글읽기, 글쓰기 공통 */ #tBoardRead .box, #tBoardWrite .box {border:0;} #tBoardRead table.table-grid, #tBoardWrite table.table-grid {border-top:2px solid #5e5e5e; border-bottom:1px solid #dddddd; font-size: 1em !important;} #tBoardRead .box-footer, #tBoardWrite .box-footer {padding:10px 0 0 !important;} /* 글읽기 */ #tBoardRead {padding-bottom:50px;} #tBoardRead .b_ttl {margin:30px 0 20px; font-size: 1.714em; color:#383838; font-weight:500;} #tBoardRead table.table-detail th, #tBoardRead table.table-detail td {background:#fcfcfc !important; font-size:1em; margin-top:0; border-right:0; } #tBoardRead table.table-detail th:first-of-type, #tBoardRead table.table-detail td:first-of-type { border-left: 0; } #tBoardRead table.table-detail th {text-align:left;} #tBoardRead table.table-detail th label {padding:6px 0 6px 12px; font-weight:400;} #tBoardRead table.table-detail td.b_cont {background:#ffffff !important; padding:25px !important;} #tBoardRead table.table-detail td.b_rep { background:#fff !important; } #tBoardRead table.table-detail td.b_rep .b_repv { padding-bottom: 8px; border-top: solid 1px #ddd; } #tBoardRead table.table-detail td.b_rep .b_repv:first-child { border-top: none; } #tBoardRead table.table-detail td.b_rep .b_repv p.b_repv_t { margin: 10px 0 5px 0; color: #222; font-weight: 500; } #tBoardRead table.table-detail td.b_rep .b_repv p.b_repv_t span { margin-left: 10px; color: #999; font-size: 0.8em; font-weight: 300; } #tBoardRead table.table-detail td.b_rep .b_repv p.b_repv_c { margin: 0 0 7px 0; } #tBoardRead table.table-detail td.b_rep .b_repv div button { padding: 2px 7px; font-size: 0.8em; font-weight: 300; } #tBoardRead table.table-detail td.b_rep .b_repw { padding: 10px 0; border-top: solid 1px #ddd; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name { position:relative; width: 100%; padding-bottom: 5px } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name span { position:absolute; top: 5px; left: 12px;} #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name input { /*position: absolute;*/ top:0; left:0; width: 200px; border: solid 1px #ccc; padding: 4px 7px 4px 30px; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name .inline { position: relative; width: 200px; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name .inline input { position: relative; width: 200px; border: solid 1px #ccc; padding: 4px 7px 4px 30px; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name .inline span { position:absolute; top: 0px; left: 12px;} #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_wr { float: left; width:80%; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_wr textarea { width: 100%; height: 60px; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_bt { float: left; width:20%; } #tBoardRead table.table-detail td.b_rep .b_repw .b_repw_bt button { width: 100%; height:60px; margin: 0 2px; } /* 글쓰기 */ #tBoardWrite .box {border:0;} #tBoardWrite table.table-detail th {background:#ffffff !important; vertical-align: top; text-align:left; padding:10px 0 !important;} #tBoardWrite table.table-detail th:first-of-type { border-left: 0; } #tBoardWrite table.table-grid td, #tBoardWrite table.table-grid th {margin-top:0; border-right:0;} #tBoardWrite table.table-grid th label {padding:6px 0 6px 12px; word-break: keep-all; display:block; border-right:1px solid #e2e2e2; font-weight:bold; color:#383838;} #tBoardWrite table.table-grid .btn, #tBoardWrite table.table-grid .k-upload .k-upload-selected { border: 1px solid #484848; padding: 2px 16px 3px; } #tBoardWrite table.table-grid .btn i.fa { margin-right: 0 !important; } #tBoardWrite table.table-grid .btn span { font-size: 0.93em; font-weight: 300; } #tBoardWrite table.table-grid .btn.btn-upload, #tBoardWrite table.table-grid .k-upload .k-upload-selected { background-color: #707070; } #tBoardWrite table.table-grid .btn.btn-upload i.fa, #tBoardWrite table.table-grid .btn.btn-upload span, #tBoardWrite table.table-grid .k-upload .k-upload-selected { color: #ffffff; } #tBoardWrite table.table-grid .k-upload .k-upload-selected { font-weight: 300; } #tBoardWrite table.table-grid .k-state-default .k-input {padding-top:0;} #tBoardWrite table.table-grid .k-button-group .k-tool-icon {margin-top:7px;} #tBoardWrite table.table-grid .k-overflow-tools {margin-top:3px;} #tBoardWrite table.table-grid .k-overflow-tools .k-i-more {margin-top:10px;} #tBoardWrite table.table-grid .k-dropzone {padding:0;} #tBoardWrite table.table-grid .k-dropzone .k-upload-button {background:#f9f9f9; border:1px solid #cccccc;} #tBoardWrite table.table-grid .k-dropzone em {color:#666666;} #tBoardWrite table.table-grid .k-dropzone.k-dropzone-hovered {background-color:#005bac;} #tBoardWrite table.table-grid .k-dropzone.k-dropzone-hovered em {color:#ffffff;} #tBoardWrite table.table-grid .k-upload {padding-top:3px;} #tBoardWrite table.table-grid .k-upload .k-upload-files {margin-top:8px; line-height: 1.8;} #tBoardWrite table.table-grid .k-upload .k-upload-files .k-i-close, #tBoardWrite table.table-grid .k-upload .k-upload-files .k-i-refresh {margin-top:5px;} #tBoardWrite table.table-grid .k-upload .k-upload-selected {border:1px solid #cccccc; margin-left:0;} #tBoardWrite table.table-grid .k-upload .k-upload-selected, #tBoardWrite table.table-grid .k-upload .k-upload-selected:hover, #tBoardWrite table.table-grid .k-upload .k-upload-selected:focus {box-shadow:none; border-radius:0;} #tBoardWrite table.table-grid span.btn-sub-info { color: #8c6c47; font-size: 14px; font-weight: 300; } .fileBox input.ui-btn.small{padding:5px 8px} /* 게시판 글쓰기 2 */ #tBoardWrite table.table-2sec th { width: 4%; max-width: 400px; } #tBoardWrite table.table-2sec th label{ min-width: 100px; } /* 게시판 이미지 */ #brdContents-read > img { /*width: 100%;*/ max-width: 1150px; margin: 0 auto; } /* 게시판 버튼 */ .direct-chat .btn {padding:8px 16px; border-radius:0; margin: 0 2px;} .direct-chat .btn:hover, .direct-chat .btn:focus {color:#ffffff;} .direct-chat .btn.bg-gray {background:#575757 !important; border:1px solid #575757; border-radius:0 !important; color:#ffffff !important;} .direct-chat .btn.bg-gray:hover {background:#333333 !important; border:1px solid #333333 !important;} .direct-chat .btn.bg-blue {background:#005bac !important; border:1px solid #005bac; border-radius:0 !important;} .direct-chat .btn.bg-blue:hover {background:#014480 !important; border:1px solid #014480 !important;} .direct-chat .btn.bg-red {background:#be222f !important; border:1px solid #be222f; border-radius:0 !important;} .direct-chat .btn.bg-red:hover {background:#99111d !important; border:1px solid #99111d !important;} .footer-top-right a.ui-btn{height:38px; line-height:160%} /* FAQ 게시판 */ .faq-all p {font-size:1.286em; margin:5px 0 0; font-weight:bold;} .faq-all p > span { color:#be222f; } #open_all.all-open-faq {background:#333333 !important;} #open_all i {vertical-align:top;} #open_all.all-open-faq i {vertical-align:bottom;} #faqList {} #faqList .faq-box {border:0; border-bottom:1px solid #dddddd; border-radius:0; margin-bottom:0; } #faqList .faq-box-on {border-bottom:1px solid #f5f5f5;} #faqList .faq-box:first-child {border-top:1px solid #dddddd;} #faqList .faq-box .faq-title {} #faqList .faq-box .faq-title h3 {background:url(/resources/images/board/faq_arrow_icon.png) no-repeat right center; margin-left:-15px; margin-bottom:0; margin-top:0; padding-top:0; font-size:1em;} #faqList .faq-box .faq-title h3 .faq-q {background:url(/resources/images/board/faq_q_icon.png) no-repeat 30px center; padding: 20px 40px 18px 80px; display:block; color:#000000;} #faqList .faq-box-on .faq-title h3 {background-image:url(/resources/images/board/faq_arrow_on_icon.png);} #faqList .faq-box-on .faq-title h3 .faq-q {background-image:url(/resources/images/board/faq_q_on_icon.png); color:#424242; font-weight:bold;} #faqList .faq-box .faq-title h3 .faq-q:hover, #faqList .faq-box-on .faq-title h3 .faq-q:focus {color:#305c92 !important;} #faqList .faq-box .faq-title h3 .faq-q:focus {color:#000000; outline:none; outline-offset:0;} #faqList .faq-box .faq-answer {} #faqList .faq-box .faq-answer .faq-body {background:#f5f5f5 url(/resources/images/board/faq_a_icon.png) no-repeat 30px 17px; padding:20px 20px 20px 80px;} #faqList .faq-box .faq-answer .faq-body p { margin-bottom:0; margin-top:0; } table.ui-list.faq tbody tr:last-child td{background:#f5f5f5 url(/resources/images/board/faq_a_icon.png) no-repeat 30px 17px;} table.ui-list.faq .faq_a td{background:#f5f5f5 url(/resources/images/board/faq_a_icon.png) no-repeat 30px 17px;} .ui-list.faq tbody tr > td:nth-child(2n){ width:90% !important; background:url(/resources/images/board/faq_arrow_icon.png) no-repeat 99% center} /* 갤러리 */ .galleryList {} .galleryList .news-list {display: inline-block; width:100%;} .galleryList .news-list ul {} .galleryList .news-list ul li {float:left; width:25%; padding-right:1%; height:200px; margin-bottom:20px; overflow:hidden; display: inline-block; } .galleryList .news-list ul li:nth-of-type(4n) {padding:0;} .galleryList .news-list ul li img {width:100%;} .galleryList .news-list ul li .news-date {font-size:0.929em; font-weight:400; color:#989898; padding:20px 0 10px 0; display: inline-block;} .galleryList .news-list ul li .news-date .news-cate {margin-right:20px; color:#fff; font-size:0.929em; padding:6px 7px;} .galleryList .news-list ul li .news-date .news-cate.news {background:#949494; } .galleryList .news-list ul li .news-date .news-cate.event {background:#d86c75; } .galleryList .news-list ul li .news-date .news-cate.tender {background:#3b5998; } .galleryList .news-list ul li i {font-style: normal;} .galleryList .news-list ul li dl {letter-spacing: -1px; display:inline-block;} .galleryList .news-list ul li dl dt {font-size:1.28em; color:#202020; padding-bottom:8px; font-weight:400; max-height:55px; overflow:hidden; display:inline-block; } .galleryList .news-list ul li dl dd {font-size:1em; color:#727272; line-height:150%; max-height:95px; overflow:hidden; display:inline-block; } /*게시판 리스트 스크롤*/ .direct-chat .box-body { overflow-x: none !important;} /* calendar */ #calendar {display:block;} #calendar .k-scheduler-layout {border-bottom:1px solid #e7e7e7;} #calendar .k-scheduler-header th:first-child, #calendar .k-scheduler-table td:first-child {border-left-width:1px;} #calendar .k-scheduler-header th:last-child, #calendar .k-scheduler-table td:last-child {border-right-width:1px;} #calendar .k-scheduler-navigation .k-i-arrow-w {margin-top:3px;} #calendar .k-scheduler-navigation .k-i-arrow-e {margin-top:4px;} /*increase the height of the cells in day, work week and week views*/ #calendar .k-scheduler-table td {height:5.5em;} /*increase the height of the month view cells*/ #calendar .k-scheduler-monthview .k-scheduler-table td {height:10.5em;} #calendar .k-scheduler-layout .k-state-selected, #calendar .k-scheduler .k-today.k-state-selected {background-color:#3668a5;} #calendar .k-scheduler-layout .k-state-selected .k-nav-day, #calendar .k-scheduler .k-today.k-state-selected .k-nav-day {color:#ffffff;} #calendar .k-state-selected, .k-state-selected:link, #calendar .k-state-selected:visited {color:#444444;} .table.table-hover td.firstDate{ font-weight:500} /*학사일정 날짜부분*/ /* 학사일정 */ #container > section { display: table; width: 100%; margin-bottom: 50px; margin-top: 0; } #container > section > aside { /*display: table-cell;*/ width: 260px; vertical-align: top; box-sizing: border-box; position: relative; border: 1px solid #d8dada; background: #fff; padding: 10px; overflow: auto; margin-left: 10px; } #container > section > article { position: relative; display: table-cell; vertical-align: top; box-sizing: border-box; padding: 0px 10px 10px 50px; line-height: 1.5em; } #container > section > article.no-top-padding { padding-top: 0; } /* .ui-page-total-category { margin: 0; display:none; } */ .ui-style-title, #container > section > article h3 { position: relative; margin-bottom: 20px; font-size: 18px; font-weight: 300; padding-left: 10px;} .ui-style-title:before, #container > section > article h3:before { content: ""; display: block; position: absolute; left: 0; width: 5px; top:0; bottom: 0; background:#49a5bf; } #container > section > article h4 { position: relative; margin-top: 2px; margin-bottom:2px; padding-left: 10px; padding-top:0; font-size: 16px; font-weight: 300; text-align: left; } /*#container > section > article h4:before { content: ""; display: block; position: absolute; left: 0; width: 5px; height: 5px; top:50%; margin-top: -2px; }*/ .aside_calendar .count { color: #f26522;font-weight: 800;padding-right:3px; } .aside_calendar dl { position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 0; height: 230px;} .aside_calendar li { display: block; position: relative; width: 14.285%; float: left; height: 35px; line-height: 20px; text-align: center; overflow: hidden; padding-top: 2px; } .aside_calendar li.sat { color: #428bca; font-weight: 400; } .aside_calendar li.sun { color: #f26522; font-weight: 400; } .aside_calendar li span { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 20px; z-index: 1; } .aside_calendar dd li.hasItem { background: rgba(230, 232, 47, 1); color: #E6E82; font-weight: 400;border-radius: 70px;/*height: 30px;*/ text-decoration: underline;} /*.aside_calendar dd li.hasItem { background: rgba(246, 255, 143, 1); color: #333333; font-weight: 400;border-radius: 70px;height: 35px;} 20201030수정 */ .aside_calendar .ui-week-1 li:first-child { margin-left: 0; } .aside_calendar .ui-week-2 li:first-child { margin-left: 14.285%; } .aside_calendar .ui-week-3 li:first-child { margin-left: 28.571%; } .aside_calendar .ui-week-4 li:first-child { margin-left: 42.857%; } .aside_calendar .ui-week-5 li:first-child { margin-left: 57.142%; } .aside_calendar .ui-week-6 li:first-child { margin-left: 71.428%; } .aside_calendar .ui-week-7 li:first-child { margin-left: 85.714%; } .aside_calendar dt li { font-weight: 400; } /*학사일정*/ .ui-date-info { text-align: center; } .ui-date-info p { display: inline-block; position: relative; vertical-align: middle; padding: 30px 0; } .ui-date-info p > a { display: block; position: absolute; left: 0; right: 0; height: 30px; line-height: 30px; } .ui-date-info p span { display: block; padding: 8px 10px; border: 1px solid #d1d1d1; background: #fff; font-size: 15px; border-radius: 5px; min-width: 100px; } .ui-date-info p .btn-prev { opacity: 0.5; top: 0; text-indent: -999px; overflow: hidden; background: url('/resources/images/cmm/ico_date_up.png') no-repeat 50% 50%; } .ui-date-info p .btn-next { opacity: 0.5; bottom: 0; text-indent: -999px; overflow: hidden; background: url('/resources/images/cmm/ico_date_down.png') no-repeat 50% 50%; } .ui-date-info p .btn-prev:hover, .ui-date-info p .btn-next:hover { opacity: 1.0; } /*KREON 게시판 css*/ #searchVO table.table.kreon-board td { padding:30px 20px; color:#333; border-bottom:1px solid #e2e2e2; border-left:0; text-align:center; vertical-align: middle;background-color:#ffffff;} #searchVO table.table.kreon-board .board-list-title .title{font-size:18px; color:#161616;} #searchVO table.table.kreon-board .board-list-title .common{display:inline-block; margin-top:15px;} #searchVO table.table.kreon-board .board-list-title .bar{margin: 5px; display:inline-block; } /* chrome hack*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #calendar .k-event-template {margin:1px 0 0;} } .c-legend {padding-top:15px;} .c-legend ul li {float:left; margin-right:0.6em;} .c-legend ul li .k-scheduler-mark {margin-right:0.2em;} .c-event-box {border:1px solid #e7e7e7; margin-top:15px; overflow: hidden; padding:20px;} .c-event-box .c-event-ttl {border-bottom:1px dotted #e7e7e7; font-size:1.07em; font-weight:600; margin-bottom:15px; padding-bottom:12px;} .c-event-box .c-event-info {margin-bottom:0; color:#666666; font-size:1em;} /*웹진형 게시판*/ .ui-webzin { display: inline-block; position: relative; padding: 25px 0; border-top: 3px solid #616263; border-bottom: 1px solid #e1e2e3; margin-top: 10px; width:100% } .ui-webzin:after{ clear:both} .ui-webzin img{width:100%; height:160px; position:static; text-align:center; border:#d7d7d7 1px solid} .ui-webzin a p{font-size:1em; font-weight:400; padding-top:10px; color:#2d2d2d} .ui-webzin p strong{width:auto; margin-right:10px; font-weight:400;} .ui-webzin img{top:15px} .ui-webzin p { color:#787878; font-size:15px;} .ui-webzin li{ border-bottom:0px; float:left; width:22%; margin:0px 1.5% 30px 1.5%; display:inline-block; padding:0px; text-align:center; } @media all and (max-width:1200px) { .direct-chat {padding:35px 10px 0;} /* 게시판 반응형 테이블 */ .direct-chat table.table-detail {position: static;} .direct-chat table.table-detail {display: table;} .direct-chat table.table-detail thead, .direct-chat table.table-detail tbody {display: table-row-group} .direct-chat table.table-detail tr{display: table-row;} .direct-chat table.table-detail td, .direct-chat table.table-detail th {display: table-cell;} /*.direct-chat table.table-detail td img, .direct-chat table.table-detail td span img {width:100%}*/ .direct-chat table.table-detail th, .direct-chat table.table-detail td {border-bottom:1px solid #dddddd !important; padding:auto !important; width:auto;} .direct-chat table.table-detail td {position: static; height:auto;} /* 게시판 글쓰기 2 */ #searchVO table.table .board-list-title{ width: 400px; } /* 글쓰기안의 테이블 */ #tBoardRead table.table-detail td > table td, #tBoardRead table.table-detail td span table td {border-bottom:0px !important;} #brdContents-read > img {max-width:100%;} /* FAQ */ table.ui-list tbody tr {/*margin-left:-15px;margin-bottom:0;margin-top:0;padding-top:0;font-size:1em;*/border-top: 1px solid #dddddd;height:60px;background: url(/resources/images/board/faq_arrow_icon.png) no-repeat 110% center; } .ui-list faq > td.txt-left{width:100%} table.ui-list.faq tbody tr:last-child td{background:#f5f5f5} .ui-list.faq .num{ display:t !important; border-bottom:0px 1px solid; background-size:25px; font-size:0px !important} table.ui-list.faq .faq_a td{ padding-left:10% ; background-size:25px } } @media all and (max-width: 950px) { .direct-chat .search-layout .d-title { text-align: right;} /*갤러리*/ .galleryList .news-list ul li {width:50%; height:200px; } .galleryList .news-list ul li:nth-of-type(2n) {padding:0;} /* FAQ */ table.ui-list tbody tr > td:first-child{ padding:20px 20px 20px 5%} .ui-list.faq tbody tr > td:nth-child(2n){ padding-right:30px} table.ui-list tbody tr { background: url(/resources/images/board/faq_arrow_icon.png) no-repeat 98% center; background-size:15px} /*웹진형 게시판*/ .ui-webzin li { width:30.2% } } @media all and (max-width: 767px) { /* 학사일정 */ #container > section { display: block; width: 100%; } #container > section > aside { display: block; width: 100%; padding: 0; margin-bottom: 10px; margin-left: 0;} #container > section > article { display: block; width: 100%; padding: 0;} #container > section > article.no-top-padding { padding-top: 0; } .aside_calendar dl {display: none;} /*.ui-page-total-category { margin: 0 10px;}*/ } @media all and (max-width: 740px) { .pc_view{ display:none} /* searchBox */ .direct-chat .search-layout .d-title {text-align:right;} .direct-chat .box {padding:0;} .search-layout div { font-size: 0.9em; padding: 8px 2px 0;} .search-layout div .btn { padding: 7px 8px;} .search-layout div .btn i.fa { margin-right: 0px !important;} .direct-chat .search-layout .d-title { text-align: center;} table.ui-list tbody td, table.ui-list tbody th{ font-size:13px} /* 게시판 반응형 테이블 */ .direct-chat table.table-detail {position: relative;} .direct-chat table.table-detail, .direct-chat table.table-detail thead, .direct-chat table.table-detail tbody, .direct-chat table.table-detail th, .direct-chat table.table-detail td, .direct-chat table.table-detail tr {display: block; text-align:left; } .direct-chat table.table-detail th, .direct-chat table.table-detail td {width:auto;} .direct-chat table.table-detail th {padding:7px 5px 7px 13px !important;} .direct-chat table.table-detail th span.text-red {position: absolute; left:6px;} .direct-chat table.table-detail td {border: none; position: relative; padding:7px 13px 7px 13px !important; display:inline-block; width:100%; height:auto;} #searchVO table.table td{ padding:5px} .table_btn_s span{ padding:5px 2px} /* #searchVO 게시판관련 */ #searchVO .box {padding:0;} #searchVO table.table td:nth-child(2) {border-left:0; } #searchVO table.table th:nth-child(2) {border-left:0; } #tBoardRead table.table-detail th, #tBoardWrite table.table-detail th {background:#f2f2f2 !important; padding:5px 0 !important;} #tBoardRead table.table-detail td {background:#ffffff !important;} #tBoardRead table.table-detail th label {color:#333333;} #tBoardWrite table.table-detail th label {border-right:0; display:inline-block;} #searchVO table.table .board-list-title{ width: 350px; } #searchVO .ui-list, .ui-list thead, .ui-list tbody, .ui-list tfoot, .ui-list tr, .ui-list td, .ui-list th{ } #searchVO table.table thead th{ padding:10px 5px} /* 게시판 글쓰기 2 */ #tBoardWrite table.table-2sec th { width: 100% !important; max-width: 100%; } #tBoardWrite table.table-2sec th label{ width: auto; } #tBoardRead .b_ttl { line-height: 1.3; font-size: 1.3em;} /* 글쓰기안의 테이블 */ #tBoardRead table td img, #tBoardRead table.table-detail td > table, #tBoardRead table.table-detail td span table {width:100% !important; height: auto;} /* FAQ */ table.ui-list tbody td.num {background: url(/resources/images/board/faq_q_icon.png) no-repeat 7px center;} #searchVO table td{font-size:13px} #searchVO table.table thead th:first-child, #searchVO table.table td:first-child{display:none} #searchVO table.table.table-hover td:first-child.firstDate{display:table-cell} #searchVO table.table th:nth-child(2){width:30%} .table.table-hover{ margin-top:15px} table.ui-list.faq .faq_a td{ background:#f5f5f5 url(/resources/images/board/faq_a_icon.png) no-repeat 7px 17px;background-size:25px } /*공용장비대여신청 /gallery 폼에서 수정 */ .g_form2 ul.ui-gallery li{width:31%; margin:1%; } .g_form2 ul.ui-gallery li img{height:auto} /* #board_item_list dl, #board_item_list dl.both {display:flex;} #board_item_list dl dt, #board_item_list dl.both dt {width:25%;} #board_item_list dl dd, #board_item_list dl.single dd, #board_item_list dl.both dd {width:75%;} div#board_item_list dt {background-color:#eaeaea;}*/ /*웹진형 게시판*/ .ui-webzin li { width:47% } } @media all and (max-width: 500px) { /*공용장비대여신청 /gallery 폼에서 수정 */ .g_form2 ul.ui-gallery li{width:48%; margin:1%; } .g_form2 ul.ui-gallery li > a{height:160px} .ui-list.faq tbody tr > td:last-child{width:90px} /*웹진형 게시판*/ .ui-webzin a p{ margin-top:0px} /*faq*/ .ui-list.faq tbody tr > td:nth-child(2n){ width:85% !important} table.ui-list.faq .faq_a td{ padding-left:15%;} } @media all and (max-width: 480px) { #search_board i.fa { margin-bottom: 0; } #searchVO table.table .board-list-title{ width: 200px;font-size: 0.93em ;} .search-layout div { font-size: 0.8em; padding: 8px 2px 0;} .search-layout div .btn { padding: 7px 8px;} .search-layout div .btn i.fa { margin-right: 0px !important;} .direct-chat .search-layout .d-title { text-align: center;} #faqList .faq-box .faq-title h3 .faq-q { background: url(/resources/images/board/faq_q_icon.png) no-repeat 10px center; padding: 20px 30px 18px 50px; font-size: 0.9em; font-weight: 400; } #faqList .faq-box .faq-title h3 { background: url(/resources/images/board/faq_arrow_icon.png) no-repeat right 0px center; margin-left: 0px;} .page-search-box .ui-btn { padding:8px 10px } .page-search-box > input{width:40%} } @media all and (max-width: 400px) { /*웹진형 게시판*/ .ui-webzin li { width:100%; margin:0px 0px 20px 0px } }