@charset "utf-8"; /* 공통 */ .txt-bold{font-weight:var(--font-weight-bold);} .color-red{color:var(--color-red) !important;} .color-blue{color:var(--color-blue) !important;} .color-blue-dark{color:var(--color-blue-dark) !important;} .boardTab ul li a{line-height:34px; font-size:1.0rem;} a:link.btn-red, a:link.btn-blue, a:link.btn-blue-dark, a:link.btn-primary, a:link.btn-info, a:link.btn-secondary, a:visited.btn-red, a:visited.btn-blue, a:visited.btn-blue-dark, a:visited.btn-primary, a:visited.btn-info, a:visited.btn-secondary{color:var(--color-white);} a:link.btn-red-line, a:link.btn-red-line:hover, a:visited.btn-red-line, a:visited.btn-red-line:hover{color:var(--color-red);} a:link.btn-blue-line, a:link.btn-blue-line:hover, a:visited.btn-blue-line, a:visited.btn-blue-line:hover{color:var(--color-blue);} [class^="icon-"], [class*=" icon-"] { display:inline-block; width:16px; height:16px; margin-right:5px; *margin-right:.3em; line-height:normal !important; vertical-align:middle; text-indent:-9999px; background-image:url("../img/common/sprite16.png");` background-position:16px 16px; background-repeat:no-repeat; } [class^="icon-"]:last-child, [class*=" icon-"]:last-child {*margin-left:0;} [class^="icon-"].filter {filter:alpha(opacity=60); opacity:0.6; *filter:none;} .icon-note-black {background-position:0px 0px;} .icon-note-white {background-position:0px -16px;} .icon-schedule-black {background-position:-16px 0px;} .icon-schedule-white {background-position:-16px -16px;} .icon-user-black {background-position:-32px 0px;} .icon-user-white {background-position:-32px -16px;} .icon-mobile-black {background-position:-48px 0px;} .icon-mobile-white {background-position:-48px -16px;} .icon-mail-black {background-position:-64px 0px;} .icon-mail-white {background-position:-64px -16px;} .icon-arrow-black {background-position:-80px 0px;} .icon-arrow-white {background-position:-80px -16px;} .icon-write-black {background-position:-96px 0px;} .icon-write-white {background-position:-96px -16px;} .icon-modify-black {background-position:-112px 0px;} .icon-modify-white {background-position:-112px -16px;} .icon-del-black {background-position:-128px 0px;} .icon-del-white {background-position:-128px -16px;} .icon-nbook-black {background-position:-144px 0px;} .icon-nbook-white {background-position:-144px -16px;} .icon-home-black {background-position:-160px 0px;} .icon-home-white {background-position:-160px -16px;} .icon-stats-black {background-position:-176px 0px;} .icon-stats-white {background-position:-176px -16px;} .icon-personal-black {background-position:-192px 0px;} .icon-personal-white {background-position:-192px -16px;} .icon-useradd-black {background-position:-208px 0px;} .icon-useradd-white {background-position:-208px -16px;} .icon-listadd-black {background-position:-224px 0px;} .icon-listadd-white {background-position:-224px -16px;} .icon-subject-black {background-position:-240px 0px;} .icon-subject-white {background-position:-240px -16px;} .icon-boxadd-black {background-position:-256px 0px;} .icon-boxadd-white {background-position:-256px -16px;} .icon-listleve-black {background-position:-272px 0px;} .icon-listleve-white {background-position:-272px -16px;} .icon-list-black {background-position:0px -32px;} .icon-list-white {background-position:0px -48px;} .icon-info-black {background-position:-16px -32px;} .icon-info-white {background-position:-16px -48px;} .icon-clock-black {background-position:-32px -32px;} .icon-clock-white {background-position:-32px -48px;} .icon-filelist-black {background-position:-48px -32px;} .icon-filelist-white {background-position:-48px -48px;} .icon-book-black {background-position:-64px -32px;} .icon-book-white {background-position:-64px -48px;} .icon-check-black {background-position:-80px -32px;} .icon-check-white {background-position:-80px -48px;} .icon-setup-black {background-position:-96px -32px;} .icon-setup-white {background-position:-96px -48px;} .icon-new-black {background-position:-112px -32px;} .icon-new-white {background-position:-112px -48px;} .icon-answer-black {background-position:-128px -32px;} .icon-answer-white {background-position:-128px -48px;} .icon-option-black {background-position:-144px -32px;} .icon-option-white {background-position:-144px -48px;} .icon-excel-black {background-position:-160px -32px;} .icon-excel-white {background-position:-160px -48px;} .icon-print-black {background-position:-176px -32px;} .icon-print-white {background-position:-176px -48px;} .icon-revise-black {background-position:-192px -32px;} .icon-revise-white {background-position:-192px -48px;} .icon-alignment-black {background-position:-208px -32px;} .icon-alignment-white {background-position:-208px -48px;} .icon-view-black {background-position:-224px -32px;} .icon-view-white {background-position:-224px -48px;} .icon-speaker-black {background-position:-240px -32px;} .icon-speaker-white {background-position:-240px -48px;} .icon-tag-black {background-position:-256px -32px;} .icon-tag-white {background-position:-256px -48px;} .icon-setup-small-black {background-position:0px -64px;} .icon-add-small-black {background-position:-16px -64px;} .icon-modify-small-black {background-position:-32px -64px;} .icon-del-small-black {background-position:-48px -64px;} .icon-arrow-small-black {background-position:-64px -64px;} .icon-grid-small-black {background-position:-80px -64px;} .icon-img-small-black {background-position:-96px -64px;} .icon-color-small-black {background-position:-112px -64px;} .icon-head-small-black {background-position:0px -80px;} .icon-bold-small-black {background-position:-16px -80px;} .icon-italic-small-black {background-position:-32px -80px;} .icon-layout-befault-black {background-position:-80px -80px;} .icon-layout-small-black {background-position:-96px -80px;} .icon-layout-large-black {background-position:-112px -80px;} .icon-medal-black {background-position:-128px -64px;} .icon-medal-white {background-position:-128px -80px;} .icon-question-black {background-position:-144px -64px;} .icon-question-white {background-position:-144px -80px;} .icon-disk-black {background-position:-160px -64px;} .icon-disk-white {background-position:-160px -80px;} .icon-turn-black {background-position:-176px -64px;} .icon-turn-white {background-position:-176px -80px;} .icon-cancel-black {background-position:-192px -64px;} .icon-cancel-white {background-position:-192px -80px;} .icon-upload-black {background-position:-208px -64px;} .icon-upload-white {background-position:-208px -80px;} .icon-kakao-black {background-position:-224px -64px;} .icon-kakao-white {background-position:-224px -80px;} .icon-circle2-black {background-position:-240px -64px;} .icon-circle3-black {background-position:-256px -64px;} .icon-film-black {background-position:-272px -64px;} .icon-folder-black {background-position:-240px -80px;} .icon-reply-black {background-position:-256px -80px;} .icon-fold-color {background-position:0px -96px;} .icon-unfold-color {background-position:-16px -96px;} .icon-home-color {background-position:-32px -96px;} .icon-notice-color {background-position:-48px -96px;} .icon-list-color {background-position:-64px -96px;} .icon-question-color {background-position:-80px -96px;} .icon-clock-color {background-position:-96px -96px;} .icon-house-color {background-position:-112px -96px;} .icon-hat-color {background-position:-128px -96px;} .icon-team-color {background-position:-144px -96px;} .icon-formadd-color {background-position:-160px -96px;} .icon-scale-color {background-position:-176px -96px;} .icon-calculator-color {background-position:-192px -96px;} .icon-upload-color {background-position:-208px -96px;} .icon-chart-color {background-position:-224px -96px;} .icon-credit-color {background-position:-240px -96px;} .icon-folder-color {background-position:-256px -96px;} .icon-reportadd-color {background-position:-272px -96px;} .icon-monitor-color {background-position:0px -112px;} .icon-admin-color {background-position:-16px -112px;} .icon-tool-color {background-position:-32px -112px;} .icon-medal-gold-color {background-position:-48px -112px;} .icon-medal-bronze-color {background-position:-64px -112px;} .icon-medal-silver-color {background-position:-80px -112px;} .icon-exclam-color {background-position:-96px -112px;} .icon-data-color {background-position:-112px -112px;} .icon-img-color {background-position:-128px -112px;} .icon-board-num-color {background-position:-144px -112px;} .icon-board-add-color {background-position:-160px -112px;} .icon-page-setup-color {background-position:-176px -112px;} .icon-help-color {background-position:-192px -112px;} .icon-random-color {background-position:-208px -112px;} .icon-project-color {background-position:-224px -112px;} .icon-category-color {background-position:-240px -112px;} .icon-circle-color {background-position:-256px -112px;} .icon-lock-color {background-position:-272px -112px;} .icon-white-color {background-position:0px -128px;} .icon-modify-color {background-position:-16px -128px;} .icon-cancel-color {background-position:-32px -128px;} .icon-save-color {background-position:-48px -128px;} .icon-persons-color {background-position:-64px -128px;} .icon-eraser-color {background-position:-80px -128px;} .icon-phone-color {background-position:-96px -128px;} .icon-balloon-color {background-position:-112px -128px;} .icon-mail-color {background-position:-128px -128px;} .icon-preview-color {background-position:-144px -128px;} .icon-excel-color {background-position:-160px -128px;} .icon-print-color {background-position:-176px -128px;} .icon-openbook-color {background-position:-192px -128px;} .icon-calendar-color {background-position:-208px -128px;} .icon-bank-color {background-position:-224px -128px;} .icon-system-color {background-position:-240px -128px;} .icon-collection-color {background-position:-256px -128px;} .icon-download-color {background-position:-272px -128px;} .icon-answer-small-color {background-position:0px -144px;} .icon-modify-small-color {background-position:-16px -144px;} .icon-cancle-small-color {background-position:-32px -144px;} .icon-print-small-color {background-position:-48px -144px;} .icon-phone-small-color {background-position:-64px -144px;} .icon-balloon-small-color {background-position:-80px -144px;} .icon-mail-small-color {background-position:-96px -144px;} .icon-person-small-color {background-position:-112px -144px;} .icon-report-small-color {background-position:-128px -144px;} .icon-add-small-color {background-position:-144px -144px;} .icon-note-small-color {background-position:-160px -144px;} .icon-check-small-color {background-position:-176px -144px;} .icon-exam-small-color {background-position:-192px -144px;} .icon-must-small-color {background-position:-208px -144px;} .icon-pie-small-color {background-position:-224px -144px;} .icon-folder-small-color {background-position:-240px -144px;} .icon-document-small-color {background-position:-256px -144px;} .icon-del-small-color {background-position:-272px -144px;} .icon-arrow-small-color {background-position:0px -160px;} .icon-date-small-color {background-position:-16px -160px;} .icon-size-small-color {background-position:-32px -160px;} .icon-arrowup-small-color {background-position:-48px -160px;} .icon-arrowdown-small-color {background-position:-64px -160px;} .icon-full-small-color {background-position:-80px -160px;} .icon-empty-small-color {background-position:-96px -160px;} .icon-half-small-color {background-position:-112px -160px;} .icon-upload-color {background-position:-256px -160px;} .icon-disable-small-color {background-position:-272px -160px;} .icon-compare-color {background-position:-176px -160px;} .icon-folder-move-color {background-position:-192px -160px;} .icon-kakao-color {background-position:0px -176px;} .icon-arrowleft-color {background-position:-16px -176px;} .icon-arrowright-color {background-position:-32px -176px;} .icon-magnifier-color {background-position:-48px -176px;} .icon-bell-color {background-position:-64px -176px;} .icon-code-color {background-position:-80px -176px;} .icon-post-color {background-position:-96px -176px;} .icon-message-color {background-position:-112px -176px;} .icon-download-black {background-position:-128px -176px;} .icon-message-not-color {background-position:-144px -176px;} .icon-message-read-color {background-position:-160px -176px;} .icon-diagram-color {background-position:-176px -176px;} .icon-film-color {background-position:-192px -176px;} .icon-fold-plus-color {background-position:-208px -176px;} .icon-unfold-plus-color {background-position:-224px -176px;} .icon-document-small-black {background-position:0px -192px;} .icon-box-small-black {background-position:-16px -192px;} .icon-book-small-black {background-position:-32px -192px;} .icon-point-small-black {background-position:-48px -192px;} .icon-graph-small-black {background-position:-64px -192px;} .icon-code-small-black {background-position:-80px -192px;} .icon-people-small-black {background-position:-96px -192px;} .icon-folder-small-black {background-position:-112px -192px;} .icon-earth-small-black {background-position:-128px -192px;} .icon-state-small-black {background-position:-144px -192px;} .icon-up-small-black {background-position:-160px -192px;} .icon-down-small-black {background-position:-176px -192px;} .icon-arrowthick-small-black{background-position:-192px -192px;} .icon-calendar-small-black {background-position:-208px -192px;} .icon-home-small {background-position:-224px -192px;} .icon-arrow-small {background-position:-240px -192px;} .icon-bullet-square {background-position:-256px -192px;} .icon-new-color {background-position:-272px -192px;} b{font-weight:700;} /* 메뉴 상단 */ .class-top-user-wr{height:95px; border-bottom: 1px solid rgba(255,255,255,.15); display:flex; align-items:center; padding: 0 30px;} .class-top-user-wr .class-top-img{width: 50px; height: 50px; overflow: hidden; border-radius: 50%; text-align: center; margin-right:12px;} .class-top-user-wr .user_name_wr{color:#fff; display:flex; align-items:center;} .class-top-user-wr .user_name_wr .user_name{font-size:1.1rem; font-weight:var(--font-weight-bold);} .class-top-user-wr .class-top-user .user_message{margin-left:10px;} .class-top-user-wr .class-top-user .user_message a{display:block; color:var(--color-white); position:relative;} .class-top-user-wr .class-top-user .user_message a i{font-size:1.3rem;} .class-top-user-wr .class-top-user .user_message a .chat-num{background:var(--color-red); font-size:0.7rem; color:var(--color-white); position:absolute; right:-15px; top:-5px; text-align:center; line-height:20px; width:20px; height:20px; border-radius:50%;} .class-top-user-wr .user-link-wr{display:flex; align-items:center;} .class-top-user-wr .user-link-wr .user-link{position:relative; padding-right:10px; margin-right:10px;} .class-top-user-wr .user-link-wr .user-link:last-child{padding-right:0; margin-right:0;} .class-top-user-wr .user-link-wr .user-link:before{content:""; width:1px; height:8px; background:var(--color-white); opacity:.3; position:absolute; right:0; top:6px;} .class-top-user-wr .user-link-wr .user-link:last-child:before{display:none;} .class-top-user-wr .user-link-wr .user-link a{display:block;color:var(--color-white); opacity:.5; font-size:0.9rem;} .class-top-user-wr .user-link-wr .user-link a:hover{opacity:.7;} /* 왼쪽 메뉴 */ #aside {width: 100%; padding-bottom:30px;} #aside ul.lnb {width: 100%;} #aside ul.lnb li {position: relative; width: 100%;} #aside ul.lnb h3 { cursor: pointer; height: 55px; padding:0 30px; line-height: 55px; text-indent: 10px; font-size: 1rem; color: #ebebeb; background: url(../img/common/lnb_h3_bg-1.png) no-repeat 80% top; background-color:var(--color-menu-class);} #aside ul.lnb h3.open {background-position: 80% bottom; background-color:var(--color-red);} #aside ul.lnb h3.active {background-position: 80% top; background-color:var(--color-red);} #aside ul.lnb li ul.menuSub {overflow: hidden; display: none; background-color:var(--color-menu-class-deep); padding:10px 0;} #aside ul.lnb li ul.menuSub li {width: 100%; height: 40px; line-height: 40px; font-weight: 700; padding:0 30px;} #aside ul.lnb li ul.menuSub li a {display: block; padding-left: 20px; color: var(--color-white); font-size: 0.9rem;} #aside ul.lnb li ul.menuSub li a:hover{color: var(--color-pink); } #aside ul.lnb span {position: absolute; top: 9px; right: 60px; display: inline-block; text-indent: 0 !important;} #aside ul.lnb li:hover div.menuSubHover {display: block;} #aside ul.lnb li div.menuSubHover { display: none;} #aside ul.lnb li div.menuSubHover ul {position: absolute; top: 0; right: -200px; width: 200px; height: auto; min-height: 41px; overflow: hidden; background: url(../img/common/lnb_over_bg.png) no-repeat; background-color:var(--color-menu-class); border-radius: 0 7px 7px 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); z-index: 11;} #aside ul.lnb li div.menuSubHover ul li {float: right; width: 160px; height: 40px; line-height: 40px; text-indent: 10px; background: url(../img/common/lnb_over_line.png) 0 bottom repeat-x;} #aside ul.lnb li div.menuSubHover ul li.last {background: none;} #aside ul.lnb li div.menuSubHover ul li a {display: block; font-weight: 700; font-size: 0.9rem; color: #b7b7b7; width: 156px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #aside ul.lnb li div.menuSubHover ul li a:hover {color: var(--color-white);} #aside ul.lnb li.on div.menuSubHover {display: none !important;} #aside #todayList { position: relative; clear: both; width: 100%; padding: 30px 30px 0 30px;} #aside #todayList h2 {color:var(--color-white); margin-left: 10px; padding-bottom: 10px;} #aside #todayList h2 span.num{border: 0 !important; border-radius:50% !important; height: 20px !important; width: 20px !important; font-size: 0.95rem !important; line-height: 1.5 !important;} #aside #todayList a.bx-prev { position: absolute; top: 32px; left: 154px; width: 16px; height: 16px; text-indent: -9999px; background: url(../img/common/btn_up.png) no-repeat; z-index: 1;} #aside #todayList a.bx-next {position: absolute; top: 32px; right: 10px; width: 16px; height: 16px; text-indent: -9999px; background: url(../img/common/btn_down.png) no-repeat; z-index: 1;} #aside #todayList ul.bxslider { margin-bottom: 0; background: #fff; overflow: hidden; border-radius:10px; opacity:.8;} #aside #todayList ul.bxslider ul.listNum { width: 100%; height: auto; margin:0; padding:10px; overflow: hidden; border-bottom: 1px solid #ebebeb;} #aside #todayList ul.bxslider ul.listNum li {line-height:1.0; float: left; width: 155px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #aside #todayList ul.bxslider ul.listNum li.dateBar { width: 5px; height: 60px; margin-right: 5px;} #aside #todayList ul.bxslider ul.listNum li h3, #aside #todayList ul.bxslider ul.listNum li h4, #aside #todayList ul.bxslider ul.listNum li h5 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:1.1rem; font-weight:bold; padding:5px 0 2px 0;} #aside #todayList ul.bxslider ul.listNum li span {padding:0; font-size:0.9rem; line-height:1.0;} #aside #todayList ul.bxslider ul.listNum li span.btn {display: block; text-align: right; border:0; border-radius:0;} /* 강의실 풋터 */ .footer-wr{border-top: 1px solid #ddd;} /* 최상단 강의실 정보 */ .header_content{position:relative; z-index:1;height:95px; background-color:var(--color-white); box-shadow:var(--box-shadow); border-bottom:1px solid #ddd; width:100%; padding:20px 50px; display:flex; align-items:center; justify-content:space-between;} .header_content .class_sbox{width:auto;} .header_content .class_sbox select{border:0; font-size:1.8rem; font-weight:var(--font-weight-bold); height:auto; color:var(--color-black);} .header_content .class_sbox select option{font-size:1.1rem; } .header_content .proFunction{display:flex; align-items:center;} .header_content .proFunction li{margin-right:8px;} .header_content .proFunction .btn-line{border: 1px solid var(--color-red); color:var(--color-red); background-color:var(--color-white); font-size:0.9rem;} .header_content .proFunction .top_link{font-size:1.4rem; color:var(--color-black); padding: 0 5px; opacity:.7;} .header_content .proFunction .top_link:hover{opacity:1;} .header_content .proFunction li:last-child{margin-right:0;} .header_content .chosen-container-single .chosen-single, .header_content .chosen-container-active .chosen-single{border:0; padding:0; font-size:1.8rem; font-weight:var(--font-weight-bold); height:40px; color:var(--color-black); overflow: initial; box-shadow:none;} .header_content .chosen-container-single .chosen-single span{padding: 10px 30px 10px 10px; overflow: initial; font-weight:var(--font-weight-bold);} .header_content .chosen-container-single .chosen-drop{border:0;} /* 상단 교수정보 */ .course-info-wr{padding: var(--contents-padding); padding-bottom:0; display:flex;} .course-info-wr .course-info-section{width:500px; background:#f1f4f6; border: 1px solid var(--bs-gray-400); border-radius:10px; padding:25px;} .course-info-wr .course-info-post{display:flex; align-items:center; position:relative; width:100%; border-bottom:1px solid var(--bs-gray-400); padding-bottom:15px; margin-bottom:15px;} .course-info-wr .course-info-post .course-info-photo{width:56px; height:56px; border-radius:50%; overflow:hidden; text-algin:center; margin-right:10px;} .course-info-wr .course-info-post .course-info-text{padding-top:15px;} .course-info-wr .course-info-post .course-info-text span{font-size:0.8rem; color:var(--bs-gray-600); display:block;} .course-info-wr .course-info-post .course-info-text .course-info-name{display:flex; align-items:center; } .course-info-wr .course-info-post .course-info-text .course-info-name p{padding-right:10px; margin-right:10px; position:relative;} .course-info-wr .course-info-post .course-info-text .course-info-name p:first-child{font-weight:var(--font-weight-semibold); font-size:1.1rem;} .course-info-wr .course-info-post .course-info-text .course-info-name p:last-child{margin:0; padding:0;} .course-info-wr .course-info-post .course-info-text .course-info-name p:before{content:""; position:absolute; right:0; top:9px; width:1px; height:10px; background-color:var(--bs-gray-600);} .course-info-wr .course-info-post .course-info-text .course-info-name p:last-child:before{display:none;} .course-info-wr .course-info-post .course-info-btn{font-size:0.8rem !important; color:var(--color-white); position:absolute; right:0; top:0;} .course-info-wr .course-info-class-wr .course-info-class{display:flex; align-items:center; padding:0 20px;} .course-info-wr .course-info-class-wr .course-info-class .info-class-tit{font-weight:var(--font-weight-semibold);width:105px;position:relative;} .course-info-wr .course-info-class-wr .course-info-class .info-class-tit:before{content:""; position:absolute; right:0; top:9px; width:1px; height:10px; background-color:var(--bs-gray-600);} .course-info-wr .course-info-class-wr .course-info-class .info-class-txt{width:calc(100% - 105px); padding-left:10px;} /* 상단 통계 */ .course-info-wr .course-all-info-wr{width:calc(100% - 500px - 30px); margin-left:30px; border: 1px solid var(--bs-gray-400); border-radius:10px; padding:25px;} .course-info-wr .course-all-info-wr .course-all-info{border-bottom: 1px solid var(--bs-gray-400); padding-bottom:10px; margin-bottom:10px; display:flex; align-items:center;} .course-info-wr .course-all-info-wr .course-all-info-admin .course-all-link{width:calc(100% / 3);} .course-info-wr .course-all-info-wr .course-all-link{width:calc(100% / 4); padding: 10px 20px; border-right: 1px solid var(--bs-gray-400); position:relative;} .course-info-wr .course-all-info-wr .course-all-link:last-child{border:0;} .course-info-wr .course-all-info-wr .course-all-link h3{font-weight:var(--font-weight-semibold); font-size:1.0rem; color:var(--color-blck); padding-bottom:5px;} .course-info-wr .course-all-info-wr .course-all-link p{font-size:1.5rem; color:var(--color-red);} .course-info-wr .course-all-info-wr .course-all-link i{position:absolute; right:20px; top:10px;} .course-info-wr .course-all-info-wr .course-all-link:hover h3{font-decoration:underline;} .course-info-wr .course-all-info-wr .course-all-link:hover i{transform:rotate(90deg);} .course-info-wr .course-all-info-wr .course-all-link-no p{color:var(--bs-gray-500);} /* 상단 툴바 */ .course-info-wr .course-all-info-wr .course-class-all{display:flex; align-items:center;justify-content: space-between; } .course-class-all-prosess {width:calc(100% - 400px);} .course-class-all-prosess .course-class-all-prosess-tit{font-weight:600; padding-bottom:5px; color:var(--color-black); font-size:1.1rem;} .course-class-all-prosess ul.totalBar {width:100%; height:25px !important; border-radius:50px; background:var(--bs-gray-400); overflow:hidden;} .course-class-all-prosess ul.totalBar li {float:left; line-height:25px; font-size:0.9rem; color:#fff; background:var(--color-blue); text-indent:15px;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-wr{width:350px; font-size:0.95rem;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet{display:flex; align-items:center; padding-bottom:5px;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet:last-child{padding:0;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-tit{font-weight:600; width:80px; border-radius:5px; border:1px solid #ddd; padding:2px; text-align:center; margin-right:15px;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-tit-off{border-color:var(--color-red); color:var(--color-red);} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-tit-on{border-color:var(--color-blue); color:var(--color-blue);} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .class-bulet{display:block; padding-left:18px; position:relative; margin-right:15px;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .class-bulet:last-child{margin:0;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .class-bulet:before{content:""; position: absolute; top:5px; left:0; width:14px; height:14px; border-radius:50%;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .bulet-blue:before{background-color:var(--color-blue); } .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .bulet-yellow:before{background-color:var(--bs-yellow);} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .bulet-gray:before{background-color:var(--bs-gray-400);} /* 학습목차 */ .study-class-wr{padding-top:30px;} .study-class-active{background-color:#faf4f4; border:1px solid var(--color-red); border-radius:10px; padding:25px;} .study-class-wr .study-class-con{padding:25px; border: 1px solid #aaa; border-radius:10px; margin-bottom:20px;} .study-class-wr .study-class-con:last-child{margin-bottom:0;} .study-class-tit-wr{display:flex; justify-content: space-between; position:relative;} .study-class-tit-wr .study_btn{position:absolute; right:0; top:0;} .study-class-tit-wr .study-class-tit{font-size: 1.3rem; font-weight: var(--font-weight-bold); color:var(--color-black);} .study-class-lienner-tit-wr .study-class-tit{width:calc(100% - 120px);} .study-class-tit-wr .study-class-tit span{font-weight: var(--font-weight-bold); margin-right:5px;} .study-class-tit-wr .study-class-btn{display:flex; align-times:center;} .study-class-tit-wr .study-class-btn a{margin-left:6px;} .study-class-tit-wr .study-class-btn .btn-red{color:var(--color-white);} .study-class-tit-wr .study-class-btn .btn-blue-line{color:var(--color-blue);} .study-class-tit-wr .study-class-btn .btn-red-line{color:var(--color-red);} .study-class-list-wr{padding-top:10px;} .study-class-list-wr .study-class-list{border-bottom: 1px solid var(--bs-gray-400); padding:10px; display:flex;} .study-class-list-wr .study-class-list:last-child{border-bottom:0;} .study-class-list-wr .study-class-list .class-list-tit{position:relative; width: 110px; font-weight:700;} .study-class-list-wr .study-class-list .class-list-tit a{font-weight:700;} .study-class-list-wr .study-class-list .class-list-tit:before{content:""; width:1px; height:12px; background:var(--bs-gray-400); position: absolute; right:0; top:6px;} .study-class-list-wr .study-class-list .class-list-txt-wr{width:calc(100% - 110px); padding-left:20px;} .study-class-list-wr .study-class-list .class-list-txt-wr .class-list-txt, .study-class-list-wr .study-class-list .class-list-txt-wr .class-list-txt .class-list-btn{display:flex; align-items:center;} .study-class-list-wr .study-class-list .class-list-txt-wr .class-list-txt{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--bs-gray-400);} .study-class-list-wr .study-class-list .class-list-txt-wr .class-list-txt:last-child{padding:0; margin:0; border:0;} .study-class-list-wr .study-class-list .class-list-txt-wr .class-list-txt .class-list{margin-right:10px;} .study-class-list-wr .study-class-list .class-list-txt-wr .class-list-txt .class-list-btn a{margin-left:6px;} /* 테이블 상단 옵션 */ .boardOption select{height:auto;} div.boardOption > ul > li.input-group{width:auto;} div.boardOption > ul > li.input-group .btn, .btn-light-line{border: 1px solid var(--bs-gray-400);} div.boardOption .form-control, div.boardOption .form-select{border-color: var(--bs-gray-400); height:38px; font-size:0.9rem;} div.boardOption .btn{font-size:0.95rem;} /* 강의실 공지사항 */ .btn_bt_wr{display:flex; align-items:center; justify-content:end; padding-top:20px;} .btn_bt_wr .btn{margin-left:6px; color:var(--color-white);} .btn_bt_wr .btn-light-line{color:#444;} .btn_bt_wr .btn-red-line{color:var(--color-red);} .btn_bt_wr .btn-blue-line{color:var(--color-blue);} .btn_bt_wr .btn-blue-dark-line{color:var(--color-blue-deep);} .btn_bt_wr .btn-gray{color:var(--color-gray-deep);} .switch-btn-wr{display:flex; align-items:center;} .switch-btn-wr .btn-switch{border: 1px solid var(--bs-gray-400); background-color:var(--color-white); width:38px; height:38px;display:flex; align-items:center; justify-content:center;} .switch-btn-wr .btn-switch:hover, .switch-btn-wr .btn-switch.active{filter: brightness(0.95);} .switch-btn-wr .btn-switch-list{border-width:1px 0 1px 1px !important; border-radius:0.375rem 0 0 0.375rem;} .switch-btn-wr .btn-switch-block{border-radius:0 0.375rem 0.375rem 0;} .btn_bt_wr .btn{} #listBox div.listContent dl.element dt .element-h4{width:60%; font-size:1.2rem !important} /* 게시판 하단 수강생 */ #listBox div.all-list-student{border: 1px solid var(--color-red); border-radius:10px;background-color: #faf4f4; margin-top:20px; padding:10px;} #listBox div.all-list-student dl.element dt{padding:0; color:var(--color-red);} #listBox div.all-list-student ul{display:flex; flex-wrap:wrap; gap:10px; padding:10px 20px; color:var(--color-red); } #listBox div.all-list-student ul.btnBox{padding:0;} /* 20240206 반응형 테이블 */ #listBox table{width: 100%} .boardListBasic {display: table; width: 100%; border-collapse: collapse; border-spacing: 0;} .boardListBasic thead tr th, .boardListBasic tbody tr th, .boardListBasic tbody tr td {padding: 15px 8px ; font-size: 0.9rem; line-height: 1.2; border: 1px solid var(--color-gray-light);} .boardListBasic thead tr th{border-top: 1px solid var(--color-red);} .boardListBasic thead tr th{font-weight: bold;} .boardListBasic th.num, .boardListInfo th.num {width: 60px !important;} /* 테이블 색상 */ .boardListBasic.color-gray th{background:var(--color-gray-light2);} .boardListBasic_line th, .boardListBasic_line td{border: 1px solid var(--color-gray-light)} .boardListBasic th li{font-weight:bold; line-height:1.0;} .boardListWrite th.head{background:var(--color-gray-light2) !important; border-top: 1px solid #ddd; color:#000; font-weight:bold; } .boardListWrite tr.odd-row td{background:var(--color-white) !important} .boardListWrite th, .boardListWrite td{padding: 10px 14px;} .boardListBasic th.head{padding-right:10px;} .boardListInfo {width:100%; border-bottom:1px solid #ddd;} .boardListInfo th {padding:8px 5px; text-align:center; border:1px solid #ddd; border-width:1px 1px 1px 0; color:var(--color-black); text-shadow: none; background:#ecf3ff;} .boardListInfo td {padding:8px 5px; text-align:center; border:1px solid #cdcdcd; border-width:1px 1px 1px 0; } .boardListInfo th a, .boardListInfo td a {height:20px !important; line-height:20px !important;} .boardListInfo td a:hover {filter:alpha(opacity=100) !important; opacity:1 !important;} .boardListInfo td.head {background:#efebd9 !important; border:1px solid #d5cfb4; text-align:left;} .boardListInfo td.subject {text-align:left !important;} .boardListInfo tr.odd-row td {background:var(--color-white);} .boardListInfo td.last, .boardListInfo th.last {border-right:none;} .boardListInfo tfoot td {background:#e6dcdb !important; color:#9b736f;} .boardListInfo th a.btn, .boardListInfo td a.btn{height:auto !important;} #listBox div.listContent dl.element dd div.cont .innerBox{border-top: 1px solid #ddd;} .form-check input[type="checkbox"], .form-check input[type="radio"]{margin: initial; margin-left: -1.5em; margin-top: 0.25em;} .boardListWrite textarea.form-control{height:auto;} input.form-control, select.form-select{height:auto;} .border-top{border-top:1px solid #ddd;} .border-bottom{border-bottom:1px solid #ddd;} /* 게시판 팀활동 학습목표 하단 요소 */ #listBox div.listContent dl.teamList dt ul.tab{position:relative; height:25px; margin-top:20px; padding-left:15px; background:url(../img/classroom/tab_menu.gif) repeat-x 0 100%;} #listBox div.listContent dl.teamList dt ul.tab, ul.tab li{margin:0; padding:0} #listBox div.listContent dl.teamList dt ul.tab li{list-style:none; font-size:0.9rem} #listBox div.listContent dl.teamList dt ul.tab li, ul.tab li a{background:url(../img/classroom/bg_tab_off.gif) no-repeat} #listBox div.listContent dl.teamList dt ul.tab li{float:left;margin-right:-1px; line-height:22px} #listBox div.listContent dl.teamList dt ul.tab li a{display:inline-block; padding:2px 16px 1px; background-position:100% 0; font-weight:bold; color:#999; text-decoration:none !important;} #listBox div.listContent dl.teamList dt ul.tab li.on, ul.tab ul li.on a{background-image:url(../img/classroom/bg_tab_on.gif)} #listBox div.listContent dl.teamList dt ul.tab li.on a{color:#333;} /* 강의 영상 교수자 */ .study-class-list-wr .study-class-list .class-list-txt-wr .video{ padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid var(--bs-gray-400);} .study-class-list-wr .study-class-list .class-list-txt-wr .video:last-child{padding:0; margin:0; border:0;} .study-class-list-pro .video-list{display:flex; align-items: center;} .study-class-list-pro .video-list .bar{height:auto !important; border-radius:0 !important; overflow: initial; } .study-class-list-pro .video-list .bar li{position:relative; margin-right:15px; font-family:var(--font-basic); background:none; text-shadow:none; color:#555; font-size: 1rem; padding-left:20px;} .study-class-list-pro .video-list .bar li:before{content:""; position:absolute; width:15px; height:15px; left:0; top:1px; border-radius:50%;} .study-class-list-pro .video-list .bar li.bar-blue:before{background-color: var(--color-blue);} .study-class-list-pro .video-list .bar li.bar-gray:before{background-color: var(--bs-gray-400);} .study-class-list-pro .video-list .bar li.bar-orange:before{background-color: var(--bs-yellow);} /* 강의 영상 학생 */ .study-class-list-wr .study-class-list .class-list-txt-wr .video{ padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid var(--bs-gray-400);} .study-class-list-wr .study-class-list .class-list-txt-wr .video:last-child{padding:0; margin:0; border:0;} .study-class-list-student .video-list{display:flex; align-items: center;} .study-class-list-student .video-list .bar_wr{width:calc(100% - 300px); margin-right:10px; } .study-class-list-student .video-list .bar{height:30px !important; border-radius:50px !important; width:100%;} .study-class-list-student .video-list .bar li{font-family:var(--font-basic); text-shadow:none; color:#555; font-size: 1rem; text-indent: 15px; line-height: 27px; height:30px;} .study-class-list-student .video-list .bar li.bar-blue{background: var(--color-blue); color:#fff;} .study-class-list-student .video-list .bar li.bar-gray{background: var(--bs-gray-400);} .study-class-list-student .video-list .bar li.bar-orange{background: var(--bs-yellow); color:#fff;} /* 학생 레슨 정보 */ .lesson_info{width:100%; border: 1px solid var(--color-red); border-radius:10px; background-color: #faf4f4; padding:20px;} .lesson_info li div span{font-weight:bold;} .lesson_info li font{font-size:0.9rem; color:var(--color-red);} /* 토글리스트 */ #listBox ul.toggleList{border: 1px solid var(--bs-gray-700);; border-width:1px 0 0 0; } #listBox ul.toggleList:last-child{border-bottom:1px solid var(--bs-gray-700);;} #listBox ul.toggleList li.list{border: 0; display:flex; align-items: center; background:#fff; padding:25px; width: 100%; position:relative;} #listBox ul.toggleList li.list .date{position: initial; top:auto; left:auto; right:auto; bottom:auto; margin-left:10px; display:block;} #listBox ul.toggleList li.list .btnBox{position: absolute; top: 50%; right: 70px; transform: translateY(-50%);} #listBox ul.toggleList li.list .arrow{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} #listBox ul.toggleList li.content{border-top: 1px solid #ddd; padding:20px;} #todayList .bx-controls{display:none;} .table_wr{ overflow-x:auto; width:100%;} .table_wr .table_mobile{width:100%; min-width:1350px;} .table_wr .table_mobile .num{width:40px !important;} .table_wr .table_mobile_sm{width:100%; min-width:700px;} .table_wr .table_mobile_xsm{width:100%; min-width:600px;} .table_wr .table_mobile_xxsm{width:100%; min-width:400px;} .mobile_display{display:none !important;} #aside ul.lnb *{transition:none;} .boardListWrite td > span{float:left; margin-top:5px;} .boardListWrite td > span#teamCategorySelect{float:none;} /* OCW 강좌 */ .lesson_ocw_list_wr{width:100%;} .lesson_ocw_list_wr:after{content:""; display:block; clear:both;} .lesson_ocw_list_wr .class_list{width:calc(100% - 350px); float:left;} .lesson_ocw_list_wr .class_list ol{width:100%; border: 1px solid #aaa; border-radius: 10px; margin-top:20px; padding:20px;} .lesson_ocw_list_wr .class_list ol:first-child{margin-top:0;} .lesson_ocw_list_wr .class_list .ocw_list_tit{ font-size: 1.3rem;color:#000;} .lesson_ocw_list_wr .class_list .ocw_list_tit span{margin-right:5px; display:inline-block; color:#000; font-weight:bold;} .lesson_ocw_list_wr .class_list .open_inner li{padding:10px; border-bottom:1px solid #ddd;} .lesson_ocw_list_wr .class_list .open_inner li:last-child{border:0;} .btn_none{cursor: default;} .lesson_ocw_list_wr .class_aside{float:right; width:300px;border: 1px solid #aaa; border-radius: 10px; overflow:hidden;} .lesson_ocw_list_wr .class_aside .class_aside_tit{padding:10px; background:#f9f9f9; font-weight:600; text-align:center; border-bottom: 1px solid #ddd;} .lesson_ocw_list_wr .class_aside .class_aside_list{padding:10px;} .lesson_ocw_list_wr .class_aside .class_aside_list li{padding:5px;} .lesson_ocw_list_wr .class_aside .rating{padding:15px; border-top: 1px solid #ddd;} .lesson_ocw_list_wr .class_aside .star-rating-control:after{content:""; display:block; clear:both;} .lesson_ocw_list_wr .class_aside .rating_txt p{padding-bottom:5px;} #listBox div.listContent dl.element dt .btnBox{} #listBox div.listContent dl.element dt .btnBox li:last-child{margin-right:0;} #listBox div.listContent .answerArea .partition dl.section dt{border-bottom:0;} .boardListBasic td .clip{font-weight:700;} /* 반응형 */ @media (max-width : 1540px){ /* 헤더 타이틀 */ .course-info-wr .course-info-section{width:400px;} .course-info-wr .course-all-info-wr{width:calc(100% - 400px - 30px);} /* OCW 강좌 */ .lesson_ocw_list_wr .class_list{width:calc(100% - 320px);} #listBox div.listContent dl.element dt .btnBox{text-align:right;} #listBox div.listContent dl.element dt .btnBox li{float:none; display:inline-block; margin-right:0; margin-left:5px; margin-top:5px;} #listBox div.listContent dl.element dt{display:block;} #listBox div.listContent dl.element dt:after{content:""; display:block; clear:both} #listBox div.listContent dl.element dt .element-h4{margin-bottom:0; width:auto;} #listBox div.listContent dl.element dt .btnBox{float:right;} } @media (max-width: 1450px){ /* 헤더 타이틀 */ .header_content .class_sbox {width: auto !important;} .lesson_file_list_wr #fileList div{width:100% !important;} } @media (max-width : 1400px){ /* 헤더 및 메뉴 부분 */ html { --header-width: 280px; --footer-add-height: 50px; --contents-padding: 30px 20px 50px 20px; } .header_content{padding:20px;} .course-info-wr{display:block;} .course-info-wr .course-info-section{width:100%;} .header_content .class_sbox select, .header_content .chosen-container-single .chosen-single, .header_content .chosen-container-active .chosen-single{font-size:1.5rem;} .header_content .class_sbox select option{font-size:1rem;} .course-info-wr .course-all-info-wr{width:100%; margin-left:0; margin-top:10px;} #aside #todayList ul.bxslider ul.listNum li{width:135px;} /* 타이틀 부분 */ .contentTitle h2{font-size:1.3rem !important;} .header_content .proFunction li:nth-child(1), .header_content .proFunction li:nth-child(2), .header_content .proFunction li:nth-child(3){display:none;} /* OCW 강좌 */ .lesson_ocw_list_wr .class_list{width:calc(100% - 250px);} .lesson_ocw_list_wr .class_aside{width:230px;} div.boardOption > ul li{margin-top:5px !important;} } @media (max-width:1200px){ /* 공지사항 */ #listBox div.listContent_block dl.element dt{padding: 15px 15px 5px 15px;} /* 글쓰기 */ .boardListWrite .board-write-top{width:100%;} .boardListWrite .board-write-top select, .boardListWrite .board-write-top input{width:100% !important; margin-bottom:5px;} .boardListWrite .board-write-top .form-check .form-check-input{width:20px !important; height:20px !important;} .boardListWrite .board-write-top span{width:100%; display:block;} .boardListWrite .board-write-top span input{height:38px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius);} .boardListWrite .file-head-color{display:none;} .boardListWrite th, .boardListWrite td{width:100%; display:block;} .boardListWrite col{width:100% !important;} .boardListWrite td:after{content:""; display:block; clear:both;} } @media (max-width : 1024px){ #tooltip{display:none;} /* 헤더 및 메뉴 부분 */ html { --contents-padding: 80px 20px 50px 20px; } .pc_display{display:none !important;} .mobile_display{display:initial !important;} /* 헤더 및 메뉴 */ .menu_top_home{position: absolute; top:10px; right:20px;} .header-mobile{position:fixed; left:0; top:0;} .header_content{position:fixed; right:0; top:0; width:calc(100% - 60px); height:58px; padding:10px 20px;box-shadow:none; border-bottom: 1px solid #ddd; z-index:10;} #menuToggle .menu{background-color: var(--color-menu-class) !important; width: 250px;} .header_content .class_sbox select, .header_content .chosen-container-single .chosen-single, .header_content .chosen-container-active .chosen-single{font-size:1.3rem;} .header_content .class_sbox select option{font-size:0.9rem;} .header_content .class_sbox select{width:100%;} /* 메뉴 */ .class-top-user-wr{padding: 0 10px !important; justify-content: center; height: 80px;} #aside ul.lnb h3{padding: 0 15px;} #aside #todayList{display:none;} #aside ul.lnb{max-height: calc(100vh - 150px); overflow-y:auto;} #aside ul.lnb li div.menuSubHover{display:none !important;} #aside ul.lnb li ul.menuSub li a{padding-left:15px;} /* 상단 교수자 */ .course-info-wr .course-info-section{padding:15px;} .course-info-class-wr{display:flex; align-items:center; padding-left:10px;} .course-info-wr .course-info-class-wr .course-info-class{padding:0; width:180px;} .course-info-wr .course-info-class-wr .course-info-class .info-class-tit{width:auto; padding-right:10px;} .course-info-wr .course-all-info-wr .course-all-info{display:none;} .course-info-wr .course-all-info-wr .course-class-all{display:block;} .course-info-wr .course-all-info-wr{padding:20px;} .course-class-all-prosess{width:100%; display:flex; align-items:center;} .course-class-all-prosess .course-class-all-prosess-tit{width:120px;} .course-class-all-prosess ul.totalBar{width:calc(100% - 120px)} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-wr{width:100%; display:flex; align-items:center; padding-top:8px;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet{width:50%; padding:0;} /* 컨텐츠 */ .container .contents{padding:30px 20px 50px 20px;} /* .contentTitle{padding-bottom: 10px !important;} */ .study-class-list-wr{font-size:0.95rem;} .breadcrumb{margin:0;} div.boardTab{display:none;} /* .contentTitle h2{padding-bottom: 10px !important;} */ /* 학습목차 */ .study-class-tit-wr .study-class-tit{font-size:1.2rem;} .study-class-active{margin-top:10px;} .study-class-active, .study-class-wr .study-class-con{padding:20px;} div.boardOption > ul{float:none; width:100%; display:block; padding-bottom:5px;} div.boardOption > ul > li{width:100%; max-width:100%;margin-right:0 !important; float:none !important; margin-top:5px !important; } div.boardOption > ul > li:first-child{margin-top:0 !important; } div.boardOption > ul > li select{width:100%; max-width:100%;} div.boardOption > ul > li.input-group{width:100%;} div.boardOption > ul.fr{float:none; width:100%; display:block;} div.boardOption > ul.fr > li{margin-right:0 !important; float:none !important; margin-top:5px !important; width:100%;} div.boardOption > ul.fr > li:first-child{margin-top:0 !important; } div.boardOption > ul.fr > li .btn{width:100%; display:block;} div.boardOption > ul.fr > li .switch-btn-wr .btn-switch{display:flex;} div.boardOption > ul.fr > li select{width:100%; max-width:100%;} /* 공지사항 */ #listBox div.listContent_block dl.element dd.listContent_text{display:none;} #listBox div.listContent_block dl.element dd.info ul{border:0;} #listBox div.all-list-student{} #listBox div.all-list-student ul{padding:0; gap:5px 10px;} /* OCW 강좌 */ .lesson_ocw_list_wr .class_list ol{padding:15px;} .lesson_ocw_list_wr .class_list .ocw_list_tit{font-size: 1.2rem;} .table_wr .table_mobile2{min-width:700px;} #listBox div.listContent .answerArea .partition dl.section dt .btnBox{float:none; width: 100%; display: flex; align-items: center; justify-content: end; margin-top:5px;} #drop a{display:block; margin-bottom:5px;} #upload ul li{height:auto; } #upload ul li p{white-space: initial;} } /* 테이블 반응형 */ @media (max-width: 948px) { .boardListBasic{ border-top: 0 !important;} .boardListBasic col { width: 100% !important;} .boardListBasic thead {display: none;} .boardListBasic tbody tr{border:1px solid #cfcfcf; border-radius:10px; margin-bottom:20px; display:block; padding:15px;} .boardListBasic tbody tr th, .boardListBasic tbody tr td {width: 100%; display: block; padding: 3px !important; border:0 !important; text-align:left !important; max-width:100% !important; width: 100% !important; font-size: 1.0rem;} .boardListBasic tbody tr td .clip{overflow: initial; white-space: initial; text-overflow: inherit; font-size:1.2rem;} .boardListBasic tbody tr td .btn{display:block; width:100%;} .boardListBasic_board tbody tr:after{content:""; display:block; clear:both;} .boardListBasic_board tbody tr td.text_inline{float:left; width:auto !important;} .boardListBasic_board tbody tr td.text_inline_2{float:left; width:100% !important;} .boardListBasic_auto{border-top: 1px solid #ddd !important;} .boardListBasic_auto tbody tr{border:0; display: table-row; margin:0; padding:0; border-radius:0;} .boardListBasic_auto tbody tr th, .boardListBasic_auto tbody tr td{border-bottom: 1px solid #ddd !important; padding:10px !important;} .table_wr .table_mobile{} .table_wr .table_mobile col, .table_wr .table_mobile_sm col{width: auto !important;} .table_wr .table_mobile thead, .table_wr .table_mobile_sm thead{display: table-header-group;} .table_wr .table_mobile tbody tr, .table_wr .table_mobile_sm tbody tr{border:0; display: table-row; margin:0; padding:0; border-radius:0;} .table_wr .table_mobile tbody tr td, .table_wr .table_mobile_sm tbody tr td{width: auto; display: table-cell; padding: 8px 10px !important; border: 1px solid #ddd !important; text-align:center !important; width:auto !important; word-wrap: initial; word-break: initial;} .table_wr .table_mobile tbody tr td .btn, .table_wr .table_mobile_sm tbody tr td .btn{display:inline-block; width:auto;} .table_wr .table_mobile tbody tr td:last-child, .table_wr .table_mobile tbody tr th:last-child, .table_wr .table_mobile_sm tbody tr td:last-child, .table_wr .table_mobile_sm tbody tr th:last-child{border: 1px solid var(--color-gray-light) !important;} .pc_display2{display:none !important;} .btn_bt_wr{justify-content: center;} .btn_bt_wr .btn{margin:0 3px;} .header_content .class_sbox select, .header_content .chosen-container-single .chosen-single, .header_content .chosen-container-active .chosen-single{font-size:1.2rem;} } @media (max-width : 794px){ /* 상단통계 */ .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-wr{display:block;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet{width:100%; padding-bottom:5px;} /* 학습목차 */ .study-class-list-wr .study-class-list{display:block;} .study-class-list-wr .study-class-list .class-list-tit{width:100%;} .study-class-list-wr .study-class-list .class-list-tit:before{display:none;} .study-class-list-wr .study-class-list .class-list-txt-wr{width:100%; padding:0;} .study-class-list-student .video-list{display:block;} .study-class-list-student .video-list .bar_wr{width:100%; margin-bottom:5px;} .study-class-list-student .video-list .bar{height:25px !important;} .study-class-list-student .video-list .bar li{height:25px; font-size:0.95rem; line-height: 25px;} /* 공지사항 */ #listBox div.listContent{padding:15px;} #listBox div.listContent_block dl.element dt{display:block; padding: 10px 10px 5px 10px;} #listBox div.listContent_block dl.element dd.info ul{padding: 10px;} .up_file_list .up_file_list_con{display:block; padding:10px;} .up_file_list .up_file_list_tit_wr{width:100%; border-right:0; border-bottom:1px solid #ddd;} .up_file_list .up_file_list_txt_wr{padding:10px; width:100%;} #listBox div.listContent .answerArea .partition .sectionWrite-upload-btn .btn{width:100%; margin:0;display:block;} #listBox div.listContent .answerArea .partition dl.section dd ul{margin:0 !important; float:none !important;} #listBox div.listContent .answerArea .partition dl.section dt .cont{display:block;} #listBox div.listContent .answerArea .partition dl.section dt .cont p.img{width:50px;} #listBox div.listContent .answerArea .partition dl.section dt .cont p.txt{width:calc(100% - 65px);} #listBox div.all-list-student dl.element dt{padding:0 !important;} #listBox div.all-list-student dl.element dt .btnBox{float:none !important;} /* OCW 강좌 */ .lesson_ocw_list_wr{display:block;} .lesson_ocw_list_wr .class_list{width:100%; float:none;} .lesson_ocw_list_wr .class_aside{float:none; width:100%; margin-bottom:20px;} .lesson_ocw_list_wr .class_aside .class_aside_list li{display:inline-block;} .boardListBasic tbody tr td .clip, #listBox div.listContent dl.element dt .element-h4{font-size:1.1rem !important;} .boardListBasic tbody tr, #listBox div.listContent{margin-bottom:10px;} } @media (max-width : 520px){ /* 상단통계 */ .course-info-wr .course-info-post{padding-bottom:45px; border:0; margin-bottom:8px;} .course-info-wr .course-info-post .course-info-btn{bottom: 0; top: auto; width: 100%;} .course-info-class-wr, .course-info-wr .course-info-post .course-info-text .course-info-name, .course-info-wr .course-info-class-wr .course-info-class{display:block;} .course-info-wr .course-info-post .course-info-text .course-info-name p, .course-info-wr .course-info-class-wr .course-info-class .info-class-tit, .course-info-wr .course-info-class-wr .course-info-class .info-class-txt{display:inline-block; width:auto;} .course-info-wr .course-info-class-wr .course-info-class{width:100%;} .course-info-wr .course-info-post .course-info-photo{display:none;} .course-info-wr .course-info-post .course-info-text{padding:0;} .course-class-all-prosess{display:block;} .course-class-all-prosess .course-class-all-prosess-tit{width:100%;} .course-class-all-prosess ul.totalBar{width:100%;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet{display:block;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet:after{content:""; display:block; clear:both;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet-tit{margin:0; width:100%;} .course-info-wr .course-all-info-wr .course-class-all .course-class-all-bulet .class-bulet{float:left;} /* 학습목차 */ .study-class-list-pro .video-list{display:block;} .study-class-list-pro .video-list > li{margin-bottom:8px; width:100%;} .study-class-list-pro .video-list > li:last-child{margin-bttom:0px;} .study-class-list-pro .video-list .bar:after{content:""; display:block; clear:both;} /* 하단 버튼 */ .btn_bt_wr{display:block; padding-top:10px;} .btn_bt_wr .btn{width:100%; margin:0 0 5px 0; display:block;} #listBox div.listContent .answerArea .partition ul.sectionWrite li{float:none !important;} #listBox div.listContent .answerArea .partition ul.sectionWrite{display:block;} #listBox div.listContent .answerArea .partition ul.sectionWrite li.sectionWrite_img{display:none;} #listBox div.listContent .answerArea .partition ul.sectionWrite li.sectionWrite_txt{width:100%;} .boardListBasic tbody tr td .clip, #listBox div.listContent dl.element dt .element-h4{font-size:1.0rem !important;} } @media print { /* insert your style declarations here */ body *{font-size: 0.7rem !important} .boardListBasic{width: 100%; border-top: 1px solid var(--bs-gray-400) !important;} .boardListBasic col { width: auto !important;} .boardListBasic thead {display: table-header-group;} .boardListBasic tbody tr{border:0; border-radius:0; margin-bottom:0; display:table-row; padding:0;} .boardListBasic tbody tr th, .boardListBasic tbody tr td {width: auto; display: table-cell; padding: 4px !important; border:1px solid var(--color-gray-light) !important; max-width:auto !important; width: auto !important; font-size: 1.0rem;} .boardListBasic tbody tr td .clip{overflow: initial; white-space: initial; text-overflow: inherit; font-size:1.2rem;} .boardListBasic tbody tr td .btn{display:block; width:100%;} .boardListBasic_board tbody tr:after{content:""; display:block; clear:both;} .boardListBasic_board tbody tr td.text_inline{float:left; width:auto !important;} .boardListBasic_board tbody tr td.text_inline_2{float:left; width:100% !important;} .boardListBasic_auto{border-top: 1px solid #ddd !important;} .boardListBasic_auto tbody tr{border:0; display: table-row; margin:0; padding:0; border-radius:0;} .boardListBasic_auto tbody tr th, .boardListBasic_auto tbody tr td{border-bottom: 1px solid #ddd !important; padding:10px !important;} .boardListBasic tbody tr th.text-center, .boardListBasic tbody tr td.text-center{text-align:center !important;} .boardListBasic tbody tr td.width-100{width:70px !important;} .printDiv{height:auto !important; min-height:100px; border:0 !important;} div.boardOption{padding-top:10px;} }