Commit @cc08bf6f1a18ce0e5ca77789682334dc399f3976

yanghyo 10-21

scroll-x, 콘텐츠 상세 수정

@cc08bf6f1a18ce0e5ca77789682334dc399f3976

0dae87e

cc08bf6

html/onSejong/index.html

--- html/onSejong/index.html

+++ html/onSejong/index.html


                         <li>sub_layout,common/sub/layout.html</li>
                         <li>sub_layout_lnb,common/sub/layout_lnb.html</li>
                         <li>list,common/sub/list.html</li>
-                        <li class="before">성취기준 검색,common/sub/achievecode.html</li>
+                        <li>교육과정 검색,common/sub/achievecode.html</li>
                         <li class="before">Error,common/_guide/error.html</li>
                         <li class="before">loading,common/_guide/loading.html</li>
                     </ul>

                                             영상/이미지/문서
                                             <ul>
                                                 <li>목록,manager/mystorage/contentList.html</li>
-                                                <li>영상 상세,manager/mystorage/videoView.html</li>
-                                                <li class="before">이미지 상세</li>
-                                                <li class="before">문서 상세</li>
+                                                <li>상세,manager/mystorage/contentView.html</li>
                                             </ul>
                                         </li>
                                         <li>

                                 </li>
                             </ul>
                         </li>
-                        <li>마이페이지</li>
-                        <li>
+                        <li class="before">마이페이지</li>
+                        <li class="before">
                             util
                             <ul>
                                 <li>배지</li>

0dae87e

cc08bf6

html/onSejong/manager/class/solveResult.html

--- html/onSejong/manager/class/solveResult.html

+++ html/onSejong/manager/class/solveResult.html


 									<a href="#none" class="btn primary ico-arrow-right back">채점하기</a>
 								</div>
 							</div>
-							<div class="info-type table-sticky" data-sot-left="1">
+							<div class="info-type scroll-x">
 								<table>
 									<caption>학생별 정오답 현황 목록</caption>
 									<colgroup>

0dae87e

cc08bf6

html/onSejong/manager/mystorage/contentView.html (Renamed from html/onSejong/manager/mystorage/videoView.html)

--- html/onSejong/manager/mystorage/videoView.html

+++ html/onSejong/manager/mystorage/contentView.html


 						</header>
 						<div class="view-body">
 							<div class="view-box">
-								<div class="video-area">
+								<!-- video -->
+								<!-- <div class="video-area">
 									<video controls>
 										<source
 											src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
 											type="video/mp4" />
 									</video>
-								</div>
+								</div> -->
+
+								<!-- img -->
+								<!-- <div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="">
+								</div> -->
+
+								<!-- iframe -->
+								<div class="iframe-area">
+                                    <iframe src="/resources/front/site/SITE_00000/images/temp/pdf.pdf"></iframe>
+                                </div>
 							</div>
 							<div class="view-cont">
-								<article class="view-section"><!-- 양책임님 봐주세요 -->
+								<article class="view-section">
 									<h3 class="txt-hide">첨부파일</h3>
 									<div class="item-list-box">
 										<div class="item">

0dae87e

cc08bf6

html/onSejong/member/class/solveResult.html

--- html/onSejong/member/class/solveResult.html

+++ html/onSejong/member/class/solveResult.html


 									<h4 class="title-lg">학생별 정오답 현황</h4>
 								</div>
 							</div>
-							<div class="info-type table-sticky" data-sot-left="1">
+							<div class="info-type scroll-x">
 								<table>
 									<caption>학생별 정오답 현황 목록</caption>
 									<colgroup>

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/common/component/_component.scss

--- resources/front/site/SITE_00000/css/common/component/_component.scss

+++ resources/front/site/SITE_00000/css/common/component/_component.scss


 			background-color: $color-background-default-primary;
 			overflow-y: auto;
 		}
+		.img-area {
+			img {
+				position: relative;
+				z-index: 1;
+				width: 100%;
+				height: 100%;
+				object-fit: contain;
+			}
+		}
+		.iframe-area {
+			iframe {
+				position: relative;
+				z-index: 1;
+				width: 100%;
+				height: 100%;
+			}
+		}
 	}	
 }
 .badge-list {

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/common/component/_form.scss

--- resources/front/site/SITE_00000/css/common/component/_form.scss

+++ resources/front/site/SITE_00000/css/common/component/_form.scss


     select {
 		border:none;	
 		min-width: 0;
+        border-radius: inherit;
 		&:hover,
 		&:focus{
 			border:none;	

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/common/component/_table.scss

--- resources/front/site/SITE_00000/css/common/component/_table.scss

+++ resources/front/site/SITE_00000/css/common/component/_table.scss


 .txt-option {
 	@include typo('body-sm');
 }
+// .scroll-x {
+// 	overflow-x: hidden;
+// 	width: 100%;
+// 	max-width: $size-wrap;
+// 	table {
+// 		width: auto;
+// 	}
+// 	@at-root .site-body:has(.lnb) {
+// 		.scroll-x {
+// 			max-width: 108rem;
+// 		}
+// 	}
+// }
 .scroll-x {
 	overflow-x: auto;
 	width: 100%;
-	max-width: $size-wrap;
+	-webkit-overflow-scrolling: touch; 
 	table {
 		width: 100%;
-	}
-	@at-root .site-body:has(.lnb) {
-		.scroll-x {
-			max-width: 108rem;
-		}
 	}
 }
 .scroll-y {

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/common/layout/_layout.scss

--- resources/front/site/SITE_00000/css/common/layout/_layout.scss

+++ resources/front/site/SITE_00000/css/common/layout/_layout.scss


             gap:$spacing-3xlg;
         }
     }
+    .site-cont {
+        min-width: 0;
+    }
     .site-footer {
         position: relative;
         background-color: $color-background-default-secondary;

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/custom/page/_class.scss

--- resources/front/site/SITE_00000/css/custom/page/_class.scss

+++ resources/front/site/SITE_00000/css/custom/page/_class.scss


 	gap:$spacing-3xlg;
 	.section {
 		margin:0;
+		height: 100%;
+		&:has(.section-box) {
+			display: flex;
+			flex-direction: column;
+			.section-box {
+				width: 100%;
+				flex:1;
+			}
+		}
 	}
     &:has(.section:nth-child(3)) {
         gap:$spacing-lg;
     }
-	.section {
-
-	}
 }
 .class-info-area {
 	border-radius: $radius-md;

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/custom/page/_sub.scss

--- resources/front/site/SITE_00000/css/custom/page/_sub.scss

+++ resources/front/site/SITE_00000/css/custom/page/_sub.scss

...	...	@@ -2830,6 +2830,109 @@
2830	2830	}
2831	2831	}
2832	2832
	2833	+// 루브릭
	2834	+.rubric-write-area {
	2835	+ width: 100%;
	2836	+ .cont {
	2837	+ width: 108rem;
	2838	+ }
	2839	+ overflow-x: auto;
	2840	+ .item {
	2841	+ display: grid;
	2842	+ grid-template-columns: 6rem 1fr 10.8rem;
	2843	+ .item-fnc {
	2844	+ display: flex;
	2845	+ flex-direction: column;
	2846	+ align-items: center;
	2847	+ justify-content: space-between;
	2848	+ >.t-area,
	2849	+ >.b-area {
	2850	+ display: flex;
	2851	+ flex-direction: column;
	2852	+ gap:$spacing-2xsm;
	2853	+ }
	2854	+ }
	2855	+ .item-cont {
	2856	+ display: grid;
	2857	+ grid-template-columns: 16rem 1fr;
	2858	+ border:$stroke-secondary;
	2859	+ }
	2860	+ .item-tit {
	2861	+ background-color: $color-background-default-secondary;
	2862	+ textarea {
	2863	+ border:none;
	2864	+ border-radius: inherit;
	2865	+ background-color: transparent;
	2866	+ @include typo('tit-md');
	2867	+ height: 100%;
	2868	+ }
	2869	+ }
	2870	+ .item-col-area {
	2871	+ display: grid;
	2872	+ grid-template-columns: repeat(5, 1fr);
	2873	+ }
	2874	+ .item-col {
	2875	+ padding:$spacing-sm;
	2876	+ border-left: $stroke-secondary;
	2877	+ .fnc {
	2878	+ @extend %flexArea;
	2879	+ }
	2880	+ .num-area {
	2881	+ input {
	2882	+ width: 4.8rem;
	2883	+ border:none;
	2884	+ background-color: $color-background-default-secondary;
	2885	+ padding:0;
	2886	+ text-align: center;
	2887	+ @include typo('tit-sm');
	2888	+ color:$color-font-default-quaternary;
	2889	+ }
	2890	+ }
	2891	+ }
	2892	+ .item-btn {
	2893	+ padding:$spacing-sm 0 $spacing-sm $spacing-sm;
	2894	+ .btn-add {
	2895	+ height: 100%;
	2896	+ border-radius: $radius-md;
	2897	+ width: 100%;
	2898	+ min-width: 0;
	2899	+ }
	2900	+ }
	2901	+ }
	2902	+ .item-total-area {
	2903	+ display: grid;
	2904	+ grid-template-columns:22rem 1fr;
	2905	+ width: calc(100% - 10.8rem);
	2906	+ .total-tit {
	2907	+ padding:$spacing-lg $spacing-md $spacing-lg calc(6rem + $spacing-md);
	2908	+ }
	2909	+ .total-col-area {
	2910	+ display: grid;
	2911	+ grid-template-columns: repeat(5, 1fr);
	2912	+ .total-col {
	2913	+ height: 100%;
	2914	+ display: flex;
	2915	+ align-items: center;
	2916	+ padding:$spacing-md;
	2917	+ strong {
	2918	+ @include typo('tit-md');
	2919	+ }
	2920	+ span {
	2921	+ @include typo('label-sm');
	2922	+ color:$color-font-default-tertiary;
	2923	+
	2924	+ }
	2925	+ }
	2926	+ }
	2927	+ }
	2928	+ .item-btn-area {
	2929	+ display: flex;
	2930	+ > * {
	2931	+ flex:1;
	2932	+ }
	2933	+ }
	2934	+}
	2935	+
2833	2936	@include responsive(mobile) {
2834	2937	.reference-list {
2835	2938	grid-template-columns: initial;

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/style.css

--- resources/front/site/SITE_00000/css/style.css

+++ resources/front/site/SITE_00000/css/style.css


 .input-pw-area select {
   border: none;
   min-width: 0;
+  border-radius: inherit;
 }
 .input-box input[type=text]:hover, .input-pw-area input[type=text]:hover, .input-box input[type=text]:focus, .input-pw-area input[type=text]:focus,
 .input-box input[type=search]:hover,

 .scroll-x {
   overflow-x: auto;
   width: 100%;
-  max-width: var(--size-wrap);
+  -webkit-overflow-scrolling: touch;
 }
 .scroll-x table {
   width: 100%;
-}
-.site-body:has(.lnb) .scroll-x {
-  max-width: 108rem;
 }
 
 .scroll-y {

   font-size: var(--size-font-xlg) !important;
 }
 
-.student-mn .student-mn-today .box .box-header, .article-box .box-header, .section-box .box-header, .chart-legend, .class-viewer .viewer-header, .border-list > li, .container .site-header .site-menu-area .menu-info, .container .site-header .wrap, .agree-area .agree-header, .form-list .form-tit-area, .agendar-view-area .agendar-tit-area, .form-view .form-section-header, .form-view-result .a-area .a-fnc,
+.student-mn .student-mn-today .box .box-header, .article-box .box-header, .section-box .box-header, .chart-legend, .class-viewer .viewer-header, .rubric-write-area .item .item-col .fnc, .border-list > li, .container .site-header .site-menu-area .menu-info, .container .site-header .wrap, .agree-area .agree-header, .form-list .form-tit-area, .agendar-view-area .agendar-tit-area, .form-view .form-section-header, .form-view-result .a-area .a-fnc,
 .form-view .a-area .a-fnc, .form-write .form-item .form-item-fnc, .form-write .form-section-footer,
 .form-view-result .form-section-footer,
 .form-view .form-section-footer, .org-cont .org-cont-header, .msg-cont-footer .write-fnc-area, .msg-nav .msg-nav-body > li, .reply-area .reply-write-area .write-fnc-area, .board-view-area .view-cont-tit-area, .board-view-area .view-cont-fnc-area, .board-view-area .view-header, .view-area .view-header, .info-block-list .info-fnc-area, .summary-box, .fnc-extend-area .extend-default-area,

           justify-content: space-between;
   gap: 0.8rem;
 }
-.student-mn .student-mn-today .box .lg.box-header, .article-box .lg.box-header, .section-box .lg.box-header, .lg.chart-legend, .class-viewer .lg.viewer-header, .border-list > li.lg, .container .site-header .site-menu-area .lg.menu-info, .container .site-header .lg.wrap, .agree-area .lg.agree-header, .form-list .lg.form-tit-area, .agendar-view-area .lg.agendar-tit-area, .form-view .lg.form-section-header, .form-view-result .a-area .lg.a-fnc,
+.student-mn .student-mn-today .box .lg.box-header, .article-box .lg.box-header, .section-box .lg.box-header, .lg.chart-legend, .class-viewer .lg.viewer-header, .rubric-write-area .item .item-col .lg.fnc, .border-list > li.lg, .container .site-header .site-menu-area .lg.menu-info, .container .site-header .lg.wrap, .agree-area .lg.agree-header, .form-list .lg.form-tit-area, .agendar-view-area .lg.agendar-tit-area, .form-view .lg.form-section-header, .form-view-result .a-area .lg.a-fnc,
 .form-view .a-area .lg.a-fnc, .form-write .form-item .lg.form-item-fnc, .form-write .lg.form-section-footer,
 .form-view-result .lg.form-section-footer,
 .form-view .lg.form-section-footer, .org-cont .lg.org-cont-header, .msg-cont-footer .lg.write-fnc-area, .msg-nav .msg-nav-body > li.lg, .reply-area .reply-write-area .lg.write-fnc-area, .board-view-area .lg.view-cont-tit-area, .board-view-area .lg.view-cont-fnc-area, .board-view-area .lg.view-header, .view-area .lg.view-header, .info-block-list .lg.info-fnc-area, .lg.summary-box, .fnc-extend-area .lg.extend-default-area,

 .lg.btn-flex-area, .lg.btn-area, .calendar-area .lg.calendar-header {
   gap: 0.8rem 1.6rem;
 }
-.student-mn .student-mn-today .box .sm.box-header, .article-box .sm.box-header, .section-box .sm.box-header, .sm.chart-legend, .class-viewer .sm.viewer-header, .border-list > li.sm, .container .site-header .site-menu-area .sm.menu-info, .container .site-header .sm.wrap, .agree-area .sm.agree-header, .form-list .sm.form-tit-area, .agendar-view-area .sm.agendar-tit-area, .form-view .sm.form-section-header, .form-view-result .a-area .sm.a-fnc,
+.student-mn .student-mn-today .box .sm.box-header, .article-box .sm.box-header, .section-box .sm.box-header, .sm.chart-legend, .class-viewer .sm.viewer-header, .rubric-write-area .item .item-col .sm.fnc, .border-list > li.sm, .container .site-header .site-menu-area .sm.menu-info, .container .site-header .sm.wrap, .agree-area .sm.agree-header, .form-list .sm.form-tit-area, .agendar-view-area .sm.agendar-tit-area, .form-view .sm.form-section-header, .form-view-result .a-area .sm.a-fnc,
 .form-view .a-area .sm.a-fnc, .form-write .form-item .sm.form-item-fnc, .form-write .sm.form-section-footer,
 .form-view-result .sm.form-section-footer,
 .form-view .sm.form-section-footer, .org-cont .sm.org-cont-header, .msg-cont-footer .sm.write-fnc-area, .msg-nav .msg-nav-body > li.sm, .reply-area .reply-write-area .sm.write-fnc-area, .board-view-area .sm.view-cont-tit-area, .board-view-area .sm.view-cont-fnc-area, .board-view-area .sm.view-header, .view-area .sm.view-header, .info-block-list .sm.info-fnc-area, .sm.summary-box, .fnc-extend-area .sm.extend-default-area,

 .sm.btn-flex-area, .sm.btn-area, .calendar-area .sm.calendar-header {
   gap: 0.4rem;
 }
-.student-mn .student-mn-today .box .box-header .l-area, .article-box .box-header .l-area, .section-box .box-header .l-area, .chart-legend .l-area, .class-viewer .viewer-header .l-area, .border-list > li .l-area, .container .site-header .site-menu-area .menu-info .l-area, .container .site-header .wrap .l-area, .agree-area .agree-header .l-area, .form-list .form-tit-area .l-area, .agendar-view-area .agendar-tit-area .l-area, .form-view .form-section-header .l-area, .form-view-result .a-area .a-fnc .l-area,
+.student-mn .student-mn-today .box .box-header .l-area, .article-box .box-header .l-area, .section-box .box-header .l-area, .chart-legend .l-area, .class-viewer .viewer-header .l-area, .rubric-write-area .item .item-col .fnc .l-area, .border-list > li .l-area, .container .site-header .site-menu-area .menu-info .l-area, .container .site-header .wrap .l-area, .agree-area .agree-header .l-area, .form-list .form-tit-area .l-area, .agendar-view-area .agendar-tit-area .l-area, .form-view .form-section-header .l-area, .form-view-result .a-area .a-fnc .l-area,
 .form-view .a-area .a-fnc .l-area, .form-write .form-item .form-item-fnc .l-area, .form-write .form-section-footer .l-area,
 .form-view-result .form-section-footer .l-area,
 .form-view .form-section-footer .l-area, .org-cont .org-cont-header .l-area, .msg-cont-footer .write-fnc-area .l-area, .msg-nav .msg-nav-body > li .l-area, .reply-area .reply-write-area .write-fnc-area .l-area, .board-view-area .view-cont-tit-area .l-area, .board-view-area .view-cont-fnc-area .l-area, .board-view-area .view-header .l-area, .view-area .view-header .l-area, .info-block-list .info-fnc-area .l-area, .summary-box .l-area, .fnc-extend-area .extend-default-area .l-area,

 .section-box .box-header .c-area,
 .chart-legend .c-area,
 .class-viewer .viewer-header .c-area,
+.rubric-write-area .item .item-col .fnc .c-area,
 .border-list > li .c-area,
 .container .site-header .site-menu-area .menu-info .c-area,
 .container .site-header .wrap .c-area,

 .section-box .box-header .r-area,
 .chart-legend .r-area,
 .class-viewer .viewer-header .r-area,
+.rubric-write-area .item .item-col .fnc .r-area,
 .border-list > li .r-area,
 .container .site-header .site-menu-area .menu-info .r-area,
 .container .site-header .wrap .r-area,

           align-items: center;
   gap: 0.4rem var(--flexarea-spacing);
 }
-.student-mn .student-mn-today .box .box-header .l-area > *, .article-box .box-header .l-area > *, .section-box .box-header .l-area > *, .chart-legend .l-area > *, .class-viewer .viewer-header .l-area > *, .border-list > li .l-area > *, .container .site-header .site-menu-area .menu-info .l-area > *, .container .site-header .wrap .l-area > *, .agree-area .agree-header .l-area > *, .form-list .form-tit-area .l-area > *, .agendar-view-area .agendar-tit-area .l-area > *, .form-view .form-section-header .l-area > *, .form-view-result .a-area .a-fnc .l-area > *,
+.student-mn .student-mn-today .box .box-header .l-area > *, .article-box .box-header .l-area > *, .section-box .box-header .l-area > *, .chart-legend .l-area > *, .class-viewer .viewer-header .l-area > *, .rubric-write-area .item .item-col .fnc .l-area > *, .border-list > li .l-area > *, .container .site-header .site-menu-area .menu-info .l-area > *, .container .site-header .wrap .l-area > *, .agree-area .agree-header .l-area > *, .form-list .form-tit-area .l-area > *, .agendar-view-area .agendar-tit-area .l-area > *, .form-view .form-section-header .l-area > *, .form-view-result .a-area .a-fnc .l-area > *,
 .form-view .a-area .a-fnc .l-area > *, .form-write .form-item .form-item-fnc .l-area > *, .form-write .form-section-footer .l-area > *,
 .form-view-result .form-section-footer .l-area > *,
 .form-view .form-section-footer .l-area > *, .org-cont .org-cont-header .l-area > *, .msg-cont-footer .write-fnc-area .l-area > *, .msg-nav .msg-nav-body > li .l-area > *, .reply-area .reply-write-area .write-fnc-area .l-area > *, .board-view-area .view-cont-tit-area .l-area > *, .board-view-area .view-cont-fnc-area .l-area > *, .board-view-area .view-header .l-area > *, .view-area .view-header .l-area > *, .info-block-list .info-fnc-area .l-area > *, .summary-box .l-area > *, .fnc-extend-area .extend-default-area .l-area > *,

 .section-box .box-header .c-area > *,
 .chart-legend .c-area > *,
 .class-viewer .viewer-header .c-area > *,
+.rubric-write-area .item .item-col .fnc .c-area > *,
 .border-list > li .c-area > *,
 .container .site-header .site-menu-area .menu-info .c-area > *,
 .container .site-header .wrap .c-area > *,

 .section-box .box-header .r-area > *,
 .chart-legend .r-area > *,
 .class-viewer .viewer-header .r-area > *,
+.rubric-write-area .item .item-col .fnc .r-area > *,
 .border-list > li .r-area > *,
 .container .site-header .site-menu-area .menu-info .r-area > *,
 .container .site-header .wrap .r-area > *,

 .calendar-area .calendar-header .r-area > * {
   margin-bottom: 0;
 }
-.student-mn .student-mn-today .box .box-header .l-area:only-child, .article-box .box-header .l-area:only-child, .section-box .box-header .l-area:only-child, .chart-legend .l-area:only-child, .class-viewer .viewer-header .l-area:only-child, .border-list > li .l-area:only-child, .container .site-header .site-menu-area .menu-info .l-area:only-child, .container .site-header .wrap .l-area:only-child, .agree-area .agree-header .l-area:only-child, .form-list .form-tit-area .l-area:only-child, .agendar-view-area .agendar-tit-area .l-area:only-child, .form-view .form-section-header .l-area:only-child, .form-view-result .a-area .a-fnc .l-area:only-child,
+.student-mn .student-mn-today .box .box-header .l-area:only-child, .article-box .box-header .l-area:only-child, .section-box .box-header .l-area:only-child, .chart-legend .l-area:only-child, .class-viewer .viewer-header .l-area:only-child, .rubric-write-area .item .item-col .fnc .l-area:only-child, .border-list > li .l-area:only-child, .container .site-header .site-menu-area .menu-info .l-area:only-child, .container .site-header .wrap .l-area:only-child, .agree-area .agree-header .l-area:only-child, .form-list .form-tit-area .l-area:only-child, .agendar-view-area .agendar-tit-area .l-area:only-child, .form-view .form-section-header .l-area:only-child, .form-view-result .a-area .a-fnc .l-area:only-child,
 .form-view .a-area .a-fnc .l-area:only-child, .form-write .form-item .form-item-fnc .l-area:only-child, .form-write .form-section-footer .l-area:only-child,
 .form-view-result .form-section-footer .l-area:only-child,
 .form-view .form-section-footer .l-area:only-child, .org-cont .org-cont-header .l-area:only-child, .msg-cont-footer .write-fnc-area .l-area:only-child, .msg-nav .msg-nav-body > li .l-area:only-child, .reply-area .reply-write-area .write-fnc-area .l-area:only-child, .board-view-area .view-cont-tit-area .l-area:only-child, .board-view-area .view-cont-fnc-area .l-area:only-child, .board-view-area .view-header .l-area:only-child, .view-area .view-header .l-area:only-child, .info-block-list .info-fnc-area .l-area:only-child, .summary-box .l-area:only-child, .fnc-extend-area .extend-default-area .l-area:only-child,

 .section-box .box-header .c-area:only-child,
 .chart-legend .c-area:only-child,
 .class-viewer .viewer-header .c-area:only-child,
+.rubric-write-area .item .item-col .fnc .c-area:only-child,
 .border-list > li .c-area:only-child,
 .container .site-header .site-menu-area .menu-info .c-area:only-child,
 .container .site-header .wrap .c-area:only-child,

 .section-box .box-header .r-area:only-child,
 .chart-legend .r-area:only-child,
 .class-viewer .viewer-header .r-area:only-child,
+.rubric-write-area .item .item-col .fnc .r-area:only-child,
 .border-list > li .r-area:only-child,
 .container .site-header .site-menu-area .menu-info .r-area:only-child,
 .container .site-header .wrap .r-area:only-child,

       -ms-flex: 1;
           flex: 1;
 }
-.student-mn .student-mn-today .box .box-header .l-area .checkradio, .article-box .box-header .l-area .checkradio, .section-box .box-header .l-area .checkradio, .chart-legend .l-area .checkradio, .class-viewer .viewer-header .l-area .checkradio, .border-list > li .l-area .checkradio, .container .site-header .site-menu-area .menu-info .l-area .checkradio, .container .site-header .wrap .l-area .checkradio, .agree-area .agree-header .l-area .checkradio, .form-list .form-tit-area .l-area .checkradio, .agendar-view-area .agendar-tit-area .l-area .checkradio, .form-view .form-section-header .l-area .checkradio, .form-view-result .a-area .a-fnc .l-area .checkradio,
+.student-mn .student-mn-today .box .box-header .l-area .checkradio, .article-box .box-header .l-area .checkradio, .section-box .box-header .l-area .checkradio, .chart-legend .l-area .checkradio, .class-viewer .viewer-header .l-area .checkradio, .rubric-write-area .item .item-col .fnc .l-area .checkradio, .border-list > li .l-area .checkradio, .container .site-header .site-menu-area .menu-info .l-area .checkradio, .container .site-header .wrap .l-area .checkradio, .agree-area .agree-header .l-area .checkradio, .form-list .form-tit-area .l-area .checkradio, .agendar-view-area .agendar-tit-area .l-area .checkradio, .form-view .form-section-header .l-area .checkradio, .form-view-result .a-area .a-fnc .l-area .checkradio,
 .form-view .a-area .a-fnc .l-area .checkradio, .form-write .form-item .form-item-fnc .l-area .checkradio, .form-write .form-section-footer .l-area .checkradio,
 .form-view-result .form-section-footer .l-area .checkradio,
 .form-view .form-section-footer .l-area .checkradio, .org-cont .org-cont-header .l-area .checkradio, .msg-cont-footer .write-fnc-area .l-area .checkradio, .msg-nav .msg-nav-body > li .l-area .checkradio, .reply-area .reply-write-area .write-fnc-area .l-area .checkradio, .board-view-area .view-cont-tit-area .l-area .checkradio, .board-view-area .view-cont-fnc-area .l-area .checkradio, .board-view-area .view-header .l-area .checkradio, .view-area .view-header .l-area .checkradio, .info-block-list .info-fnc-area .l-area .checkradio, .summary-box .l-area .checkradio, .fnc-extend-area .extend-default-area .l-area .checkradio,

 .section-box .box-header .c-area .checkradio,
 .chart-legend .c-area .checkradio,
 .class-viewer .viewer-header .c-area .checkradio,
+.rubric-write-area .item .item-col .fnc .c-area .checkradio,
 .border-list > li .c-area .checkradio,
 .container .site-header .site-menu-area .menu-info .c-area .checkradio,
 .container .site-header .wrap .c-area .checkradio,

 .section-box .box-header .r-area .checkradio,
 .chart-legend .r-area .checkradio,
 .class-viewer .viewer-header .r-area .checkradio,
+.rubric-write-area .item .item-col .fnc .r-area .checkradio,
 .border-list > li .r-area .checkradio,
 .container .site-header .site-menu-area .menu-info .r-area .checkradio,
 .container .site-header .wrap .r-area .checkradio,

 .calendar-area .calendar-header .r-area .checkradio {
   margin-right: 0;
 }
-.student-mn .student-mn-today .box .box-header .l-area:empty, .article-box .box-header .l-area:empty, .section-box .box-header .l-area:empty, .chart-legend .l-area:empty, .class-viewer .viewer-header .l-area:empty, .border-list > li .l-area:empty, .container .site-header .site-menu-area .menu-info .l-area:empty, .container .site-header .wrap .l-area:empty, .agree-area .agree-header .l-area:empty, .form-list .form-tit-area .l-area:empty, .agendar-view-area .agendar-tit-area .l-area:empty, .form-view .form-section-header .l-area:empty, .form-view-result .a-area .a-fnc .l-area:empty,
+.student-mn .student-mn-today .box .box-header .l-area:empty, .article-box .box-header .l-area:empty, .section-box .box-header .l-area:empty, .chart-legend .l-area:empty, .class-viewer .viewer-header .l-area:empty, .rubric-write-area .item .item-col .fnc .l-area:empty, .border-list > li .l-area:empty, .container .site-header .site-menu-area .menu-info .l-area:empty, .container .site-header .wrap .l-area:empty, .agree-area .agree-header .l-area:empty, .form-list .form-tit-area .l-area:empty, .agendar-view-area .agendar-tit-area .l-area:empty, .form-view .form-section-header .l-area:empty, .form-view-result .a-area .a-fnc .l-area:empty,
 .form-view .a-area .a-fnc .l-area:empty, .form-write .form-item .form-item-fnc .l-area:empty, .form-write .form-section-footer .l-area:empty,
 .form-view-result .form-section-footer .l-area:empty,
 .form-view .form-section-footer .l-area:empty, .org-cont .org-cont-header .l-area:empty, .msg-cont-footer .write-fnc-area .l-area:empty, .msg-nav .msg-nav-body > li .l-area:empty, .reply-area .reply-write-area .write-fnc-area .l-area:empty, .board-view-area .view-cont-tit-area .l-area:empty, .board-view-area .view-cont-fnc-area .l-area:empty, .board-view-area .view-header .l-area:empty, .view-area .view-header .l-area:empty, .info-block-list .info-fnc-area .l-area:empty, .summary-box .l-area:empty, .fnc-extend-area .extend-default-area .l-area:empty,

 .section-box .box-header .c-area:empty,
 .chart-legend .c-area:empty,
 .class-viewer .viewer-header .c-area:empty,
+.rubric-write-area .item .item-col .fnc .c-area:empty,
 .border-list > li .c-area:empty,
 .container .site-header .site-menu-area .menu-info .c-area:empty,
 .container .site-header .wrap .c-area:empty,

 .section-box .box-header .r-area:empty,
 .chart-legend .r-area:empty,
 .class-viewer .viewer-header .r-area:empty,
+.rubric-write-area .item .item-col .fnc .r-area:empty,
 .border-list > li .r-area:empty,
 .container .site-header .site-menu-area .menu-info .r-area:empty,
 .container .site-header .wrap .r-area:empty,

 .calendar-area .calendar-header .r-area:empty {
   display: none;
 }
-.student-mn .student-mn-today .box .box-header .r-area, .article-box .box-header .r-area, .section-box .box-header .r-area, .chart-legend .r-area, .class-viewer .viewer-header .r-area, .border-list > li .r-area, .container .site-header .site-menu-area .menu-info .r-area, .container .site-header .wrap .r-area, .agree-area .agree-header .r-area, .form-list .form-tit-area .r-area, .agendar-view-area .agendar-tit-area .r-area, .form-view .form-section-header .r-area, .form-view-result .a-area .a-fnc .r-area,
+.student-mn .student-mn-today .box .box-header .r-area, .article-box .box-header .r-area, .section-box .box-header .r-area, .chart-legend .r-area, .class-viewer .viewer-header .r-area, .rubric-write-area .item .item-col .fnc .r-area, .border-list > li .r-area, .container .site-header .site-menu-area .menu-info .r-area, .container .site-header .wrap .r-area, .agree-area .agree-header .r-area, .form-list .form-tit-area .r-area, .agendar-view-area .agendar-tit-area .r-area, .form-view .form-section-header .r-area, .form-view-result .a-area .a-fnc .r-area,
 .form-view .a-area .a-fnc .r-area, .form-write .form-item .form-item-fnc .r-area, .form-write .form-section-footer .r-area,
 .form-view-result .form-section-footer .r-area,
 .form-view .form-section-footer .r-area, .org-cont .org-cont-header .r-area, .msg-cont-footer .write-fnc-area .r-area, .msg-nav .msg-nav-body > li .r-area, .reply-area .reply-write-area .write-fnc-area .r-area, .board-view-area .view-cont-tit-area .r-area, .board-view-area .view-cont-fnc-area .r-area, .board-view-area .view-header .r-area, .view-area .view-header .r-area, .info-block-list .info-fnc-area .r-area, .summary-box .r-area, .fnc-extend-area .extend-default-area .r-area,

       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.student-mn .student-mn-today .box .center.box-header, .article-box .center.box-header, .section-box .center.box-header, .center.chart-legend, .class-viewer .center.viewer-header, .border-list > li.center, .container .site-header .site-menu-area .center.menu-info, .container .site-header .center.wrap, .agree-area .center.agree-header, .form-list .center.form-tit-area, .agendar-view-area .center.agendar-tit-area, .form-view .center.form-section-header, .form-view-result .a-area .center.a-fnc,
+.student-mn .student-mn-today .box .center.box-header, .article-box .center.box-header, .section-box .center.box-header, .center.chart-legend, .class-viewer .center.viewer-header, .rubric-write-area .item .item-col .center.fnc, .border-list > li.center, .container .site-header .site-menu-area .center.menu-info, .container .site-header .center.wrap, .agree-area .center.agree-header, .form-list .center.form-tit-area, .agendar-view-area .center.agendar-tit-area, .form-view .center.form-section-header, .form-view-result .a-area .center.a-fnc,
 .form-view .a-area .center.a-fnc, .form-write .form-item .center.form-item-fnc, .form-write .center.form-section-footer,
 .form-view-result .center.form-section-footer,
 .form-view .center.form-section-footer, .org-cont .center.org-cont-header, .msg-cont-footer .center.write-fnc-area, .msg-nav .msg-nav-body > li.center, .reply-area .reply-write-area .center.write-fnc-area, .board-view-area .center.view-cont-tit-area, .board-view-area .center.view-cont-fnc-area, .board-view-area .center.view-header, .view-area .center.view-header, .info-block-list .center.info-fnc-area, .center.summary-box, .fnc-extend-area .center.extend-default-area,

       -ms-flex-pack: center;
           justify-content: center;
 }
-.student-mn .student-mn-today .box .vcenter.box-header, .article-box .vcenter.box-header, .section-box .vcenter.box-header, .vcenter.chart-legend, .class-viewer .vcenter.viewer-header, .border-list > li.vcenter, .container .site-header .site-menu-area .vcenter.menu-info, .container .site-header .vcenter.wrap, .agree-area .vcenter.agree-header, .form-list .vcenter.form-tit-area, .agendar-view-area .vcenter.agendar-tit-area, .form-view .vcenter.form-section-header, .form-view-result .a-area .vcenter.a-fnc,
+.student-mn .student-mn-today .box .vcenter.box-header, .article-box .vcenter.box-header, .section-box .vcenter.box-header, .vcenter.chart-legend, .class-viewer .vcenter.viewer-header, .rubric-write-area .item .item-col .vcenter.fnc, .border-list > li.vcenter, .container .site-header .site-menu-area .vcenter.menu-info, .container .site-header .vcenter.wrap, .agree-area .vcenter.agree-header, .form-list .vcenter.form-tit-area, .agendar-view-area .vcenter.agendar-tit-area, .form-view .vcenter.form-section-header, .form-view-result .a-area .vcenter.a-fnc,
 .form-view .a-area .vcenter.a-fnc, .form-write .form-item .vcenter.form-item-fnc, .form-write .vcenter.form-section-footer,
 .form-view-result .vcenter.form-section-footer,
 .form-view .vcenter.form-section-footer, .org-cont .vcenter.org-cont-header, .msg-cont-footer .vcenter.write-fnc-area, .msg-nav .msg-nav-body > li.vcenter, .reply-area .reply-write-area .vcenter.write-fnc-area, .board-view-area .vcenter.view-cont-tit-area, .board-view-area .vcenter.view-cont-fnc-area, .board-view-area .vcenter.view-header, .view-area .vcenter.view-header, .info-block-list .vcenter.info-fnc-area, .vcenter.summary-box, .fnc-extend-area .vcenter.extend-default-area,

       -ms-flex-align: center;
           align-items: center;
 }
-.student-mn .student-mn-today .box .box-header .dir-col, .article-box .box-header .dir-col, .section-box .box-header .dir-col, .chart-legend .dir-col, .class-viewer .viewer-header .dir-col, .border-list > li .dir-col, .container .site-header .site-menu-area .menu-info .dir-col, .container .site-header .wrap .dir-col, .agree-area .agree-header .dir-col, .form-list .form-tit-area .dir-col, .agendar-view-area .agendar-tit-area .dir-col, .form-view .form-section-header .dir-col, .form-view-result .a-area .a-fnc .dir-col,
+.student-mn .student-mn-today .box .box-header .dir-col, .article-box .box-header .dir-col, .section-box .box-header .dir-col, .chart-legend .dir-col, .class-viewer .viewer-header .dir-col, .rubric-write-area .item .item-col .fnc .dir-col, .border-list > li .dir-col, .container .site-header .site-menu-area .menu-info .dir-col, .container .site-header .wrap .dir-col, .agree-area .agree-header .dir-col, .form-list .form-tit-area .dir-col, .agendar-view-area .agendar-tit-area .dir-col, .form-view .form-section-header .dir-col, .form-view-result .a-area .a-fnc .dir-col,
 .form-view .a-area .a-fnc .dir-col, .form-write .form-item .form-item-fnc .dir-col, .form-write .form-section-footer .dir-col,
 .form-view-result .form-section-footer .dir-col,
 .form-view .form-section-footer .dir-col, .org-cont .org-cont-header .dir-col, .msg-cont-footer .write-fnc-area .dir-col, .msg-nav .msg-nav-body > li .dir-col, .reply-area .reply-write-area .write-fnc-area .dir-col, .board-view-area .view-cont-tit-area .dir-col, .board-view-area .view-cont-fnc-area .dir-col, .board-view-area .view-header .dir-col, .view-area .view-header .dir-col, .info-block-list .info-fnc-area .dir-col, .summary-box .dir-col, .fnc-extend-area .extend-default-area .dir-col,

   padding: 4rem;
   background-color: var(--color-background-default-primary);
   overflow-y: auto;
+}
+.board-view-area .view-box .img-area img {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.board-view-area .view-box .iframe-area iframe {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
 }
 
 .badge-list {

   display: grid;
   grid-template-columns: 28rem 1fr;
   gap: 8rem;
+}
+.container .site-cont {
+  min-width: 0;
 }
 .container .site-footer {
   position: relative;

   border-top: 0.1rem solid var(--color-stroke-default-quaternary);
 }
 
+.rubric-write-area {
+  width: 100%;
+  overflow-x: auto;
+}
+.rubric-write-area .cont {
+  width: 108rem;
+}
+.rubric-write-area .item {
+  display: grid;
+  grid-template-columns: 6rem 1fr 10.8rem;
+}
+.rubric-write-area .item .item-fnc {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.rubric-write-area .item .item-fnc > .t-area,
+.rubric-write-area .item .item-fnc > .b-area {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 0.4rem;
+}
+.rubric-write-area .item .item-cont {
+  display: grid;
+  grid-template-columns: 16rem 1fr;
+  border: 0.1rem solid var(--color-stroke-default-tertiary);
+}
+.rubric-write-area .item .item-tit {
+  background-color: var(--color-background-default-secondary);
+}
+.rubric-write-area .item .item-tit textarea {
+  border: none;
+  border-radius: inherit;
+  background-color: transparent;
+  font-size: var(--font-tit-md);
+  font-weight: var(--size-font-weight-xlg);
+  line-height: var(--size-font-lineheight-sm);
+  height: 100%;
+}
+.rubric-write-area .item .item-col-area {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+}
+.rubric-write-area .item .item-col {
+  padding: 1.2rem;
+  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
+}
+.rubric-write-area .item .item-col .num-area input {
+  width: 4.8rem;
+  border: none;
+  background-color: var(--color-background-default-secondary);
+  padding: 0;
+  text-align: center;
+  font-size: var(--font-tit-sm);
+  font-weight: var(--size-font-weight-xlg);
+  line-height: var(--size-font-lineheight-sm);
+  color: var(--color-font-default-quaternary);
+}
+.rubric-write-area .item .item-btn {
+  padding: 1.2rem 0 1.2rem 1.2rem;
+}
+.rubric-write-area .item .item-btn .btn-add {
+  height: 100%;
+  border-radius: 2.4rem;
+  width: 100%;
+  min-width: 0;
+}
+.rubric-write-area .item-total-area {
+  display: grid;
+  grid-template-columns: 22rem 1fr;
+  width: calc(100% - 10.8rem);
+}
+.rubric-write-area .item-total-area .total-tit {
+  padding: 2.4rem 1.6rem 2.4rem 7.6rem;
+}
+.rubric-write-area .item-total-area .total-col-area {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+}
+.rubric-write-area .item-total-area .total-col-area .total-col {
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 1.6rem;
+}
+.rubric-write-area .item-total-area .total-col-area .total-col strong {
+  font-size: var(--font-tit-md);
+  font-weight: var(--size-font-weight-xlg);
+  line-height: var(--size-font-lineheight-sm);
+}
+.rubric-write-area .item-total-area .total-col-area .total-col span {
+  font-size: var(--font-label-sm);
+  font-weight: var(--size-font-weight-md);
+  line-height: var(--size-font-lineheight-xsm);
+  color: var(--color-font-default-tertiary);
+}
+.rubric-write-area .item-btn-area {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rubric-write-area .item-btn-area > * {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+
 @media (max-width: 767px) {
   .reference-list {
     grid-template-columns: initial;

 }
 .section-row .section {
   margin: 0;
+  height: 100%;
+}
+.section-row .section:has(.section-box) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.section-row .section:has(.section-box) .section-box {
+  width: 100%;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
 .section-row:has(.section:nth-child(3)) {
   gap: 2.4rem;
 }
+
 .class-info-area {
   border-radius: 2.4rem;
   border: 0.1rem solid var(--color-stroke-default-quaternary);

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/style.css.map

--- resources/front/site/SITE_00000/css/style.css.map

+++ resources/front/site/SITE_00000/css/style.css.map

This diff is too big to display.

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/style.min.css

--- resources/front/site/SITE_00000/css/style.min.css

+++ resources/front/site/SITE_00000/css/style.min.css

This diff is too big to display.

0dae87e

cc08bf6

resources/front/site/SITE_00000/css/style.min.css.map

--- resources/front/site/SITE_00000/css/style.min.css.map

+++ resources/front/site/SITE_00000/css/style.min.css.map

This diff is too big to display.

Add a comment

Open 0
Closed 0

List

...	...	@@ -3688,6 +3688,23 @@
3688	3688	background-color: $color-background-default-primary;
3689	3689	overflow-y: auto;
3690	3690	}
	3691	+ .img-area {
	3692	+ img {
	3693	+ position: relative;
	3694	+ z-index: 1;
	3695	+ width: 100%;
	3696	+ height: 100%;
	3697	+ object-fit: contain;
	3698	+ }
	3699	+ }
	3700	+ .iframe-area {
	3701	+ iframe {
	3702	+ position: relative;
	3703	+ z-index: 1;
	3704	+ width: 100%;
	3705	+ height: 100%;
	3706	+ }
	3707	+ }
3691	3708	}
3692	3709	}
3693	3710	.badge-list {

...	...	@@ -663,6 +663,7 @@
663	663	select {
664	664	border:none;
665	665	min-width: 0;
	666	+ border-radius: inherit;
666	667	&:hover,
667	668	&:focus{
668	669	border:none;

...	...	@@ -695,6 +695,9 @@
695	695	gap:$spacing-3xlg;
696	696	}
697	697	}
	698	+ .site-cont {
	699	+ min-width: 0;
	700	+ }
698	701	.site-footer {
699	702	position: relative;
700	703	background-color: $color-background-default-secondary;

...	...	@@ -410,7 +410,7 @@
410	410	<li>sub_layout,common/sub/layout.html</li>
411	411	<li>sub_layout_lnb,common/sub/layout_lnb.html</li>
412	412	<li>list,common/sub/list.html</li>
413		- <li class="before">성취기준 검색,common/sub/achievecode.html</li>
	413	+ <li>교육과정 검색,common/sub/achievecode.html</li>
414	414	<li class="before">Error,common/_guide/error.html</li>
415	415	<li class="before">loading,common/_guide/loading.html</li>
416	416	</ul>
...	...	@@ -659,9 +659,7 @@
659	659	영상/이미지/문서
660	660	<ul>
661	661	<li>목록,manager/mystorage/contentList.html</li>
662		- <li>영상 상세,manager/mystorage/videoView.html</li>
663		- <li class="before">이미지 상세</li>
664		- <li class="before">문서 상세</li>
	662	+ <li>상세,manager/mystorage/contentView.html</li>
665	663	</ul>
666	664	</li>
667	665	<li>
...	...	@@ -909,8 +907,8 @@
909	907	</li>
910	908	</ul>
911	909	</li>
912		- <li>마이페이지</li>
913		- <li>
	910	+ <li class="before">마이페이지</li>
	911	+ <li class="before">
914	912	util
915	913	<ul>
916	914	<li>배지</li>

...	...	@@ -97,7 +97,7 @@
97	97	<a href="#none" class="btn primary ico-arrow-right back">채점하기</a>
98	98	</div>
99	99	</div>
100		- <div class="info-type table-sticky" data-sot-left="1">
	100	+ <div class="info-type scroll-x">
101	101	<table>
102	102	<caption>학생별 정오답 현황 목록</caption>
103	103	<colgroup>

...	...	@@ -78,16 +78,27 @@
78	78	</header>
79	79	<div class="view-body">
80	80	<div class="view-box">
81		- <div class="video-area">
	81	+ <!-- video -->
	82	+ <!-- <div class="video-area">
82	83	<video controls>
83	84	<source
84	85	src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
85	86	type="video/mp4" />
86	87	</video>
87		- </div>
	88	+ </div> -->
	89	+
	90	+ <!-- img -->
	91	+ <!-- <div class="img-area">
	92	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="">
	93	+ </div> -->
	94	+
	95	+ <!-- iframe -->
	96	+ <div class="iframe-area">
	97	+ <iframe src="/resources/front/site/SITE_00000/images/temp/pdf.pdf"></iframe>
	98	+ </div>
88	99	</div>
89	100	<div class="view-cont">
90		- <article class="view-section"><!-- 양책임님 봐주세요 -->
	101	+ <article class="view-section">
91	102	<h3 class="txt-hide">첨부파일</h3>
92	103	<div class="item-list-box">
93	104	<div class="item">

...	...	@@ -82,7 +82,7 @@
82	82	<h4 class="title-lg">학생별 정오답 현황</h4>
83	83	</div>
84	84	</div>
85		- <div class="info-type table-sticky" data-sot-left="1">
	85	+ <div class="info-type scroll-x">
86	86	<table>
87	87	<caption>학생별 정오답 현황 목록</caption>
88	88	<colgroup>

...	...	@@ -15,17 +15,25 @@
15	15	.txt-option {
16	16	@include typo('body-sm');
17	17	}
	18	+// .scroll-x {
	19	+// overflow-x: hidden;
	20	+// width: 100%;
	21	+// max-width: $size-wrap;
	22	+// table {
	23	+// width: auto;
	24	+// }
	25	+// @at-root .site-body:has(.lnb) {
	26	+// .scroll-x {
	27	+// max-width: 108rem;
	28	+// }
	29	+// }
	30	+// }
18	31	.scroll-x {
19	32	overflow-x: auto;
20	33	width: 100%;
21		- max-width: $size-wrap;
	34	+ -webkit-overflow-scrolling: touch;
22	35	table {
23	36	width: 100%;
24		- }
25		- @at-root .site-body:has(.lnb) {
26		- .scroll-x {
27		- max-width: 108rem;
28		- }
29	37	}
30	38	}
31	39	.scroll-y {

...	...	@@ -39,13 +39,19 @@
39	39	gap:$spacing-3xlg;
40	40	.section {
41	41	margin:0;
	42	+ height: 100%;
	43	+ &:has(.section-box) {
	44	+ display: flex;
	45	+ flex-direction: column;
	46	+ .section-box {
	47	+ width: 100%;
	48	+ flex:1;
	49	+ }
	50	+ }
42	51	}
43	52	&:has(.section:nth-child(3)) {
44	53	gap:$spacing-lg;
45	54	}
46		- .section {
47		-
48		- }
49	55	}
50	56	.class-info-area {
51	57	border-radius: $radius-md;

Delete comment