/* =====================================================================
   Teacher Board ÅëÇÕ CSS
===================================================================== */
:root {
	--key-color: #2C5BF6;
	--text-color: #555;
}
fieldset {border: none;}
.text-center {text-align: center;}
.inner {max-width: 1200px; margin: 0 auto;}
/* =====================================================================
¸®½ºÆ® ÆäÀÌÁö
===================================================================== */
/* °Ô½ÃÆÇ ÅÇ */
.teacher-board-nav {padding-bottom: 40px;}
.teacher-board-tabs {display:flex; align-items:center; width:100%; border-bottom:1px solid #DBDEE5;}
.teacher-board-tabs li {flex:1 1 0;}
.teacher-board-tabs li:only-child {max-width: 33.33%;}
.teacher-board-tabs a {display:flex; align-items:center; justify-content:center; height:52px; border-bottom:3px solid transparent; color:#555; font-size:16px; font-weight:500; line-height:1.5; letter-spacing:-0.32px;}
.teacher-board-tabs .is-active a,
.teacher-board-tabs a[aria-current="page"] {border-bottom-color:var(--key-color); color:var(--key-color); font-weight:700;}

.notice {margin-bottom: 50px;}
.notice .top-sec {display:flex; gap:10px; justify-content:end; padding-bottom:12px; font-size:14px; line-height:1.4; letter-spacing:-0.02em; }
.notice .input-wrap {position: relative; overflow: hidden; display: inline-flex; width: 100%; max-width: 226px; height: 42px; border: 1px solid #DBDEE5; background: #fff; border-radius: 6px;}
.notice .input-wrap input {width: 100%; padding: 0; padding-left: 12px; padding-right: 40px; border: none; font-size: 14px;}
.notice .input-wrap input:focus {outline: none;}
.notice .search-btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
	width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 12.5C19.25 8.77208 16.2279 5.75 12.5 5.75C8.77208 5.75 5.75 8.77208 5.75 12.5C5.75 16.2279 8.77208 19.25 12.5 19.25C16.2279 19.25 19.25 16.2279 19.25 12.5ZM20.75 12.5C20.75 17.0563 17.0563 20.75 12.5 20.75C7.94365 20.75 4.25 17.0563 4.25 12.5C4.25 7.94365 7.94365 4.25 12.5 4.25C17.0563 4.25 20.75 7.94365 20.75 12.5Z' fill='%23111111'/%3E%3Cpath d='M17.4697 17.4697C17.7626 17.1768 18.2373 17.1768 18.5302 17.4697L24.5302 23.4697C24.8231 23.7626 24.8231 24.2373 24.5302 24.5302C24.2373 24.8231 23.7626 24.8231 23.4697 24.5302L17.4697 18.5302C17.1768 18.2373 17.1768 17.7626 17.4697 17.4697Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width: 1199px){
	.inner {padding: 0 24px;}
}
@media (min-width:768px) and (max-width:1199px){
	.teacher-board-nav .inner {padding:0;}
	.board-list .col1 {width:88px; flex-basis:88px;}
	.board-list .col2 {width:108px; flex-basis:108px;}
	.board-list .tit a {display:inline-flex; box-sizing:border-box; width:auto; min-width:0; max-width:100%; overflow:hidden; padding-left:24px; padding-right:24px;}
	.board-list .tit a p {display:block; flex:0 1 auto; min-width:0; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
	.board-list .col4 {width:120px; flex-basis:120px;}
}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.notice {margin-bottom: 32px;}
	.inner {padding: 0 16px;}
	.teacher-page .sub-header.is-fixed,
	.sub-header.is-fixed {position:fixed; left:0; right:0; z-index:1000; background:#fff;}

	.teacher-board-nav.is-fixed {position:fixed; left:0; right:0; z-index:999; padding-bottom:0; background:#fff;}
	.teacher-board-nav {padding-bottom: 16px;}
	.teacher-board-nav .inner {padding:0;}
	.teacher-board-tabs {border-bottom:1px solid #E5E5E5;}
	.teacher-board-tabs li {flex:1 1 0; min-width:0;}
	.teacher-board-tabs a {
		height:40px; padding:1.5px 8px 0 8px; font-size:14px; letter-spacing:-0.28px; 
		white-space:nowrap; border-bottom-width:3px;
	}
}
/* ==========================
µå·Ó´Ù¿î ¹öÆ°
========================== */
.dropdown-wrap{position:relative; min-width:138px;}
.dropdown-wrap .select-btn{ width:100%;}

/* ==========================
¸®½ºÆ® ÄÁÅÙÃ÷
========================== */
.board-list {min-height:60px; padding-bottom:24px; border-top:1px solid #555;}
.board-list > li {display: flex; flex-wrap: wrap; min-height: 60px; border-bottom: 1px solid #E5E5E5; font-size: 14px; line-height: 1.4; letter-spacing: -0.01em; color: #777;}
.board-list > li > div {display: flex; justify-content: center; align-items: center;}
.board-list .col1 {width:104px; flex:0 0 104px; letter-spacing:0;}
.board-list .col2 {width:124px; flex:0 0 124px;}
.board-list .tit {flex:1 1 0; min-width:0; overflow:hidden; justify-content:normal;}
.board-list .tit a{display:inline-flex; align-items:center; gap:6px; width:auto; max-width:100%; min-width:0; overflow:hidden; padding-left:32px; padding-right:20px; box-sizing:border-box; font-size:16px; color:#333;}
.board-list .tit a:hover {font-weight: 400;}
.board-list .tit i {display: inline-flex; align-items: center; justify-content: center; width: 17px; flex:0 0 17px; aspect-ratio: 1/1; border: 1px solid #EBEBEB; border-radius: 100%; vertical-align: text-bottom;}
.board-list .tit a p {display:block; flex:0 1 auto; min-width:0; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.board-list .tit a b {font-weight: 600;}
.board-list .col4 {width:136px; flex:0 0 136px;}
.notice .impor {padding: 3px 9px; border-radius: 99px; background: var(--key-color); font-weight: 600; font-size: 13px; color: #fff; letter-spacing: -0.025em; line-height: 1.4;}

.teacher-board-title {padding: 56px 0; color:#333; font-size:26px; font-weight:600; line-height:1; letter-spacing:-0.65px; text-align:center;}
.ico-file {
	display:inline-flex; width:17px; height:17px; flex:0 0 17px; background-repeat:no-repeat; background-position:center; background-size:17px 17px; top: 1px;position: relative;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0_234_5274)'%3E%3Cpath d='M15.1867 7.82708L8.67709 14.3367C7.87961 15.1341 6.79801 15.5821 5.67021 15.5821C4.54241 15.5821 3.46081 15.1341 2.66334 14.3367C1.86586 13.5392 1.41785 12.4576 1.41785 11.3298C1.41785 10.202 1.86586 9.12038 2.66334 8.32291L9.17292 1.81333C9.70457 1.28168 10.4256 0.983002 11.1775 0.983002C11.9294 0.983002 12.6504 1.28168 13.1821 1.81333C13.7137 2.34498 14.0124 3.06605 14.0124 3.81791C14.0124 4.56977 13.7137 5.29085 13.1821 5.82249L6.66542 12.3321C6.39959 12.5979 6.03906 12.7472 5.66313 12.7472C5.28719 12.7472 4.92666 12.5979 4.66084 12.3321C4.39501 12.0663 4.24567 11.7057 4.24567 11.3298C4.24567 10.9539 4.39501 10.5933 4.66084 10.3275L10.6746 4.32083' stroke='%23B1B1B1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_234_5274'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.btn-more-group {text-align: center;}
.notice .btn-wh {display: inline-flex; justify-content:center; align-items: center; min-width: 160px; height: 40px; margin: 0 auto; border-radius: 4px; border: 1px solid #777777; gap: 5px; font-weight: 500; font-size: 14px; line-height: 1.5;}
.btn-more .txt-list {display:none;}
.btn-more-group .btn-more:after {content:''; width: 12px; height: 7px; background-repeat: no-repeat; 
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.276203 0.244272C0.634498 -0.090672 1.20424 -0.0798111 1.54875 0.268531L6 4.86257L10.4513 0.268531C10.7958 -0.079811 11.3655 -0.090672 11.7238 0.244272C12.0821 0.579216 12.0933 1.13313 11.7487 1.48147L6.64875 6.73147C6.47907 6.90304 6.24482 7 6 7C5.75518 7 5.52093 6.90304 5.35125 6.73147L0.251251 1.48147C-0.0932627 1.13313 -0.0820913 0.579216 0.276203 0.244272Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

@media (min-width:768px) and (max-width:1199px){
	.board-list .col1 {width:88px; flex:0 0 88px;}
	.board-list .col2 {width:108px; flex:0 0 108px;}
	.board-list .tit a {display:inline-flex; box-sizing:border-box; width:auto; min-width:0; max-width:100%; overflow:hidden; padding-left:24px; padding-right:24px;}
	.board-list .tit a p {display:block; flex:0 1 auto; min-width:0; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
	.board-list .col4 {width:120px; flex:0 0 120px;}

}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.notice .top-sec {display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start; padding-top:0; padding-bottom:12px;}
	.dropdown-wrap {width:calc(50% - 4px); min-width:0; flex:0 0 calc(50% - 4px);}
	.notice .input-wrap {max-width:none; min-width:0; height:38px; flex:1 1 100%;}

	.dropdown-wrap .select-btn,
	.notice .input-wrap {border-radius: 4px;}

	.board-list {padding-bottom:16px;}
	.board-list > li {display:grid; grid-template-columns:auto 1fr; align-items:flex-start; padding: 12px 0; row-gap: 4px; font-size: 12px;}
	.board-list > li > div {justify-content: normal; align-items: start;}
	.board-list .col1 {grid-column:1; grid-row:1; width:auto; flex:none; padding-top:2px; padding-right:6px;}

	.board-list.notice-list > li:not(.is-important) .col1 {display: none;}


	.board-list .impor {display:inline-flex; align-items:center; justify-content:center; height:17px; padding: 0 6px; font-size: 11px; line-height:1; letter-spacing:-0.275px;}
	.board-list .col2 {grid-column:1; grid-row:2; align-items: center; width: auto; flex:none; color:#777; font-size:12px; line-height:1.4; letter-spacing:-0.12px;}
	.board-list .col2:after {content:''; width: 1px; height: 10px; background: #D9D9D9; margin: 0 8px;}
	.board-list .col4 {grid-column:2; grid-row:2; width: auto; flex:none; color:#777; font-size:12px; line-height:1.4; letter-spacing:-0.12px;}
	.board-list .tit {grid-column:2; grid-row:1; width:auto; flex:none; min-width:0;}
	.board-list > li:not(.is-important) .tit {grid-column:1 / -1; width:100%;}
	.board-list .tit a {display:block; width:100%; overflow:visible; padding-left: 0; padding-right:0; font-size: 14px; line-height:1.4; letter-spacing:-0.14px;}
	.board-list > li.is-important .tit a {font-weight:600;}
	.board-list .tit a p {display:inline; overflow:visible; max-width:100%; white-space:normal; text-overflow:clip;}
	.board-list .tit i {display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; margin-left:4px; line-height:17px; }
	.board-list .ico-file {display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; margin-left:4px; line-height:17px; vertical-align:-3px;}
	.notice .btn-wh {height:38px;}
	.board-list--empty {
		min-height:326px;
		font-size:14px;
	}
	.teacher-board-title {padding: 0 0 24px; font-size:18px; letter-spacing:-0.18px;}

	
}
/* =====================================================================
ºäÆäÀÌÁö
===================================================================== */
.view-info {display: flex; flex-direction: column; justify-content:center; gap: 6px; min-height:92px; padding: 22px 20px; border-top: 1px solid #555555; border-bottom: 1px solid #E5E5E5;}
.view-info .title {display: flex; align-items: center; gap:8px;}
.notice .view-info .impor {margin-right: 0;}
.view-info .title b {font-size:16px; font-weight: 600; line-height:1.1; letter-spacing: -0.16px;}
.view-info .title .new {display: inline-flex; align-items: center; justify-content: center; width: 17px; aspect-ratio: 1/1; border: 1px solid #EBEBEB; border-radius: 100%; vertical-align: 1px;}
.view-info .title .view-new {display:none; align-items:center; justify-content:center; width:17px; height:17px; flex:0 0 17px; border:1px solid #EBEBEB; border-radius:50%; box-sizing:border-box;}
.view-info .detail {display: flex; align-items:center; gap:10px; font-size: 14px; line-height:1.4; letter-spacing: -0.14px; color: #777;}
.view-info .detail .sector {display:flex; align-items:center;}
.view-info .detail .sector:after {content:''; display:inline-block; width:1px; height:12px; margin-left:10px; background:#DBDBDB;}

.view-content {padding:24px; border-bottom: 1px solid #555555;}
.view-content b,
.view-content strong {font-weight: 700;}
.view-content .content {padding-bottom:24px; font-size: 14px; line-height: 1.6; letter-spacing: -0.14px; color:#333; word-wrap: break-word;}
.view-content .content p {margin:0; line-height:1.6;}

.view-content .file-area {display: flex; gap: 8px; padding-top:24px; border-top: 1px solid #EDEDED; font-size: 14px; line-height: 1.6; letter-spacing: -0.14px;}
.view-content .file-area .tit {width: 112px; font-weight: 600; }
.view-content .file-area ul {display: flex; flex-direction: column; gap: 2px; color: #777;}
.view-content .file-area ul li:hover a {font-weight: 600;}

.view-content + .btn-area {margin-top: 24px; text-align: center;}
.btn-area .btn-wh {display:inline-flex; align-items:center; justify-content:center; min-width:160px; height:40px; border:1px solid #777; border-radius:4px; color:#222; font-size:14px; font-weight:500; line-height:1.5; letter-spacing:-0.28px;}

/* °øÁö»çÇ×ÀÇ À̹ÌÁöÅ©±â¶û µ¿ÀÏÇÏ°Ô ¸ÂÃã */
.view-content .content p img{
	max-width: 75% !important;
	height:auto !important;
    margin-top: 1.7em;
}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){

	.notice.notice-view-page {margin-top: 14px;}

	.notice-board .view-info {gap:4px; min-height:auto; margin-top:0; padding:12px; border-top-color:#555;}
	.notice-board .view-info .title {flex-direction:column; align-items:flex-start; gap:2px; width:100%;}
	.notice-board .view-info .title .txt {width:100%; min-width:0;}
	.notice-board .view-info .title .view-new {display:none;}
	.notice .view-info .impor {display:inline-flex; align-items:center; justify-content:center; height:20px; padding:0 6px; font-size:12px; line-height:1.4; letter-spacing:-0.3px;}
	.view-info .title b {display:block; overflow:hidden; max-width:100%; color:#333; font-size:14px; line-height:1.4; letter-spacing:-0.14px; white-space:nowrap; text-overflow:ellipsis;}

	.view-info .detail {font-size: 12px;}
	.view-info .detail .sector:after {height:10px; margin-left:8px; background:#D9D9D9;}

	.notice-board .view-content {padding:12px;}
	.notice-board .view-content .content {padding-bottom:12px; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
	.notice-board .view-content .content p {line-height:1.4;}

	.notice-board .view-content .file-area {flex-direction:column; gap:4px; padding-top:12px; font-size:13px; line-height:1.6; letter-spacing:-0.13px;}
	.notice-board .view-content .file-area .tit {width:auto; font-size:13px; line-height:1.6; letter-spacing:-0.13px;}
	.notice-board .view-content .file-area ul {gap:2px; font-size:13px; line-height:1.6; letter-spacing:-0.13px;}
	.notice-board .view-content + .btn-area {margin-top:16px;}
	.btn-area .btn-wh {min-width:159px; height:38px;}
	
	/* °øÁö»çÇ×ÀÇ À̹ÌÁöÅ©±â¶û µ¿ÀÏÇÏ°Ô ¸ÂÃã */
	.view-content .content p img{
		max-width: 100% !important;
		height:auto !important;
		margin-top: 0.9em;
	}

}

/* =====================================================================
   Source: teacher_data.css
===================================================================== */
/* ¼ö¾÷ÀÚ·á½Ç Àü¿ë */
.data-board .top-sec .input-wrap {max-width:226px;}

.data-list > li {display:flex; flex-wrap:nowrap; min-height:60px; padding:0; border-bottom:1px solid #E5E5E5; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
.data-list > li > div {display:contents;}
.data-list .data-meta,
.data-list .data-main {display:contents;}
.data-list .data-meta span,
.data-list .data-main > div {display:flex; align-items:center; justify-content:center; min-width:0; height:60px; padding:0 24px; color:#777; text-align:center; white-space:nowrap;}
.data-list .data-meta span:after {content:none;}
.data-list .col0 {order:1; width:88px; flex:0 0 88px;}
.data-list .col1 {order:2; width:132px; flex:0 0 132px;}
.data-list .col2 {order:3; width:93px; flex:0 0 93px;}
.data-list .col3 {order:4; width:73px; flex:0 0 73px;}
.data-list .data-main > .tit {order:5; display:flex; align-items:center; justify-content:flex-start; min-width:0; width:auto; flex:1 1 auto; padding-left:24px; padding-right:24px; text-align:left;}
.data-list .data-main > .tit a {display:flex; align-items:center; justify-content:flex-start; gap:6px; width:100%; min-width:0; max-width:100%; overflow:hidden; padding:0; color:#333; font-size:16px; line-height:1.4; letter-spacing:-0.16px; text-align:left;}
.data-list .tit a p {display:block; flex:0 1 auto; min-width:0; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.data-list .tit i,
.data-list .ico-file {flex:0 0 17px;}
.data-list .col4 {order:6; width:176px; flex:0 0 176px;}
.data-list .col6 {order:7; width:127px; flex:0 0 127px; flex-direction:column; white-space:normal;}
.data-list .col5 {order:8; width:120px; flex:0 0 120px;}
.data-list .col6 span {display:block; line-height:1.4;}

@media (min-width:768px) and (max-width:1199px){
	.data-board .top-sec {flex-wrap:nowrap;}

	.board-list.data-list > li {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; min-height:76px; padding:14px 0;}
	.board-list.data-list > li > div {display:flex;}
	.board-list.data-list .data-meta {display:flex; align-items:center; justify-content:flex-start; gap:10px; box-sizing:border-box; width:100%; padding:0 24px;}
	.board-list.data-list .data-main {display:flex; align-items:center; box-sizing:border-box; width:100%; height:26px; min-height:26px;}
	.board-list.data-list .data-meta span {display:inline-flex; align-items:center; justify-content:center; width:auto; height:auto; padding:0; flex:0 0 auto; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px; text-align:center; white-space:nowrap;}
	.board-list.data-list .data-meta span:not(.col0):not(:last-child):after {content:''; width:1px; height:12px; margin-left:10px; background:#DBDBDB;}
	.board-list.data-list .data-meta .col0 {display:none;}
	.board-list.data-list .data-meta .col1 {order:1; width:auto; flex:0 0 auto;}
	.board-list.data-list .data-meta .col2 {order:2; width:auto; flex:0 0 auto;}
	.board-list.data-list .data-meta .col3 {order:3; width:auto; flex:0 0 auto;}
	.board-list.data-list .data-meta .col4 {order:4; width:auto; flex:0 0 auto;}
	.board-list.data-list .tit {order:1; display:flex; align-items:center; justify-content:flex-start; gap:6px; width:auto; min-width:1px; height:26px; flex:1 0 0; padding:0 0 0 24px;}
	.board-list.data-list .tit a {display:flex; align-items:center; justify-content:flex-start; gap:6px; width:100%; min-width:0; max-width:100%; overflow:hidden; padding:0; color:#333; font-size:16px; line-height:1.4; letter-spacing:-0.16px; white-space:nowrap;}
	.board-list.data-list .tit a p {display:block; flex:0 1 auto; min-width:0; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
	.board-list.data-list .col5,
	.board-list.data-list .col6 {display:flex; height:auto; padding:0 24px;}
	.board-list.data-list .col5 {order:2; width:120px; flex:0 0 120px;}
	.board-list.data-list .col6 {order:3; width:206px; flex:0 0 206px; flex-direction:row; gap:4px; justify-content:flex-end;}

}

/* ¼ö¾÷ÀÚ·á½Ç view */
.data-view-page .data-view-info {display:flex; flex-direction:column; justify-content:center; gap:8px; min-height:90px; padding:22px 20px; border-top:1px solid #555; border-bottom:1px solid #E5E5E5; box-sizing:border-box;}
.data-view-page .data-view-title {display:flex; align-items:center; min-width:0; color:#333; font-size:16px; font-weight:600; line-height:1.1; letter-spacing:-0.16px;}
.data-view-page .data-view-title p {
	overflow:hidden; min-width:0; margin:0; 
	/* white-space:nowrap; text-overflow:ellipsis; */
}
.data-view-page .data-view-meta {display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
.data-view-page .data-view-meta-left,
.data-view-page .data-view-meta-right {display:flex; align-items:center; gap:10px; min-width:0;}
.data-view-page .data-view-meta span {display:inline-flex; align-items:center; white-space:nowrap;}
.data-view-page .data-view-meta span:not(:last-child):after {content:""; width:1px; height:12px; margin-left:10px; background:#DBDBDB;}
.data-view-page .view-content .content p {margin:0; line-height:1.6;}
.data-view-page .data-file-area .download-period {color:#B1B1B1; font-size:12px; line-height:1.6; letter-spacing:-0.12px;}

@media (max-width:767px){
	.notice.data-view-page {margin-top: 14px;}
	.data-board .top-sec {display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; width:100%; padding-bottom:12px;}
	.data-board .top-sec .dropdown-wrap {width:auto; min-width:0; flex:1 0 0;}
	.data-board .top-sec .dropdown-wrap:nth-of-type(1),
	.data-board .top-sec .dropdown-wrap:nth-of-type(2) {flex:1 0 calc(50% - 5px);}
	.data-board .top-sec .dropdown-wrap:nth-of-type(3) {flex:0 0 auto; width: 34.76%;}
	.data-board .top-sec .input-wrap {flex:1 0 0; max-width:none;}
	.data-board .top-sec .dropdown-wrap .select-btn,
	.data-board .top-sec .input-wrap { border-radius:4px;}
	.data-board .top-sec .dropdown-wrap .select-btn {padding:0 12px;}
	.data-board .top-sec .dropdown-wrap .select-text,
	.data-board .top-sec .input-wrap input {font-size:13px; line-height:1.4; letter-spacing:-0.26px;}


	.board-list.data-list > li {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; min-height:0; padding:12px 0; font-size:12px; line-height:1.4; letter-spacing:-0.12px;}
	.board-list.data-list > li > div {display:flex; align-items:center;}
	.board-list.data-list .data-meta {display:flex; align-items:center; justify-content:flex-start; overflow:hidden; width:100%; height:17px; gap:0; padding:0;}
	.board-list.data-list .data-meta .col0 {display:none;}
	.board-list.data-list .data-meta .col1,
	.board-list.data-list .data-meta .col2,
	.board-list.data-list .data-meta .col3,
	.board-list.data-list .data-meta .col4 {width:auto; min-width:0; height:17px; padding:0; color:#777; font-size:12px; line-height:1.4; letter-spacing:-0.12px; white-space:nowrap;}
	.board-list.data-list .data-meta .col1 {order:1; flex:0 0 auto;}
	.board-list.data-list .data-meta .col2 {order:2; flex:0 0 auto;}
	.board-list.data-list .data-meta .col3 {order:3; flex:0 0 auto;}
	.board-list.data-list .data-meta .col4 {order:4; flex:1 1 auto; justify-content:flex-start; overflow:hidden; text-overflow:ellipsis;}
	.board-list.data-list .data-meta span:not(.col0):not(:last-child):after {content:''; flex:0 0 1px; width:1px; height:10px; margin:0 8px; background:#D9D9D9;}
	.board-list.data-list .data-main {display:grid; grid-template-columns:minmax(0, 1fr) 135px; gap:6px 16px; width:100%; min-height:0;}
	.board-list.data-list .tit {grid-column:1 / -1; grid-row:1; display:flex; align-items:center; justify-content:flex-start; width:100%; min-width:0; height:auto; padding:0;}
	.board-list.data-list .tit a {display:inline-flex; align-items:center; gap:6px; width:100%; min-width:0; padding:0; color:#333; font-size:14px; line-height:1.4; letter-spacing:-0.14px; white-space:normal;}
	.board-list.data-list .tit a p {display:inline; overflow:visible; max-width:none; white-space:normal; text-overflow:clip;}
	.board-list.data-list .tit i {display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; margin-left:0;}
	.board-list.data-list .ico-file {display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; margin-left:0; vertical-align:-3px;}
	.board-list.data-list .col5 {grid-column:1; grid-row:2; display:flex; width:auto; height:auto; padding:0; flex:none; justify-content:flex-start; color:#777; font-size:12px; line-height:1.4; letter-spacing:-0.12px;}
	.board-list.data-list .col6 {grid-column:2; grid-row:2; display:flex; width:135px; height:auto; padding:0; flex:0 0 135px; flex-direction:row; gap:4px; justify-content:flex-end; color:#777; font-size:12px; line-height:1.4; letter-spacing:-0.12px; text-align:right; white-space:nowrap;}
	.board-list.data-list .col6 span {display:inline; line-height:1.4;}


	.data-view-page .data-view-info {gap:6px; min-height:86px; padding:12px 0; border-top:1px solid #555; border-bottom:1px solid #E5E5E5;}
	.data-view-page .data-view-title {font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
	.data-view-page .data-view-meta {flex-direction:column; align-items:flex-start; gap:2px; font-size:12px; line-height:1.4; letter-spacing:-0.12px;}
	.data-view-page .data-view-meta-left,
	.data-view-page .data-view-meta-right {gap:10px; max-width:100%; overflow:hidden;}
	.data-view-page .data-view-meta span {min-width:0;}
	.data-view-page .data-view-meta span:not(:last-child):after {height:12px; margin-left:10px;}
	.data-view-page .view-content {padding:12px;}
	.data-view-page .view-content .content {padding-bottom:12px; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
	.data-view-page .view-content .content p {line-height:1.4;}
	.data-view-page .view-content .file-area {flex-direction:column; gap:4px; padding-top:12px; font-size:13px; line-height:1.6; letter-spacing:-0.13px;}
	.data-view-page .view-content .file-area .tit {width:auto; font-size:13px; line-height:1.6; letter-spacing:-0.13px;}
	.data-view-page .view-content .file-area ul {gap:2px; font-size:13px; line-height:1.6; letter-spacing:-0.13px;}
	.data-view-page .view-content + .btn-area {margin-top:16px;}
}

/* =====================================================================
   Source: teacher_qna
===================================================================== */
/* ÇнÀ Q&A Àü¿ë */
.qna-top-sec {display:flex; align-items:center; justify-content:space-between; height:40px; margin-bottom:12px;}
.qna-filter {display:flex; gap:10px; height:100%;}
.qna-filter-btn,
.qna-write-btn {display:inline-flex; align-items:center; justify-content:center; width:120px; height:40px; padding:0; border-radius:4px; border:1px solid #777; background:#fff; color:#333; font-size:14px; font-weight:500; line-height:1.1; letter-spacing:-0.35px;}
.qna-filter-btn.is-active {border-color:var(--key-color); color:var(--key-color);}
.qna-write-btn { border-color:#9AA3B2; background:#9AA3B2; color:#fff;}

.qna-list > li {display:flex; flex-wrap:nowrap; min-height:60px; padding:0;}
.board-list.qna-list > li > div {  display:flex; align-items:center; height:60px; min-width:0; padding:0 24px; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px; text-align:center; white-space:nowrap;}
.qna-list .col1 {width:88px; flex:0 0 88px; justify-content:center; color:#777; letter-spacing:0;}
.qna-list .col2 {width:73px; flex:0 0 73px; justify-content:center;}
.qna-list .col3 {width:313px; flex:0 0 313px; justify-content:flex-start; overflow:hidden; color:#777; text-align:left;}
.qna-list .col3 {display:flex; line-height:1.4; white-space:normal;}
/* Q&A °­Á¸í 2ÁÙ ¸»ÁÙÀÓ */
.board-list.qna-list > li > .col3 {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	overflow:hidden;
	white-space:normal;
}

.board-list.qna-list > li > .col3 span {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:1.4;
	text-align:left;
	word-break:keep-all;
}
.qna-list .tit {display:flex; align-items:center; min-width:1px; flex:1 0 0; overflow:hidden; padding:0 32px;}
.qna-list .tit a {display:inline-flex; align-items:center; gap:6px; min-width:0; max-width:100%; padding:0; color:#333; font-size:16px; line-height:1.4; letter-spacing:-0.16px; white-space:nowrap;}
.qna-list .tit a p {display:block; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.qna-list .col5 {width:79px; flex:0 0 79px; justify-content:center;}
.qna-list .col6 {width:120px; flex:0 0 120px; justify-content:center;}
.qna-list .col7 {width:116px; flex:0 0 116px; justify-content:center;}

.answer-label {display:inline-flex; align-items:center; justify-content:center; padding:3px 10px; border-radius:999px; border:1px solid #E4EFFF; background:#E4EFFF; color:#2C5BF6; font-size:14px; font-weight:500; line-height:1.4; letter-spacing:-0.14px; white-space:nowrap;}
.answer-label.is-wait {border-color:#F0F0F0; background:#F0F0F0; color:#777;}
.ico-lock {display:inline-flex; width:17px; height:17px; flex:0 0 17px; background-repeat:no-repeat; background-position:center; background-size:17px 17px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M4.67539 6.23353V5.58591C4.67539 3.43335 6.38146 1.7002 8.50039 1.7002C10.6193 1.7002 12.3254 3.43335 12.3254 5.58591V6.23353M4.67539 6.23353C3.97414 6.23353 3.40039 6.81639 3.40039 7.52877V14.005C3.40039 14.7173 3.97414 15.3002 4.67539 15.3002H12.3254C13.0266 15.3002 13.6004 14.7173 13.6004 14.005V7.52877C13.6004 6.81639 13.0266 6.23353 12.3254 6.23353M4.67539 6.23353H12.3254M8.50039 11.4752V9.77519' stroke='%23B1B1B1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}

/* ÇнÀ Q&A view */
.qna-view-page .qna-view-box {border-top:1px solid #555; border-bottom:1px solid #555;}
.qna-view-page .qna-view-info {display:flex; flex-direction:column; justify-content:center; gap:8px; min-height:92px; padding:22px 20px; border-bottom:1px solid #E5E5E5; box-sizing:border-box;}
.qna-view-page .qna-view-meta-row,
.qna-view-page .qna-view-title-row {display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; min-width:0;}
.qna-view-page .qna-view-title-row{
	/* align-items:flex-start; */
}
.qna-view-page .qna-view-meta-left,
.qna-view-page .qna-view-meta-right {display:flex; align-items:center; gap:10px; min-width:0; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
.qna-view-page .qna-view-meta-left {flex:1 1 auto; overflow:hidden;}
.qna-view-page .qna-view-meta-right {flex:0 0 auto;}
.qna-view-page .qna-view-meta-left span,
.qna-view-page .qna-view-meta-right span {display:inline-flex; align-items:center; white-space:nowrap;}
.qna-view-page .qna-view-meta-left span:last-child {overflow:hidden; min-width:0; text-overflow:ellipsis;}
.qna-view-page .qna-view-meta-left span:not(:last-child):after,
.qna-view-page .qna-view-meta-right span:not(:last-child):after {content:""; width:1px; height:12px; margin-left:10px; background:#DBDBDB;}
.qna-view-page .qna-view-title-row h3{
	display:block;
	flex:1 1 0;
	min-width:0;
	max-width:100%;
	white-space:normal;
	word-break:break-all;
	line-height:1.4;
}
.qna-view-page .qna-view-content {border-bottom:0;}
.qna-view-page .qna-view-content .content {padding-bottom:24px;}
.qna-view-page .qna-view-content .content p {margin:0;}
.qna-view-page .qna-content-detail {margin-top:24px;}
.qna-view-page .qna-answer-box {display:flex; flex-direction:column; gap:14px; width:100%; margin-top:24px; padding:20px 32px; border-radius:6px; background:#F8F8F8; box-sizing:border-box;}
.qna-view-page .qna-answer-head {display:flex; align-items:center; gap:8px; padding-bottom:14px; border-bottom:1px solid #DBDBDB;}
.qna-view-page .qna-answer-head strong {color:#333; font-size:16px; font-weight:600; line-height:1.6; letter-spacing:-0.16px;}
.qna-view-page .qna-answer-head span {color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
.qna-view-page .qna-answer-body {color:#333; font-size:14px; line-height:1.6; letter-spacing:-0.14px;}
.qna-view-page .qna-answer-body p {line-height:1.6;}
.qna-view-page .qna-file-area {padding:24px 24px 0 24px; border-top:1px solid #EDEDED; }
.qna-view-page .qna-view-actions {display:flex; align-items:center; justify-content: end; gap:10px; width:100%; height:40px; margin-top:12px;}
.qna-view-page .qna-view-action {display:inline-flex; align-items:center; justify-content:center; width:120px; height:40px; border-radius:4px; background:#9AA3B2; color:#fff; font-size:14px; font-weight:500; line-height:1.1; letter-spacing:-0.35px;}
.qna-view-page .qna-view-actions + .btn-area {margin-top:24px;text-align: center;}

.qna-view-page .qna-answer-file {display: flex; gap: 2px; flex-direction: column; padding-top: 14px; border-top: 1px solid #E5E5E5;}
.qna-view-page .qna-answer-file strong {color:#333; font-size:14px; font-weight:600; line-height:1.6; letter-spacing:-0.14px;}
.qna-view-page .qna-answer-file .answer-file-ul {color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px;}
.qna-view-page .qna-answer-file .answer-file-ul > li:hover a {font-weight: 600;}

@media (min-width:768px) and (max-width:1199px){
	.qna-list > li {display:grid; grid-template-columns:auto minmax(0, 1fr) auto auto auto; gap:2px 0; min-height:76px; padding:14px 0;}
	.board-list.qna-list > li > div {display:flex; align-items:center; height:auto; min-width:0; padding:0; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.14px; white-space:nowrap;}
	.board-list.qna-list .col1 {display:none;}
	.board-list.qna-list .col2 {grid-column:1; grid-row:1; width:auto; flex:0 0 auto; justify-content:flex-start; padding-left:24px; color:#777;}
	.board-list.qna-list .col2:after {content:""; width:1px; height:12px; margin:0 10px; background:#DBDBDB;}
	.board-list.qna-list .col3 {grid-column:2 / -1; grid-row:1; display:block; width:auto; flex:none; overflow:hidden; padding:0 24px 0 0; color:#777; line-height:1.4; text-align:left; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:unset; -webkit-box-orient:initial;}
	.board-list.qna-list .tit {grid-column:1 / 3; grid-row:2; display:flex; align-items:center; width:auto; min-width:1px; height:26px; padding:0 24px; overflow:hidden;}
	.board-list.qna-list .tit a {display:inline-flex; align-items:center; gap:6px; min-width:0; max-width:100%; padding:0; color:#333; font-size:16px; line-height:1.4; letter-spacing:-0.16px; white-space:nowrap;}
	.board-list.qna-list .tit a p {display:block; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
	.board-list.qna-list .col5 {grid-column:3; grid-row:2; width:auto; flex:0 0 auto; justify-content:center; padding:0 24px;}
	.board-list.qna-list .col6 {grid-column:4; grid-row:2; width:auto; flex:0 0 auto; justify-content:center; padding:0 24px;}
	.board-list.qna-list .col7 {grid-column:5; grid-row:2; width:auto; flex:0 0 auto; justify-content:center; padding:0 24px;}
	.qna-view-page .qna-view-content {padding:24px;}
	.qna-view-page .qna-view-content .content {padding-bottom:24px;}
}

@media (max-width:767px){
	.notice.qna-view-page {margin-top: 14px;}

	.qna-top-sec {height:32px; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px;}
	.qna-filter {flex:0 0 auto; gap:10px; height:100%;}
	.qna-filter-btn,
	.qna-write-btn { width:84px; height:32px; padding:0;}
	.qna-list > li {display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:6px 0; min-height:0; padding:12px 0; word-wrap: break-word;}
	.board-list.qna-list > li > div {display:flex; align-items:center; height:auto; min-width:0; padding:0; color:#777; font-size:12px; white-space:nowrap;}
	.board-list.qna-list .col1 {display:none;}
	.board-list.qna-list .col2 {grid-column:1; grid-row:1; width:auto; flex:0 0 auto; justify-content:flex-start; gap:8px; color:#777;}
	.board-list.qna-list .col2:after {content:""; flex:0 0 1px; width:1px; height:10px; margin:0 8px 0 0; background:#D9D9D9;}
	.board-list.qna-list .col3 {grid-column:2 / -1; grid-row:1; display:block; width:auto; min-width:0; flex:1 1 auto; overflow:hidden; padding:0; color:#777; font-size:12px; line-height:1.4; letter-spacing:-0.12px; text-align:left; white-space:nowrap; text-overflow:ellipsis;}
	.board-list.qna-list .tit {grid-column:1 / -1; grid-row:2; display:flex; align-items:center; justify-content:flex-start; width:100%; min-width:0; padding:0; overflow:hidden;}
	
	
	/* .board-list.qna-list .tit a {display:inline-flex; align-items:center; gap:6px; width:100%; min-width:0; padding:0; color:#333; font-size:14px; white-space:nowrap;}
	.board-list.qna-list .tit a p {display:block; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;} */
	.board-list.qna-list .tit a {
		display:inline-flex;
		align-items:flex-start;
		gap:6px;
		width:100%;
		min-width:0;
		padding:0;
		color:#333;
		font-size:14px;
		white-space:normal;
		text-align: left;
	}

	.board-list.qna-list .tit a p {
		display:block;
		overflow:visible;
		max-width:100%;
		white-space:normal;
		text-overflow:clip;
		word-break:keep-all;
	}

	.board-list.qna-list .col5 {grid-column:1; grid-row:3; display:flex; width:auto; flex:0 0 auto; justify-content:flex-start; gap:8px; color:#777;padding-top:3px;}
	.board-list.qna-list .col5:after {content:""; flex:0 0 1px; width:1px; height:10px; margin:0 8px 0 0; background:#D9D9D9;}
	.board-list.qna-list .col6 {grid-column:2; grid-row:3; display:flex; width:auto; flex:1 1 auto; justify-content:flex-start; padding-left:0; color:#777;padding-top:3px;}
	.board-list.qna-list .col6:after {content:none;}
	.board-list.qna-list .col7 {grid-column:3; grid-row:3; display:flex; width:auto; flex:0 0 auto; justify-content:flex-end;}
	.answer-label {padding:2px 7px; font-size:12px;}

	.qna-view-page .qna-view-box {border-top:1px solid #555; border-bottom:1px solid #555;}
	.qna-view-page .qna-view-info {display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:6px 8px; min-height:0; padding:12px 0;}
	.qna-view-page .qna-view-meta-row,
	.qna-view-page .qna-view-title-row {display:contents;}
	.qna-view-page .qna-view-meta-left,
	.qna-view-page .qna-view-meta-right {gap:8px; width:100%; max-width:100%; overflow:hidden; font-size:12px;}
	.qna-view-page .qna-view-meta-left {grid-column:1 / -1; grid-row:1;}
	.qna-view-page .qna-view-meta-right {grid-column:1; grid-row:3;padding-top: 3px;}
	.qna-view-page .qna-view-meta-left span,
	.qna-view-page .qna-view-meta-right span {min-width:0;}
	.qna-view-page .qna-view-meta-left span:last-child {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.qna-view-page .qna-view-meta-left span:not(:last-child):after,
	.qna-view-page .qna-view-meta-right span:not(:last-child):after {height:10px; margin-left:8px; background:#D9D9D9;}
	.qna-view-page .qna-view-title-row h3 {grid-column:1 / -1; grid-row:2; width:100%; font-size:14px;}
	.qna-view-page .qna-view-meta-row .answer-label {grid-column:2; grid-row:3; align-self:center; flex:0 0 auto;}
	.qna-view-page .qna-view-content {padding:12px;}
	.qna-view-page .qna-view-content .content {padding-bottom:12px; font-size:14px; }
	.qna-view-page .qna-view-content .content p {line-height:1.4;}
	.qna-view-page .qna-content-detail {margin-top:12px;}
	.qna-view-page .qna-answer-box {gap:8px; margin-top:12px; padding:12px 14px;}
	.qna-view-page .qna-answer-head {gap:8px; padding-bottom:6px;}
	.qna-view-page .qna-answer-head strong {font-size:14px;}
	.qna-view-page .qna-answer-head span {font-size:12px; }
	.qna-view-page .qna-answer-body,
	.qna-view-page .qna-answer-body p {font-size:14px; line-height:1.6; letter-spacing:-0.14px;}
	.qna-view-page .qna-file-area {flex-direction:column; gap:4px;  padding:12px 12px 0 12px; font-size:13px;}
	.qna-view-page .qna-file-area .tit {width:auto; font-size:13px;}
	.qna-view-page .qna-file-area ul {gap:2px; font-size:13px;}
	.qna-view-page .qna-view-actions {height:32px; margin-top:12px;}
	.qna-view-page .qna-view-action {width:84px; height:32px;}
	.qna-view-page .qna-view-actions + .btn-area {margin-top:16px;}

	.qna-view-page .qna-answer-file {padding-top: 8px;}
	.qna-view-page .qna-answer-file strong {font-size: 13px;}
	.qna-view-page .qna-answer-file .answer-file-ul {font-size: 13px;}
}

/* =====================================================================
   Source: teacher_qna_write
===================================================================== */
/* ÇнÀ Q&A ±Û¾²±â */
.qna-write-form {display:flex; flex-direction:column; align-items:center; gap:24px; width:100%;}
.qna-write-con {display:flex; flex-direction:column; gap:24px; width:100%;}
.qna-write-top {display:flex; align-items:center; justify-content:space-between; width:100%;}
.qna-write-name {display:flex; align-items:center; gap:8px; min-width:0; padding-left:16px;}
.qna-write-secret {display:flex; align-items:center; gap:20px;}
.qna-write-secret .qna-write-label {width:auto; flex:0 0 auto;}
.qna-write-label {display:inline-flex; align-items:center; width:104px; flex:0 0 104px; color:#333; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.3px; white-space:nowrap;}
.qna-write-label .required {margin-left:2px; color:#ED2024;}
.qna-write-value {color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.28px;}
.qna-secret-check {position:relative; display:inline-flex; align-items:center; gap:0; cursor:pointer;}
.qna-secret-check input {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
.qna-check-box {position:relative; display:inline-flex; width:18px; height:18px; flex:0 0 18px; margin-right:12px; border:1px solid #DBDEE5; border-radius:3px; background:#F1F1F5; box-sizing:border-box; overflow:hidden;}
.qna-secret-check input:checked + .qna-check-box:after {content:""; position:absolute; left:4px; top:4.5px; width:8px; height:6px; border-left:1.5px solid #B1B1B1; border-bottom:1.5px solid #B1B1B1; transform:rotate(-45deg); box-sizing:border-box;}
.qna-secret-text {margin-right:4px; color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.28px;}
.qna-write-row {display:flex; align-items:center; gap:8px; width:100%; padding-left:16px; box-sizing:border-box;}
.qna-write-row--content {align-items:flex-start;}
.qna-write-row--content .qna-write-label {height:42px;}
.qna-write-control {flex:1 1 auto; min-width:0;}
.qna-write-control--select {display:flex; gap:12px;}
.qna-write-select.custom-dropdown {width:250px; min-width:250px; flex:0 0 250px;}
.qna-write-select--course.custom-dropdown {width:auto; min-width:0; flex:1 1 auto;}
.qna-write-form .custom-dropdown .select-btn {width:100%;}
.qna-write-form .custom-dropdown .select-text {color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.28px;}
.qna-write-input,
.qna-write-textarea {width:100%; border:1px solid #DBDEE5; border-radius:6px; color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.28px; box-sizing:border-box;}
.qna-write-input {height:42px; padding:0 18px;}
.qna-write-textarea {height:264px; padding:12px 18px; background:#FFF; resize:none;}
.qna-write-input::placeholder,
.qna-write-textarea::placeholder {color:#7E7E7E; opacity:1;}
.qna-write-input:focus,
.qna-write-textarea:focus {outline:none; border-color:#777;}
.qna-write-actions {display:flex; align-items:center; justify-content:center; gap:12px;}
.qna-write-action {display:inline-flex; align-items:center; justify-content:center; width:160px; height:40px; box-sizing:border-box; font-size:15px;}
.qna-write-cancel {border:1px solid #777; border-radius:4px; background:#FFF; color:#222; font-weight:500; line-height:1.4; letter-spacing:-0.3px;}
.qna-write-submit {border:1px solid #333; border-radius:4px; background:#333; color:#FFF; font-weight:500; line-height:1.4; letter-spacing:-0.3px;}

@media (min-width:768px) and (max-width:1199px){
	.qna-write-wrap .teacher-board-nav {padding-bottom:40px;}
	.qna-write-secret {gap:8px;}
	.qna-write-secret .qna-write-label {width:104px; flex:0 0 104px;}
}

@media (max-width:767px){
	.notice.qna-write-page {margin-top: 14px;}
	.qna-write-form {gap:16px;}
	.qna-write-con {gap:12px;}
	.qna-write-top {align-items:flex-start; justify-content:space-between; gap:8px;}
	.qna-write-name {flex:1 1 auto; gap:8px; min-width:0; padding-left:0; color:#333; font-size:14px; line-height:1.1; letter-spacing:-0.35px;}
	.qna-write-name .qna-write-label {width:auto; flex:0 0 auto; font-size:14px; line-height:1.1; letter-spacing:-0.35px;}
	.qna-write-name .qna-write-value {min-width:0; font-size:14px; line-height:1.1; letter-spacing:-0.35px;}
	.qna-write-secret {flex:0 0 auto; gap:8px;}
	.qna-write-secret .qna-write-label {width:auto; flex:0 0 auto; font-size:14px; line-height:1.1; letter-spacing:-0.35px;}
	.qna-secret-check {flex:0 0 auto;}
	.qna-write-label {width:auto; flex:0 0 auto; font-size:14px; letter-spacing:-0.28px;}
	.qna-write-row {flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; padding-left:0;}
	.qna-write-row--content .qna-write-label {height:auto;}
	.qna-write-control {width:100%; flex:none;}
	.qna-write-control--select {flex-direction:column; gap:6px;}
	.qna-write-select.custom-dropdown,
	.qna-write-select--course.custom-dropdown {width:100%; min-width:0; flex:0 0 auto;}
	.qna-write-input {height:38px;}
	.qna-write-textarea {height:264px; padding:12px; border-radius:4px;}
	.qna-write-actions {width:100%;}
	.qna-write-action {width:auto; flex:1 1 0; height:38px;}
	.qna-write-submit {border-radius:4px;}
}




/* °øÅë :: ºä À̹ÌÁö */
.notice figure{
	display: table;
	clear: both;
	text-align: center;
	margin: 12px auto;
}
.notice figure img {max-width: 900px !important; min-width: auto !important; width:100%;}
@media (max-width:767px){
	.notice figure img{ max-width: 100% !important;}
}


/* °øÅë :: ³»¿ªÀÌ ¾øÀ» °æ¿ì */
.board-list > li.board-list--empty {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:478px;
	padding:0;
}

.board-list > li.board-list--empty .no-data {
	display:block;
	min-height:0;
	width:auto;
	color:#333;
	font-size:16px;
	line-height:1.4;
	letter-spacing:-0.16px;
}
@media (max-width:767px){
	.board-list > li.board-list--empty { min-height: 279px;}
	.board-list > li.board-list--empty .no-data { font-size: 14px;}	
}