Commit @b99ac74d395d0f2c5f06b37942ea68dbfac6f7b3

yanghyo 09-25

css 수정

@b99ac74d395d0f2c5f06b37942ea68dbfac6f7b3

245553e

b99ac74

html/onSejong/common/_guide/guide.html

--- html/onSejong/common/_guide/guide.html

+++ html/onSejong/common/_guide/guide.html


     <!--//공통 퍼블 js-->
 
     <link rel="stylesheet" href="/resources/front/site/SITE_00000/css/styleGuide.css">
-    <script>
-        window.onload = () => {
-            const passwordArea = document.querySelector('.input-block');
-            const passwordShowSw = passwordArea.querySelector('label[class*="switch-"] > input');
-            passwordShowSw.onchange = () => {
-                let type = "password";
-                if(event.target.checked) {
-                    type = "text";
-                }
-                passwordArea.querySelector('input.password').type = type;
-            }
-        }
-    </script>
 </head>
 
 <body>

             <p>Input은 기본적으로 아래와 같은 구조로 이뤄져있습니다. 일부 요소를 제외하고 상황에 따라 필요한 부분만 사용해도 무방합니다.</p>
             <ul class="input">
                 <li>
-                    <label for="inputAnatomy0" class="input-form">Label</label>
-                    <input type="text" id="inputAnatomy0" placeholder="Text">
-                    <cite>message</cite>
+                     <fieldset class="search-area">
+                        <legend>검색</legend>
+                        <div class="search-option">
+                            <select title="선택">
+                                <option>search option 1_1</option>
+                                <option>search option 1_2</option>
+                            </select>
+                            <select title="선택">
+                                <option>search option 2_1</option>
+                                <option>search option 2_2</option>
+                            </select>
+                        </div>
+                        <div class="search">
+                            <input type="text" id="inputAnatomy3" placeholder="Enter Search Keyword" title="검색어 입력">
+                            <button class="btn ico-search">검색</button>
+                        </div>
+                    </fieldset>
                 </li>
                 <li>
                     <label for="inputAnatomy1" class="input-form">Label</label>

245553e

b99ac74

resources/front/site/SITE_00000/css/common/abstracts/_variables.scss

--- resources/front/site/SITE_00000/css/common/abstracts/_variables.scss

+++ resources/front/site/SITE_00000/css/common/abstracts/_variables.scss


     --size-popup-round: var(--radius-radius-md);
     --size-popup-padding: var(--spacing-spacing-2xlg);
 
-    --form-width-lg: 400rem;
-    --form-width-md: 240rem;
-    --form-width-sm: 160rem;
-    --form-width-xsm: 80rem;
+    --form-width-lg: 40rem;
+    --form-width-md: 24rem;
+    --form-width-sm: 16rem;
+    --form-width-xsm: 8rem;
 
     --form-height-lg: 6.4rem;
     --form-height-md: 4.8rem;

245553e

b99ac74

resources/front/site/SITE_00000/css/common/base/_font.scss

--- resources/front/site/SITE_00000/css/common/base/_font.scss

+++ resources/front/site/SITE_00000/css/common/base/_font.scss


     font-weight: 800;
     src: local("KakaoBigSans ExtraBold"), url("common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
 }
-
 @font-face {
     font-family: "KakaoBigSans";
     font-style: normal;

     font-weight: 700;
     src: local("KakaoBigSans Bold"), url("common/font/KakaoBigSans-Bold.woff2") format("woff2");
 }
-
 @font-face {
     font-family: "KakaoBigSans";
     font-style: normal;

245553e

b99ac74

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

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

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


 	bottom: 0;
 	text-indent: -9999em;
 }
-
 .accordion { 
 	display: flex;
 	flex-direction: column;

 			gap:$spacing-xsm;
 			align-items: center;
 		}
-
 		&:after {
 			content: " ";
 			position: absolute;

 		padding-left: 4rem;
 		padding-right: 8rem;
 	}
-
 	.accordion-txt-area {
 		display: none;
 	}
 }
-
 .accordion-list {
 	display: flex;
 	flex-direction: column;
 	gap: $spacing-xsm;
-
 	>.is-active {
 		.accordion-tit-area {
 			&::after {

 			@include ico($size-icon-md, remove, $color-icon-default-secondary);
 		}
 	}
-
 	.accordion-tit {
 		display: block;
 		@include typo('tit-sm');

 			margin-top: $spacing-2xsm;
 		}
 	}
-
 	.accordion-fnc {
 		position: relative;
 		z-index: 1;

 		}
 	}
 }
-
 .accordion-nav { 
 	display: flex;
 	flex-direction: column;

 			gap:$spacing-xsm;
 			align-items: center;
 		}
-
 		&:after {
 			content: " ";
 			position: absolute;

 			transition: transform 0.5s;
 		}
 	}
-	
 	.accoridon-tit {
 		display: inline-block;
 		vertical-align: middle;

 		padding-left: 4rem;
 		padding-right: 8rem;
 	}
-
 	.accordion-txt-area {
 		display: none;
 	}
 }
-
-
 @include responsive(mobile) {
 	.accordion-list {
 		>li {

245553e

b99ac74

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

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

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


 		border-width: 0;
 		font-weight: $size-font-weight-xlg !important;
 		border-radius: 2em;
+		&.lg {
+			min-width: 0;
+		}
 	}
 	&.toggle {
 		background-color: $color-background-default-primary;

 		&:has(.ico-favorite) {
 			color: $color-font-brand-accent;
 			i {
-				mask-image: url(pathIcon(
-					map-get($icons, 'ico-favorite-active')
-				));
+				mask-image: url(pathIcon(map-get($icons, 'ico-favorite-active')));
 				&::before {
 					background-color: $color-icon-brand-accent;
 				}

245553e

b99ac74

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

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

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


 		}
 	}
 }
-
 @include responsive(mobile) {
 	.calendar-area {
 		.calendar-header {
 			gap: $spacing-md;
 			margin-bottom: $spacing-md;
-
 			.calendar-tit {
 				@include typo('tit-md');
 			}
 		}
-
 		.calendar-tbl {
 			tbody {
 				td {
 					padding: $spacing-2xsm;
 					height: 6.4rem;
-
 					.date {
 						width: 2rem;
 						height: 2rem;
 						border-radius: $radius-xsm;
 						@include typo('label-sm', 'em');
 					}
-
 					.label-area {
 						gap: $spacing-3xsm;
-
 						.label {
 							width: 100%;
 							text-align: left;

245553e

b99ac74

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


 	--form-spacing: #{$spacing-2xsm};
 }
 $flexarea-spacing: var(--flexarea-spacing);
-
 $wrap-sizes: (
 	md: $size-wrap-md,
     sm: $size-wrap-sm,
     xsm: $size-wrap-xsm,
     2xsm: $size-wrap-2xsm
 );
-
 .wrap {
     max-width: calc($size-wrap + ($size-wrap-spacing * 2));
     margin: 0 auto;

     &.full {
         max-width: none;
     }
-
     @each $name, $size in $wrap-sizes {
         &-#{$name} {
             max-width: $size;

 }
 .pcta {
 	display: block !important;
-
 }
 .pcta-flex {
 	display: flex !important;

 .mo-flex {
 	display:none !important;
 }
-
 img.is-disabled {
 	opacity: 0.25;
 	mix-blend-mode: luminosity;
 }
-
 %none-txt {
 	position: absolute;
 	display: flex;

 		color: $color-font-default-tertiary;
 	}
 }
-
 .none-txt {
 	@extend %none-txt;
 }
-
 ul.pagenation,
 ol.pagenation {
     display: flex;

         }
     }
 }
-
 ul.page-indicator,
 ol.page-indicator {
     display: flex;

         }
     }
 }
-
 .search-area {
     display: inline-flex;
     // flex-wrap: wrap;

             font-size:0;
         }
     }
-
     & + .msg {
         display: block;
         margin-top: $spacing-2xsm;

 label.input-form + .search-area {
     margin-top: $spacing-xsm;
 }
-
 .search-cus-area {
 	display: flex;
 	overflow: hidden;
     height: 6.2rem;
-
 	label {
         border: $stroke-secondary;
         border-radius: $radius-sm 0 0 $radius-sm;

         }
     }
 }
-
 .total-search-area {
 	display: flex;
 	padding-bottom: $spacing-lg;
 	justify-content: flex-end;
 	align-items: center;
 	gap: $spacing-2xsm;
-
 	.search-area {
 		border: none;
 	}
-
 	.search {
 		input {
 			width: 32rem;

 		flex:none;
 	}
 }
-
 .accessibility {
     position: relative;
     text-align: center;

 			&:last-child {
 				margin-right: 0;
 			}
-
 		}
 		.filter-group {
 			align-items: center;

 	color:$color-font-default-secondary;
 	word-break: keep-all;
 }
-
 .lnb {
     margin-bottom: $spacing-2xlg;
     ul {

         }
     }   
 }
-
 .summary {
 	display: flex;
 	align-items: center;

 	padding: $spacing-sm $spacing-md;
 	border-radius: $radius-sm;
 	margin-bottom: $spacing-lg;
-
 	// &:last-of-type {
 	// 	margin-bottom: 0;
 	// }
 	i {
 		flex: none;
 	}
-
 	.txt-area {
 		display: flex;
 		flex-direction: column;
 		gap: $spacing-3xsm;
 	}
-
 	cite,
 	.summary-tit {
 		@include typo('tit-xsm');
 	}
-
 	@each $key, $colors in $state-colors {
 		&#{if($key == "default", "", ".#{$key}")} {
  		color: map-get($colors, font);
 		background-color: map-get($colors, bg);
-
 		i[class^=ico-] {
 			&::before {
 				background-color: map-get($colors, icon);

 	}
 }
 }
-
 .summary-img {
 	display: flex;
 	align-items: center;

 	border-radius: $radius-sm;
 	background: $color-background-brand-primary;
 	margin-bottom: $spacing-lg;
-
 	.img-area {
 		width: 6.4rem;
-
 		img {
 			display: block;
 			width: 100%;
 		}
 	}
-
 	.txt-area {
 		flex: 1;
 		display: flex;
 		flex-direction: column;
 		gap: $spacing-3xsm;
 	}
-
 	.summary-tit {
 		@include typo('tit-md');
 	}
-
 	.summary-tit-sm {
 		@include typo('tit-sm');
 		color: $color-font-default-tertiary;
 	}
 }
-
 .summary-page {
 	display: flex;
 	justify-content: space-between;

 	padding: $spacing-lg $spacing-2xlg;
 	margin-bottom: $spacing-2xlg;
 	min-width: 0;
-
 	>.l-area,
 	>.r-area {
 		display: flex;
 		min-width: 0;
 	}
-
 	>.l-area {
 		flex: 1;
 		gap: $spacing-md;
 	}
-
 	>.r-area {
 		flex: none;
 	}
-
 	.img-area {
 		flex: none;
-
 		img {
 			display: block;
 			width: 3.2rem;
 			aspect-ratio: 1;
 		}
 	}
-
 	.txt-area {
 		word-break: break-all;
 	}
 }
-
 .summary-info-list {
 	display: flex;
 	// grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 	gap: $spacing-sm;
-
 	// overflow-x: auto;
 	li {
 		display: flex;

 		justify-content: space-between;
 		align-items: center;
 		gap: $spacing-2xlg;
-
 		.txt-area {
 			display: flex;
 			flex-direction: column;
 			flex: 1;
 			width: 100%;
-
 			h4 {
 				@include typo('tit-sm');
 				color: $color-font-default-tertiary;
 				margin-bottom: $spacing-sm;
 			}
-
 			p {
 				@include typo('tit-lg');
 			}
-
 			small {
 				color: $color-font-default-tertiary;
 				display: flex;
 				align-items: center;
 				margin-top: $spacing-3xsm;
 			}
-
 			.chart-area {
 				margin-top: $spacing-sm;
 			}
 		}
-
 		&.is-up {
 			background: $color-background-success-primary;
-
 			small {
 				color: $color-font-success-primary;
-
 				&::before {
 					content: "";
 					display: inline-block;

 				}
 			}
 		}
-
 		&.is-down {
 			background: $color-background-danger-primary;
-
 			small {
 				color: $color-font-danger-primary;
-
 				&::before {
 					content: "";
 					display: inline-block;

 				}
 			}
 		}
-
 		$background-colors: (
 			primary: $color-background-brand-primary,
 			secondary: $color-background-brand-secondary,
 			accent: $color-background-brand-accent
 		);
-
 	@each $name, $color in $background-colors {
 		&.#{$name} {
 			background-color: $color;
 		}
 	}
 }
-
 img {
 	width: 8rem;
 	height: 8rem;

 	background: $color-background-default-primary;
 }
 }
-
 .summary-box {
 	@extend %flexArea;
 	align-items: center;
-
 	.l-area,
 	.c-area,
 	.r-area {

 			margin-bottom: 0;
 		}
 	}
-
 	.l-area {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: $spacing-xsm;
 	}
-
 	border:$stroke-secondary;
 	padding:$spacing-lg;
 	border-radius: $radius-md;
-
 	.bg-primary {
 		background-color: $color-background-brand-primary;
 		display: flex;

 		padding: $spacing-md;
 		border-radius: $radius-md;
 		min-height: 10rem;
-
 		strong {
 			@include typo('tit-xsm');
 			color: $color-font-default-secondary;
 		}
 	}
 }
-
 .profile-area {
 	display: flex;
 	flex-direction: row;

             background-position: center;
             background-size: cover;
             font-size: 0;
-
             $profiles : (
                 "stu",
                 "par",

 		}
 	}
 }
-
 .step {
     margin-bottom: $spacing-2xlg;
 	display: flex;

 		right: 0;
 	}
 }
-
 /* toast */
 @keyframes toast-up {
 	0% {

         display: none;
     }        
 }
-
 .class-thumb {
 	aspect-ratio: 4/3 !important;
 }
-
 .img-box {
 	border: $stroke-secondary;
 	border-radius: $radius-md;

 		color: $color-font-default-tertiary;
 	}
 }
-
 .none-txt {
 	@extend %none-txt;
 }
-
 /* box */
 .bg-box,
 .bg-border-box,

 		padding: 4rem;
 	}
 }
-
 .bg-box {
 	background-color: $color-background-default-secondary;
 	border-radius: $radius-md;
 }
-
 .bg-border-box {
 	display: flex;
 	flex-direction: column;

 		}
 	}
 }
-
 .border-box {
 	border: $stroke-secondary;
 	border-radius: $radius-md;

 		background-color: $color-background-default-secondary;
 	}
 }
-
 .box-tit-area {
 	margin-bottom: $spacing-lg;
 	&:last-child {
 		margin-bottom: 0;
 	}
 }
-
 .box-tit-img {
 	margin-bottom: $spacing-md;
 	img {

 		margin: 0 auto;
 	}
 }
-
 .box-tit {
 	display: block;
 	@include typo('tit-md');
 	margin-bottom: $spacing-2xsm;
 }
-
 .box-tit-lg {
 	display: block;
 	@include typo('tit-lg');
 	margin-bottom: $spacing-xsm;
 }
-
 .box-tit-sm {
 	display: block;
 	@include typo('tit-sm');

 		font-size: 3.2rem;
 	}
 }
-
 hr {
 	&.solid {
 		display: block;

 		margin: $spacing-2xsm 0;
 	}
 }
-
 .bg-area {
     position:relative;
     border-radius: $radius-md;

 		}
 	}
 }
-
 .border-box-list {
 	display: flex;
 	flex-direction: column;

 		}
 	}
 }
-
 .border-box-info-list {
 	display: grid;
 	grid-template-columns: repeat(5, 1fr);

 		}
 	}
 }
-
 .total-count {
 	margin-bottom: $spacing-xsm;
 	em {

 		margin:0;
 	}
 }
-
 .search-box {
 	position: relative;
 	margin-bottom: $spacing-3xlg;

             box-shadow: $shadow-md;
 			background-color: $color-background-brand-primary-inverse-hover;
         }
-
     }
     .btn-search-toggle {
         position: absolute;

 		}
 	}
 }
-
 .bg-list {
 	li {
 		background-color: $color-background-default-secondary;

 }
 .info-block-list {
 	margin-bottom: $spacing-lg;
-
 	&:last-child {
 		margin-bottom: 0;
 	}

 			flex: 1;
 		}
 	}
-
 	&.fs-sm {
 		> li {
 			& ~ li {

 		}
 	}
 }
-
 .info-inline-list {
 	display: flex;
 	flex-wrap: wrap;

 		}
 	}
 }
-
 .info-box-list {
 	margin-bottom: $spacing-section-sm;
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
 	gap: $spacing-xsm;
-
 	// grid-auto-flow: row dense;
 	>li {
 		display: flex;

 		background-color: $color-background-default-secondary;
 		padding: $spacing-lg $spacing-md;
 		gap: $spacing-xsm $spacing-md;
-
 		>strong {
 			display: flex;
 			gap: $spacing-2xsm;

 			@include typo('tit-sm');
 			color: $color-font-default-tertiary;
 		}
-
 		.txt-area {
 			display: flex;
 			flex-wrap: nowrap;
 			gap: $spacing-3xsm;
 			align-items: center;
-
 			em {
 				@include typo('tit-sm');
 			}
-
 			small {
 				@include typo('body-md');
 				color: $color-font-default-primary;
 			}
-
 			&.dir-col {
 				align-items: flex-end;
-
 				&.center {
 					align-items: center;
 				}
 			}
 		}
-
 		&.bg-primary {
 			background-color: $color-background-brand-primary-inverse;
 			color: $color-font-default-secondary-inverse;
-
 			em {
 				color: $color-font-default-primary-inverse;
 			}
 		}
-
 		&.dir-col {
 			>.txt-area {
 				width: 100%;
 			}
-
 		}
 	}
 	&.col3 {
 		grid-template-columns: repeat(3, 1fr);
-
 		>li:nth-last-child(2):nth-child(3n + 1) {
 			grid-column: span 2;
 		}
-
 		>li:nth-last-child(1):nth-child(3n + 1) {
 			grid-column: span 3;
 		}

 .info-block-list {
 	min-width: 0;
 }
-
 // .sticky-area {
 // 	display: flex;
 // 	gap: $spacing-2xlg;
 // }
-
 // .sticky-cont {
 // 	position: relative;
 // 	box-sizing: border-box;

 	position: sticky;
 	background-color: $color-background-default-primary;
 }
-
 %filehide {
 	position: absolute;
 	left: 0;

 			height: 1.6rem;
 			@include ico($size-icon-md, plus);
 		}
-
         img {
             position: relative;
             z-index: 1;

 		}
 	}
 }
-
 .file-down-list {
 	a {
 		&::before {

 		}	
 	}
 }
-
 .item-list-box {
 	position: static;
 	border: $stroke-secondary;

 		z-index: -9999;
 	}
 }
-
 .chasi-list-box{
 	font-size: $size-font-xsm;
 	border: $stroke-secondary;

 		height:4rem;
 	}
 }
-
 .item-list-inline-box {
 	display: flex;
 	flex-wrap: wrap;

 		}
 	}
 }
-
 .item-add-area {
 	display: flex;
 	flex-wrap: wrap;

 	border-radius: $radius-sm;
 	background: $color-background-default-tertiary;
 	margin-top: $spacing-xsm !important;
-
 	&:first-child {
 		margin-top: 0;
 	}
-
 	&:empty,
 	&:has(.item-list:empty) {
 		display: none;
 	}
 }
-
 .preview-area {
 	position: relative;
 	width: 16rem;

 		object-fit: cover;
 	}
 }
-
 .file-add-area {
 	display: flex;
 	gap:$spacing-2xsm $spacing-xsm;

 		flex: 1;
 	}
 }
-
 .sel-txt-list {
     margin-top: $spacing-2xsm;
 	font-size: 1.4rem;

 		}
 	}
 }
-
 .tip-txt {
 	gap: $spacing-2xsm;
 	align-items: center;

 		display: none;
 	}
 }
-
 .etc-fnc-area {
     position: relative;
     display: inline-flex;

 		}
 	}	
 }
-
 .badge-list {
 	display: grid;
 	grid-template-columns: repeat(6, 1fr);

 		}
 	}
 }
-
 .banner-area {
 	display: flex;
 	gap: $spacing-xsm $spacing-md;
-
 	figure {
 		img {
 			display: block;

 		}
 	}
 }
-
 %book-thumb {
 	border-radius: $radius-sm;
 	border:$stroke-secondary;

 	}
 }
 
-
 @include responsive(tablet) {
 	.pc, .pc-flex {
 		display: none !important;

 		grid-auto-flow: row;
 	}
 }
-
 @include responsive(mobile) {
 	.pcta, .pcta-flex {
 		display: none !important;

 	.mo-flex {
 		display: flex !important;
 	}
-
 	ul.pagenation,
 	ol.pagenation {
-
 		.ppv,
 		.ffw {
 			display: none;
 		}
-
 		overflow-x: auto;
 	}
-
 	.fnc-list {
 		li {
 			padding: $spacing-sm $spacing-none;
 		}
-
 		&.box {
 			li {
 				padding: $spacing-sm $spacing-md;

 			}
 		}
 	}
-
 	.bg-box,
 	.bg-border-box,
 	.border-box {
 		border-radius: $radius-sm;
 		padding: $spacing-md;
 	}
-
 	// .border-box-list {
 	// 	> li {
 	// 		flex-direction: column;

 	.bg-area {
 		padding: $spacing-md;
 	}
-
 	.item-list-box {
 		.item {
 			padding: $spacing-xsm;
-
 			.txt-area {
 				flex-wrap: wrap;
-
 				>strong {
 					width: 100%;
 				}
 			}
 		}
 	}
-
 	.page-tit-area {
 		margin-bottom: $spacing-xlg;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
-
 		>.l-area,
 		>.r-area {
 			width: 100%;

 			text-align: center;
 		}
 	}
-
 	.search-area {
 		width: 100%;
 		// .search-option {
 		// 	flex-direction: column;
 		// }
 	}
-
 	.search-cus-area {
 		height: 5.2rem;
-
 		label {
 			padding-left: 4.8rem;
-
 			&::before {
 				left: 1.4rem
 			}
-
 			input[type=text] {
 				padding: $spacing-xsm $spacing-sm;
 				@include typo ('tit-md');
 			}
 		}
-
 		button {
 			padding: $spacing-none $spacing-md;
 		}
 	}
-
 	.fnc-area {
 		flex-direction: column;
-
 		>.l-area,
 		>.r-area {
 			width: 100%;
 		}
-
 		>.l-area {
 			order: 1;
 			min-height: initial;
 		}
 	}
-
 	.fnc-extend-area {
 		.extend-default-area {
 			flex-direction: column;
 			gap: $spacing-md;
-
 			>.l-area {
 				order: 1;
 				min-height: initial;
 			}
 		}
 	}
-
 	.extend-filter-area {
 		padding: $spacing-xsm;
 		flex-wrap: wrap;
 		justify-content: flex-start;
 		overflow: auto;
-
 		>.l-area {
 			order: 1;
 		}
-
 		.filter-group {
 			flex-wrap: nowrap;
 			overflow-x: auto;
 			gap: $spacing-2xsm;
-
 			>* {
 				flex: none;
 			}
 		}
 	}
-
 	.info-list {
 		>li {
 			flex-direction: column;
 			gap: $spacing-xsm;
 		}
 	}
-
 	.info-box-list {
 		gap: $spacing-2xsm;
-
 		>li {
 			padding: $spacing-sm;
-
 			.txt-area {
 				flex-wrap: wrap;
 			}
 		}
 	}
-
 	.view-area {
 		border-top: $stroke-secondary;
 		border-bottom: $stroke-secondary;
 		padding: $spacing-lg 0;
-
 		.title-lg {
 			display: flex;
 			flex-direction: column;
 			gap: $spacing-xsm;
-
 			>* {
 				width: fit-content;
 			}
 		}
-
 		.view-txt {
 			padding: $spacing-lg;
 			border-radius: $radius-sm;
 		}
 	}
-
 	.board-view-area {
 		.view-cont {
 			padding: $spacing-md;
 			gap: $spacing-xlg;
 		}
-
 		.view-cont-tit-area {
 			.l-area {
 				&~.r-area {

 				}
 			}
 		}
-
 		.view-cont-etc {
 			.view-section {
 				padding: $spacing-md;
 			}
 		}
 	}
-
 	.sticky-area {
 		.sticky {
 			position: static;
 			top: initial;
 		}
 	}
-
 	.book-list {
 		gap: $spacing-md;
 		grid-template-columns: repeat(2, 1fr) !important;
 	}
-
 	.summary-info-list {
 		gap: $spacing-xsm;
 		grid-template-columns: initial;
-
 		li {
 			flex-direction: column-reverse;
 			gap: $spacing-md;
 			padding: $spacing-md;
 			align-items: flex-start;
-
 			img {
 				width: 4.8rem;
 				height: 4.8rem;
 				padding: $spacing-xsm;
 				border-radius: $radius-sm;
 			}
-
 			.txt-area {
 				h4 {
 					margin-bottom: $spacing-2xsm;

 			}
 		}
 	}
-
 	.summary-box {
 		flex-direction: column;
 		padding: $spacing-md;
 		gap: $spacing-md;
-
 		h3 {
 			@include typo ('tit-md');
 		}
-
 		.r-area:has(.bg-primary) {
 			width: 100%;
 		}
-
 		.bg-primary {
 			width: 100%;
 			min-height: auto;
 		}
 	}
-
 	.url-add-area {
 		label::before {
 			left: 1rem;
 		}
 	}
-
 	.banner-area {
 		flex-direction: column;
 	}

245553e

b99ac74

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


     // vertical-align: middle;
 }
 
-label.input-form-block>div,
-label.input-form {
-    // 입력폼 전용으로
-    display: flex;
-    align-items: flex-end;
-    @include typo('tit-xsm');
-    &.input-block {
-        align-items: center;
-    }
-
-    cite {
-        @include typo('body-sm');
-        font-style: normal;
-        margin-left: auto;
-    }
-
-    &.input-block,
-    &~.input-bundle:nth-of-type(1),
-    &~input[type=text]:nth-of-type(1),
-    &~input[type=search]:nth-of-type(1),
-    &~input[type=password]:nth-of-type(1),
-    &~input[type=number]:nth-of-type(1),
-    &~input[type=email]:nth-of-type(1),
-    &~input[type=tel]:nth-of-type(1),
-    &~input[type=time]:nth-of-type(1),
-    &~input[type=date]:nth-of-type(1),
-    &~input[type=datetime-local]:nth-of-type(1),
-    &~input[type=month]:nth-of-type(1),
-    &~input[type=week]:nth-of-type(1),
-    &~textarea:nth-of-type(1),
-    &~select:nth-of-type(1) {
-        margin-top: $spacing-xsm;
-    }
-}
-
 %required {
     content: '*';
     display: inline-flex;
     margin-left: $spacing-2xsm;
     color: $color-font-brand-accent;
     font-size: $size-font-sm;
-}
-:has(>label.required),
-:has(>label.input-form-block>input:required),
-:has(>label.input-form-block>.input-block>input:required),
-:has(>input:required){
-    >label:not(:has(span))::after,
-    >div span:first-child::after,
-    >label span:first-child:after {
-        @extend %required;
-    }
 }
 i.required {
     display: inline-flex;

245553e

b99ac74

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

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

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

...	...	@@ -155,7 +155,6 @@
155	155	"ico-mortarboard" : "%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E",
156	156	"ico-protect" : "%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E",
157	157	);
158		-
159	158	$gnbIcons : (
160	159	"gnb-home" : "%3Cpath d='m16,24.82v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E",
161	160	"gnb-myclass" : "%3Cpath d='m24,24c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m34,30c0-2.21-1.79-4-4-4h-12c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2h-16v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E",
...	...	@@ -168,7 +167,6 @@
168	167	"gnb-archive" : "%3Cpath d='m31.21,28.43c2.62,0,4.76-2.3,4.76-5.14,0-2.55-1.73-4.67-3.99-5.07h0c0-3.35-2.51-6.06-5.59-6.06-2.17,0-4.1,1.34-5.02,3.39-.48-.18-.98-.27-1.48-.27-2.42,0-4.41,2.07-4.51,4.66-1.88.34-3.31,2.1-3.31,4.22,0,2.36,1.78,4.28,3.98,4.28h6.96v1.29c-.85.33-1.51,1.05-1.8,1.96h-6.44v2h6.44c.39,1.25,1.49,2.16,2.8,2.16s2.4-.91,2.8-2.16h6.65v-2h-6.65c-.29-.91-.95-1.64-1.8-1.96v-1.29h6.21Zm-7.21,5.41c-.53,0-.96-.52-.96-1.16s.43-1.16.96-1.16.96.52.96,1.16-.43,1.16-.96,1.16Zm-9.93-9.69c0-1.25.89-2.28,1.98-2.28.08,0,.15,0,.23.02.32.06.66-.05.89-.29.23-.24.33-.57.26-.9-.04-.17-.05-.36-.05-.56,0-1.58,1.13-2.87,2.51-2.87.63,0,1.13.28,1.43.52.27.21.63.27.95.15.32-.12.56-.39.64-.72.41-1.8,1.84-3.06,3.48-3.06,1.98,0,3.59,1.82,3.59,4.05,0,.24-.02.49-.07.76-.05.31.04.63.26.86.22.23.53.34.85.3.06.01.13.02.19.02,1.52,0,2.76,1.41,2.76,3.13s-1.24,3.14-2.76,3.14h-15.17c-1.09,0-1.98-1.02-1.98-2.28Z'/%3E",
169	168	"gnb-inquiry" : "%3Cpath d='M23.628 36.8448C23.2801 36.8448 23 36.4334 23 35.9224C23 35.4114 23.2801 35 23.628 35H26.0589C26.4068 35 26.6869 35.4114 26.6869 35.9224C26.6869 36.4334 26.4068 36.8448 26.0589 36.8448H23.628Z' fill='%2358585B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.357 34.7068C22.5954 34.3566 23.0274 34 23.628 34H26.0589C26.6595 34 27.0915 34.3566 27.33 34.7068C27.5712 35.0611 27.6869 35.494 27.6869 35.9224C27.6869 36.3508 27.5712 36.7837 27.33 37.138C27.0915 37.4882 26.6595 37.8448 26.0589 37.8448H23.628C23.0274 37.8448 22.5954 37.4882 22.357 37.138C22.1157 36.7837 22 36.3508 22 35.9224C22 35.494 22.1157 35.0611 22.357 34.7068Z' fill='%2300529B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.9823 17.9887C32.9453 17.9846 32.9076 17.9824 32.8695 17.9824C32.3172 17.9824 31.8695 18.4301 31.8695 18.9824V30.9736C31.8695 31.5259 32.3172 31.9736 32.8695 31.9736C36.5515 31.9736 39.3999 28.767 39.3999 24.9807C39.3999 21.2331 36.6095 18.0534 32.9823 17.9887ZM33.8695 20.1115V29.8499C35.8479 29.3538 37.3999 27.4181 37.3999 24.9807C37.3999 22.5432 35.8479 20.6075 33.8695 20.1115Z' fill='%2300529B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2782 17.9824C16.8305 17.9824 17.2782 18.4301 17.2782 18.9824V30.9736C17.2782 31.5259 16.8305 31.9736 16.2782 31.9736C12.2318 31.9736 8.82605 28.9124 8.82605 24.9807C8.82605 21.0848 12.1699 18.0437 16.1675 17.9885C16.2039 17.9845 16.2408 17.9824 16.2782 17.9824ZM15.2782 20.0705C12.6972 20.5046 10.826 22.5892 10.826 24.9807C10.826 27.3721 12.6972 29.4567 15.2782 29.8908V20.0705Z' fill='%2300529B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5561 12.603C20.1239 12.603 16.4575 15.4169 15.3965 19.1424C15.2452 19.6736 14.692 19.9816 14.1608 19.8303C13.6297 19.679 13.3217 19.1258 13.473 18.5946C14.7941 13.9559 19.2876 10.603 24.5561 10.603C29.8731 10.603 34.4017 14.0123 35.6781 18.7206C35.8226 19.2536 35.5076 19.8029 34.9746 19.9474C34.4415 20.0919 33.8923 19.7769 33.7478 19.2439C32.7232 15.4646 29.031 12.603 24.5561 12.603Z' fill='%2300529B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 31C33.5523 31 34 31.4477 34 32C34 34.987 30.9737 37 27.8148 37C27.0828 37 26.3778 36.8983 25.7204 36.7068C25.1901 36.5523 24.8855 35.9973 25.0399 35.467C25.1943 34.9368 25.7494 34.6321 26.2797 34.7866C26.7514 34.924 27.2679 35 27.8148 35C30.3827 35 32 33.4308 32 32C32 31.4477 32.4477 31 33 31Z' fill='%2300529B'/%3E%3Cpath d='M23.8865 27.0735V27.0048C23.8941 26.2759 23.9704 25.6958 24.1155 25.2645C24.2605 24.8333 24.4666 24.4841 24.7337 24.217C25.0008 23.9498 25.3214 23.7037 25.6954 23.4785C25.9206 23.3411 26.1228 23.1789 26.3022 22.9919C26.4816 22.8011 26.6228 22.5817 26.7258 22.3336C26.8327 22.0856 26.8861 21.8108 26.8861 21.5093C26.8861 21.1353 26.7983 20.8109 26.6228 20.5362C26.4472 20.2614 26.2125 20.0496 25.9187 19.9008C25.6248 19.7519 25.2985 19.6775 24.9398 19.6775C24.6268 19.6775 24.3254 19.7424 24.0353 19.8721C23.7453 20.0019 23.5029 20.2061 23.3083 20.4846C23.1137 20.7632 23.0011 21.1277 22.9706 21.578H21.528C21.5585 20.9292 21.7265 20.374 22.0318 19.9122C22.3409 19.4504 22.7473 19.0974 23.2511 18.8532C23.7586 18.6089 24.3215 18.4868 24.9398 18.4868C25.6114 18.4868 26.1953 18.6204 26.6915 18.8875C27.1914 19.1547 27.5768 19.521 27.8478 19.9866C28.1226 20.4522 28.2599 20.9827 28.2599 21.578C28.2599 21.9978 28.1951 22.3775 28.0653 22.7172C27.9394 23.0568 27.7562 23.3602 27.5158 23.6274C27.2792 23.8945 26.9929 24.1311 26.6571 24.3372C26.3213 24.5471 26.0522 24.7684 25.85 25.0012C25.6477 25.2302 25.5008 25.5031 25.4092 25.8198C25.3176 26.1366 25.268 26.5316 25.2603 27.0048V27.0735H23.8865ZM24.6192 30.4623C24.3368 30.4623 24.0945 30.3612 23.8922 30.1589C23.6899 29.9567 23.5888 29.7143 23.5888 29.4319C23.5888 29.1495 23.6899 28.9072 23.8922 28.7049C24.0945 28.5027 24.3368 28.4015 24.6192 28.4015C24.9016 28.4015 25.1439 28.5027 25.3462 28.7049C25.5485 28.9072 25.6496 29.1495 25.6496 29.4319C25.6496 29.6189 25.6019 29.7907 25.5065 29.9471C25.4149 30.1036 25.2909 30.2295 25.1344 30.3249C24.9818 30.4165 24.81 30.4623 24.6192 30.4623Z' fill='%2300529B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9398 18.7368C24.3554 18.7368 23.8302 18.852 23.3597 19.0783C22.896 19.3033 22.524 19.6265 22.2399 20.0507C22.0041 20.4076 21.855 20.8313 21.7986 21.328H22.7447C22.797 20.9458 22.9132 20.6137 23.1034 20.3415C23.3221 20.0284 23.5989 19.7935 23.9332 19.6439C24.2549 19.5 24.5911 19.4275 24.9398 19.4275C25.3342 19.4275 25.6997 19.5096 26.0316 19.6777C26.3649 19.8466 26.6336 20.0887 26.8334 20.4016C27.0383 20.7222 27.1361 21.0948 27.1361 21.5093C27.1361 21.8403 27.0774 22.1487 26.9561 22.431C26.8418 22.7056 26.6845 22.9502 26.4843 23.1632L26.4826 23.165C26.2881 23.3678 26.0689 23.5435 25.8256 23.6919L25.8243 23.6927C25.4651 23.909 25.1612 24.143 24.9105 24.3938C24.6756 24.6286 24.4876 24.9422 24.3524 25.3442C24.2309 25.7057 24.1576 26.1959 24.14 26.8235H25.0153C25.0316 26.4118 25.0816 26.0528 25.169 25.7504C25.27 25.4013 25.4336 25.0951 25.662 24.8364C25.8842 24.5808 26.1738 24.3445 26.5246 24.1252L26.5263 24.1241C26.8433 23.9296 27.11 23.7085 27.3286 23.4616L27.3299 23.4601C27.5491 23.2166 27.7159 22.9405 27.8309 22.6303L27.8318 22.628C27.9491 22.3208 28.0099 21.972 28.0099 21.578C28.0099 21.0227 27.8823 20.537 27.6325 20.1137L27.6317 20.1124C27.3853 19.689 27.0349 19.3545 26.5736 19.108C26.1203 18.8639 25.578 18.7368 24.9398 18.7368ZM23.1427 18.6279C23.6872 18.3659 24.2877 18.2368 24.9398 18.2368C25.6448 18.2368 26.2708 18.3772 26.8097 18.6673C27.3479 18.9549 27.768 19.3529 28.0635 19.8602C28.363 20.3679 28.5099 20.9429 28.5099 21.578C28.5099 22.0232 28.4412 22.4333 28.2993 22.8052C28.1626 23.1734 27.9634 23.5035 27.7023 23.7938C27.4481 24.0807 27.1428 24.3324 26.7887 24.5497C26.4687 24.7499 26.2207 24.9557 26.0387 25.1652L26.0373 25.1667C25.8615 25.3658 25.7315 25.6052 25.6493 25.8893C25.5661 26.1773 25.5179 26.5479 25.5103 27.0068V27.0735C25.5103 27.2115 25.3984 27.3235 25.2603 27.3235H23.8865C23.7484 27.3235 23.6365 27.2115 23.6365 27.0735V27.0022C23.6442 26.2608 23.7216 25.6513 23.8785 25.1849C24.0333 24.7244 24.2575 24.3396 24.5569 24.0402C24.8403 23.7568 25.1773 23.4987 25.5658 23.2647C25.7723 23.1387 25.9571 22.9904 26.1209 22.8198C26.2787 22.6518 26.4033 22.4583 26.4949 22.2377L26.4962 22.2347C26.5881 22.0213 26.6361 21.7808 26.6361 21.5093C26.6361 21.1758 26.5583 20.8997 26.4121 20.6708C26.2609 20.4341 26.0601 20.2526 25.8057 20.1238C25.5499 19.9942 25.2628 19.9275 24.9398 19.9275C24.6626 19.9275 24.3958 19.9847 24.1374 20.1003C23.8916 20.2103 23.6838 20.3837 23.5133 20.6278C23.3519 20.8588 23.2484 21.1755 23.22 21.5949C23.2111 21.7261 23.1021 21.828 22.9706 21.828H21.528C21.4597 21.828 21.3943 21.8 21.3471 21.7506C21.3 21.7011 21.2751 21.6345 21.2783 21.5663C21.3106 20.8804 21.4891 20.2797 21.8232 19.7743L21.824 19.7731C22.158 19.2742 22.5993 18.8914 23.1427 18.6279ZM24.6192 28.6515C24.4041 28.6515 24.225 28.7256 24.069 28.8817C23.9129 29.0378 23.8388 29.2168 23.8388 29.4319C23.8388 29.6471 23.9129 29.8261 24.069 29.9822C24.225 30.1382 24.4041 30.2123 24.6192 30.2123C24.7678 30.2123 24.8942 30.1773 25.005 30.111C25.1262 30.037 25.2204 29.941 25.2907 29.8208L25.293 29.817C25.364 29.7005 25.3996 29.574 25.3996 29.4319C25.3996 29.2168 25.3255 29.0378 25.1694 28.8817C25.0134 28.7256 24.8344 28.6515 24.6192 28.6515ZM23.7154 28.5282C23.9639 28.2797 24.2695 28.1515 24.6192 28.1515C24.9689 28.1515 25.2745 28.2797 25.523 28.5282C25.7715 28.7766 25.8996 29.0823 25.8996 29.4319C25.8996 29.6631 25.8402 29.8794 25.7211 30.0754C25.6085 30.267 25.4553 30.4221 25.2646 30.5384L25.263 30.5393C25.0687 30.6559 24.852 30.7123 24.6192 30.7123C24.2695 30.7123 23.9639 30.5842 23.7154 30.3357C23.467 30.0872 23.3388 29.7816 23.3388 29.4319C23.3388 29.0823 23.467 28.7766 23.7154 28.5282Z' fill='%2300529B'/%3E",
170	169	);
171		-
172	170	$fncIcons : (
173	171	"fnc-message" : "%3Ccircle fill='%23fff' cx='19.49' cy='16' r='3'/%3E%3Cg%3E%3Cpath d='m19.63,15.38s-2.08-1.53-2.08-6.58c0-.73-.14-1.45-.42-2.12-.28-.68-.68-1.28-1.2-1.8-.52-.52-1.12-.92-1.8-1.2-1.35-.56-2.89-.56-4.25,0-.68.28-1.28.69-1.8,1.2-.52.52-.92,1.12-1.2,1.8-.28.68-.42,1.39-.42,2.12,0,5.05-2.05,6.57-2.07,6.58-.28.18-.4.53-.3.84.1.32.39.53.72.53h14.4c.33,0,.61-.21.71-.53.1-.31-.02-.65-.29-.84Zm-13.2-.13c.73-1.17,1.53-3.19,1.53-6.45,0-.53.1-1.06.31-1.55.21-.49.5-.94.88-1.31s.82-.67,1.31-.88c.99-.41,2.11-.41,3.1,0,.49.2.94.5,1.31.88s.67.82.88,1.31c.21.49.31,1.02.31,1.55,0,3.26.79,5.28,1.53,6.45H6.43Z'/%3E%3Cpath d='m13.77,18.55c-.36-.21-.82-.09-1.03.27-.08.13-.18.24-.31.31-.25.15-.59.15-.85,0-.13-.08-.24-.18-.31-.31-.21-.36-.67-.48-1.03-.27-.36.21-.48.67-.27,1.03.21.35.5.65.86.86.36.2.76.31,1.17.31s.82-.11,1.17-.31c.36-.21.65-.5.86-.86.21-.36.09-.82-.27-1.03Z'/%3E%3C/g%3E",
174	172	"fnc-favorite" : "%3Ccircle fill='%23fff' cx='18' cy='15' r='3'/%3E%3Cpath d='m16.44,20.74c-.44,0-.98-.12-1.62-.45-.12-.06-2.03-1.02-2.82-1.42-.79.4-2.7,1.36-2.82,1.42-1.48.77-2.41.38-2.83.09-.4-.29-1.05-1-.84-2.53l.56-3.21c-.65-.63-2.19-2.13-2.28-2.21-.84-.8-1.2-1.7-.99-2.51.19-.75.82-1.32,1.78-1.59l.1-.02,3.66-.52,1.58-3.15c1.14-1.84,3.04-1.78,4.11-.06l1.62,3.21,3.76.54c.96.27,1.59.84,1.78,1.59.2.81-.15,1.71-1,2.52-.08.08-1.62,1.58-2.27,2.21l.55,3.18c.22,1.56-.43,2.27-.83,2.56-.24.17-.63.36-1.2.36ZM4.95,9.78c-.38.12-.64.3-.69.5-.05.2.08.59.58,1.07.12.11,2.56,2.49,2.56,2.49l.28.28-.69,3.96c-.07.51.01.93.22,1.08.18.13.61.15,1.27-.19.15-.08,3.17-1.6,3.17-1.6l.34-.17.34.17s3.01,1.52,3.17,1.6c.66.34,1.09.33,1.27.2.21-.15.29-.56.22-1.1l-.68-3.94.28-.28s2.44-2.37,2.55-2.48c.51-.49.64-.88.59-1.08-.05-.2-.3-.38-.69-.5l-4.38-.63-1.94-3.85c-.21-.34-.49-.57-.73-.57s-.52.23-.77.63l-1.9,3.79-4.38.63Z'/%3E",
...	...	@@ -182,14 +180,12 @@
182	180	"fnc-comment" : "%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E",
183	181	);
184	182
185		-
186	183	$fileIcons : (
187	184	"file-pdf" : "%3E%3Cg %3E%3Cpath d='M13,2H6A2.006,2.006,0,0,0,4,4V20a2.006,2.006,0,0,0,2,2H18a2.006,2.006,0,0,0,2-2V9Z' fill='%23e34f3e'/%3E%3Cpath d='M13,2V8a.945.945,0,0,0,1,1h6' fill='%23bb1d0b'/%3E%3Cpath d='M9.2,11.2a1.884,1.884,0,0,0-.8-.2H6.7v4.2h.9V13.8h.8a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.854,1.854,0,0,0-.2-.7,1.205,1.205,0,0,0-.5-.5Zm-.3,1.6c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1H7.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2a.367.367,0,0,1,.1.3A.6.6,0,0,1,8.9,12.8Z' fill='%23fff'/%3E%3Cpath d='M12.9,11.3a2.016,2.016,0,0,0-1.1-.3H10.3v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,1.575,1.575,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A.988.988,0,0,0,12.9,11.3Zm0,2.6c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.7h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A2.22,2.22,0,0,1,12.9,13.9Z' fill='%23fff'/%3E%3Cpath d='M17.3,11.7V11H14.5v4.2h.9V13.5h1.7v-.7H15.4V11.7Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A",
188	185	"file-hwp": "%3E%3Cg transform='translate(-24)'%3E%3Crect width='24' height='24' transform='translate(24)' fill='none'/%3E%3Cpath d='M37,2H30a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H42a2.006,2.006,0,0,0,2-2V9Z' fill='%23209ddf'/%3E%3Cpath d='M37,2V8a.945.945,0,0,0,1,1h6' fill='%23006e9e'/%3E%3Cpath d='M32.1,12.8H30.3V11h-.9v4.2h.9V13.5h1.8v1.7H33V11h-.9Z' fill='%23fff'/%3E%3Cpath d='M37.4,14h0l-.8-3h-.8L35,14h0l-.7-3h-1l1.2,4.2h.9l.8-2.8h0l.8,2.8h.9L39.1,11h-1Z' fill='%23fff'/%3E%3Cpath d='M42.4,11.7a1.205,1.205,0,0,0-.5-.5,1.884,1.884,0,0,0-.8-.2H39.4v4.2h.9V13.8H41a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.7,1.7,0,0,0-.1-.7Zm-.8,1.1c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1h-.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2.1.2.1.4S41.6,12.7,41.6,12.8Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A",
189	186	"file-doc": "%3E%3Cg transform='translate(-48)'%3E%3Crect width='24' height='24' transform='translate(48)' fill='none'/%3E%3Cpath d='M61,2H54a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H66a2.006,2.006,0,0,0,2-2V9Z' fill='%23295498'/%3E%3Cpath d='M61,2V8a.945.945,0,0,0,1,1h6' fill='%23002863'/%3E%3Cpath d='M56.6,11.3a2.016,2.016,0,0,0-1.1-.3H54v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,2.336,2.336,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A2.336,2.336,0,0,0,56.6,11.3ZM56.5,14c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.8h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A1.337,1.337,0,0,1,56.5,14Z' fill='%23fff'/%3E%3Cpath d='M60.9,11.3a1.817,1.817,0,0,0-2,0,1.853,1.853,0,0,0-.7.8,2.133,2.133,0,0,0-.3,1.2,2.663,2.663,0,0,0,.3,1.2,2.7,2.7,0,0,0,.7.8,1.817,1.817,0,0,0,2,0,1.853,1.853,0,0,0,.7-.8,2.55,2.55,0,0,0,0-2.4C61.4,11.7,61.2,11.4,60.9,11.3Zm-.1,2.6a1,1,0,0,1-.4.5,1,1,0,0,1-1.2,0,1,1,0,0,1-.4-.5,1.949,1.949,0,0,1-.1-.8,1.949,1.949,0,0,1,.1-.8,1,1,0,0,1,.4-.5,1,1,0,0,1,1.2,0,1,1,0,0,1,.4.5,1.949,1.949,0,0,1,.1.8A1.949,1.949,0,0,1,60.8,13.9Z' fill='%23fff'/%3E%3Cpath d='M65,14.2c-.1.1-.2.2-.3.2a.6.6,0,0,1-.4.1,1.421,1.421,0,0,1-.6-.2,1,1,0,0,1-.4-.5,1.949,1.949,0,0,1-.1-.8,2.2,2.2,0,0,1,.1-.8,1,1,0,0,1,.4-.5,1.421,1.421,0,0,1,.6-.2c.2,0,.3,0,.4.1s.2.1.3.3l.2.4H66a1.135,1.135,0,0,0-.3-.8,2.651,2.651,0,0,0-.6-.5,2.92,2.92,0,0,0-.9-.2,1.689,1.689,0,0,0-1,.3,1.853,1.853,0,0,0-.7.8,2.133,2.133,0,0,0-.3,1.2,2.375,2.375,0,0,0,.3,1.2,1.853,1.853,0,0,0,.7.8,1.689,1.689,0,0,0,1,.3,2.388,2.388,0,0,0,.9-.2,1.024,1.024,0,0,0,.6-.5c.1-.2.2-.5.3-.7h-.9a.31.31,0,0,1-.1.2Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A",
190	187	"file-xls": "%3E%3Cg%3E%3Crect style='fill:none;' width='24' height='24'/%3E%3Cpath style='fill:%23008448;' d='M13,2H6C4.9,2,4,2.9,4,4v16 c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V9L13,2z'/%3E%3Cpath style='fill:%23006630;' d='M13,2v6c0,0.6,0.4,1,1,1h6' /%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M8.5,13.2L8.5,13.2l0.9-1.5h1l-1.3,2.1l1.3,2.1h-1l-0.9-1.5h0L7.7,16h-1L8,13.9l-1.3-2.1h1 L8.5,13.2z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M10.9,11.8h0.9v3.5h1.8V16h-2.7V11.8z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M15.7,12.4c-0.4,0-0.7,0.2-0.7,0.5c0,0.3,0.3,0.4,0.7,0.5l0.4,0.1c0.7,0.2,1.3,0.5,1.3,1.2 c0,0.8-0.6,1.3-1.6,1.3c-1,0-1.7-0.5-1.7-1.4h0.9c0,0.4,0.4,0.6,0.8,0.6c0.5,0,0.8-0.2,0.8-0.5c0-0.3-0.3-0.4-0.7-0.5l-0.5-0.1 c-0.7-0.2-1.2-0.5-1.2-1.2c0-0.8,0.7-1.3,1.6-1.3c0.9,0,1.6,0.5,1.6,1.3h-0.8C16.4,12.6,16.1,12.4,15.7,12.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"
191	188	);
192		-
193	189	$webofficeIcons : (
194	190	"hwp": "%3E%3Cg transform='translate(-24)'%3E%3Crect width='24' height='24' transform='translate(24)' fill='none'/%3E%3Cpath d='M37,2H30a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H42a2.006,2.006,0,0,0,2-2V9Z' fill='%23209ddf'/%3E%3Cpath d='M37,2V8a.945.945,0,0,0,1,1h6' fill='%23006e9e'/%3E%3Cpath d='M32.1,12.8H30.3V11h-.9v4.2h.9V13.5h1.8v1.7H33V11h-.9Z' fill='%23fff'/%3E%3Cpath d='M37.4,14h0l-.8-3h-.8L35,14h0l-.7-3h-1l1.2,4.2h.9l.8-2.8h0l.8,2.8h.9L39.1,11h-1Z' fill='%23fff'/%3E%3Cpath d='M42.4,11.7a1.205,1.205,0,0,0-.5-.5,1.884,1.884,0,0,0-.8-.2H39.4v4.2h.9V13.8H41a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.7,1.7,0,0,0-.1-.7Zm-.8,1.1c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1h-.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2.1.2.1.4S41.6,12.7,41.6,12.8Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A",
195	191	"show" : "%3E%3Cg %3E%3Cpath d='M13,2H6A2.006,2.006,0,0,0,4,4V20a2.006,2.006,0,0,0,2,2H18a2.006,2.006,0,0,0,2-2V9Z' fill='%23e34f3e'/%3E%3Cpath d='M13,2V8a.945.945,0,0,0,1,1h6' fill='%23bb1d0b'/%3E%3Cpath d='M9.2,11.2a1.884,1.884,0,0,0-.8-.2H6.7v4.2h.9V13.8h.8a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.854,1.854,0,0,0-.2-.7,1.205,1.205,0,0,0-.5-.5Zm-.3,1.6c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1H7.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2a.367.367,0,0,1,.1.3A.6.6,0,0,1,8.9,12.8Z' fill='%23fff'/%3E%3Cpath d='M12.9,11.3a2.016,2.016,0,0,0-1.1-.3H10.3v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,1.575,1.575,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A.988.988,0,0,0,12.9,11.3Zm0,2.6c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.7h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A2.22,2.22,0,0,1,12.9,13.9Z' fill='%23fff'/%3E%3Cpath d='M17.3,11.7V11H14.5v4.2h.9V13.5h1.7v-.7H15.4V11.7Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A",
...	...	@@ -197,17 +193,13 @@
197	193	"cell": "%3E%3Cg%3E%3Crect style='fill:none;' width='24' height='24'/%3E%3Cpath style='fill:%23008448;' d='M13,2H6C4.9,2,4,2.9,4,4v16 c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V9L13,2z'/%3E%3Cpath style='fill:%23006630;' d='M13,2v6c0,0.6,0.4,1,1,1h6' /%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M8.5,13.2L8.5,13.2l0.9-1.5h1l-1.3,2.1l1.3,2.1h-1l-0.9-1.5h0L7.7,16h-1L8,13.9l-1.3-2.1h1 L8.5,13.2z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M10.9,11.8h0.9v3.5h1.8V16h-2.7V11.8z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M15.7,12.4c-0.4,0-0.7,0.2-0.7,0.5c0,0.3,0.3,0.4,0.7,0.5l0.4,0.1c0.7,0.2,1.3,0.5,1.3,1.2 c0,0.8-0.6,1.3-1.6,1.3c-1,0-1.7-0.5-1.7-1.4h0.9c0,0.4,0.4,0.6,0.8,0.6c0.5,0,0.8-0.2,0.8-0.5c0-0.3-0.3-0.4-0.7-0.5l-0.5-0.1 c-0.7-0.2-1.2-0.5-1.2-1.2c0-0.8,0.7-1.3,1.6-1.3c0.9,0,1.6,0.5,1.6,1.3h-0.8C16.4,12.6,16.1,12.4,15.7,12.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"
198	194	);
199	195
200		-
201	196	@function str-replace($string, $search, $replace: '') {
202	197	$index: str-index($string, $search);
203		-
204	198	@if $index {
205	199	@return str-slice($string, 1, $index - 1)+$replace+str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
206	200	}
207		-
208	201	@return $string;
209	202	}
210		-
211	203	@function pathIcon($icon : map-get($icons,"ico-search"), $color : $color-black, $size : 24 ) {
212	204	$result: "data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 " + $size + " " + $size + "' xml:space='preserve'%3E";
213	205	$result: $result + "%3Cg fill='"+str-replace(''+ $color, '#', '%23')+"'%3E";
...	...	@@ -223,15 +215,12 @@
223	215
224	216	// @return $result;
225	217	// }
226		-
227	218	@function pathImgIcon($icon : map-get($fileIcons, "file-pdf"), $size : 24) {
228	219	$result: "data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 " + $size + " " + $size + "'";
229	220	$result: $result + $icon;
230	221	@return $result;
231	222	}
232		-
233	223	$icoHasEl: '.btn, .chip, .input', '.badge', '.ico-ox-o', '.ico-ox-x', '.tabs-nav-xsm', '[class="ico-img-"]', '[class="ico-util-"]';
234		-
235	224	[class*="ico-"]:not(#{$icoHasEl}) {
236	225	display: inline-flex;
237	226	vertical-align: top;
...	...	@@ -269,7 +258,6 @@
269	258	&::before {
270	259	background-color: $color-icon-brand-primary;
271	260	}
272		-
273	261	}
274	262	&.secondary,
275	263	&.spot2 {
...	...	@@ -326,7 +314,6 @@
326	314	&::before {
327	315	background-color: $color-icon-default-secondary;
328	316	}
329		-
330	317	}
331	318	&.primary, &.spot, &.cta, &.overlay{
332	319	i {
...	...	@@ -364,7 +351,6 @@
364	351	}
365	352	}
366	353	}
367		-
368	354	//file
369	355	[class^=ico-file] {
370	356	@each $cls, $icon in $fileIcons {
...	...	@@ -379,7 +365,6 @@
379	365	}
380	366	}
381	367	}
382		-
383	368	[class^=ico-weboffice] {
384	369	@each $cls, $icon in $webofficeIcons {
385	370	&.ico-weboffice-#{$cls} {
...	...	@@ -398,7 +383,6 @@
398	383	}
399	384	}
400	385	}
401		-
402	386	.ico-group {
403	387	@extend .ico-layer;
404	388	}
...	...	@@ -411,7 +395,6 @@
411	395	.ico-list {
412	396	@extend .ico-menu;
413	397	}
414		-
415	398	.ico-weboffice-hwp::before {
416	399	background-image: url($url-img + 'custom/ico-img/ico-img-weboffice-hwp.svg') !important;
417	400	}

245553e

b99ac74

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

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

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


 		}
 	}
 }
-
 /* label */
 .label-area {
     display:flex;

245553e

b99ac74

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

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

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


         grid-template-columns: repeat(3, 1fr);
     }
 }
-
 .thumb-sm-list {
     gap: $spacing-xsm;
     display: flex;

         }
     }
 }
-
 .thumb-block-list {
     li {
         position: relative;

         }
     }
 }
-
 .thumb-h-list {
     display: flex;
     flex-direction: column;

         }
     }
 }
-
 .thumb-item-list {
     display: flex;
     flex-direction: column;

         }
     }
 }
-
 .thumb-img-area {
     position: relative;
     overflow: hidden;

         @include img-size;
     }
 }
-
 .link-full:hover ~ .thumb-img-area  {
     figure {
         img {

         }
     }
 }
-
 .thumb-txt-area {
     position: relative;
     margin-top: $spacing-md;

     i {
         margin-right: $spacing-2xsm;
     }
-
     &:has(.etc-fnc-area) {
         padding-right:2.4rem;
     }
 }
-
 .thumb-swiper {
     position: relative;
     padding-left: 2.4rem;

         right: 0;
     }
 }
-
 .thumb-fnc {
     &-l,
     &-r {

         background-color: rgba(0, 0, 0, 0.9);
     }
 }
-
 /* item */
 //item-info 
 .item-info {

 		}
 	}
 }
-
 @keyframes refresh {
     0% {
         transform: rotate(0);

 		}
 	}	
 }
-
 .item-box {
     max-height: 80rem;
     overflow-y: auto;

         cursor: move;
     }
 }
-
 .item-type-list {
     &.border-top {
         border-top:$stroke-secondary;

         height: 100%;
     }
 }
-
 @include responsive(mobile) {
     .checkradio-custom-row-area:has(.item-type-checkradio) {
         display: none;

         >li {
             align-items: center;
         }
-
         .img-area {
             order: 1;
             width: 12rem;
-
             figure {
                 display: none;
             }
-
             &:has(.btn-info-list) {
                 width: auto;
             }
-
             .btn-info-list {
                 flex-wrap: nowrap;
             }
         }
-
         .txt-area {
             order: 0;
             min-width: 0;
-
             .txt {
                 display: none;
             }
         }
-
         .item-title {
             @include ellipsis(1);
             display: block;
         }
-
         .item-btn-area {
             order: 2;
             flex-direction: row;
         }
-
         .item-info-list {
             >li {
                 background-color: transparent;
                 flex-direction: column;
                 padding: 0;
-
                 .txt-area {
                     text-align: left;
                 }
             }
         }
     }
-
     .item-type-list,
     .item-type-list.item-type-table,
     .item-type-list.item-type-feed,

         display: grid;
         grid-template-columns: initial;
         gap: 6.4rem $spacing-md;
-
         >li {
             flex-direction: column;
             padding: 0;

             align-items: flex-start;
             min-width: 0;
         }
-
         .item-checkradio {
             position: absolute;
             top: $spacing-xsm;
             left: $spacing-xsm;
         }
-
         .etc-fnc-area {
             top: $spacing-xsm;
             right: $spacing-xsm;
         }
-
         .img-area {
             order: unset;
             width: 100%;
-
             figure {
                 display: flex;
             }
-
             &:has(.btn-info-list) {
                 width: 100%;
             }
-
             .btn-info-list {
                 flex-wrap: wrap;
             }
         }
-
         .txt-area {
             order: unset;
             min-width: 0;
-
             .txt {
                 display: block;
             }
         }
-
         .item-title {
             @include ellipsis(2);
             white-space: initial;
         }
-
         .item-info-list {
             >li {
                 position: relative;

                 color: $color-font-default-tertiary;
                 font-size: $size-font-xsm;
                 padding: $spacing-2xsm $spacing-sm;
-
                 >strong {
                     font-weight: $size-font-weight-md;
                 }
-
                 .txt-area {
                     font-weight: $size-font-weight-lg;
                     text-align: right;
                 }
             }
-
             .txt-area {
                 text-align: left;
             }
         }
-
         .item-btn-area {
             width: 100%;
             flex-direction: row;
             flex-wrap: wrap;
-
             .btn {
                 flex: 1;
                 padding: 0 $spacing-xsm;
-
                 &.primary {
                     min-width: 100%;
                 }
             }
         }
-
         .btn-info-list {
             justify-content: flex-start;
         }

245553e

b99ac74

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

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

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


 		lg: $size-popup-lg,
 		xlg: $size-popup-xlg,
 	);
-
 	@each $key, $value in $popup-sizes {
 		&.#{$key} {
 			width: $value;

 	display: none;
 	max-height: calc(100vh - $size-wrap-spacing * 2);
 }
-
 .pop-close {
 	position: absolute;
 	top:0;

 		}
 	}
 }
-
 @include responsive(mobile) {
 	.popup,
 	.popup-modal {

 		border-radius: initial;
 		padding-top: $spacing-lg;
 		padding-bottom: $spacing-none;
-
 		.pop-footer {
 			padding-bottom: $spacing-md;
-
 			.pop-btn-cont {
 				gap: $spacing-2xsm;
 			}

245553e

b99ac74

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

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

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


 .tabs-nav,
 .tabs-nav-sm {
     display: flex;
-
     a,
     button {
         display: flex;

         width: 100%;
     }
 }
-
 .tabs-nav-lg {
     margin-bottom: $spacing-2xlg;
     border-radius: $radius-md $radius-md 0 0;
-
     li {
         flex: 1;
     }
-
     a,
     button {
         height: 5.6rem;

         border-radius: $radius-md $radius-md 0 0;
         padding: 0 $spacing-md;
         border-bottom: $size-stroke-sm solid $color-stroke-brand-primary;
-
         &:not(.is-active):hover {
             color: $color-font-brand-primary;
         }
-
         &.is-active {
             font-weight: $size-font-weight-xlg;
             color: $color-font-brand-primary-base;

         }
     }
 }
-
 .tabs-nav {
     margin-bottom: $spacing-2xlg;
     flex-wrap: wrap;
     gap: $spacing-2xsm;
-
     a,
     button {
         // min-width: 12rem;

         // background: $color-background-default-secondary;
         border-radius: 2em;
         transition: all .3s;
-
         &:hover {
             filter: brightness(95%);
         }
-
         &.is-active {
             font-weight: $size-font-weight-xlg;
             color: $color-font-brand-primary-inverse;
             background-color: $color-background-default-primary-inverse;
         }
     }
-
     &.full {
         display: flex;
-
         >li {
             flex: 1;
             min-width: 0;
-
             a,
             button {
                 min-width: 0;

         }
     }
 }
-
 .tabs-nav-sm {
     margin-bottom: $spacing-lg;
     flex-wrap: wrap;
     gap: $spacing-2xsm;
-
     a,
     button {
         position: relative;

         padding: 0 .8rem;
         color: $color-font-default-tertiary;
         @include typo('label-lg', 'em');
-
         &:hover {
             filter: brightness(95%);
         }
-
         &.is-active {
             color: $color-font-brand-primary-base;
-
             &:before {
                 content: " ";
                 position: absolute;

                 height: .2rem;
                 background-color: $color-background-brand-primary-inverse;
             }
-
             ;
         }
     }
 }
-
 .tabs-nav-xsm {
     margin-bottom: $spacing-xsm !important;
     display: flex;
     flex-wrap: wrap;
     gap: $spacing-2xsm;
-
     a,
     button {
         display: inline-flex;

         color: $color-font-brand-primary;
         font-weight: $size-font-weight-lg;
         transition: all 0.2s;
-
         &:hover {
             filter: brightness(95%);
         }
-
         i[class^=ico] {
             &::before {
                 background-color: $color-icon-brand-primary;
             }
-
         }
-
         &.is-active {
             background-color: $color-background-brand-primary-inverse;
             color: $color-font-default-primary-inverse;
-
             i {
                 &::before {
                     background-color: $color-icon-brand-primary-inverse;

         }
     }
 }
-
 .tabs-normal .tabs-cont {
     display: none;
-
     &.is-active {
         display: block;
     }
 }
-
-
 @include responsive(mobile) {
     .tabs-nav-lg {
         overflow-x: auto;
         margin-bottom: $spacing-lg;
-
         a,
         button {
             height: 4.8rem;
             white-space: nowrap;
         }
     }
-
     .tabs-nav {
         flex-wrap: nowrap;
         overflow-x: auto;
-
         button,
         a {
             white-space: nowrap;

245553e

b99ac74

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


     --gnbbar-height:4.8rem;
     --body-top-spacing:6.4rem;
 }
-
 .container:not(:has(.header-etc)) {
     --header-height: 7.2rem;
 }
-
 .container {
     display: grid;
     grid-template-rows: auto 1fr;   

         }
         .header-common {
             background-color: $color-background-default-secondary;
-
             .wrap {
                 height: var(--header-common-height);
             }

                             background-color: $color-primary5;
                         }
                     }
-
                 }
             }
         }

                     }
                 }             
             }
-
             $util-icons: (
                 "kmooc",
                 "contents",

                 "logout",
                 "login"
             );
-
             @each $key in $util-icons {
                 $index: index($util-icons, $key) - 1;
-
                 i.ico-util-#{$key} {
-
                     &::before {
                         width: $size-icon-lg;
                         height: $size-icon-lg;

             align-items: center;
             background: rgba($color-black, 0.5);
             backdrop-filter: saturate(200%) blur(2rem);
-
             ul {
                 display: grid;
                 grid-template-columns: repeat(3, 1fr);

                             background-repeat: no-repeat;
                             @include transition(all);
                         }
-
                         &:hover::before {
                             transform: scale(1.1);
                         }
                     }
-
                     &.is-current a::before,
                     a:hover::before {
                         background-color: $color-background-default-primary;
                     }
-
                     $gnbStus: "home",
                     "summary",
                     "emotion",

                     "book",
                     "basictest",
                     "psychology";
-
                     @each $stu in $gnbStus {
                         &.gmenu-#{$stu} a::before {
                             background-image: url(../images/gnb-stu/gmenu-#{$stu}.svg);

                     background-image: url(pathIcon(map-get($icons,"ico-close"),  $color-gray60));
                 }
             }
-
             .gmenu {
                 display: flex;
                 pointer-events: all;

                         }
                     }
                 }
-
             }
         }
     }

                     @include typo('body-sm');
                     color: $color-font-default-tertiary;
                 }
-
             }
         }
     }   
 }
-
 // site-float-area 
 .site-float-area {
     position: fixed;

         }
     } 
 }
-
 /* sub */
 .snb {
     display: flex;

     text-align: center;
     overflow: auto;
     max-width: 100%;
-
     a {
         display: flex;
         align-items: center;

         @include typo('tit-md');
         white-space: nowrap;
         gap: $spacing-2xsm;
-
         &.is-active {
             color: $color-font-brand-primary;
             font-weight: $size-font-weight-xlg;
         }
-
         &:not(.is-active):hover {
             color: $color-font-default-primary;
         }
     }
-
     li {
         display: flex;
         align-items: center;
-
         &::after {
             content: " ";
             display: block;

             background: $color-gray20;
             border-radius: $radius-full;
         }
-
         &:last-of-type {
             &::after {
                 display: none;

 //         scrollbar-width: none;
 //         /* Firefox */
 //     }
-
 //     .snb::-webkit-scrollbar {
 //         display: none;
 //     }
 // }
-
 .container {
     min-width: auto;
 }
-
 @include responsive(tablet) {
 	:root {
         --logo-width: 4.8rem;

         }
     }
 }
-
 @include responsive(mobile) {
     .container {
         .site-footer {

                 display: flex;
                 flex-direction: column;
                 gap: $spacing-md;
-
                 >* {
                     margin: 0;
                     flex-wrap: wrap;
                 }
             }
-
             .cs {
                 position: static;
                 order: 0;
             }
-
             .foooter-menu {
                 order: 1;
             }
-
             .footer-info {
                 order: 2;
                 flex-direction: column;

         }
     }
 }
-
 @include responsive(mobileSm) {
     .container {
         .site-header {

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_agendar.scss

--- resources/front/site/SITE_00000/css/common/module/_agendar.scss

+++ resources/front/site/SITE_00000/css/common/module/_agendar.scss


 		grid-template-columns: repeat(2, 1fr);
 	}
 }
-
 @include responsive(mobile) {
 	.agendar-list {
 		grid-template-columns: repeat(1, 1fr);

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_formArea.scss

--- resources/front/site/SITE_00000/css/common/module/_formArea.scss

+++ resources/front/site/SITE_00000/css/common/module/_formArea.scss


             left:-2.4rem;
             @include ico($size-icon-md, move, $color-icon-default-primary-inverse);
         }
-
         &.ui-sortable-handle:hover {
             border-color: initial;
             outline: $size-stroke-xsm solid $color-stroke-brand-primary;

                 display: block;
             }
         }
-
         &.ui-sortable-helper {
             opacity: .8;
             cursor: move;

         }
     }
 }
-
 // 새창
 body:has(.form-area) {
     background: $color-background-brand-primary;

         gap: $spacing-sm;
     }
 }
-
 .form-agree-area {
     border-radius: $radius-md;
     background: $color-background-default-tertiary; 

         overflow-y: auto;
     }     
 }
-
 @include responsive(mobile) {
     .form-write,
     .form-view-result,

         .form-section {
             gap: $spacing-md;
         }
-
         .form-item-list {
             gap: $spacing-sm;
         }
-
         .form-item {
             padding: $spacing-md;
         }
     }
-
     .form-write {
         .form-item {
             .q-tit {

             }
         }
     }
-
     .form-view .form-section-header {
         padding: $spacing-md;
     }
-
     .form-view-result .q-tit {
         flex-direction: column-reverse;
     }

245553e

resources/front/site/SITE_00000/css/common/module/_login.scss (deleted)

--- resources/front/site/SITE_00000/css/common/module/_login.scss

...	...	@@ -1,85 +0,0 @@
	1	-// 로그인
	2	-.login-area {
	3	- display: flex;
	4	- flex-direction: column;
	5	- align-items: center;
	6	- justify-content: center;
	7	- gap: $spacing-lg;
	8	- min-height: 100%;
	9	- padding:$spacing-lg 0;
	10	- background: linear-gradient(180deg, $color-background-brand-primary 0%, $color-background-site 60%);
	11	- .wrap-2xsm {
	12	- display: flex;
	13	- flex-direction: column;
	14	- align-items: center;
	15	- gap: $spacing-lg;
	16	- }
	17	- .login-header {
	18	- .logo {
	19	- position: relative;
	20	- display: flex;
	21	- align-items: center;
	22	- font-size:0;
	23	- gap:$spacing-2xsm;
	24	- flex:none;
	25	- a:not(.txt) {
	26	- width: 8rem;
	27	- display: block;
	28	- height: 4.8rem;
	29	- background: url($url-img + 'common/logo/logo.svg') center /contain no-repeat ;
	30	- }
	31	- .txt {
	32	- font-size:2.4rem;
	33	- letter-spacing: -0.06em;
	34	- // background: linear-gradient(90deg, $color-indigo60 0%, $color-primary40 100%);
	35	- // background-clip: text;
	36	- // -webkit-background-clip: text;
	37	- // color: transparent;
	38	- }
	39	- }
	40	- }
	41	- .login-body {
	42	- display: flex;
	43	- padding: $spacing-xlg $spacing-lg;
	44	- flex-direction: column;
	45	- align-items: flex-start;
	46	- gap: $spacing-lg;
	47	- border-radius: $radius-lg;
	48	- border: $size-stroke-xsm solid $color-stroke-default-quaternary;
	49	- background: $color-background-default-primary;
	50	- box-shadow: $shadow-sm;
	51	- width: 100%;
	52	- .login-tit {
	53	- h2 {
	54	- @include typo('tit-lg');
	55	- }
	56	- }
	57	- .login {
	58	- display: flex;
	59	- flex-direction: column;
	60	- align-items: flex-start;
	61	- gap: $spacing-md;
	62	- align-self: stretch;
	63	- .form-list {
	64	- display: flex;
	65	- flex-direction: column;
	66	- gap: $spacing-xsm;
	67	- width: 100%;
	68	- input[type=text],
	69	- input[type=password] {
	70	- width: 100%;
	71	- min-width:0;
	72	- }
	73	- }
	74	- .btn-group {
	75	- width: 100%;
	76	- }
	77	- }
	78	- }
	79	- .login-footer {
	80	- .copy {
	81	- @include typo('label-xsm');
	82	- color: $color-font-default-tertiary;
	83	- }
	84	- }
	85	-}(파일 끝에 줄바꿈 문자 없음)

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_member.scss

--- resources/front/site/SITE_00000/css/common/module/_member.scss

+++ resources/front/site/SITE_00000/css/common/module/_member.scss

...	...	@@ -1,6 +1,91 @@
1	1	:root {
2	2	--form-box-spacing: #{$spacing-xlg};
3	3	}
	4	+// 로그인
	5	+.login-area {
	6	+ display: flex;
	7	+ flex-direction: column;
	8	+ align-items: center;
	9	+ justify-content: center;
	10	+ gap: $spacing-lg;
	11	+ min-height: 100%;
	12	+ padding:$spacing-lg 0;
	13	+ background: linear-gradient(180deg, $color-background-brand-primary 0%, $color-background-site 60%);
	14	+ .wrap-2xsm {
	15	+ display: flex;
	16	+ flex-direction: column;
	17	+ align-items: center;
	18	+ gap: $spacing-lg;
	19	+ }
	20	+ .login-header {
	21	+ .logo {
	22	+ position: relative;
	23	+ display: flex;
	24	+ align-items: center;
	25	+ font-size:0;
	26	+ gap:$spacing-2xsm;
	27	+ flex:none;
	28	+ a:not(.txt) {
	29	+ width: 8rem;
	30	+ display: block;
	31	+ height: 4.8rem;
	32	+ background: url($url-img + 'common/logo/logo.svg') center /contain no-repeat ;
	33	+ }
	34	+ .txt {
	35	+ font-size:2.4rem;
	36	+ letter-spacing: -0.06em;
	37	+ // background: linear-gradient(90deg, $color-indigo60 0%, $color-primary40 100%);
	38	+ // background-clip: text;
	39	+ // -webkit-background-clip: text;
	40	+ // color: transparent;
	41	+ }
	42	+ }
	43	+ }
	44	+ .login-body {
	45	+ display: flex;
	46	+ padding: $spacing-xlg $spacing-lg;
	47	+ flex-direction: column;
	48	+ align-items: flex-start;
	49	+ gap: $spacing-lg;
	50	+ border-radius: $radius-lg;
	51	+ border: $size-stroke-xsm solid $color-stroke-default-quaternary;
	52	+ background: $color-background-default-primary;
	53	+ box-shadow: $shadow-sm;
	54	+ width: 100%;
	55	+ .login-tit {
	56	+ h2 {
	57	+ @include typo('tit-lg');
	58	+ }
	59	+ }
	60	+ .login {
	61	+ display: flex;
	62	+ flex-direction: column;
	63	+ align-items: flex-start;
	64	+ gap: $spacing-md;
	65	+ align-self: stretch;
	66	+ .form-list {
	67	+ display: flex;
	68	+ flex-direction: column;
	69	+ gap: $spacing-xsm;
	70	+ width: 100%;
	71	+ input[type=text],
	72	+ input[type=password] {
	73	+ width: 100%;
	74	+ min-width:0;
	75	+ }
	76	+ }
	77	+ .btn-group {
	78	+ width: 100%;
	79	+ }
	80	+ }
	81	+ }
	82	+ .login-footer {
	83	+ .copy {
	84	+ @include typo('label-xsm');
	85	+ color: $color-font-default-tertiary;
	86	+ }
	87	+ }
	88	+}
4	89	.form-box {
5	90	display: grid;
6	91	gap:$spacing-xlg;

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_message.scss

--- resources/front/site/SITE_00000/css/common/module/_message.scss

+++ resources/front/site/SITE_00000/css/common/module/_message.scss


             font-size: $size-font-2xsm;
         }
     }
-
     .msg-nav-footer {
         width: calc(100% + calc($spacing-sm * 2));
         margin-left: -$spacing-sm;

         }
     }
 }
-
 .msg-cont{
     position: relative;
     background-color: $color-background-default-secondary;

         }
         &.my {
             align-items: flex-end;
-
             .txt {
                 border:none;
                 background-color: $color-primary10;
             }
         }
     }
-
 }
 .msg-cont-footer {
     padding: $spacing-lg;

         @extend %flexArea;
     }   
 }
-
 // pupup-msg
 .pupup-msg {
     .pop-header {

         margin-bottom: $spacing-sm * -1;
     }
 }
-
 .pupup-chatbot {
     display: none;
     position: absolute;

         }
     }
 }
-
 .site-float-area {
     .float-chatbot.is-active {
         .pupup-chatbot {

         transform: translateX(-100%);
     }
 }
-
 @include responsive(mobile) {
     .msg-area {
         grid-template-columns: initial;
         height: initial;
-
         .msg-nav,
         .msg-cont {
             height: 48rem;
         }
     }
-
     .site-float-area .pupup-chatbot {
         position: fixed;
         inset: 0;

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_orgArea.scss

--- resources/front/site/SITE_00000/css/common/module/_orgArea.scss

+++ resources/front/site/SITE_00000/css/common/module/_orgArea.scss


 // fieldset.search-area {
 //     margin-bottom: $spacing-md;
 // }
-
 .org-area {
     display: grid;
     grid-template-columns: 24rem 1fr;

         cursor: pointer;
     }
 }
-
 .org-nav {
     height: 100%;
     border-right: $stroke-secondary;

                 background-color: $color-background-default-primary;
             }
         }
-
         .cls-area > li {
             margin-left: 2.8rem;
-
             input[type=radio] {
                 &+label {
                     &::before,

         }
     }
 }
-
 .org-cont {
     display: flex;
     flex-direction: column;

         }
     }
 }
-
 @include responsive(mobile) {
     .org-nav {
         min-height: 40%;
     }
-
     .org-area {
         grid-template-columns: initial;
     }
-
     .org-cont {
         border-top: $stroke-secondary;
-
         .org-cont-header {
             flex-direction: column;
             flex-wrap: wrap;
             flex-direction: column-reverse;
-
             .search-area {
                 width: 100%;
             }

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_point.scss

--- resources/front/site/SITE_00000/css/common/module/_point.scss

+++ resources/front/site/SITE_00000/css/common/module/_point.scss


         align-items: center;
         gap: $spacing-md;
 		.profile {
-
 			.img-area {
 				position: relative;
 			}

         }
     }
 }
-
 @include responsive(mobile) { 
     .user-point-area {
         flex-direction: column;
-
         .user-area {
             width: initial;
         }
-
         .deco-list {
             grid-template-columns: repeat(2, 1fr);
         }

245553e

b99ac74

resources/front/site/SITE_00000/css/common/module/_reply.scss

--- resources/front/site/SITE_00000/css/common/module/_reply.scss

+++ resources/front/site/SITE_00000/css/common/module/_reply.scss


             padding:0;
         }
     }
-
     .reply-list{
         display: flex;
         flex-direction: column;

         }
     }
 }
-
 @include responsive(mobile) {
     .reply-list {
         >li {

245553e

b99ac74

resources/front/site/SITE_00000/css/common/util/_animation.scss

--- resources/front/site/SITE_00000/css/common/util/_animation.scss

+++ resources/front/site/SITE_00000/css/common/util/_animation.scss


     0% {
         opacity: 0;
     }
-
     100% {
         opacity: 1;
     }
 }
-
 @keyframes filterall {
     0% {
         opacity: 0;
         margin-top: 0;
     }
-
     100% {
         opacity: 1;
         height: auto;
         margin-top: .1rem;
     }
 }
-
 @keyframes opacityUp {
     0% {
         opacity: 0;

         margin-top: 0;
     }
 }
-
 
 @keyframes modalShow {
     0% {

245553e

b99ac74

resources/front/site/SITE_00000/css/common/vendors/_vendor.scss

--- resources/front/site/SITE_00000/css/common/vendors/_vendor.scss

+++ resources/front/site/SITE_00000/css/common/vendors/_vendor.scss


     box-sizing: border-box;
     color: #000;
 }
-
 /* jquery-plugin dialog */
 .ui-widget-overlay {
     position: fixed;

 .ui-draggable .ui-dialog-titlebar {
     cursor: move;
 }
-
 /* ui-autocomplete */
 .ui-autocomplete {
     position: absolute;

     max-width: 100%;
     word-break: break-all;
 }
-
 /* swiper */
 .swiper-pagination-bullet-active {
     background-color: $spot;

         transition: width 3s linear;
     }
 }
-
 .swiper-fnc-static {
     display:flex;
     align-items: center;

         }
     }
 }
-
 // tagify
 .tagify__input {
 	font-weight: 400;

245553e

b99ac74

resources/front/site/SITE_00000/css/common/viewer/_cont.scss

--- resources/front/site/SITE_00000/css/common/viewer/_cont.scss

+++ resources/front/site/SITE_00000/css/common/viewer/_cont.scss


         font-size: 0;
     }
 }
-
 %a-box {
     .a-box {
         display: flex;

         }
     }
 }
-
 /* cont */
 //video-area
 .video-area {

         max-height: 100%;
     }
 }
-
 //audio
 .audio-box {
 	position: relative;

 		transform: translateY(-50%);
 	}
 }
-
 //pdf
 .pdf-area,
 .iframe-area {

     }
 }
 
-
 /* quiz-viewer */
 .quiz-level {
 	@include typo('body-sm');

 	border-radius: 2rem;
 	background-size: var(--size-icon-sm);
 	border: none;
-
 	&.hard {
 		background-color: $color-background-danger-primary;
 		color: $color-font-danger-primary;
 	}
-
 	&.easy {
 		background-color: $color-background-success-primary;
 		color: $color-font-success-primary;

 		.quiz-public-viewer-wrap {
 			height: 100%;
 		}
-
 	}
 	.quiz-viewer-fnc {
 		position: fixed;

 				& ~ .a-box {
 					@include aCheckColor($color-font-disabled-primary, $color-background-disabled-primary);	
 					border-color: $color-stroke-disabled-primary;
-
 				}
 				&:checked {
 					& ~ .a-box {

 		transform: translateY(-50%) rotate(-45deg);
 	}
 }
-
 /*단답형 */
 .a-input {
 	position: relative;

 		box-sizing: border-box;
 	}
 }
-
 /* 선그기 */
 .a-line {
 	position: relative;

 		color: $color-font-default-tertiary;
 	}
 }
-
 /* 그리기 */
 .canvas-group {	
 	background-color: $color-background-default-tertiary;

 	margin: 0 auto;
 	overflow: hidden;
 	border: $size-stroke-sm solid $color-stroke-default-tertiary;
-
 	img {
 		display: block;
 		width: 100%;

 		padding-right: 0.8rem;
 		transition: background .3s;
 		min-width: 0;
-
 		&.is-active {
 			background-color: $color-background-default-primary;
 			color: $color-font-default-tertiary;

 				background-color: $color-background-default-secondary;
 			}
 		}
-
 		&.is-x {
 			color: $color-red60;
 			.num {

 				background-color: rgba($color-red60, 0.05);
 			}
 		}
-
 		&.is-o {
 			color: $color-green60;
 			.num {

 				background-color: rgba($color-green60, 0.05);
 			}
 		}
-
 		&.is-current {
 			font-weight: 700;
 			color: $color-font-brand-primary;

 				}
 			}
 		}
-
 		&:hover {
 			background-color: $color-background-default-secondary;
 		}

 		}
 	}
 }
-
 /* editor img */
 .editor-img-math {
 	vertical-align: middle;
 	max-width: 100%;
 	max-height: 4em;
 }
-
 .list-type td,
 .write-type td {
 	.editor-img-math {
 		max-height: 2em;
 	}
 }
-
 .thumb-h-list,
 .thumb-item-list,
 .border-box-list,

 		max-height: 2em;
 	}
 }
-
 .viewer-nav .depth3-lnk {
 	.editor-img-math {
 		max-height: 1.6em;
 	}
 }
-
 .editor-cont {
 	table {
 		width:100% !important;

 		display: none;
 	}
 }
-
 /* quiz */
 /* 퀴즈 작성*/
 .btn-add-cont {

 }
 /* //퀴즈 작성 */
 
-
 // quiz
 @include responsive(pcSm) {
 	.viewer-q-list  {

 		}
 	}
 }
-
 @include responsive(tablet) {
 	.quiz-viewer {
 		.quiz-viewer-body {

 		}
 	}
 }
-
 @include responsive(mobile) {
 	.a-custorm-list {
 		gap: $spacing-2xsm;
-
 		.a-item {
 			.a-box {
 				padding: $spacing-sm;

245553e

b99ac74

resources/front/site/SITE_00000/css/common/viewer/_viewer.scss

--- resources/front/site/SITE_00000/css/common/viewer/_viewer.scss

+++ resources/front/site/SITE_00000/css/common/viewer/_viewer.scss


 		overscroll-behavior-y: none;
 	}
 }
-
 .viewer {
     display: flex;
     flex-direction: column;

 		}
 	}
 }
-
 .viewer-block {
     position: absolute;
     display: none;

         background-color: $color-background-default-primary-inverse;
     }
 }
-
 //viwer-cont-fnc (fnc-bar)
 .viewer-cont-fnc {
 	position: absolute;

 		}
 	}
 }
-
 @include responsive(tablet) {
 	.viewer {
 		.viewer-menu-area {

 				width: 4rem;
 				height: 4rem;
 				background: $color-background-default-primary-inverse;
-
 				&::before {
 					@include ico-set($color-icon-default-primary-inverse, $size-icon-sm);
 					mask-image: url(pathIcon(map-get($icons,ico-close)));

 		}
 	}
 }
-
 @include responsive(mobile) {
 	.viewer {
 		.viewer-header {
 			.viewer-fnc {
 				display: none;
 			}
-
 			.viewer-fnc-mo {
 				display: flex;
 				gap: $spacing-xsm;
 			}
 		}
-
 		.viewer-footer {
-
 			.viewer-fnc,
 			.viewer-location {
 				display: none;
 			}
-
 			.viewer-paging {
 				margin: 0 auto;
 			}
 		}
-
 		.viewer-menu-area {
 			max-width: initial;
 			width: 100%;

245553e

b99ac74

resources/front/site/SITE_00000/css/custom/component/_icon.scss

--- resources/front/site/SITE_00000/css/custom/component/_icon.scss

+++ resources/front/site/SITE_00000/css/custom/component/_icon.scss


 $ico-ox-list: (
     'o', 'x'
 );
-
 @mixin ico-ox($size, $el, $color) {
 	display: inline-block;
 	width: $size;

 	font-size:0;
 	vertical-align: middle;
 } 
-
 .ico-ox-o {
 	@include ico-ox($size-icon-md, o, $color-icon-success-primary);
 }

245553e

b99ac74

resources/front/site/SITE_00000/css/custom/module/_achievecode.scss

--- resources/front/site/SITE_00000/css/custom/module/_achievecode.scss

+++ resources/front/site/SITE_00000/css/custom/module/_achievecode.scss


         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
         // grid-template-columns: 20% 20% 24% 1fr; // 기본 모드
-
         // 성취기준 코드가 없는 경우 (테마 모드)
         &:not(:has(.achievecode-sch)) {
             // grid-template-columns: 20% 20% 1fr; // 학교급 + 과목
         }
         border-top:$stroke-secondary;
-
         > li {
             position: relative;
             height:100%;

245553e

b99ac74

resources/front/site/SITE_00000/css/custom/module/_painter.scss

--- resources/front/site/SITE_00000/css/custom/module/_painter.scss

+++ resources/front/site/SITE_00000/css/custom/module/_painter.scss


 	right: 0;
 	z-index: 1;
 }
-
 #painterCanvas {
 	margin: 0;
 	border-radius: 0;

 	cursor: url($url-img + 'common/common/img_painter.svg'), auto;
 	z-index: 10;
 }
-
 .painterbar {
 	position: fixed;
 	z-index: 11;

 	transition: all 0.5s;
 	box-shadow: 1rem 1rem 3rem rgba($color: #000, $alpha: 0.2);
 	white-space: normal;
-
 	&.min {
 		display: block;
 		height: 10rem;

 		padding: 0;
 		overflow: hidden;
 		box-sizing: border-box;
-
 		.btn-painterbar-size {
 			top: 0;
 			width: 8rem;

 				background-size: 2.8rem 2.8rem;
 			}
 		}
-
 		.btn-viewer-painter-close {
 			bottom: 0.8rem;
 		}
-
 		.painterbar-stroke,
 		.painterbar-fnc,
 		.painterbar-color {

 		}
 	}
 }
-
 .painterbar-stroke {
 	#box {
 		height: 4.8rem;

 		align-items: center;
 		justify-content: center;
 	}
-
 	#stroke {
 		display: block;
 		margin: 0 auto;

 		background-color: $color-background-default-primary;
 		border-radius: 50%;
 	}
-
 	.ui-slider {
 		position: relative;
 		margin: 0 auto;

 		background-color: $color-background-default-secondary;
 		background-image: url($url-img + 'common/common/ico_painter_bar.svg');
 	}
-
 	.ui-slider-handle {
 		position: absolute;
 		left: 50%;

 		cursor: pointer;
 	}
 }
-
 .painterbar-fnc {
 	display: flex;
 	flex-wrap: wrap;

 		background: none;
 	}
 }
-
 .painterbar-color {
 	display: flex;
 	margin: 0 auto;

 	gap: 0.8rem;
 	flex-wrap: wrap;
 	justify-content: space-around;
-
 	.color {
 		position: relative;
 		flex-basis: 1.6rem;

 		}
 	}
 }
-
 .btn-viewer-painter-close,
 .btn-painterbar-size {
 	position: absolute;

 		background-position: -4.8rem center;
 	}
 }
-
 .btn-viewer-painter-close {
 	top: auto;
 	bottom: 0.8rem;

245553e

b99ac74

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

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

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


 :root {
 	--classviewer-menu-width: 24rem;
 }
-
 .class-viewer {
     display: flex;
     flex-direction: column;

 			padding:$spacing-md 0 7.2rem;	
 		}
 	}
-
 	.viewer-menu-area {
 		display: grid;
 		grid-template-rows: auto 1fr;

 							flex-direction: column;
 							gap:$spacing-2xsm;
 						}
-
 					}
 					.nav-cont {
 						display: grid;

 		}
 	}
 }
-
 .btn-box-list {
 	display: grid;
 	gap:$spacing-2xsm;

 					opacity: 0.2;
 				}
 			}
-
 			&::before {
 				content: "";
 				position: absolute;

 				animation: click 1.5s infinite ease-in-out;
 				opacity: .5;
 			}
-
 			&.ghost {
 				background-color: transparent;
 				color: $color-font-default-primary-inverse;

 		}
 	}
 } 
-
 @include responsive(tablet) {
 	.class-viewer {
 		.viewer-header {

 		}
 	}
 }
-
 @include responsive(tabletSm) {
 	.class-viewer {
 		.viewer-tool {

 		}
 	}
 }
-
 @include responsive(mobile) {
 	.class-viewer {
 		.btn-class-viewer-menu {
 			display: flex;
 		}
-
 		&.is-active {
 			.viewer-menu-area {
 				transform: translateX(0);
 			}
-
 			.btn-class-viewer-menu {
 				background-color: $color-background-default-primary-inverse;
 				border-color: $color-stroke-default-primary-inverse;
-
 				&::before {
 					@include ico-set($color-icon-default-primary-inverse, $size-icon-sm);
 					mask-image: url(pathIcon(map-get($icons,ico-close)));
 				}
 			}
 		}
-
 		.viewer-menu-area {
 			position: absolute;
 			transform: translateX(-100%);

245553e

b99ac74

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

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

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


 	grid-template-columns: calc(100% - 28rem) 28rem;
 	background: $color-background-brand-primary;
 	overflow: hidden;
-
 	.student-mn-cont {
 		padding-left: 28rem;
 		display:flex;

 			display: none;
 		}
 	}
-
 	.student-mn-cont-body {
 		display: flex;
 		flex-direction: column;

 				display: grid;
 				gap:$spacing-xlg;
 				grid-template-columns: repeat(7, 1fr);
-
 			}
 			li {
 				position: relative;

 				box-shadow: $shadow-md;
 				.box-header {
 					background:linear-gradient(90deg, $color-accent50 0%, $color-accent30 100%);
-
 					h3 {
 						color: $color-font-default-primary-inverse;
 						i {

 				margin-top:$spacing-2xsm;
 			}
 		}
-
 		.img-area {
 			aspect-ratio: 16/9;
 			object-fit: cover;

 					background-color: $color-background-default-primary;
 					width: 100%;
 					padding:$spacing-2xsm $spacing-sm;
-
 					&:last-of-type {
 						border-bottom: none;
 					}

 				}
 			}
 		}
-
 	}
 }
 .student-mn-quick {

 	}
 }
 
-
 @include responsive(tablet) {
 	.student-mn {
 		.student-mn-today {

 		}
 	}
 }
-
 @include responsive(tabletSm) {
 	.student-mn {
 		display: block;

 		}
 	}
 }
-
 @include responsive(mobile) {
 	[data-responsive="true"]:root { 
 		.student-mn {

245553e

b99ac74

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

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

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


   --size-popup-xlg: var(--size-wrap);
   --size-popup-round: var(--radius-radius-md);
   --size-popup-padding: var(--spacing-spacing-2xlg);
-  --form-width-lg: 400rem;
-  --form-width-md: 240rem;
-  --form-width-sm: 160rem;
-  --form-width-xsm: 80rem;
+  --form-width-lg: 40rem;
+  --form-width-md: 24rem;
+  --form-width-sm: 16rem;
+  --form-width-xsm: 8rem;
   --form-height-lg: 6.4rem;
   --form-height-md: 4.8rem;
   --form-height-sm: 3.6rem;

   border-width: 0;
   font-weight: var(--size-font-weight-xlg) !important;
   border-radius: 2em;
+}
+.btn.cta.lg {
+  min-width: 0;
 }
 .btn.toggle {
   background-color: var(--color-background-default-primary);

   color: inherit;
 }
 
-label.input-form-block > div,
-label.input-form {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  font-size: var(--font-tit-xsm);
-  font-weight: var(--size-font-weight-xlg);
-  line-height: var(--size-font-lineheight-sm);
-}
-label.input-form-block > div.input-block,
-label.input-form.input-block {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-label.input-form-block > div cite,
-label.input-form cite {
-  font-size: var(--font-body-sm);
-  font-weight: var(--size-font-weight-md);
-  font-style: normal;
-  margin-left: auto;
-}
-label.input-form-block > div.input-block, label.input-form-block > div ~ .input-bundle:nth-of-type(1), label.input-form-block > div ~ input[type=text]:nth-of-type(1), label.input-form-block > div ~ input[type=search]:nth-of-type(1), label.input-form-block > div ~ input[type=password]:nth-of-type(1), label.input-form-block > div ~ input[type=number]:nth-of-type(1), label.input-form-block > div ~ input[type=email]:nth-of-type(1), label.input-form-block > div ~ input[type=tel]:nth-of-type(1), label.input-form-block > div ~ input[type=time]:nth-of-type(1), label.input-form-block > div ~ input[type=date]:nth-of-type(1), label.input-form-block > div ~ input[type=datetime-local]:nth-of-type(1), label.input-form-block > div ~ input[type=month]:nth-of-type(1), label.input-form-block > div ~ input[type=week]:nth-of-type(1), label.input-form-block > div ~ textarea:nth-of-type(1), label.input-form-block > div ~ select:nth-of-type(1),
-label.input-form.input-block,
-label.input-form ~ .input-bundle:nth-of-type(1),
-label.input-form ~ input[type=text]:nth-of-type(1),
-label.input-form ~ input[type=search]:nth-of-type(1),
-label.input-form ~ input[type=password]:nth-of-type(1),
-label.input-form ~ input[type=number]:nth-of-type(1),
-label.input-form ~ input[type=email]:nth-of-type(1),
-label.input-form ~ input[type=tel]:nth-of-type(1),
-label.input-form ~ input[type=time]:nth-of-type(1),
-label.input-form ~ input[type=date]:nth-of-type(1),
-label.input-form ~ input[type=datetime-local]:nth-of-type(1),
-label.input-form ~ input[type=month]:nth-of-type(1),
-label.input-form ~ input[type=week]:nth-of-type(1),
-label.input-form ~ textarea:nth-of-type(1),
-label.input-form ~ select:nth-of-type(1) {
-  margin-top: 0.8rem;
-}
-
-i.required::after, :has(> label.required) > label:not(:has(span))::after,
-:has(> label.required) > div span:first-child::after,
-:has(> label.required) > label span:first-child:after,
-:has(> label.input-form-block > input:required) > label:not(:has(span))::after,
-:has(> label.input-form-block > input:required) > div span:first-child::after,
-:has(> label.input-form-block > input:required) > label span:first-child:after,
-:has(> label.input-form-block > .input-block > input:required) > label:not(:has(span))::after,
-:has(> label.input-form-block > .input-block > input:required) > div span:first-child::after,
-:has(> label.input-form-block > .input-block > input:required) > label span:first-child:after,
-:has(> input:required) > label:not(:has(span))::after,
-:has(> input:required) > div span:first-child::after,
-:has(> input:required) > label span:first-child:after {
+i.required::after {
   content: "*";
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

   --form-box-spacing: 3.2rem;
 }
 
+.login-area {
+  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: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  gap: 2.4rem;
+  min-height: 100%;
+  padding: 2.4rem 0;
+  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-background-brand-primary)), color-stop(60%, var(--color-background-site)));
+  background: linear-gradient(180deg, var(--color-background-brand-primary) 0%, var(--color-background-site) 60%);
+}
+.login-area .wrap-2xsm {
+  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;
+  gap: 2.4rem;
+}
+.login-area .login-header .logo {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 0;
+  gap: 0.4rem;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+}
+.login-area .login-header .logo a:not(.txt) {
+  width: 8rem;
+  display: block;
+  height: 4.8rem;
+  background: url("../images/common/logo/logo.svg") center/contain no-repeat;
+}
+.login-area .login-header .logo .txt {
+  font-size: 2.4rem;
+  letter-spacing: -0.06em;
+}
+.login-area .login-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 3.2rem 2.4rem;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 2.4rem;
+  border-radius: 3.2rem;
+  border: 0.1rem solid var(--color-stroke-default-quaternary);
+  background: var(--color-background-default-primary);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
+          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
+  width: 100%;
+}
+.login-area .login-body .login-tit h2 {
+  font-size: var(--font-tit-lg);
+  font-weight: var(--size-font-weight-xlg);
+  line-height: var(--size-font-lineheight-sm);
+}
+.login-area .login-body .login {
+  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: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 1.6rem;
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
+}
+.login-area .login-body .login .form-list {
+  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.8rem;
+  width: 100%;
+}
+.login-area .login-body .login .form-list input[type=text],
+.login-area .login-body .login .form-list input[type=password] {
+  width: 100%;
+  min-width: 0;
+}
+.login-area .login-body .login .btn-group {
+  width: 100%;
+}
+.login-area .login-footer .copy {
+  font-size: var(--font-label-xsm);
+  font-weight: var(--size-font-weight-md);
+  line-height: var(--size-font-lineheight-xsm);
+  color: var(--color-font-default-tertiary);
+}
+
 .form-box {
   display: grid;
   gap: 3.2rem;

245553e

b99ac74

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.

245553e

b99ac74

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.

245553e

b99ac74

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.

245553e

b99ac74

resources/front/site/SITE_00000/css/styleGuide.css

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

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


   --size-popup-xlg: var(--size-wrap);
   --size-popup-round: var(--radius-radius-md);
   --size-popup-padding: var(--spacing-spacing-2xlg);
-  --form-width-lg: 400rem;
-  --form-width-md: 240rem;
-  --form-width-sm: 160rem;
-  --form-width-xsm: 80rem;
+  --form-width-lg: 40rem;
+  --form-width-md: 24rem;
+  --form-width-sm: 16rem;
+  --form-width-xsm: 8rem;
   --form-height-lg: 6.4rem;
   --form-height-md: 4.8rem;
   --form-height-sm: 3.6rem;

245553e

b99ac74

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

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

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

@@ -1,1 +1,1 @@

-{"version":3,"sources":["common/abstracts/_variables.scss","styleGuide.css","common/abstracts/_mixins.scss","styleGuide.scss"],"names":[],"mappings":"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","file":"styleGuide.css"}

(파일 끝에 줄바꿈 문자 없음)

+{"version":3,"sources":["common/abstracts/_variables.scss","styleGuide.css","common/abstracts/_mixins.scss","styleGuide.scss"],"names":[],"mappings":"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","file":"styleGuide.css"}

(파일 끝에 줄바꿈 문자 없음)

245553e

b99ac74

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

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

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

@@ -1,1 +1,1 @@

-:root{--color-primary5: #ECF8F7;--color-primary10: #D6F8F5;--color-primary20: #AEEEE8;--color-primary30: #76E4DB;--color-primary40: #5FDDCD;--color-primary50: #42BDAE;--color-primary60: #23A091;--color-primary70: #158073;--color-primary80: #084D45;--color-primary90: #002723;--color-secondary5: #E9FCFF;--color-secondary10: #C6F7FF;--color-secondary20: #91E7F5;--color-secondary30: #51D8ED;--color-secondary40: #26C1D9;--color-secondary50: #15A9C0;--color-secondary60: #0B8FA4;--color-secondary70: #007B8E;--color-secondary80: #005765;--color-secondary90: #00353D;--color-accent5: #FFF9E8;--color-accent10: #FFF3D3;--color-accent20: #FFEBB3;--color-accent30: #FFE18F;--color-accent40: #FFD972;--color-accent50: #FFC833;--color-accent60: #DDA40B;--color-accent70: #AC7D00;--color-accent80: #715200;--color-accent90: #3E2D00;--color-background-site: #fff;--color-background-default-primary: #fff;--color-background-default-secondary: #F7F7F8;--color-background-default-tertiary: #CDD1D5;--color-background-default-quaternary: #B1B8BE;--color-background-default-primary-inverse: #33363D;--color-background-default-secondary-inverse: #464C53;--color-background-default-tertiary-inverse: #58616A;--color-background-default-quaternary-inverse: #6D7882;--color-background-alpha-primary: rgba(255, 255, 255, 0.9);--color-background-alpha-primary-inverse: rgba(17, 17, 17, 0.75);--color-background-success-primary: #F3FCF3;--color-background-success-primary-inverse: #009500;--color-background-warning-primary: #FFF8E9;--color-background-warning-primary-inverse: #98690A;--color-background-info-primary: #F0F9FF;--color-background-info-primary-inverse: #0074E5;--color-background-danger-primary: #FEF1F1;--color-background-danger-primary-inverse: #EE0000;--color-background-brand-primary: var(--color-primary5);--color-background-brand-secondary: var(--color-secondary5);--color-background-brand-accent: var(--color-accent5);--color-background-brand-primary-inverse: var(--color-primary50);--color-background-brand-secondary-inverse: var(--color-secondary50);--color-background-brand-accent-inverse: var(--color-accent50);--color-background-brand-primary-inverse-hover: var(--color-primary60);--color-background-brand-secondary-inverse-hover: var(--color-secondary60);--color-background-brand-accent-inverse-hover: var(--color-accent60);--color-background-disabled-primary: #F7F7F8;--color-background-disabled-secondary: #E6E8EA;--color-font-default-primary: #33363D;--color-font-default-secondary: #464C53;--color-font-default-tertiary: #58616A;--color-font-default-quaternary: #6D7882;--color-font-default-primary-inverse: #fff;--color-font-default-secondary-inverse: rgba(255, 255, 255, 0.9);--color-font-default-tertiary-inverse: rgba(255, 255, 255, 0.8);--color-font-default-quaternary-inverse: rgba(255, 255, 255, 0.75);--color-font-success-primary: #006600;--color-font-success-primary-inverse: #F3FCF3;--color-font-warning-primary: #66490E;--color-font-warning-primary-inverse: #FFF8E9;--color-font-info-primary: #0056AA;--color-font-info-primary-inverse: #F0F9FF;--color-font-danger-primary: #CD0404;--color-font-danger-primary-inverse: #FEF1F1;--color-font-brand-primary: var(--color-primary60);--color-font-brand-secondary: var(--color-secondary60);--color-font-brand-accent: var(--color-accent60);--color-font-brand-primary-base: var(--color-primary50);--color-font-brand-accent-base: var(--color-accent50);--color-font-brand-secondary-base: var(--color-secondary50);--color-font-brand-accent-base: var(--color-accent50);--color-font-brand-primary-inverse: var(--color-primary5);--color-font-brand-secondary-inverse: var(--color-secondary5);--color-font-brand-accent-inverse: var(--color-accent5);--color-font-disabled-primary: #58616A;--color-font-disabled-secondary: #464C53;--color-stroke-default-primary: #33363D;--color-stroke-default-secondary: #B1B8BE;--color-stroke-default-tertiary: #CDD1D5;--color-stroke-default-quaternary: #E6E8EA;--color-stroke-default-primary-inverse: #fff;--color-stroke-default-secondary-inverse: #58616A;--color-stroke-default-tertiary-inverse: #464C53;--color-stroke-default-quaternary-inverse: #33363D;--color-stroke-success-primary: #009500;--color-stroke-success-primary-inverse: #D6F5D6;--color-stroke-warning-primary: #98690A;--color-stroke-warning-primary-inverse: #FFB724;--color-stroke-info-primary: #0074E5;--color-stroke-info-primary-inverse: #C7E3FF;--color-stroke-danger-primary: #EE0000;--color-stroke-danger-primary-inverse: #FCCCCC;--color-stroke-brand-primary: var(--color-primary50);--color-stroke-brand-primary-inverse: var(--color-primary10);--color-stroke-brand-secondary: var(--color-secondary50);--color-stroke-brand-secondary-inverse: var(--color-secondary10);--color-stroke-brand-accent: var(--color-accent50);--color-stroke-brand-accent-inverse: var(--color-accent10);--color-stroke-disabled-primary: #CDD1D5;--color-stroke-disabled-secondary: #B1B8BE;--color-icon-default-primary: #33363D;--color-icon-default-secondary: #58616A;--color-icon-default-tertiary: #B1B8BE;--color-icon-default-primary-inverse: #fff;--color-icon-default-secondary-inverse: rgba(255, 255, 255, 0.75);--color-icon-default-tertiary-inverse: rgba(255, 255, 255, 0.25);--color-icon-success-primary: #009500;--color-icon-success-primary-inverse: #F3FCF3;--color-icon-warning-primary: #98690A;--color-icon-warning-primary-inverse: #FFF8E9;--color-icon-info-primary: #0074E5;--color-icon-info-primary-inverse: #F0F9FF;--color-icon-danger-primary: #EE0000;--color-icon-danger-primary-inverse: #FEF1F1;--color-icon-brand-primary: var(--color-primary50);--color-icon-brand-secondary: var(--color-secondary50);--color-icon-brand-accent: var(--color-accent50);--color-icon-brand-primary-inverse: var(--color-primary5);--color-icon-brand-secondary-inverse: var(--color-secondary5);--color-icon-brand-accent-inverse: var(--color-accent5);--color-icon-disabled-primary: #6D7882;--color-icon-disabled-secondary: #58616A;--radius-none: 0;--radius-xsm: 0.8rem;--radius-sm: 1.2rem;--radius-md: 2.4rem;--radius-lg: 3.2rem;--radius-xlg: 4rem;--radius-2xlg: 8rem;--radius-full: 100%;--spacing-none: 0;--spacing-3xsm: 0.2rem;--spacing-2xsm: 0.4rem;--spacing-xsm: 0.8rem;--spacing-sm: 1.2rem;--spacing-md: 1.6rem;--spacing-lg: 2.4rem;--spacing-xlg: 3.2rem;--spacing-2xlg: 4rem;--spacing-3xlg: 8rem;--size-stroke-none: 0;--size-stroke-xsm: 0.1rem;--size-stroke-sm: 0.2rem;--size-stroke-md: 0.4rem;--size-stroke-lg: 0.8rem;--size-font-4xlg: 4.8rem;--size-font-3xlg: 4rem;--size-font-2xlg: 2.8rem;--size-font-xlg: 2.4rem;--size-font-lg: 2rem;--size-font-md: 1.8rem;--size-font-sm: 1.6rem;--size-font-xsm: 1.4rem;--size-font-2xsm: 1.2rem;--size-font-weight-xlg: 800;--size-font-weight-lg: 700;--size-font-weight-md: 400;--size-font-lineheight-xlg: 2;--size-font-lineheight-lg: 1.5;--size-font-lineheight-md: 1.4;--size-font-lineheight-sm: 1.3;--size-font-lineheight-xsm: 1.2;--size-icon-lg: 2.4rem;--size-icon-md: 2.0rem;--size-icon-sm: 1.6rem;--spacing-section-sm: var(--spacing-2xlg);--spacing-section-md: var(--spacing-3xlg);--spacing-section-lg: 16rem;--size-wrap: 125.4rem;--size-wrap-md: 102.4rem;--size-wrap-sm: 80rem;--size-wrap-xsm: 48rem;--size-wrap-2xsm: 40rem;--size-wrap-full: 133.4rem;--size-wrap-spacing: 4rem;--size-popup-xsm: 32rem;--size-popup-sm: 44rem;--size-popup-md: 64rem;--size-popup-lg: 80rem;--size-popup-xlg: var(--size-wrap);--size-popup-round: var(--radius-radius-md);--size-popup-padding: var(--spacing-spacing-2xlg);--form-width-lg: 400rem;--form-width-md: 240rem;--form-width-sm: 160rem;--form-width-xsm: 80rem;--form-height-lg: 6.4rem;--form-height-md: 4.8rem;--form-height-sm: 3.6rem;--form-height-xsm: 2.8rem}:root{--font-heading-lg: 5.6rem;--font-heading-md: var(--size-font-4xlg);--font-heading-sm: var(--size-font-3xlg);--font-tit-xlg: var(--size-font-3xlg);--font-tit-lg: var(--size-font-2xlg);--font-tit-md: var(--size-font-xlg);--font-tit-sm: var(--size-font-md);--font-tit-xsm: var(--size-font-sm);--font-body-lg: var(--size-font-md);--font-body-md: var(--size-font-sm);--font-body-sm: var(--size-font-xsm);--font-body-xsm: var(--size-font-2xsm);--font-label-lg: var(--size-font-md);--font-label-md: var(--size-font-sm);--font-label-sm: var(--size-font-xsm);--font-label-xsm: var(--size-font-2xsm);--font-tit-label: var(--size-font-sm)}@media(max-width: 1279px){:root{--font-heading-lg: 5.2rem;--font-heading-md: var(--size-font-4xlg);--font-heading-sm: var(--size-font-3xlg);--font-tit-xlg: 3.6rem;--font-tit-lg: 2.6rem;--font-tit-md: var(--size-font-md);--font-tit-sm: var(--size-font-sm);--font-tit-xsm: var(--size-font-xsm);--font-body-lg: var(--size-font-sm);--font-body-md: var(--size-font-xsm);--font-body-sm: var(--size-font-2xsm);--font-body-xsm: 1rem;--font-label-lg: var(--size-font-sm);--font-label-md: var(--size-font-xsm);--font-label-sm: var(--size-font-2xsm);--font-label-xsm: 1rem;--font-tit-label: var(--size-font-xsm);--spacing-section-sm: var(--spacing-2xlg);--spacing-section-md: var(--spacing-3xlg);--spacing-section-lg: 16rem;--size-wrap-spacing: 2.4rem}}@media(max-width: 767px){:root{--font-heading-lg: 4.8rem;--font-heading-md: var(--size-font-4xlg);--font-heading-sm: var(--size-font-3xlg);--font-tit-xlg: 3.6rem;--font-tit-lg: 2.4rem;--font-tit-md: var(--size-font-md);--font-tit-sm: var(--size-font-sm);--font-tit-xsm: var(--size-font-xsm);--font-body-lg: var(--size-font-sm);--font-body-md: var(--size-font-xsm);--font-body-sm: var(--size-font-2xsm);--font-body-xsm: 1rem;--font-label-lg: var(--size-font-sm);--font-label-md: var(--size-font-xsm);--font-label-sm: var(--size-font-2xsm);--font-label-xsm: 1rem;--font-tit-label: var(--size-font-xsm);--size-wrap-spacing: 1.6rem;--spacing-section-lg: 12rem;--form-height-lg: 5.6rem;--form-height-md: 4rem;--form-height-sm: 3.2rem;--form-height-xsm: 2.4rem;--pop-gap: 1.6rem}}body{-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}section.g-section{padding-bottom:8rem}section.g-section>header{display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;max-width:var(--size-wrap);padding:0 var(--size-wrap-spacing);margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#f7f7f8}section.g-section>header h1{font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>header h2{font-size:var(--font-body-md);font-weight:var(--size-font-weight-md)}section.g-section>header h2::before{content:"";display:inline-block;width:.1rem;height:1rem;vertical-align:baseline;background-color:var(--color-font-default-tertiary);margin:0 1rem}section.g-section>header h1,section.g-section>header h2{color:var(--color-font-default-tertiary)}section.g-section>header em{font-style:normal;margin-left:auto}section.g-section>article{max-width:var(--size-wrap);padding:0 var(--size-wrap-spacing);margin:0 auto;margin-top:4rem}section.g-section>article>h3{font-size:var(--font-tit-md);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article>h3+p{margin-top:.8rem;color:#6d7882}section.g-section>article>h4{margin-top:1.6rem;font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article>h5{margin-top:1.6rem;font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article>ul,section.g-section>article>table,section.g-section>article>div:not(.dim){margin-top:1.6rem}section.g-section>article>ul:nth-of-type(1),section.g-section>article>table:nth-of-type(1),section.g-section>article>div:not(.dim):nth-of-type(1){margin-top:2.4rem}section.g-section>article ul.color{display:grid}section.g-section>article ul.color li{padding:3.6rem 1rem 1.6rem;word-break:break-all}section.g-section>article ul.color li::before,section.g-section>article ul.color li::after{display:block}section.g-section>article ul.color li::after{opacity:.5}section.g-section>article ul.color.gray-color{grid-template-columns:repeat(auto-fill, minmax(20%, 1fr))}section.g-section>article ul.color.gray-color li{color:#33363d}section.g-section>article ul.color.gray-color li:nth-of-type(5)~li{color:#fff}section.g-section>article ul.color.gray-color li:nth-of-type(1){background-color:#fff}section.g-section>article ul.color.gray-color li:nth-of-type(1)::before{content:"$white"}section.g-section>article ul.color.gray-color li:nth-of-type(1)::after{content:"#fff"}section.g-section>article ul.color.gray-color li:nth-of-type(2){background-color:#f7f7f8}section.g-section>article ul.color.gray-color li:nth-of-type(2)::before{content:"$grayColor1"}section.g-section>article ul.color.gray-color li:nth-of-type(2)::after{content:"#F7F7F8"}section.g-section>article ul.color.gray-color li:nth-of-type(3){background-color:#cdd1d5}section.g-section>article ul.color.gray-color li:nth-of-type(3)::before{content:"$grayColor2"}section.g-section>article ul.color.gray-color li:nth-of-type(3)::after{content:"#CDD1D5"}section.g-section>article ul.color.gray-color li:nth-of-type(4){background-color:#b1b8be}section.g-section>article ul.color.gray-color li:nth-of-type(4)::before{content:"$grayColor3"}section.g-section>article ul.color.gray-color li:nth-of-type(4)::after{content:"#B1B8BE"}section.g-section>article ul.color.gray-color li:nth-of-type(5){background-color:#8a949e}section.g-section>article ul.color.gray-color li:nth-of-type(5)::before{content:"$grayColor4"}section.g-section>article ul.color.gray-color li:nth-of-type(5)::after{content:"#8A949E"}section.g-section>article ul.color.gray-color li:nth-of-type(6){background-color:#6d7882}section.g-section>article ul.color.gray-color li:nth-of-type(6)::before{content:"$grayColor5"}section.g-section>article ul.color.gray-color li:nth-of-type(6)::after{content:"#6D7882"}section.g-section>article ul.color.gray-color li:nth-of-type(7){background-color:#58616a}section.g-section>article ul.color.gray-color li:nth-of-type(7)::before{content:"$grayColor6"}section.g-section>article ul.color.gray-color li:nth-of-type(7)::after{content:"#58616A"}section.g-section>article ul.color.gray-color li:nth-of-type(8){background-color:#464c53}section.g-section>article ul.color.gray-color li:nth-of-type(8)::before{content:"$grayColor7"}section.g-section>article ul.color.gray-color li:nth-of-type(8)::after{content:"#464C53"}section.g-section>article ul.color.gray-color li:nth-of-type(9){background-color:#33363d}section.g-section>article ul.color.gray-color li:nth-of-type(9)::before{content:"$grayColor8"}section.g-section>article ul.color.gray-color li:nth-of-type(9)::after{content:"#33363D"}section.g-section>article ul.color.gray-color li:nth-of-type(10){background-color:#111}section.g-section>article ul.color.gray-color li:nth-of-type(10)::before{content:"$black"}section.g-section>article ul.color.gray-color li:nth-of-type(10)::after{content:"#111"}section.g-section>article table.typography td{padding:.8rem 1.6rem;height:8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.g-section>article table.typography td.title{padding:.8rem 1.6rem .8rem 4rem;text-align:left}section.g-section>article table.typography td:first-child{padding:.8rem 1rem .8rem 4rem;text-align:left}section.g-section>article table.typography thead{background-color:#33363d;color:#fff}section.g-section>article table.typography thead td{height:4rem}section.g-section>article table.typography tbody tr:nth-of-type(odd){background-color:#f7f7f8}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(1) td:first-child{font-size:var(--font-tit-xlg);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(2) td:first-child{font-size:var(--font-tit-lg);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(3) td:first-child{font-size:var(--font-tit-md);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(4) td:first-child{font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(5) td:first-child{font-size:var(--font-tit-xsm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article ul.button{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article ul.button li{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;gap:.8rem}section.g-section>article ul.button.size{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.g-section>article ul.button.size li{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}section.g-section>article ul.button.size li h5{width:6rem}section.g-section>article ul.button button:not(.btn-like)::after{content:"Normal"}section.g-section>article ul.button button:not(.btn-like):hover::after{content:"Hover"}section.g-section>article ul.button button:not(.btn-like):disabled::after{content:"Inactive"}section.g-section>article ul.input{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article ul.badge-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.8rem}section.g-section>article ul.icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article ul.icon-wrap li{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;gap:.8rem}section.g-section>article ul.profile-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article .paint-target{position:relative}/*# sourceMappingURL=styleGuide.min.css.map */

(파일 끝에 줄바꿈 문자 없음)

+:root{--color-primary5: #ECF8F7;--color-primary10: #D6F8F5;--color-primary20: #AEEEE8;--color-primary30: #76E4DB;--color-primary40: #5FDDCD;--color-primary50: #42BDAE;--color-primary60: #23A091;--color-primary70: #158073;--color-primary80: #084D45;--color-primary90: #002723;--color-secondary5: #E9FCFF;--color-secondary10: #C6F7FF;--color-secondary20: #91E7F5;--color-secondary30: #51D8ED;--color-secondary40: #26C1D9;--color-secondary50: #15A9C0;--color-secondary60: #0B8FA4;--color-secondary70: #007B8E;--color-secondary80: #005765;--color-secondary90: #00353D;--color-accent5: #FFF9E8;--color-accent10: #FFF3D3;--color-accent20: #FFEBB3;--color-accent30: #FFE18F;--color-accent40: #FFD972;--color-accent50: #FFC833;--color-accent60: #DDA40B;--color-accent70: #AC7D00;--color-accent80: #715200;--color-accent90: #3E2D00;--color-background-site: #fff;--color-background-default-primary: #fff;--color-background-default-secondary: #F7F7F8;--color-background-default-tertiary: #CDD1D5;--color-background-default-quaternary: #B1B8BE;--color-background-default-primary-inverse: #33363D;--color-background-default-secondary-inverse: #464C53;--color-background-default-tertiary-inverse: #58616A;--color-background-default-quaternary-inverse: #6D7882;--color-background-alpha-primary: rgba(255, 255, 255, 0.9);--color-background-alpha-primary-inverse: rgba(17, 17, 17, 0.75);--color-background-success-primary: #F3FCF3;--color-background-success-primary-inverse: #009500;--color-background-warning-primary: #FFF8E9;--color-background-warning-primary-inverse: #98690A;--color-background-info-primary: #F0F9FF;--color-background-info-primary-inverse: #0074E5;--color-background-danger-primary: #FEF1F1;--color-background-danger-primary-inverse: #EE0000;--color-background-brand-primary: var(--color-primary5);--color-background-brand-secondary: var(--color-secondary5);--color-background-brand-accent: var(--color-accent5);--color-background-brand-primary-inverse: var(--color-primary50);--color-background-brand-secondary-inverse: var(--color-secondary50);--color-background-brand-accent-inverse: var(--color-accent50);--color-background-brand-primary-inverse-hover: var(--color-primary60);--color-background-brand-secondary-inverse-hover: var(--color-secondary60);--color-background-brand-accent-inverse-hover: var(--color-accent60);--color-background-disabled-primary: #F7F7F8;--color-background-disabled-secondary: #E6E8EA;--color-font-default-primary: #33363D;--color-font-default-secondary: #464C53;--color-font-default-tertiary: #58616A;--color-font-default-quaternary: #6D7882;--color-font-default-primary-inverse: #fff;--color-font-default-secondary-inverse: rgba(255, 255, 255, 0.9);--color-font-default-tertiary-inverse: rgba(255, 255, 255, 0.8);--color-font-default-quaternary-inverse: rgba(255, 255, 255, 0.75);--color-font-success-primary: #006600;--color-font-success-primary-inverse: #F3FCF3;--color-font-warning-primary: #66490E;--color-font-warning-primary-inverse: #FFF8E9;--color-font-info-primary: #0056AA;--color-font-info-primary-inverse: #F0F9FF;--color-font-danger-primary: #CD0404;--color-font-danger-primary-inverse: #FEF1F1;--color-font-brand-primary: var(--color-primary60);--color-font-brand-secondary: var(--color-secondary60);--color-font-brand-accent: var(--color-accent60);--color-font-brand-primary-base: var(--color-primary50);--color-font-brand-accent-base: var(--color-accent50);--color-font-brand-secondary-base: var(--color-secondary50);--color-font-brand-accent-base: var(--color-accent50);--color-font-brand-primary-inverse: var(--color-primary5);--color-font-brand-secondary-inverse: var(--color-secondary5);--color-font-brand-accent-inverse: var(--color-accent5);--color-font-disabled-primary: #58616A;--color-font-disabled-secondary: #464C53;--color-stroke-default-primary: #33363D;--color-stroke-default-secondary: #B1B8BE;--color-stroke-default-tertiary: #CDD1D5;--color-stroke-default-quaternary: #E6E8EA;--color-stroke-default-primary-inverse: #fff;--color-stroke-default-secondary-inverse: #58616A;--color-stroke-default-tertiary-inverse: #464C53;--color-stroke-default-quaternary-inverse: #33363D;--color-stroke-success-primary: #009500;--color-stroke-success-primary-inverse: #D6F5D6;--color-stroke-warning-primary: #98690A;--color-stroke-warning-primary-inverse: #FFB724;--color-stroke-info-primary: #0074E5;--color-stroke-info-primary-inverse: #C7E3FF;--color-stroke-danger-primary: #EE0000;--color-stroke-danger-primary-inverse: #FCCCCC;--color-stroke-brand-primary: var(--color-primary50);--color-stroke-brand-primary-inverse: var(--color-primary10);--color-stroke-brand-secondary: var(--color-secondary50);--color-stroke-brand-secondary-inverse: var(--color-secondary10);--color-stroke-brand-accent: var(--color-accent50);--color-stroke-brand-accent-inverse: var(--color-accent10);--color-stroke-disabled-primary: #CDD1D5;--color-stroke-disabled-secondary: #B1B8BE;--color-icon-default-primary: #33363D;--color-icon-default-secondary: #58616A;--color-icon-default-tertiary: #B1B8BE;--color-icon-default-primary-inverse: #fff;--color-icon-default-secondary-inverse: rgba(255, 255, 255, 0.75);--color-icon-default-tertiary-inverse: rgba(255, 255, 255, 0.25);--color-icon-success-primary: #009500;--color-icon-success-primary-inverse: #F3FCF3;--color-icon-warning-primary: #98690A;--color-icon-warning-primary-inverse: #FFF8E9;--color-icon-info-primary: #0074E5;--color-icon-info-primary-inverse: #F0F9FF;--color-icon-danger-primary: #EE0000;--color-icon-danger-primary-inverse: #FEF1F1;--color-icon-brand-primary: var(--color-primary50);--color-icon-brand-secondary: var(--color-secondary50);--color-icon-brand-accent: var(--color-accent50);--color-icon-brand-primary-inverse: var(--color-primary5);--color-icon-brand-secondary-inverse: var(--color-secondary5);--color-icon-brand-accent-inverse: var(--color-accent5);--color-icon-disabled-primary: #6D7882;--color-icon-disabled-secondary: #58616A;--radius-none: 0;--radius-xsm: 0.8rem;--radius-sm: 1.2rem;--radius-md: 2.4rem;--radius-lg: 3.2rem;--radius-xlg: 4rem;--radius-2xlg: 8rem;--radius-full: 100%;--spacing-none: 0;--spacing-3xsm: 0.2rem;--spacing-2xsm: 0.4rem;--spacing-xsm: 0.8rem;--spacing-sm: 1.2rem;--spacing-md: 1.6rem;--spacing-lg: 2.4rem;--spacing-xlg: 3.2rem;--spacing-2xlg: 4rem;--spacing-3xlg: 8rem;--size-stroke-none: 0;--size-stroke-xsm: 0.1rem;--size-stroke-sm: 0.2rem;--size-stroke-md: 0.4rem;--size-stroke-lg: 0.8rem;--size-font-4xlg: 4.8rem;--size-font-3xlg: 4rem;--size-font-2xlg: 2.8rem;--size-font-xlg: 2.4rem;--size-font-lg: 2rem;--size-font-md: 1.8rem;--size-font-sm: 1.6rem;--size-font-xsm: 1.4rem;--size-font-2xsm: 1.2rem;--size-font-weight-xlg: 800;--size-font-weight-lg: 700;--size-font-weight-md: 400;--size-font-lineheight-xlg: 2;--size-font-lineheight-lg: 1.5;--size-font-lineheight-md: 1.4;--size-font-lineheight-sm: 1.3;--size-font-lineheight-xsm: 1.2;--size-icon-lg: 2.4rem;--size-icon-md: 2.0rem;--size-icon-sm: 1.6rem;--spacing-section-sm: var(--spacing-2xlg);--spacing-section-md: var(--spacing-3xlg);--spacing-section-lg: 16rem;--size-wrap: 125.4rem;--size-wrap-md: 102.4rem;--size-wrap-sm: 80rem;--size-wrap-xsm: 48rem;--size-wrap-2xsm: 40rem;--size-wrap-full: 133.4rem;--size-wrap-spacing: 4rem;--size-popup-xsm: 32rem;--size-popup-sm: 44rem;--size-popup-md: 64rem;--size-popup-lg: 80rem;--size-popup-xlg: var(--size-wrap);--size-popup-round: var(--radius-radius-md);--size-popup-padding: var(--spacing-spacing-2xlg);--form-width-lg: 40rem;--form-width-md: 24rem;--form-width-sm: 16rem;--form-width-xsm: 8rem;--form-height-lg: 6.4rem;--form-height-md: 4.8rem;--form-height-sm: 3.6rem;--form-height-xsm: 2.8rem}:root{--font-heading-lg: 5.6rem;--font-heading-md: var(--size-font-4xlg);--font-heading-sm: var(--size-font-3xlg);--font-tit-xlg: var(--size-font-3xlg);--font-tit-lg: var(--size-font-2xlg);--font-tit-md: var(--size-font-xlg);--font-tit-sm: var(--size-font-md);--font-tit-xsm: var(--size-font-sm);--font-body-lg: var(--size-font-md);--font-body-md: var(--size-font-sm);--font-body-sm: var(--size-font-xsm);--font-body-xsm: var(--size-font-2xsm);--font-label-lg: var(--size-font-md);--font-label-md: var(--size-font-sm);--font-label-sm: var(--size-font-xsm);--font-label-xsm: var(--size-font-2xsm);--font-tit-label: var(--size-font-sm)}@media(max-width: 1279px){:root{--font-heading-lg: 5.2rem;--font-heading-md: var(--size-font-4xlg);--font-heading-sm: var(--size-font-3xlg);--font-tit-xlg: 3.6rem;--font-tit-lg: 2.6rem;--font-tit-md: var(--size-font-md);--font-tit-sm: var(--size-font-sm);--font-tit-xsm: var(--size-font-xsm);--font-body-lg: var(--size-font-sm);--font-body-md: var(--size-font-xsm);--font-body-sm: var(--size-font-2xsm);--font-body-xsm: 1rem;--font-label-lg: var(--size-font-sm);--font-label-md: var(--size-font-xsm);--font-label-sm: var(--size-font-2xsm);--font-label-xsm: 1rem;--font-tit-label: var(--size-font-xsm);--spacing-section-sm: var(--spacing-2xlg);--spacing-section-md: var(--spacing-3xlg);--spacing-section-lg: 16rem;--size-wrap-spacing: 2.4rem}}@media(max-width: 767px){:root{--font-heading-lg: 4.8rem;--font-heading-md: var(--size-font-4xlg);--font-heading-sm: var(--size-font-3xlg);--font-tit-xlg: 3.6rem;--font-tit-lg: 2.4rem;--font-tit-md: var(--size-font-md);--font-tit-sm: var(--size-font-sm);--font-tit-xsm: var(--size-font-xsm);--font-body-lg: var(--size-font-sm);--font-body-md: var(--size-font-xsm);--font-body-sm: var(--size-font-2xsm);--font-body-xsm: 1rem;--font-label-lg: var(--size-font-sm);--font-label-md: var(--size-font-xsm);--font-label-sm: var(--size-font-2xsm);--font-label-xsm: 1rem;--font-tit-label: var(--size-font-xsm);--size-wrap-spacing: 1.6rem;--spacing-section-lg: 12rem;--form-height-lg: 5.6rem;--form-height-md: 4rem;--form-height-sm: 3.2rem;--form-height-xsm: 2.4rem;--pop-gap: 1.6rem}}body{-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}section.g-section{padding-bottom:8rem}section.g-section>header{display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;max-width:var(--size-wrap);padding:0 var(--size-wrap-spacing);margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#f7f7f8}section.g-section>header h1{font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>header h2{font-size:var(--font-body-md);font-weight:var(--size-font-weight-md)}section.g-section>header h2::before{content:"";display:inline-block;width:.1rem;height:1rem;vertical-align:baseline;background-color:var(--color-font-default-tertiary);margin:0 1rem}section.g-section>header h1,section.g-section>header h2{color:var(--color-font-default-tertiary)}section.g-section>header em{font-style:normal;margin-left:auto}section.g-section>article{max-width:var(--size-wrap);padding:0 var(--size-wrap-spacing);margin:0 auto;margin-top:4rem}section.g-section>article>h3{font-size:var(--font-tit-md);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article>h3+p{margin-top:.8rem;color:#6d7882}section.g-section>article>h4{margin-top:1.6rem;font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article>h5{margin-top:1.6rem;font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article>ul,section.g-section>article>table,section.g-section>article>div:not(.dim){margin-top:1.6rem}section.g-section>article>ul:nth-of-type(1),section.g-section>article>table:nth-of-type(1),section.g-section>article>div:not(.dim):nth-of-type(1){margin-top:2.4rem}section.g-section>article ul.color{display:grid}section.g-section>article ul.color li{padding:3.6rem 1rem 1.6rem;word-break:break-all}section.g-section>article ul.color li::before,section.g-section>article ul.color li::after{display:block}section.g-section>article ul.color li::after{opacity:.5}section.g-section>article ul.color.gray-color{grid-template-columns:repeat(auto-fill, minmax(20%, 1fr))}section.g-section>article ul.color.gray-color li{color:#33363d}section.g-section>article ul.color.gray-color li:nth-of-type(5)~li{color:#fff}section.g-section>article ul.color.gray-color li:nth-of-type(1){background-color:#fff}section.g-section>article ul.color.gray-color li:nth-of-type(1)::before{content:"$white"}section.g-section>article ul.color.gray-color li:nth-of-type(1)::after{content:"#fff"}section.g-section>article ul.color.gray-color li:nth-of-type(2){background-color:#f7f7f8}section.g-section>article ul.color.gray-color li:nth-of-type(2)::before{content:"$grayColor1"}section.g-section>article ul.color.gray-color li:nth-of-type(2)::after{content:"#F7F7F8"}section.g-section>article ul.color.gray-color li:nth-of-type(3){background-color:#cdd1d5}section.g-section>article ul.color.gray-color li:nth-of-type(3)::before{content:"$grayColor2"}section.g-section>article ul.color.gray-color li:nth-of-type(3)::after{content:"#CDD1D5"}section.g-section>article ul.color.gray-color li:nth-of-type(4){background-color:#b1b8be}section.g-section>article ul.color.gray-color li:nth-of-type(4)::before{content:"$grayColor3"}section.g-section>article ul.color.gray-color li:nth-of-type(4)::after{content:"#B1B8BE"}section.g-section>article ul.color.gray-color li:nth-of-type(5){background-color:#8a949e}section.g-section>article ul.color.gray-color li:nth-of-type(5)::before{content:"$grayColor4"}section.g-section>article ul.color.gray-color li:nth-of-type(5)::after{content:"#8A949E"}section.g-section>article ul.color.gray-color li:nth-of-type(6){background-color:#6d7882}section.g-section>article ul.color.gray-color li:nth-of-type(6)::before{content:"$grayColor5"}section.g-section>article ul.color.gray-color li:nth-of-type(6)::after{content:"#6D7882"}section.g-section>article ul.color.gray-color li:nth-of-type(7){background-color:#58616a}section.g-section>article ul.color.gray-color li:nth-of-type(7)::before{content:"$grayColor6"}section.g-section>article ul.color.gray-color li:nth-of-type(7)::after{content:"#58616A"}section.g-section>article ul.color.gray-color li:nth-of-type(8){background-color:#464c53}section.g-section>article ul.color.gray-color li:nth-of-type(8)::before{content:"$grayColor7"}section.g-section>article ul.color.gray-color li:nth-of-type(8)::after{content:"#464C53"}section.g-section>article ul.color.gray-color li:nth-of-type(9){background-color:#33363d}section.g-section>article ul.color.gray-color li:nth-of-type(9)::before{content:"$grayColor8"}section.g-section>article ul.color.gray-color li:nth-of-type(9)::after{content:"#33363D"}section.g-section>article ul.color.gray-color li:nth-of-type(10){background-color:#111}section.g-section>article ul.color.gray-color li:nth-of-type(10)::before{content:"$black"}section.g-section>article ul.color.gray-color li:nth-of-type(10)::after{content:"#111"}section.g-section>article table.typography td{padding:.8rem 1.6rem;height:8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.g-section>article table.typography td.title{padding:.8rem 1.6rem .8rem 4rem;text-align:left}section.g-section>article table.typography td:first-child{padding:.8rem 1rem .8rem 4rem;text-align:left}section.g-section>article table.typography thead{background-color:#33363d;color:#fff}section.g-section>article table.typography thead td{height:4rem}section.g-section>article table.typography tbody tr:nth-of-type(odd){background-color:#f7f7f8}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(1) td:first-child{font-size:var(--font-tit-xlg);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(2) td:first-child{font-size:var(--font-tit-lg);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(3) td:first-child{font-size:var(--font-tit-md);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(4) td:first-child{font-size:var(--font-tit-sm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article table.typography:nth-of-type(1) tbody tr:nth-of-type(5) td:first-child{font-size:var(--font-tit-xsm);font-weight:var(--size-font-weight-xlg);line-height:var(--size-font-lineheight-sm)}section.g-section>article ul.button{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article ul.button li{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;gap:.8rem}section.g-section>article ul.button.size{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.g-section>article ul.button.size li{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}section.g-section>article ul.button.size li h5{width:6rem}section.g-section>article ul.button button:not(.btn-like)::after{content:"Normal"}section.g-section>article ul.button button:not(.btn-like):hover::after{content:"Hover"}section.g-section>article ul.button button:not(.btn-like):disabled::after{content:"Inactive"}section.g-section>article ul.input{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article ul.badge-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.8rem}section.g-section>article ul.icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article ul.icon-wrap li{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;gap:.8rem}section.g-section>article ul.profile-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.6rem}section.g-section>article .paint-target{position:relative}/*# sourceMappingURL=styleGuide.min.css.map */

(파일 끝에 줄바꿈 문자 없음)

245553e

b99ac74

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

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

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

@@ -1,1 +1,1 @@

-{"version":3,"sources":["common/abstracts/_variables.scss","common/abstracts/_mixins.scss","styleGuide.scss"],"names":[],"mappings":"AA+NA,MAEI,yBAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,2BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,wBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CACA,yBAAA,CAGA,6BAAA,CACA,wCAAA,CACA,6CAAA,CACA,4CAAA,CACA,8CAAA,CACA,mDAAA,CACA,qDAAA,CACA,oDAAA,CACA,sDAAA,CACA,0DAAA,CACA,gEAAA,CACA,2CAAA,CACA,mDAAA,CACA,2CAAA,CACA,mDAAA,CACA,wCAAA,CACA,gDAAA,CACA,0CAAA,CACA,kDAAA,CACA,uDAAA,CACA,2DAAA,CACA,qDAAA,CACA,gEAAA,CACA,oEAAA,CACA,8DAAA,CACA,sEAAA,CACA,0EAAA,CACA,oEAAA,CACA,4CAAA,CACA,8CAAA,CAEA,qCAAA,CACA,uCAAA,CACA,sCAAA,CACA,wCAAA,CACA,0CAAA,CACA,gEAAA,CACA,+DAAA,CACA,kEAAA,CACA,qCAAA,CACA,6CAAA,CACA,qCAAA,CACA,6CAAA,CACA,kCAAA,CACA,0CAAA,CACA,oCAAA,CACA,4CAAA,CACA,kDAAA,CACA,sDAAA,CACA,gDAAA,CACA,uDAAA,CACA,qDAAA,CACA,2DAAA,CACA,qDAAA,CACA,yDAAA,CACA,6DAAA,CACA,uDAAA,CACA,sCAAA,CACA,wCAAA,CAEA,uCAAA,CACA,yCAAA,CACA,wCAAA,CACA,0CAAA,CACA,4CAAA,CACA,iDAAA,CACA,gDAAA,CACA,kDAAA,CAEA,uCAAA,CACA,+CAAA,CACA,uCAAA,CACA,+CAAA,CACA,oCAAA,CACA,4CAAA,CACA,sCAAA,CACA,8CAAA,CACA,oDAAA,CACA,4DAAA,CACA,wDAAA,CACA,gEAAA,CACA,kDAAA,CACA,0DAAA,CACA,wCAAA,CACA,0CAAA,CAEA,qCAAA,CACA,uCAAA,CACA,sCAAA,CACA,0CAAA,CACA,iEAAA,CACA,gEAAA,CACA,qCAAA,CACA,6CAAA,CACA,qCAAA,CACA,6CAAA,CACA,kCAAA,CACA,0CAAA,CACA,oCAAA,CACA,4CAAA,CACA,kDAAA,CACA,sDAAA,CACA,gDAAA,CACA,yDAAA,CACA,6DAAA,CACA,uDAAA,CACA,sCAAA,CACA,wCAAA,CAGA,gBAAA,CACA,oBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,kBAAA,CACA,mBAAA,CACA,mBAAA,CAEA,iBAAA,CACA,sBAAA,CACA,sBAAA,CACA,qBAAA,CACA,oBAAA,CACA,oBAAA,CACA,oBAAA,CACA,qBAAA,CACA,oBAAA,CACA,oBAAA,CAEA,qBAAA,CACA,yBAAA,CACA,wBAAA,CACA,wBAAA,CACA,wBAAA,CAEA,wBAAA,CACA,sBAAA,CACA,wBAAA,CACA,uBAAA,CACA,oBAAA,CACA,sBAAA,CACA,sBAAA,CACA,uBAAA,CACA,wBAAA,CACA,2BAAA,CACA,0BAAA,CACA,0BAAA,CAEA,6BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,+BAAA,CAEA,sBAAA,CACA,sBAAA,CACA,sBAAA,CAEA,yCAAA,CACA,yCAAA,CACA,2BAAA,CAEA,qBAAA,CACA,wBAAA,CACA,qBAAA,CACA,sBAAA,CACA,uBAAA,CACA,0BAAA,CACA,yBAAA,CAEA,uBAAA,CACA,sBAAA,CACA,sBAAA,CACA,sBAAA,CACA,kCAAA,CAEA,2CAAA,CACA,iDAAA,CAEA,uBAAA,CACA,uBAAA,CACA,uBAAA,CACA,uBAAA,CAEA,wBAAA,CACA,wBAAA,CACA,wBAAA,CACA,yBAAA,CC7bJ,MACI,yBAAA,CACA,wCAAA,CACA,wCAAA,CAEA,qCAAA,CACA,oCAAA,CACA,mCAAA,CACA,kCAAA,CACA,mCAAA,CAEA,mCAAA,CACA,mCAAA,CACA,oCAAA,CACA,sCAAA,CAEA,oCAAA,CACA,oCAAA,CACA,qCAAA,CACA,uCAAA,CAEA,qCAAA,CAiMI,0BAwEJ,MACI,yBAAA,CACA,wCAAA,CACA,wCAAA,CAEA,sBAAA,CACA,qBAAA,CACA,kCAAA,CACA,kCAAA,CACA,oCAAA,CAEA,mCAAA,CACA,oCAAA,CACA,qCAAA,CACA,qBAAA,CAEA,oCAAA,CACA,qCAAA,CACA,sCAAA,CACA,sBAAA,CAEA,sCAAA,CAEA,yCAAA,CACA,yCAAA,CACA,2BAAA,CAEA,2BAAA,CAAA,CAnGA,yBAwGJ,MACI,yBAAA,CACA,wCAAA,CACA,wCAAA,CAEA,sBAAA,CACA,qBAAA,CACA,kCAAA,CACA,kCAAA,CACA,oCAAA,CAEA,mCAAA,CACA,oCAAA,CACA,qCAAA,CACA,qBAAA,CAEA,oCAAA,CACA,qCAAA,CACA,sCAAA,CACA,sBAAA,CAEA,sCAAA,CAEA,2BAAA,CAEA,2BAAA,CAEA,wBAAA,CACA,sBAAA,CACA,wBAAA,CACA,yBAAA,CACA,iBAAA,CAAA,CC/UR,KACK,2BAAA,CAAA,wBAAA,CAAA,uBAAA,CAAA,mBAAA,CAEL,kBACI,mBAAA,CACA,yBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,WAAA,CAXJ,0BFgmBQ,CE/lBR,kCAAA,CACA,aAAA,CAWI,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,sBAAA,CAAA,mBAAA,CAAA,0BAAA,CACA,wBFEM,CAAA,4BCwBN,4BAAA,CACA,uCAAA,CAGI,0CAAA,CCxBJ,4BDoBA,6BAAA,CACA,sCAAA,CClBI,oCACI,UAAA,CACA,oBAAA,CACA,WAAA,CACA,WAAA,CACA,uBAAA,CACA,mDF6dc,CE5dd,aAAA,CAIR,wDAEI,wCFsdkB,CEndtB,4BACI,iBAAA,CACA,gBAAA,CAIR,0BA9CA,0BFgmBQ,CE/lBR,kCAAA,CACA,aAAA,CA8CI,eAAA,CAEA,6BDTA,4BAAA,CACA,uCAAA,CAGI,0CAAA,CCQA,+BACI,gBAAA,CACA,aFjCD,CEqCP,6BACI,iBAAA,CDnBJ,4BAAA,CACA,uCAAA,CAGI,0CAAA,CCmBJ,6BACI,iBAAA,CDxBJ,4BAAA,CACA,uCAAA,CAGI,0CAAA,CCwBJ,qGACI,iBAAA,CACA,kJACI,iBAAA,CAIR,mCACI,YAAA,CACA,sCACI,0BAAA,CACA,oBAAA,CACA,2FAEI,aAAA,CAEJ,6CACI,UAAA,CAIR,8CACI,yDAAA,CAEA,iDACI,aFrEL,CEuEK,mEACI,UFxGX,CE6HW,gEACI,qBAjBM,CAmBN,wEACI,gBAAA,CAGJ,uEACI,cAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,gEACI,wBAjBM,CAmBN,wEACI,qBAAA,CAGJ,uEACI,iBAAA,CARR,iEACI,qBAjBM,CAmBN,yEACI,gBAAA,CAGJ,wEACI,cAAA,CAwFpB,8CACI,oBAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,oDACI,+BAAA,CACA,eAAA,CAEJ,0DACI,6BAAA,CACA,eAAA,CAGR,iDACI,wBF9MD,CE+MC,UF/OH,CEgPG,oDACI,WAAA,CAIJ,qEACI,wBF9NN,CEsOc,iGD9MpB,6BAAA,CACA,uCAAA,CAGI,0CAAA,CC0MgB,iGD9MpB,4BAAA,CACA,uCAAA,CAGI,0CAAA,CC0MgB,iGD9MpB,4BAAA,CACA,uCAAA,CAGI,0CAAA,CC0MgB,iGD9MpB,4BAAA,CACA,uCAAA,CAGI,0CAAA,CC0MgB,iGD9MpB,6BAAA,CACA,uCAAA,CAGI,0CAAA,CC+NJ,oCACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,kBAAA,CAAA,cAAA,CACA,UAAA,CACA,uCACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,SAAA,CAEJ,yCACI,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,4CACI,6BAAA,CAAA,4BAAA,CAAA,sBAAA,CAAA,kBAAA,CACA,kBAAA,CAAA,cAAA,CACA,+CACI,UAAA,CAKR,iEACI,gBAAA,CAEJ,uEACI,eAAA,CAEJ,0EACI,kBAAA,CAKZ,mCACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,kBAAA,CAAA,cAAA,CACA,UAAA,CAGJ,sCACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,kBAAA,CAAA,cAAA,CACA,SAAA,CAGJ,uCACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,kBAAA,CAAA,cAAA,CACA,UAAA,CAEA,0CACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,SAAA,CAIR,0CACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,kBAAA,CAAA,cAAA,CACA,UAAA,CASJ,wCACI,iBAAA","file":"styleGuide.min.css"}

(파일 끝에 줄바꿈 문자 없음)

+{"version":3,"sources":["common/abstracts/_variables.scss","common/abstracts/_mixins.scss","styleGuide.scss"],"names":[],"mappings":"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","file":"styleGuide.min.css"}

(파일 끝에 줄바꿈 문자 없음)

Add a comment

Open 0
Closed 0

List

...	...	@@ -34,19 +34,6 @@
34	34	<!--//공통 퍼블 js-->
35	35
36	36	<link rel="stylesheet" href="/resources/front/site/SITE_00000/css/styleGuide.css">
37		- <script>
38		- window.onload = () => {
39		- const passwordArea = document.querySelector('.input-block');
40		- const passwordShowSw = passwordArea.querySelector('label[class*="switch-"] > input');
41		- passwordShowSw.onchange = () => {
42		- let type = "password";
43		- if(event.target.checked) {
44		- type = "text";
45		- }
46		- passwordArea.querySelector('input.password').type = type;
47		- }
48		- }
49		- </script>
50	37	</head>
51	38
52	39	<body>
...	...	@@ -384,9 +371,23 @@
384	371	<p>Input은 기본적으로 아래와 같은 구조로 이뤄져있습니다. 일부 요소를 제외하고 상황에 따라 필요한 부분만 사용해도 무방합니다.</p>
385	372	<ul class="input">
386	373	<li>
387		- <label for="inputAnatomy0" class="input-form">Label</label>
388		- <input type="text" id="inputAnatomy0" placeholder="Text">
389		- <cite>message</cite>
	374	+ <fieldset class="search-area">
	375	+ <legend>검색</legend>
	376	+ <div class="search-option">
	377	+ <select title="선택">
	378	+ <option>search option 1_1</option>
	379	+ <option>search option 1_2</option>
	380	+ </select>
	381	+ <select title="선택">
	382	+ <option>search option 2_1</option>
	383	+ <option>search option 2_2</option>
	384	+ </select>
	385	+ </div>
	386	+ <div class="search">
	387	+ <input type="text" id="inputAnatomy3" placeholder="Enter Search Keyword" title="검색어 입력">
	388	+ <button class="btn ico-search">검색</button>
	389	+ </div>
	390	+ </fieldset>
390	391	</li>
391	392	<li>
392	393	<label for="inputAnatomy1" class="input-form">Label</label>

...	...	@@ -435,10 +435,10 @@
435	435	--size-popup-round: var(--radius-radius-md);
436	436	--size-popup-padding: var(--spacing-spacing-2xlg);
437	437
438		- --form-width-lg: 400rem;
439		- --form-width-md: 240rem;
440		- --form-width-sm: 160rem;
441		- --form-width-xsm: 80rem;
	438	+ --form-width-lg: 40rem;
	439	+ --form-width-md: 24rem;
	440	+ --form-width-sm: 16rem;
	441	+ --form-width-xsm: 8rem;
442	442
443	443	--form-height-lg: 6.4rem;
444	444	--form-height-md: 4.8rem;

...	...	@@ -5,7 +5,6 @@
5	5	font-weight: 800;
6	6	src: local("KakaoBigSans ExtraBold"), url("common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
7	7	}
8		-
9	8	@font-face {
10	9	font-family: "KakaoBigSans";
11	10	font-style: normal;
...	...	@@ -13,7 +12,6 @@
13	12	font-weight: 700;
14	13	src: local("KakaoBigSans Bold"), url("common/font/KakaoBigSans-Bold.woff2") format("woff2");
15	14	}
16		-
17	15	@font-face {
18	16	font-family: "KakaoBigSans";
19	17	font-style: normal;

...	...	@@ -8,7 +8,6 @@
8	8	bottom: 0;
9	9	text-indent: -9999em;
10	10	}
11		-
12	11	.accordion {
13	12	display: flex;
14	13	flex-direction: column;
...	...	@@ -47,7 +46,6 @@
47	46	gap:$spacing-xsm;
48	47	align-items: center;
49	48	}
50		-
51	49	&:after {
52	50	content: " ";
53	51	position: absolute;
...	...	@@ -69,17 +67,14 @@
69	67	padding-left: 4rem;
70	68	padding-right: 8rem;
71	69	}
72		-
73	70	.accordion-txt-area {
74	71	display: none;
75	72	}
76	73	}
77		-
78	74	.accordion-list {
79	75	display: flex;
80	76	flex-direction: column;
81	77	gap: $spacing-xsm;
82		-
83	78	>.is-active {
84	79	.accordion-tit-area {
85	80	&::after {
...	...	@@ -119,7 +114,6 @@
119	114	@include ico($size-icon-md, remove, $color-icon-default-secondary);
120	115	}
121	116	}
122		-
123	117	.accordion-tit {
124	118	display: block;
125	119	@include typo('tit-sm');
...	...	@@ -128,7 +122,6 @@
128	122	margin-top: $spacing-2xsm;
129	123	}
130	124	}
131		-
132	125	.accordion-fnc {
133	126	position: relative;
134	127	z-index: 1;
...	...	@@ -149,7 +142,6 @@
149	142	}
150	143	}
151	144	}
152		-
153	145	.accordion-nav {
154	146	display: flex;
155	147	flex-direction: column;
...	...	@@ -188,7 +180,6 @@
188	180	gap:$spacing-xsm;
189	181	align-items: center;
190	182	}
191		-
192	183	&:after {
193	184	content: " ";
194	185	position: absolute;
...	...	@@ -201,7 +192,6 @@
201	192	transition: transform 0.5s;
202	193	}
203	194	}
204		-
205	195	.accoridon-tit {
206	196	display: inline-block;
207	197	vertical-align: middle;
...	...	@@ -210,13 +200,10 @@
210	200	padding-left: 4rem;
211	201	padding-right: 8rem;
212	202	}
213		-
214	203	.accordion-txt-area {
215	204	display: none;
216	205	}
217	206	}
218		-
219		-
220	207	@include responsive(mobile) {
221	208	.accordion-list {
222	209	>li {

...	...	@@ -105,6 +105,9 @@
105	105	border-width: 0;
106	106	font-weight: $size-font-weight-xlg !important;
107	107	border-radius: 2em;
	108	+ &.lg {
	109	+ min-width: 0;
	110	+ }
108	111	}
109	112	&.toggle {
110	113	background-color: $color-background-default-primary;
...	...	@@ -323,9 +326,7 @@
323	326	&:has(.ico-favorite) {
324	327	color: $color-font-brand-accent;
325	328	i {
326		- mask-image: url(pathIcon(
327		- map-get($icons, 'ico-favorite-active')
328		- ));
	329	+ mask-image: url(pathIcon(map-get($icons, 'ico-favorite-active')));
329	330	&::before {
330	331	background-color: $color-icon-brand-accent;
331	332	}

...	...	@@ -100,34 +100,28 @@
100	100	}
101	101	}
102	102	}
103		-
104	103	@include responsive(mobile) {
105	104	.calendar-area {
106	105	.calendar-header {
107	106	gap: $spacing-md;
108	107	margin-bottom: $spacing-md;
109		-
110	108	.calendar-tit {
111	109	@include typo('tit-md');
112	110	}
113	111	}
114		-
115	112	.calendar-tbl {
116	113	tbody {
117	114	td {
118	115	padding: $spacing-2xsm;
119	116	height: 6.4rem;
120		-
121	117	.date {
122	118	width: 2rem;
123	119	height: 2rem;
124	120	border-radius: $radius-xsm;
125	121	@include typo('label-sm', 'em');
126	122	}
127		-
128	123	.label-area {
129	124	gap: $spacing-3xsm;
130		-
131	125	.label {
132	126	width: 100%;
133	127	text-align: left;

...	...	@@ -9,57 +9,12 @@
9	9	// vertical-align: middle;
10	10	}
11	11
12		-label.input-form-block>div,
13		-label.input-form {
14		- // 입력폼 전용으로
15		- display: flex;
16		- align-items: flex-end;
17		- @include typo('tit-xsm');
18		- &.input-block {
19		- align-items: center;
20		- }
21		-
22		- cite {
23		- @include typo('body-sm');
24		- font-style: normal;
25		- margin-left: auto;
26		- }
27		-
28		- &.input-block,
29		- &~.input-bundle:nth-of-type(1),
30		- &~input[type=text]:nth-of-type(1),
31		- &~input[type=search]:nth-of-type(1),
32		- &~input[type=password]:nth-of-type(1),
33		- &~input[type=number]:nth-of-type(1),
34		- &~input[type=email]:nth-of-type(1),
35		- &~input[type=tel]:nth-of-type(1),
36		- &~input[type=time]:nth-of-type(1),
37		- &~input[type=date]:nth-of-type(1),
38		- &~input[type=datetime-local]:nth-of-type(1),
39		- &~input[type=month]:nth-of-type(1),
40		- &~input[type=week]:nth-of-type(1),
41		- &~textarea:nth-of-type(1),
42		- &~select:nth-of-type(1) {
43		- margin-top: $spacing-xsm;
44		- }
45		-}
46		-
47	12	%required {
48	13	content: '*';
49	14	display: inline-flex;
50	15	margin-left: $spacing-2xsm;
51	16	color: $color-font-brand-accent;
52	17	font-size: $size-font-sm;
53		-}
54		-:has(>label.required),
55		-:has(>label.input-form-block>input:required),
56		-:has(>label.input-form-block>.input-block>input:required),
57		-:has(>input:required){
58		- >label:not(:has(span))::after,
59		- >div span:first-child::after,
60		- >label span:first-child:after {
61		- @extend %required;
62		- }
63	18	}
64	19	i.required {
65	20	display: inline-flex;

...	...	@@ -57,7 +57,6 @@
57	57	}
58	58	}
59	59	}
60		-
61	60	/* label */
62	61	.label-area {
63	62	display:flex;

...	...	@@ -25,7 +25,6 @@
25	25	grid-template-columns: repeat(3, 1fr);
26	26	}
27	27	}
28		-
29	28	.thumb-sm-list {
30	29	gap: $spacing-xsm;
31	30	display: flex;
...	...	@@ -49,7 +48,6 @@
49	48	}
50	49	}
51	50	}
52		-
53	51	.thumb-block-list {
54	52	li {
55	53	position: relative;
...	...	@@ -58,7 +56,6 @@
58	56	}
59	57	}
60	58	}
61		-
62	59	.thumb-h-list {
63	60	display: flex;
64	61	flex-direction: column;
...	...	@@ -102,7 +99,6 @@
102	99	}
103	100	}
104	101	}
105		-
106	102	.thumb-item-list {
107	103	display: flex;
108	104	flex-direction: column;
...	...	@@ -159,7 +155,6 @@
159	155	}
160	156	}
161	157	}
162		-
163	158	.thumb-img-area {
164	159	position: relative;
165	160	overflow: hidden;
...	...	@@ -167,7 +162,6 @@
167	162	@include img-size;
168	163	}
169	164	}
170		-
171	165	.link-full:hover ~ .thumb-img-area {
172	166	figure {
173	167	img {
...	...	@@ -178,7 +172,6 @@
178	172	}
179	173	}
180	174	}
181		-
182	175	.thumb-txt-area {
183	176	position: relative;
184	177	margin-top: $spacing-md;
...	...	@@ -258,12 +251,10 @@
258	251	i {
259	252	margin-right: $spacing-2xsm;
260	253	}
261		-
262	254	&:has(.etc-fnc-area) {
263	255	padding-right:2.4rem;
264	256	}
265	257	}
266		-
267	258	.thumb-swiper {
268	259	position: relative;
269	260	padding-left: 2.4rem;
...	...	@@ -287,7 +278,6 @@
287	278	right: 0;
288	279	}
289	280	}
290		-
291	281	.thumb-fnc {
292	282	&-l,
293	283	&-r {
...	...	@@ -328,7 +318,6 @@
328	318	background-color: rgba(0, 0, 0, 0.9);
329	319	}
330	320	}
331		-
332	321	/* item */
333	322	//item-info
334	323	.item-info {
...	...	@@ -458,7 +447,6 @@
458	447	}
459	448	}
460	449	}
461		-
462	450	@keyframes refresh {
463	451	0% {
464	452	transform: rotate(0);
...	...	@@ -474,7 +462,6 @@
474	462	}
475	463	}
476	464	}
477		-
478	465	.item-box {
479	466	max-height: 80rem;
480	467	overflow-y: auto;
...	...	@@ -560,7 +547,6 @@
560	547	cursor: move;
561	548	}
562	549	}
563		-
564	550	.item-type-list {
565	551	&.border-top {
566	552	border-top:$stroke-secondary;
...	...	@@ -779,7 +765,6 @@
779	765	height: 100%;
780	766	}
781	767	}
782		-
783	768	@include responsive(mobile) {
784	769	.checkradio-custom-row-area:has(.item-type-checkradio) {
785	770	display: none;
...	...	@@ -789,56 +774,45 @@
789	774	>li {
790	775	align-items: center;
791	776	}
792		-
793	777	.img-area {
794	778	order: 1;
795	779	width: 12rem;
796		-
797	780	figure {
798	781	display: none;
799	782	}
800		-
801	783	&:has(.btn-info-list) {
802	784	width: auto;
803	785	}
804		-
805	786	.btn-info-list {
806	787	flex-wrap: nowrap;
807	788	}
808	789	}
809		-
810	790	.txt-area {
811	791	order: 0;
812	792	min-width: 0;
813		-
814	793	.txt {
815	794	display: none;
816	795	}
817	796	}
818		-
819	797	.item-title {
820	798	@include ellipsis(1);
821	799	display: block;
822	800	}
823		-
824	801	.item-btn-area {
825	802	order: 2;
826	803	flex-direction: row;
827	804	}
828		-
829	805	.item-info-list {
830	806	>li {
831	807	background-color: transparent;
832	808	flex-direction: column;
833	809	padding: 0;
834		-
835	810	.txt-area {
836	811	text-align: left;
837	812	}
838	813	}
839	814	}
840	815	}
841		-
842	816	.item-type-list,
843	817	.item-type-list.item-type-table,
844	818	.item-type-list.item-type-feed,
...	...	@@ -846,7 +820,6 @@
846	820	display: grid;
847	821	grid-template-columns: initial;
848	822	gap: 6.4rem $spacing-md;
849		-
850	823	>li {
851	824	flex-direction: column;
852	825	padding: 0;
...	...	@@ -855,49 +828,39 @@
855	828	align-items: flex-start;
856	829	min-width: 0;
857	830	}
858		-
859	831	.item-checkradio {
860	832	position: absolute;
861	833	top: $spacing-xsm;
862	834	left: $spacing-xsm;
863	835	}
864		-
865	836	.etc-fnc-area {
866	837	top: $spacing-xsm;
867	838	right: $spacing-xsm;
868	839	}
869		-
870	840	.img-area {
871	841	order: unset;
872	842	width: 100%;
873		-
874	843	figure {
875	844	display: flex;
876	845	}
877		-
878	846	&:has(.btn-info-list) {
879	847	width: 100%;
880	848	}
881		-
882	849	.btn-info-list {
883	850	flex-wrap: wrap;
884	851	}
885	852	}
886		-
887	853	.txt-area {
888	854	order: unset;
889	855	min-width: 0;
890		-
891	856	.txt {
892	857	display: block;
893	858	}
894	859	}
895		-
896	860	.item-title {
897	861	@include ellipsis(2);
898	862	white-space: initial;
899	863	}
900		-
901	864	.item-info-list {
902	865	>li {
903	866	position: relative;
...	...	@@ -909,37 +872,30 @@
909	872	color: $color-font-default-tertiary;
910	873	font-size: $size-font-xsm;
911	874	padding: $spacing-2xsm $spacing-sm;
912		-
913	875	>strong {
914	876	font-weight: $size-font-weight-md;
915	877	}
916		-
917	878	.txt-area {
918	879	font-weight: $size-font-weight-lg;
919	880	text-align: right;
920	881	}
921	882	}
922		-
923	883	.txt-area {
924	884	text-align: left;
925	885	}
926	886	}
927		-
928	887	.item-btn-area {
929	888	width: 100%;
930	889	flex-direction: row;
931	890	flex-wrap: wrap;
932		-
933	891	.btn {
934	892	flex: 1;
935	893	padding: 0 $spacing-xsm;
936		-
937	894	&.primary {
938	895	min-width: 100%;
939	896	}
940	897	}
941	898	}
942		-
943	899	.btn-info-list {
944	900	justify-content: flex-start;
945	901	}

...	...	@@ -141,7 +141,6 @@
141	141	lg: $size-popup-lg,
142	142	xlg: $size-popup-xlg,
143	143	);
144		-
145	144	@each $key, $value in $popup-sizes {
146	145	&.#{$key} {
147	146	width: $value;
...	...	@@ -167,7 +166,6 @@
167	166	display: none;
168	167	max-height: calc(100vh - $size-wrap-spacing * 2);
169	168	}
170		-
171	169	.pop-close {
172	170	position: absolute;
173	171	top:0;
...	...	@@ -389,7 +387,6 @@
389	387	}
390	388	}
391	389	}
392		-
393	390	@include responsive(mobile) {
394	391	.popup,
395	392	.popup-modal {
...	...	@@ -400,10 +397,8 @@
400	397	border-radius: initial;
401	398	padding-top: $spacing-lg;
402	399	padding-bottom: $spacing-none;
403		-
404	400	.pop-footer {
405	401	padding-bottom: $spacing-md;
406		-
407	402	.pop-btn-cont {
408	403	gap: $spacing-2xsm;
409	404	}

...	...	@@ -9,14 +9,12 @@
9	9	--form-spacing: #{$spacing-2xsm};
10	10	}
11	11	$flexarea-spacing: var(--flexarea-spacing);
12		-
13	12	$wrap-sizes: (
14	13	md: $size-wrap-md,
15	14	sm: $size-wrap-sm,
16	15	xsm: $size-wrap-xsm,
17	16	2xsm: $size-wrap-2xsm
18	17	);
19		-
20	18	.wrap {
21	19	max-width: calc($size-wrap + ($size-wrap-spacing * 2));
22	20	margin: 0 auto;
...	...	@@ -26,7 +24,6 @@
26	24	&.full {
27	25	max-width: none;
28	26	}
29		-
30	27	@each $name, $size in $wrap-sizes {
31	28	&-#{$name} {
32	29	max-width: $size;
...	...	@@ -50,7 +47,6 @@
50	47	}
51	48	.pcta {
52	49	display: block !important;
53		-
54	50	}
55	51	.pcta-flex {
56	52	display: flex !important;
...	...	@@ -61,12 +57,10 @@
61	57	.mo-flex {
62	58	display:none !important;
63	59	}
64		-
65	60	img.is-disabled {
66	61	opacity: 0.25;
67	62	mix-blend-mode: luminosity;
68	63	}

...	...	@@ -32,7 +32,6 @@
32	32	font-size: 0;
33	33	}
34	34	}
35		-
36	35	%a-box {
37	36	.a-box {
38	37	display: flex;
...	...	@@ -65,7 +64,6 @@
65	64	}
66	65	}
67	66	}
68		-
69	67	/* cont */
70	68	//video-area
71	69	.video-area {
...	...	@@ -80,7 +78,6 @@
80	78	max-height: 100%;
81	79	}
82	80	}
83		-
84	81	//audio
85	82	.audio-box {
86	83	position: relative;
...	...	@@ -109,7 +106,6 @@
109	106	transform: translateY(-50%);
110	107	}
111	108	}
112		-
113	109	//pdf
114	110	.pdf-area,
115	111	.iframe-area {
...	...	@@ -122,7 +118,6 @@
122	118	}
123	119	}
124	120
125		-
126	121	/* quiz-viewer */
127	122	.quiz-level {
128	123	@include typo('body-sm');

...	...	@@ -3,7 +3,6 @@
3	3	.tabs-nav,
4	4	.tabs-nav-sm {
5	5	display: flex;
6		-
7	6	a,
8	7	button {
9	8	display: flex;
...	...	@@ -16,15 +15,12 @@
16	15	width: 100%;
17	16	}
18	17	}
19		-
20	18	.tabs-nav-lg {
21	19	margin-bottom: $spacing-2xlg;
22	20	border-radius: $radius-md $radius-md 0 0;
23		-
24	21	li {
25	22	flex: 1;
26	23	}
27		-
28	24	a,
29	25	button {
30	26	height: 5.6rem;
...	...	@@ -33,11 +29,9 @@
33	29	border-radius: $radius-md $radius-md 0 0;
34	30	padding: 0 $spacing-md;
35	31	border-bottom: $size-stroke-sm solid $color-stroke-brand-primary;
36		-
37	32	&:not(.is-active):hover {
38	33	color: $color-font-brand-primary;
39	34	}
40		-
41	35	&.is-active {
42	36	font-weight: $size-font-weight-xlg;
43	37	color: $color-font-brand-primary-base;
...	...	@@ -47,12 +41,10 @@
47	41	}
48	42	}
49	43	}
50		-
51	44	.tabs-nav {
52	45	margin-bottom: $spacing-2xlg;
53	46	flex-wrap: wrap;
54	47	gap: $spacing-2xsm;
55		-
56	48	a,
57	49	button {
58	50	// min-width: 12rem;
...	...	@@ -63,25 +55,20 @@
63	55	// background: $color-background-default-secondary;
64	56	border-radius: 2em;
65	57	transition: all .3s;
66		-
67	58	&:hover {
68	59	filter: brightness(95%);
69	60	}
70		-
71	61	&.is-active {
72	62	font-weight: $size-font-weight-xlg;
73	63	color: $color-font-brand-primary-inverse;
74	64	background-color: $color-background-default-primary-inverse;
75	65	}
76	66	}
77		-
78	67	&.full {
79	68	display: flex;
80		-
81	69	>li {
82	70	flex: 1;
83	71	min-width: 0;
84		-
85	72	a,
86	73	button {
87	74	min-width: 0;
...	...	@@ -89,12 +76,10 @@
89	76	}
90	77	}
91	78	}
92		-
93	79	.tabs-nav-sm {
94	80	margin-bottom: $spacing-lg;
95	81	flex-wrap: wrap;
96	82	gap: $spacing-2xsm;
97		-
98	83	a,
99	84	button {
100	85	position: relative;
...	...	@@ -102,14 +87,11 @@
102	87	padding: 0 .8rem;
103	88	color: $color-font-default-tertiary;
104	89	@include typo('label-lg', 'em');
105		-
106	90	&:hover {
107	91	filter: brightness(95%);
108	92	}
109		-
110	93	&.is-active {
111	94	color: $color-font-brand-primary-base;
112		-
113	95	&:before {
114	96	content: " ";
115	97	position: absolute;
...	...	@@ -119,18 +101,15 @@
119	101	height: .2rem;
120	102	background-color: $color-background-brand-primary-inverse;
121	103	}
122		-
123	104	;
124	105	}
125	106	}
126	107	}
127		-
128	108	.tabs-nav-xsm {
129	109	margin-bottom: $spacing-xsm !important;
130	110	display: flex;
131	111	flex-wrap: wrap;
132	112	gap: $spacing-2xsm;
133		-
134	113	a,
135	114	button {
136	115	display: inline-flex;
...	...	@@ -143,22 +122,17 @@
143	122	color: $color-font-brand-primary;
144	123	font-weight: $size-font-weight-lg;
145	124	transition: all 0.2s;
146		-
147	125	&:hover {
148	126	filter: brightness(95%);
149	127	}
150		-
151	128	i[class^=ico] {
152	129	&::before {
153	130	background-color: $color-icon-brand-primary;
154	131	}
155		-
156	132	}
157		-
158	133	&.is-active {
159	134	background-color: $color-background-brand-primary-inverse;
160	135	color: $color-font-default-primary-inverse;
161		-
162	136	i {
163	137	&::before {
164	138	background-color: $color-icon-brand-primary-inverse;
...	...	@@ -167,32 +141,25 @@
167	141	}
168	142	}
169	143	}
170		-
171	144	.tabs-normal .tabs-cont {
172	145	display: none;
173		-
174	146	&.is-active {
175	147	display: block;
176	148	}
177	149	}
178		-
179		-
180	150	@include responsive(mobile) {
181	151	.tabs-nav-lg {
182	152	overflow-x: auto;
183	153	margin-bottom: $spacing-lg;
184		-
185	154	a,
186	155	button {
187	156	height: 4.8rem;
188	157	white-space: nowrap;
189	158	}
190	159	}
191		-
192	160	.tabs-nav {
193	161	flex-wrap: nowrap;
194	162	overflow-x: auto;
195		-
196	163	button,
197	164	a {
198	165	white-space: nowrap;

...	...	@@ -7,11 +7,9 @@
7	7	--gnbbar-height:4.8rem;
8	8	--body-top-spacing:6.4rem;
9	9	}
10		-
11	10	.container:not(:has(.header-etc)) {
12	11	--header-height: 7.2rem;
13	12	}
14		-
15	13	.container {
16	14	display: grid;
17	15	grid-template-rows: auto 1fr;
...	...	@@ -45,7 +43,6 @@
45	43	}
46	44	.header-common {
47	45	background-color: $color-background-default-secondary;
48		-
49	46	.wrap {
50	47	height: var(--header-common-height);
51	48	}
...	...	@@ -181,7 +178,6 @@
181	178	background-color: $color-primary5;
182	179	}
183	180	}
184		-
185	181	}
186	182	}
187	183	}
...	...	@@ -286,7 +282,6 @@
286	282	}
287	283	}
288	284	}
289		-
290	285	$util-icons: (
291	286	"kmooc",
292	287	"contents",
...	...	@@ -296,12 +291,9 @@
296	291	"logout",
297	292	"login"
298	293	);
299		-
300	294	@each $key in $util-icons {
301	295	$index: index($util-icons, $key) - 1;
302		-
303	296	i.ico-util-#{$key} {
304		-
305	297	&::before {
306	298	width: $size-icon-lg;
307	299	height: $size-icon-lg;
...	...	@@ -387,7 +379,6 @@
387	379	align-items: center;
388	380	background: rgba($color-black, 0.5);
389	381	backdrop-filter: saturate(200%) blur(2rem);
390		-
391	382	ul {
392	383	display: grid;
393	384	grid-template-columns: repeat(3, 1fr);
...	...	@@ -423,17 +414,14 @@
423	414	background-repeat: no-repeat;
424	415	@include transition(all);
425	416	}
426		-
427	417	&:hover::before {
428	418	transform: scale(1.1);
429	419	}
430	420	}
431		-
432	421	&.is-current a::before,
433	422	a:hover::before {
434	423	background-color: $color-background-default-primary;
435	424	}
436		-
437	425	$gnbStus: "home",
438	426	"summary",
439	427	"emotion",
...	...	@@ -444,7 +432,6 @@
444	432	"book",
445	433	"basictest",
446	434	"psychology";
447		-
448	435	@each $stu in $gnbStus {
449	436	&.gmenu-#{$stu} a::before {
450	437	background-image: url(../images/gnb-stu/gmenu-#{$stu}.svg);
...	...	@@ -468,7 +455,6 @@
468	455	background-image: url(pathIcon(map-get($icons,"ico-close"), $color-gray60));
469	456	}
470	457	}
471		-
472	458	.gmenu {
473	459	display: flex;
474	460	pointer-events: all;
...	...	@@ -681,7 +667,6 @@
681	667	}
682	668	}
683	669	}
684		-
685	670	}
686	671	}
687	672	}
...	...	@@ -741,12 +726,10 @@
741	726	@include typo('body-sm');
742	727	color: $color-font-default-tertiary;
743	728	}
744		-
745	729	}
746	730	}
747	731	}
748	732	}
749		-
750	733	// site-float-area
751	734	.site-float-area {
752	735	position: fixed;
...	...	@@ -777,7 +760,6 @@
777	760	}
778	761	}
779	762	}
780		-
781	763	/* sub */
782	764	.snb {
783	765	display: flex;
...	...	@@ -787,7 +769,6 @@
787	769	text-align: center;
788	770	overflow: auto;
789	771	max-width: 100%;
790		-
791	772	a {
792	773	display: flex;
793	774	align-items: center;
...	...	@@ -796,21 +777,17 @@
796	777	@include typo('tit-md');
797	778	white-space: nowrap;
798	779	gap: $spacing-2xsm;
799		-
800	780	&.is-active {
801	781	color: $color-font-brand-primary;
802	782	font-weight: $size-font-weight-xlg;
803	783	}
804		-
805	784	&:not(.is-active):hover {
806	785	color: $color-font-default-primary;
807	786	}
808	787	}
809		-
810	788	li {
811	789	display: flex;
812	790	align-items: center;
813		-
814	791	&::after {
815	792	content: " ";
816	793	display: block;
...	...	@@ -819,7 +796,6 @@
819	796	background: $color-gray20;
820	797	border-radius: $radius-full;
821	798	}
822		-
823	799	&:last-of-type {
824	800	&::after {
825	801	display: none;
...	...	@@ -832,16 +808,13 @@
832	808	// scrollbar-width: none;
833	809	// /* Firefox */
834	810	// }
835		-
836	811	// .snb::-webkit-scrollbar {
837	812	// display: none;
838	813	// }
839	814	// }
840		-
841	815	.container {
842	816	min-width: auto;
843	817	}
844		-
845	818	@include responsive(tablet) {
846	819	:root {
847	820	--logo-width: 4.8rem;
...	...	@@ -864,7 +837,6 @@
864	837	}
865	838	}
866	839	}
867		-
868	840	@include responsive(mobile) {
869	841	.container {
870	842	.site-footer {
...	...	@@ -872,22 +844,18 @@
872	844	display: flex;
873	845	flex-direction: column;
874	846	gap: $spacing-md;
875		-
876	847	>* {
877	848	margin: 0;
878	849	flex-wrap: wrap;
879	850	}
880	851	}
881		-
882	852	.cs {
883	853	position: static;
884	854	order: 0;
885	855	}
886		-
887	856	.foooter-menu {
888	857	order: 1;
889	858	}
890		-
891	859	.footer-info {
892	860	order: 2;
893	861	flex-direction: column;
...	...	@@ -895,7 +863,6 @@
895	863	}
896	864	}
897	865	}
898		-
899	866	@include responsive(mobileSm) {
900	867	.container {
901	868	.site-header {

...	...	@@ -231,7 +231,6 @@
231	231	grid-template-columns: repeat(2, 1fr);
232	232	}
233	233	}
234		-
235	234	@include responsive(mobile) {
236	235	.agendar-list {
237	236	grid-template-columns: repeat(1, 1fr);

...	...	@@ -158,7 +158,6 @@
158	158	left:-2.4rem;
159	159	@include ico($size-icon-md, move, $color-icon-default-primary-inverse);
160	160	}
161		-
162	161	&.ui-sortable-handle:hover {
163	162	border-color: initial;
164	163	outline: $size-stroke-xsm solid $color-stroke-brand-primary;
...	...	@@ -167,7 +166,6 @@
167	166	display: block;
168	167	}
169	168	}
170		-
171	169	&.ui-sortable-helper {
172	170	opacity: .8;
173	171	cursor: move;
...	...	@@ -250,7 +248,6 @@
250	248	}
251	249	}
252	250	}
253		-
254	251	// 새창
255	252	body:has(.form-area) {
256	253	background: $color-background-brand-primary;
...	...	@@ -273,7 +270,6 @@
273	270	gap: $spacing-sm;
274	271	}
275	272	}
276		-
277	273	.form-agree-area {
278	274	border-radius: $radius-md;
279	275	background: $color-background-default-tertiary;
...	...	@@ -290,7 +286,6 @@
290	286	overflow-y: auto;
291	287	}
292	288	}
293		-
294	289	@include responsive(mobile) {
295	290	.form-write,
296	291	.form-view-result,
...	...	@@ -298,16 +293,13 @@
298	293	.form-section {
299	294	gap: $spacing-md;
300	295	}
301		-
302	296	.form-item-list {
303	297	gap: $spacing-sm;
304	298	}
305		-
306	299	.form-item {
307	300	padding: $spacing-md;
308	301	}
309	302	}
310		-
311	303	.form-write {
312	304	.form-item {
313	305	.q-tit {
...	...	@@ -317,11 +309,9 @@
317	309	}
318	310	}
319	311	}
320		-
321	312	.form-view .form-section-header {
322	313	padding: $spacing-md;
323	314	}
324		-
325	315	.form-view-result .q-tit {
326	316	flex-direction: column-reverse;
327	317	}

...	...	@@ -58,7 +58,6 @@
58	58	font-size: $size-font-2xsm;
59	59	}
60	60	}
61		-
62	61	.msg-nav-footer {
63	62	width: calc(100% + calc($spacing-sm * 2));
64	63	margin-left: -$spacing-sm;
...	...	@@ -75,7 +74,6 @@
75	74	}
76	75	}
77	76	}
78		-
79	77	.msg-cont{
80	78	position: relative;
81	79	background-color: $color-background-default-secondary;
...	...	@@ -139,14 +137,12 @@
139	137	}
140	138	&.my {
141	139	align-items: flex-end;
142		-
143	140	.txt {
144	141	border:none;
145	142	background-color: $color-primary10;
146	143	}
147	144	}
148	145	}
149		-
150	146	}
151	147	.msg-cont-footer {
152	148	padding: $spacing-lg;
...	...	@@ -208,7 +204,6 @@
208	204	@extend %flexArea;
209	205	}
210	206	}
211		-
212	207	// pupup-msg
213	208	.pupup-msg {
214	209	.pop-header {
...	...	@@ -226,7 +221,6 @@
226	221	margin-bottom: $spacing-sm * -1;
227	222	}
228	223	}
229		-
230	224	.pupup-chatbot {
231	225	display: none;
232	226	position: absolute;
...	...	@@ -266,7 +260,6 @@
266	260	}
267	261	}
268	262	}
269		-
270	263	.site-float-area {
271	264	.float-chatbot.is-active {
272	265	.pupup-chatbot {
...	...	@@ -280,18 +273,15 @@
280	273	transform: translateX(-100%);
281	274	}
282	275	}
283		-
284	276	@include responsive(mobile) {
285	277	.msg-area {
286	278	grid-template-columns: initial;
287	279	height: initial;
288		-
289	280	.msg-nav,
290	281	.msg-cont {
291	282	height: 48rem;
292	283	}
293	284	}
294		-
295	285	.site-float-area .pupup-chatbot {
296	286	position: fixed;
297	287	inset: 0;

...	...	@@ -5,7 +5,6 @@
5	5	// fieldset.search-area {
6	6	// margin-bottom: $spacing-md;
7	7	// }
8		-
9	8	.org-area {
10	9	display: grid;
11	10	grid-template-columns: 24rem 1fr;
...	...	@@ -17,7 +16,6 @@
17	16	cursor: pointer;
18	17	}
19	18	}
20		-
21	19	.org-nav {
22	20	height: 100%;
23	21	border-right: $stroke-secondary;
...	...	@@ -139,10 +137,8 @@
139	137	background-color: $color-background-default-primary;
140	138	}
141	139	}
142		-
143	140	.cls-area > li {
144	141	margin-left: 2.8rem;
145		-
146	142	input[type=radio] {
147	143	&+label {
148	144	&::before,
...	...	@@ -163,7 +159,6 @@
163	159	}
164	160	}
165	161	}
166		-
167	162	.org-cont {
168	163	display: flex;
169	164	flex-direction: column;
...	...	@@ -221,24 +216,19 @@
221	216	}
222	217	}
223	218	}
224		-
225	219	@include responsive(mobile) {
226	220	.org-nav {
227	221	min-height: 40%;
228	222	}
229		-
230	223	.org-area {
231	224	grid-template-columns: initial;
232	225	}
233		-
234	226	.org-cont {
235	227	border-top: $stroke-secondary;
236		-
237	228	.org-cont-header {
238	229	flex-direction: column;
239	230	flex-wrap: wrap;
240	231	flex-direction: column-reverse;
241		-
242	232	.search-area {
243	233	width: 100%;
244	234	}

...	...	@@ -12,7 +12,6 @@
12	12	align-items: center;
13	13	gap: $spacing-md;
14	14	.profile {
15		-
16	15	.img-area {
17	16	position: relative;
18	17	}
...	...	@@ -115,15 +114,12 @@
115	114	}
116	115	}
117	116	}
118		-
119	117	@include responsive(mobile) {
120	118	.user-point-area {
121	119	flex-direction: column;
122		-
123	120	.user-area {
124	121	width: initial;
125	122	}
126		-
127	123	.deco-list {
128	124	grid-template-columns: repeat(2, 1fr);
129	125	}

...	...	@@ -13,7 +13,6 @@
13	13	padding:0;
14	14	}
15	15	}
16		-
17	16	.reply-list{
18	17	display: flex;
19	18	flex-direction: column;
...	...	@@ -238,7 +237,6 @@
238	237	}
239	238	}
240	239	}
241		-
242	240	@include responsive(mobile) {
243	241	.reply-list {
244	242	>li {

...	...	@@ -3,25 +3,21 @@
3	3	0% {
4	4	opacity: 0;
5	5	}
6		-
7	6	100% {
8	7	opacity: 1;
9	8	}
10	9	}
11		-
12	10	@keyframes filterall {
13	11	0% {
14	12	opacity: 0;
15	13	margin-top: 0;
16	14	}
17		-
18	15	100% {
19	16	opacity: 1;
20	17	height: auto;
21	18	margin-top: .1rem;
22	19	}
23	20	}
24		-
25	21	@keyframes opacityUp {
26	22	0% {
27	23	opacity: 0;
...	...	@@ -32,7 +28,6 @@
32	28	margin-top: 0;
33	29	}
34	30	}
35		-
36	31
37	32	@keyframes modalShow {
38	33	0% {

...	...	@@ -242,7 +242,6 @@
242	242	box-sizing: border-box;
243	243	color: #000;
244	244	}
245		-
246	245	/* jquery-plugin dialog */
247	246	.ui-widget-overlay {
248	247	position: fixed;
...	...	@@ -350,7 +349,6 @@
350	349	.ui-draggable .ui-dialog-titlebar {
351	350	cursor: move;
352	351	}
353		-
354	352	/* ui-autocomplete */
355	353	.ui-autocomplete {
356	354	position: absolute;
...	...	@@ -394,7 +392,6 @@
394	392	max-width: 100%;
395	393	word-break: break-all;
396	394	}
397		-
398	395	/* swiper */
399	396	.swiper-pagination-bullet-active {
400	397	background-color: $spot;
...	...	@@ -452,7 +449,6 @@
452	449	transition: width 3s linear;
453	450	}
454	451	}
455		-
456	452	.swiper-fnc-static {
457	453	display:flex;
458	454	align-items: center;
...	...	@@ -525,7 +521,6 @@
525	521	}
526	522	}
527	523	}
528		-
529	524	// tagify
530	525	.tagify__input {
531	526	font-weight: 400;

Delete comment

...	...	@@ -4,7 +4,6 @@
4	4	overscroll-behavior-y: none;
5	5	}
6	6	}
7		-
8	7	.viewer {
9	8	display: flex;
10	9	flex-direction: column;
...	...	@@ -216,7 +215,6 @@
216	215	}
217	216	}
218	217	}
219		-
220	218	.viewer-block {
221	219	position: absolute;
222	220	display: none;
...	...	@@ -397,7 +395,6 @@
397	395	background-color: $color-background-default-primary-inverse;
398	396	}
399	397	}
400		-
401	398	//viwer-cont-fnc (fnc-bar)
402	399	.viewer-cont-fnc {
403	400	position: absolute;
...	...	@@ -490,7 +487,6 @@
490	487	}
491	488	}
492	489	}
493		-
494	490	@include responsive(tablet) {
495	491	.viewer {
496	492	.viewer-menu-area {
...	...	@@ -501,7 +497,6 @@
501	497	width: 4rem;
502	498	height: 4rem;
503	499	background: $color-background-default-primary-inverse;
504		-
505	500	&::before {
506	501	@include ico-set($color-icon-default-primary-inverse, $size-icon-sm);
507	502	mask-image: url(pathIcon(map-get($icons,ico-close)));
...	...	@@ -510,32 +505,26 @@
510	505	}
511	506	}
512	507	}
513		-
514	508	@include responsive(mobile) {
515	509	.viewer {
516	510	.viewer-header {
517	511	.viewer-fnc {
518	512	display: none;
519	513	}
520		-
521	514	.viewer-fnc-mo {
522	515	display: flex;
523	516	gap: $spacing-xsm;
524	517	}
525	518	}
526		-
527	519	.viewer-footer {
528		-
529	520	.viewer-fnc,
530	521	.viewer-location {
531	522	display: none;
532	523	}
533		-
534	524	.viewer-paging {
535	525	margin: 0 auto;
536	526	}
537	527	}
538		-
539	528	.viewer-menu-area {
540	529	max-width: initial;
541	530	width: 100%;

...	...	@@ -5,7 +5,6 @@
5	5	$ico-ox-list: (
6	6	'o', 'x'
7	7	);
8		-
9	8	@mixin ico-ox($size, $el, $color) {
10	9	display: inline-block;
11	10	width: $size;
...	...	@@ -21,7 +20,6 @@
21	20	font-size:0;
22	21	vertical-align: middle;
23	22	}
24		-
25	23	.ico-ox-o {
26	24	@include ico-ox($size-icon-md, o, $color-icon-success-primary);
27	25	}

...	...	@@ -11,13 +11,11 @@
11	11	display: grid;
12	12	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
13	13	// grid-template-columns: 20% 20% 24% 1fr; // 기본 모드
14		-
15	14	// 성취기준 코드가 없는 경우 (테마 모드)
16	15	&:not(:has(.achievecode-sch)) {
17	16	// grid-template-columns: 20% 20% 1fr; // 학교급 + 과목
18	17	}
19	18	border-top:$stroke-secondary;
20		-
21	19	> li {
22	20	position: relative;
23	21	height:100%;

...	...	@@ -7,7 +7,6 @@
7	7	right: 0;
8	8	z-index: 1;
9	9	}
10		-
11	10	#painterCanvas {
12	11	margin: 0;
13	12	border-radius: 0;
...	...	@@ -22,7 +21,6 @@
22	21	cursor: url($url-img + 'common/common/img_painter.svg'), auto;
23	22	z-index: 10;
24	23	}
25		-
26	24	.painterbar {
27	25	position: fixed;
28	26	z-index: 11;
...	...	@@ -49,7 +47,6 @@
49	47	transition: all 0.5s;
50	48	box-shadow: 1rem 1rem 3rem rgba($color: #000, $alpha: 0.2);
51	49	white-space: normal;
52		-
53	50	&.min {
54	51	display: block;
55	52	height: 10rem;
...	...	@@ -57,7 +54,6 @@
57	54	padding: 0;
58	55	overflow: hidden;
59	56	box-sizing: border-box;
60		-
61	57	.btn-painterbar-size {
62	58	top: 0;
63	59	width: 8rem;
...	...	@@ -71,11 +67,9 @@
71	67	background-size: 2.8rem 2.8rem;
72	68	}
73	69	}
74		-
75	70	.btn-viewer-painter-close {
76	71	bottom: 0.8rem;
77	72	}
78		-
79	73	.painterbar-stroke,
80	74	.painterbar-fnc,
81	75	.painterbar-color {
...	...	@@ -83,7 +77,6 @@
83	77	}
84	78	}
85	79	}
86		-
87	80	.painterbar-stroke {
88	81	#box {
89	82	height: 4.8rem;
...	...	@@ -91,7 +84,6 @@
91	84	align-items: center;
92	85	justify-content: center;
93	86	}
94		-
95	87	#stroke {
96	88	display: block;
97	89	margin: 0 auto;
...	...	@@ -100,7 +92,6 @@
100	92	background-color: $color-background-default-primary;
101	93	border-radius: 50%;
102	94	}
103		-
104	95	.ui-slider {
105	96	position: relative;
106	97	margin: 0 auto;
...	...	@@ -109,7 +100,6 @@
109	100	background-color: $color-background-default-secondary;
110	101	background-image: url($url-img + 'common/common/ico_painter_bar.svg');
111	102	}
112		-
113	103	.ui-slider-handle {
114	104	position: absolute;
115	105	left: 50%;
...	...	@@ -123,7 +113,6 @@
123	113	cursor: pointer;
124	114	}
125	115	}
126		-
127	116	.painterbar-fnc {
128	117	display: flex;
129	118	flex-wrap: wrap;
...	...	@@ -191,7 +180,6 @@
191	180	background: none;
192	181	}
193	182	}
194		-
195	183	.painterbar-color {
196	184	display: flex;
197	185	margin: 0 auto;
...	...	@@ -199,7 +187,6 @@
199	187	gap: 0.8rem;
200	188	flex-wrap: wrap;
201	189	justify-content: space-around;
202		-
203	190	.color {
204	191	position: relative;
205	192	flex-basis: 1.6rem;
...	...	@@ -238,7 +225,6 @@
238	225	}
239	226	}
240	227	}
241		-
242	228	.btn-viewer-painter-close,
243	229	.btn-painterbar-size {
244	230	position: absolute;
...	...	@@ -263,7 +249,6 @@
263	249	background-position: -4.8rem center;
264	250	}
265	251	}
266		-
267	252	.btn-viewer-painter-close {
268	253	top: auto;
269	254	bottom: 0.8rem;

...	...	@@ -1,7 +1,6 @@
1	1	:root {
2	2	--classviewer-menu-width: 24rem;
3	3	}
4		-
5	4	.class-viewer {
6	5	display: flex;
7	6	flex-direction: column;
...	...	@@ -125,7 +124,6 @@
125	124	padding:$spacing-md 0 7.2rem;
126	125	}
127	126	}
128		-
129	127	.viewer-menu-area {
130	128	display: grid;
131	129	grid-template-rows: auto 1fr;
...	...	@@ -289,7 +287,6 @@
289	287	flex-direction: column;
290	288	gap:$spacing-2xsm;
291	289	}
292		-
293	290	}
294	291	.nav-cont {
295	292	display: grid;
...	...	@@ -435,7 +432,6 @@
435	432	}
436	433	}
437	434	}
438		-
439	435	.btn-box-list {
440	436	display: grid;
441	437	gap:$spacing-2xsm;
...	...	@@ -577,7 +573,6 @@
577	573	opacity: 0.2;
578	574	}
579	575	}
580		-
581	576	&::before {
582	577	content: "";
583	578	position: absolute;
...	...	@@ -597,7 +592,6 @@
597	592	animation: click 1.5s infinite ease-in-out;
598	593	opacity: .5;
599	594	}
600		-
601	595	&.ghost {
602	596	background-color: transparent;
603	597	color: $color-font-default-primary-inverse;
...	...	@@ -611,7 +605,6 @@
611	605	}
612	606	}
613	607	}
614		-
615	608	@include responsive(tablet) {
616	609	.class-viewer {
617	610	.viewer-header {
...	...	@@ -620,7 +613,6 @@
620	613	}
621	614	}
622	615	}
623		-
624	616	@include responsive(tabletSm) {
625	617	.class-viewer {
626	618	.viewer-tool {
...	...	@@ -628,29 +620,24 @@
628	620	}
629	621	}
630	622	}
631		-
632	623	@include responsive(mobile) {
633	624	.class-viewer {
634	625	.btn-class-viewer-menu {
635	626	display: flex;
636	627	}
637		-
638	628	&.is-active {
639	629	.viewer-menu-area {
640	630	transform: translateX(0);
641	631	}
642		-
643	632	.btn-class-viewer-menu {
644	633	background-color: $color-background-default-primary-inverse;
645	634	border-color: $color-stroke-default-primary-inverse;
646		-
647	635	&::before {
648	636	@include ico-set($color-icon-default-primary-inverse, $size-icon-sm);
649	637	mask-image: url(pathIcon(map-get($icons,ico-close)));
650	638	}
651	639	}
652	640	}
653		-
654	641	.viewer-menu-area {
655	642	position: absolute;
656	643	transform: translateX(-100%);

...	...	@@ -8,7 +8,6 @@
8	8	grid-template-columns: calc(100% - 28rem) 28rem;
9	9	background: $color-background-brand-primary;
10	10	overflow: hidden;
11		-
12	11	.student-mn-cont {
13	12	padding-left: 28rem;
14	13	display:flex;
...	...	@@ -42,7 +41,6 @@
42	41	display: none;
43	42	}
44	43	}
45		-
46	44	.student-mn-cont-body {
47	45	display: flex;
48	46	flex-direction: column;
...	...	@@ -75,7 +73,6 @@
75	73	display: grid;
76	74	gap:$spacing-xlg;
77	75	grid-template-columns: repeat(7, 1fr);
78		-
79	76	}
80	77	li {
81	78	position: relative;
...	...	@@ -263,7 +260,6 @@
263	260	box-shadow: $shadow-md;
264	261	.box-header {
265	262	background:linear-gradient(90deg, $color-accent50 0%, $color-accent30 100%);
266		-
267	263	h3 {
268	264	color: $color-font-default-primary-inverse;
269	265	i {
...	...	@@ -338,7 +334,6 @@
338	334	margin-top:$spacing-2xsm;
339	335	}
340	336	}
341		-
342	337	.img-area {
343	338	aspect-ratio: 16/9;
344	339	object-fit: cover;
...	...	@@ -440,7 +435,6 @@
440	435	background-color: $color-background-default-primary;
441	436	width: 100%;
442	437	padding:$spacing-2xsm $spacing-sm;
443		-
444	438	&:last-of-type {
445	439	border-bottom: none;
446	440	}
...	...	@@ -504,7 +498,6 @@
504	498	}
505	499	}
506	500	}
507		-
508	501	}
509	502	}
510	503	.student-mn-quick {
...	...	@@ -582,7 +575,6 @@
582	575	}
583	576	}
584	577
585		-
586	578	@include responsive(tablet) {
587	579	.student-mn {
588	580	.student-mn-today {
...	...	@@ -597,7 +589,6 @@
597	589	}
598	590	}
599	591	}
600		-
601	592	@include responsive(tabletSm) {
602	593	.student-mn {
603	594	display: block;
...	...	@@ -642,7 +633,6 @@
642	633	}
643	634	}
644	635	}
645		-
646	636	@include responsive(mobile) {
647	637	[data-responsive="true"]:root {
648	638	.student-mn {

...	...	@@ -208,10 +208,10 @@
208	208	--size-popup-xlg: var(--size-wrap);
209	209	--size-popup-round: var(--radius-radius-md);
210	210	--size-popup-padding: var(--spacing-spacing-2xlg);
211		- --form-width-lg: 400rem;
212		- --form-width-md: 240rem;
213		- --form-width-sm: 160rem;
214		- --form-width-xsm: 80rem;
	211	+ --form-width-lg: 40rem;
	212	+ --form-width-md: 24rem;
	213	+ --form-width-sm: 16rem;
	214	+ --form-width-xsm: 8rem;
215	215	--form-height-lg: 6.4rem;
216	216	--form-height-md: 4.8rem;
217	217	--form-height-sm: 3.6rem;
...	...	@@ -2234,6 +2234,9 @@
2234	2234	border-width: 0;
2235	2235	font-weight: var(--size-font-weight-xlg) !important;
2236	2236	border-radius: 2em;
	2237	+}
	2238	+.btn.cta.lg {
	2239	+ min-width: 0;
2237	2240	}
2238	2241	.btn.toggle {
2239	2242	background-color: var(--color-background-default-primary);
...	...	@@ -4651,62 +4654,7 @@
4651	4654	color: inherit;
4652	4655	}
4653	4656
4654		-label.input-form-block > div,
4655		-label.input-form {
4656		- display: -webkit-box;
4657		- display: -ms-flexbox;
4658		- display: flex;
4659		- -webkit-box-align: end;
4660		- -ms-flex-align: end;
4661		- align-items: flex-end;
4662		- font-size: var(--font-tit-xsm);
4663		- font-weight: var(--size-font-weight-xlg);
4664		- line-height: var(--size-font-lineheight-sm);
4665		-}
4666		-label.input-form-block > div.input-block,
4667		-label.input-form.input-block {
4668		- -webkit-box-align: center;
4669		- -ms-flex-align: center;
4670		- align-items: center;
4671		-}
4672		-label.input-form-block > div cite,
4673		-label.input-form cite {
4674		- font-size: var(--font-body-sm);
4675		- font-weight: var(--size-font-weight-md);
4676		- font-style: normal;
4677		- margin-left: auto;
4678		-}
4679		-label.input-form-block > div.input-block, label.input-form-block > div ~ .input-bundle:nth-of-type(1), label.input-form-block > div ~ input[type=text]:nth-of-type(1), label.input-form-block > div ~ input[type=search]:nth-of-type(1), label.input-form-block > div ~ input[type=password]:nth-of-type(1), label.input-form-block > div ~ input[type=number]:nth-of-type(1), label.input-form-block > div ~ input[type=email]:nth-of-type(1), label.input-form-block > div ~ input[type=tel]:nth-of-type(1), label.input-form-block > div ~ input[type=time]:nth-of-type(1), label.input-form-block > div ~ input[type=date]:nth-of-type(1), label.input-form-block > div ~ input[type=datetime-local]:nth-of-type(1), label.input-form-block > div ~ input[type=month]:nth-of-type(1), label.input-form-block > div ~ input[type=week]:nth-of-type(1), label.input-form-block > div ~ textarea:nth-of-type(1), label.input-form-block > div ~ select:nth-of-type(1),
4680		-label.input-form.input-block,
4681		-label.input-form ~ .input-bundle:nth-of-type(1),
4682		-label.input-form ~ input[type=text]:nth-of-type(1),
4683		-label.input-form ~ input[type=search]:nth-of-type(1),
4684		-label.input-form ~ input[type=password]:nth-of-type(1),
4685		-label.input-form ~ input[type=number]:nth-of-type(1),
4686		-label.input-form ~ input[type=email]:nth-of-type(1),
4687		-label.input-form ~ input[type=tel]:nth-of-type(1),
4688		-label.input-form ~ input[type=time]:nth-of-type(1),
4689		-label.input-form ~ input[type=date]:nth-of-type(1),
4690		-label.input-form ~ input[type=datetime-local]:nth-of-type(1),
4691		-label.input-form ~ input[type=month]:nth-of-type(1),
4692		-label.input-form ~ input[type=week]:nth-of-type(1),
4693		-label.input-form ~ textarea:nth-of-type(1),
4694		-label.input-form ~ select:nth-of-type(1) {
4695		- margin-top: 0.8rem;
4696		-}
4697		-
4698		-i.required::after, :has(> label.required) > label:not(:has(span))::after,
4699		-:has(> label.required) > div span:first-child::after,
4700		-:has(> label.required) > label span:first-child:after,
4701		-:has(> label.input-form-block > input:required) > label:not(:has(span))::after,
4702		-:has(> label.input-form-block > input:required) > div span:first-child::after,
4703		-:has(> label.input-form-block > input:required) > label span:first-child:after,
4704		-:has(> label.input-form-block > .input-block > input:required) > label:not(:has(span))::after,
4705		-:has(> label.input-form-block > .input-block > input:required) > div span:first-child::after,
4706		-:has(> label.input-form-block > .input-block > input:required) > label span:first-child:after,
4707		-:has(> input:required) > label:not(:has(span))::after,
4708		-:has(> input:required) > div span:first-child::after,
4709		-:has(> input:required) > label span:first-child:after {
	4657	+i.required::after {
4710	4658	content: "*";
4711	4659	display: -webkit-inline-box;
4712	4660	display: -ms-inline-flexbox;
...	...	@@ -20326,6 +20274,129 @@
20326	20274	--form-box-spacing: 3.2rem;
20327	20275	}
20328	20276
	20277	+.login-area {
	20278	+ display: -webkit-box;
	20279	+ display: -ms-flexbox;
	20280	+ display: flex;
	20281	+ -webkit-box-orient: vertical;
	20282	+ -webkit-box-direction: normal;
	20283	+ -ms-flex-direction: column;
	20284	+ flex-direction: column;
	20285	+ -webkit-box-align: center;
	20286	+ -ms-flex-align: center;
	20287	+ align-items: center;
	20288	+ -webkit-box-pack: center;
	20289	+ -ms-flex-pack: center;
	20290	+ justify-content: center;
	20291	+ gap: 2.4rem;
	20292	+ min-height: 100%;
	20293	+ padding: 2.4rem 0;
	20294	+ background: -webkit-gradient(linear, left top, left bottom, from(var(--color-background-brand-primary)), color-stop(60%, var(--color-background-site)));
	20295	+ background: linear-gradient(180deg, var(--color-background-brand-primary) 0%, var(--color-background-site) 60%);
	20296	+}
	20297	+.login-area .wrap-2xsm {
	20298	+ display: -webkit-box;
	20299	+ display: -ms-flexbox;
	20300	+ display: flex;
	20301	+ -webkit-box-orient: vertical;
	20302	+ -webkit-box-direction: normal;
	20303	+ -ms-flex-direction: column;
	20304	+ flex-direction: column;
	20305	+ -webkit-box-align: center;
	20306	+ -ms-flex-align: center;
	20307	+ align-items: center;
	20308	+ gap: 2.4rem;
	20309	+}
	20310	+.login-area .login-header .logo {
	20311	+ position: relative;
	20312	+ display: -webkit-box;
	20313	+ display: -ms-flexbox;
	20314	+ display: flex;
	20315	+ -webkit-box-align: center;
	20316	+ -ms-flex-align: center;
	20317	+ align-items: center;
	20318	+ font-size: 0;
	20319	+ gap: 0.4rem;
	20320	+ -webkit-box-flex: 0;
	20321	+ -ms-flex: none;
	20322	+ flex: none;
	20323	+}
	20324	+.login-area .login-header .logo a:not(.txt) {
	20325	+ width: 8rem;
	20326	+ display: block;
	20327	+ height: 4.8rem;
	20328	+ background: url("../images/common/logo/logo.svg") center/contain no-repeat;
	20329	+}
	20330	+.login-area .login-header .logo .txt {
	20331	+ font-size: 2.4rem;
	20332	+ letter-spacing: -0.06em;
	20333	+}
	20334	+.login-area .login-body {
	20335	+ display: -webkit-box;
	20336	+ display: -ms-flexbox;
	20337	+ display: flex;
	20338	+ padding: 3.2rem 2.4rem;
	20339	+ -webkit-box-orient: vertical;
	20340	+ -webkit-box-direction: normal;
	20341	+ -ms-flex-direction: column;
	20342	+ flex-direction: column;
	20343	+ -webkit-box-align: start;
	20344	+ -ms-flex-align: start;
	20345	+ align-items: flex-start;
	20346	+ gap: 2.4rem;
	20347	+ border-radius: 3.2rem;
	20348	+ border: 0.1rem solid var(--color-stroke-default-quaternary);
	20349	+ background: var(--color-background-default-primary);
	20350	+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
	20351	+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
	20352	+ width: 100%;
	20353	+}
	20354	+.login-area .login-body .login-tit h2 {
	20355	+ font-size: var(--font-tit-lg);
	20356	+ font-weight: var(--size-font-weight-xlg);
	20357	+ line-height: var(--size-font-lineheight-sm);
	20358	+}
	20359	+.login-area .login-body .login {
	20360	+ display: -webkit-box;
	20361	+ display: -ms-flexbox;
	20362	+ display: flex;
	20363	+ -webkit-box-orient: vertical;
	20364	+ -webkit-box-direction: normal;
	20365	+ -ms-flex-direction: column;
	20366	+ flex-direction: column;
	20367	+ -webkit-box-align: start;
	20368	+ -ms-flex-align: start;
	20369	+ align-items: flex-start;
	20370	+ gap: 1.6rem;
	20371	+ -ms-flex-item-align: stretch;
	20372	+ align-self: stretch;
	20373	+}
	20374	+.login-area .login-body .login .form-list {
	20375	+ display: -webkit-box;
	20376	+ display: -ms-flexbox;
	20377	+ display: flex;
	20378	+ -webkit-box-orient: vertical;
	20379	+ -webkit-box-direction: normal;
	20380	+ -ms-flex-direction: column;
	20381	+ flex-direction: column;
	20382	+ gap: 0.8rem;
	20383	+ width: 100%;
	20384	+}
	20385	+.login-area .login-body .login .form-list input[type=text],
	20386	+.login-area .login-body .login .form-list input[type=password] {
	20387	+ width: 100%;
	20388	+ min-width: 0;
	20389	+}
	20390	+.login-area .login-body .login .btn-group {
	20391	+ width: 100%;
	20392	+}
	20393	+.login-area .login-footer .copy {
	20394	+ font-size: var(--font-label-xsm);
	20395	+ font-weight: var(--size-font-weight-md);
	20396	+ line-height: var(--size-font-lineheight-xsm);
	20397	+ color: var(--color-font-default-tertiary);
	20398	+}
	20399	+
20329	20400	.form-box {
20330	20401	display: grid;
20331	20402	gap: 3.2rem;

...	...	@@ -197,10 +197,10 @@
197	197	--size-popup-xlg: var(--size-wrap);
198	198	--size-popup-round: var(--radius-radius-md);
199	199	--size-popup-padding: var(--spacing-spacing-2xlg);
200		- --form-width-lg: 400rem;
201		- --form-width-md: 240rem;
202		- --form-width-sm: 160rem;
203		- --form-width-xsm: 80rem;
	200	+ --form-width-lg: 40rem;
	201	+ --form-width-md: 24rem;
	202	+ --form-width-sm: 16rem;
	203	+ --form-width-xsm: 8rem;
204	204	--form-height-lg: 6.4rem;
205	205	--form-height-md: 4.8rem;
206	206	--form-height-sm: 3.6rem;