@charset "utf-8";

.num {width: 100%; display: block; clear: both; margin-bottom: 10px}
@media (max-width: 768px) {
	.num {font-size: 14px}
}

.scroll-box {width:100%; overflow-x: auto}
.scroll-box .board-list.scroll {width: auto; min-width:100%; white-space:nowrap}

@media (max-width: 768px) {
	.scroll-box .board-list.scroll {font-size: 14px}
}

@media (max-width: 480px) {
	.scroll-box .board-list.scroll {font-size: 12px}
}

/* 게시판-목록 */
.board-list {width: 100%; border-top: 2px solid var(--black);}
.s0706 .board-list {border-top:none;}
.board-list thead th,
.board-list tbody th,
.board-list tbody td {border-right: 1px solid var(--light-gray-line); min-height: 48px; padding: 10px; text-align: center}
.board-list thead th,
.board-list tbody th {font-weight: 600; color: var(--black); background: var(--bg-light-gray); border-bottom: 1px solid var(--light-gray-line02)}
.s0706 .board-list tbody th {background:#eee;}
.board-list tbody td {border-right: 1px solid var(--light-gray-line); border-bottom: 1px solid #dcdee2; color: var(--light-gray); text-align: center}
.board-list tr:first-child th:last-child,
.board-list td:last-child {border-right: none;}
.board-list th.border-right {border-right: 1px solid var(--light-gray-line)}
.board-list td.border-right:last-child {border-right: 1px solid var(--light-gray-line)}
.board-list tbody tr {cursor: pointer; transition: .4s}
.board-list tbody tr:hover {background: var(--bg-light-gray)}
.board-list tbody td.left {text-align: left}/* 텍스트 좌측 정렬 */
.board-list tbody td.qna-secret {background: url('/img/lms/com/icon_login.svg') 10px 50% no-repeat; background-size: 20px; padding-left: 35px}/* Q&A 비밀글 */
.board-list tbody td .qna-state {/* font-size: 12px */}
.board-list tbody td .score {width: 113px; height: 22px; display: none} /* 평가 */
.board-list tbody td .score.on {display: inline-block}
.board-list tbody tr.fixed td .fixed-icon {width: 100%; height: 100%; display: flex; justify-content: center /* background: url('/img/lms/com/icon-notice.svg') 50% 50% no-repeat; background-size: 26px */}/* 상단 고정 공지 아이콘 */
.board-list tbody tr.fixed td .fixed-icon img {width: 30px}
.board-list.normal tr {cursor: default}
.board-list.normal tr:hover {background: none}
.board-list tr.normal {cursor: default}
.board-list tr.normal:hover {background: none}

.board-list tbody td.m-only {height: auto; display: none !important; border-right: none; text-align: left; }
.board-list tbody td.m-only .title {width: 100%; font-size: 16px; color: #000; font-weight: 500; display: block}
.board-list tbody td.m-only .top {font-size: 14px; margin-bottom: 10px}
.board-list tbody td.m-only .top span+span {margin-left: 10px}
.board-list tbody td.m-only ul.m-data-list {width: 100%; display: inline-block; clear: both; margin-top: 10px}
.board-list tbody td.m-only ul.m-data-list li {height: 24px; line-height: 24px; font-size: 14px; display: inline-block; float: left; position: relative; padding-right: 10px; margin-right: 10px}
.board-list tbody td.m-only ul.m-data-list li::after {width: 1px; height: 10px; background: #d6deea; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
.board-list tbody td.m-only ul.m-data-list li:last-child {padding: 0; margin: 0}
.board-list tbody td.m-only ul.m-data-list li:last-child::after {content: none}
.board-list tbody td.m-only span.qna-secret {background: url('/img/lms/com/icon_login.svg') 0 50% no-repeat; background-size: 20px; word-break: break-all; padding-left: 25px}/* Q&A 비밀글 */

@media (max-width:1080px){
	
	
.s0615 .board-list tbody td.m-only .top {margin-bottom: 0px !important}
}

@media (max-width:768px){
.s0901 .border-list tbody th,td{font-size:14px;}
}

@media (max-width:480px){
.s0901 .border-list tbody th,td{font-size:12px;}
.s0901 .board-list thead th,td{font-size:14px;}
}
/* 게시판 목록 팝업 */
.table_view .basic_table .Border {border: none}

/*
	※ 게시판 반응형
	s0501 공지사항,
	s0502 자료실
	s0504 Q&A,
	s0601 My 강좌목록
*/

@media (max-width: 1440px) {
/* 	s.0602,
	.s0615,
	.s0614,
	.s0610,
	.s0705,
	.s0704,
	.s0703,
	.s0702,
	.s0701,
	.s0406,
	.s0405,
	.s0403,
	.s0201,
	.s0501,
	.s0502,
	.s0504,
	.s0601 {padding: 40px 20px 20px}
	*/
	.s0606 .inner,
	.s0603 .inner,
	.s0602 .inner,
	.s0615 .inner,
	.s0614 .inner,
	.s0610 .inner
	.s0407 .inner,
	.s0402 .inner,
	.s0705 .inner,
	.s0704 .inner,
	.s0703 .inner,
	.s0702 .inner,
	.s0701 .inner,
	.s0406 .inner,
	.s0405 .inner,
	.s0403 .inner,
	.s0201 .inner,
	.s0501 .inner,
	.s0502 .inner,
	.s0504 .inner{width: 100%}
}
@media (max-width: 768px) {
	/*
	.s0602,
	.s0615,
	.s0614,
	.s0610,
	.s0705,
	.s0704,
	.s0703,
	.s0702,
	.s0701,
	.s0406,
	.s0405,
	.s0403,
	.s0201,
	.s0501,
	.s0502,
	.s0504,
	.s0601 {padding: 20px} 	*/
	
	.s0407 .inner,
	.s0402 .inner,
	.s0606 .inner,
	.s0603 .inner,
	.s0615 .inner,
	.s0614 .inner,
	.s0610 .inner,
	.s0705 .inner,
	.s0704 .inner,
	.s0703 .inner,
	.s0702 .inner,
	.s0701 .inner,
	.s0406 .inner,
	.s0405 .inner,
	.s0403 .inner,
	.s0201 .inner,
	.s0501 .inner,
	.s0502 .inner,
	.s0504 .inner,
	.s0602 .inner,
	.s0601 .inner {width: 100%}
}
/* 마이페이지 */

@media (max-width: 1280px) {
	.s0606 .board-list colgroup col,
	.s0614 .board-list colgroup col,
	.s0610 .board-list colgroup col,
	.s0615 .board-list colgroup col,
	.s0603 .board-list colgroup col,
	.s0602 .board-list colgroup col,
	.s0601 .board-list colgroup col {width: auto !important}
	
	.s0606 .board-list .pc-only,
	.s0614 .board-list .pc-only,
	.s0610 .board-list .pc-only,
	.s0615 .board-list .pc-only,
	.s0603 .board-list .pc-only,
	.s0602 .board-list .pc-only,
	.s0601 .board-list .pc-only {display: none}
	

	.s0606 .board-list tbody td.m-only,
	.s0614 .board-list tbody td.m-only,
	.s0610 .board-list tbody td.m-only,
	.s0603 .board-list tbody td.m-only,
	.s0602 .board-list tbody td.m-only,
	.s0601 .board-list tbody td.m-only {display: block !important}
	
	.s0615 .board-list tbody td.m-only{display: flex !important; justify-content:space-between; align-items:center; }
	
	.s0603 .board-list tbody td.m-only .pd-type03 {font-size: 12px; height: 24px; padding: 0 6px}
	.s0601 .board-list tbody td.m-only .pd-type03 {font-size: 12px; height: 24px; padding: 0 6px}
}

/* 마이페이지 외 */
@media (max-width: 1080px) {	
	.s0407 .board-list colgroup col,
	.s0402 .board-list colgroup col,
	.s0705 .board-list colgroup col,
	.s0704 .board-list colgroup col,
	.s0703 .board-list colgroup col,
	.s0702 .board-list colgroup col,
	.s0701 .board-list colgroup col,
	.s0406 .board-list colgroup col,
	.s0405 .board-list colgroup col,
	.s0403 .board-list colgroup col,
	.s0201 .board-list colgroup col,
	.s0501 .board-list colgroup col,
	.s0502 .board-list colgroup col,
	.s0504 .board-list colgroup col {width: auto !important}
	
	.s0407 .board-list .pc-only,
	.s0402 .board-list .pc-only,
	.s0705 .board-list .pc-only,
	.s0704 .board-list .pc-only,
	.s0703 .board-list .pc-only,
	.s0702 .board-list .pc-only,
	.s0701 .board-list .pc-only,
	.s0406 .board-list .pc-only,
	.s0405 .board-list .pc-only,
	.s0403 .board-list .pc-only,
	.s0201 .board-list .pc-only,
	.s0501 .board-list .pc-only,
	.s0502 .board-list .pc-only,
	.s0504 .board-list .pc-only {display: none}
	
	.s0407 .board-list tbody td.m-only,
	.s0402 .board-list tbody td.m-only,
	.s0705 .board-list tbody td.m-only,
	.s0704 .board-list tbody td.m-only,
	.s0703 .board-list tbody td.m-only,
	.s0702 .board-list tbody td.m-only,
	.s0701 .board-list tbody td.m-only,
	.s0406 .board-list tbody td.m-only,
	.s0405 .board-list tbody td.m-only,
	.s0403 .board-list tbody td.m-only,
	.s0201 .board-list tbody td.m-only,
	.s0501 .board-list tbody td.m-only,
	.s0502 .board-list tbody td.m-only,
	.s0504 .board-list tbody td.m-only {display: block !important}
}

@media (max-width: 768px) {
	.board-list tbody td.m-only ul.m-data-list {margin-top: 5px}
}
@media (max-width: 480px) {
	.s0407 .board-list tbody td.m-only .title,
	.s0402 .board-list tbody td.m-only .title,
	.s0606 .board-list tbody td.m-only .title,
	.s0615 .board-list tbody td.m-only .title,
	.s0614 .board-list tbody td.m-only .title,
	.s0610 .board-list tbody td.m-only .title,
	.s0705 .board-list tbody td.m-only .title,
	.s0704 .board-list tbody td.m-only .title,
	.s0703 .board-list tbody td.m-only .title,
	.s0702 .board-list tbody td.m-only .title,
	.s0701 .board-list tbody td.m-only .title,
	.s0406 .board-list tbody td.m-only .title,
	.s0405 .board-list tbody td.m-only .title,
	.s0403 .board-list tbody td.m-only .title,
	.s0201 .board-list tbody td.m-only .title,
	.s0501 .board-list tbody td.m-only .title,
	.s0502 .board-list tbody td.m-only .title,
	.s0504 .board-list tbody td.m-only .title,
	.s0603 .board-list tbody td.m-only .title,
	.s0602 .board-list tbody td.m-only .title,
	.s0601 .board-list tbody td.m-only .title {font-size: 14px}
	
	.board-list tbody td.m-only .top {font-size: 12px}
	
	.s0407 .board-list tbody td.m-only ul.m-data-list li,
	.s0402 .board-list tbody td.m-only ul.m-data-list li,
	.s0606 .board-list tbody td.m-only ul.m-data-list li,
	.s0615 .board-list tbody td.m-only ul.m-data-list li,
	.s0614 .board-list tbody td.m-only ul.m-data-list li,
	.s0610 .board-list tbody td.m-only ul.m-data-list li,
	.s0705 .board-list tbody td.m-only ul.m-data-list li,
	.s0704 .board-list tbody td.m-only ul.m-data-list li,
	.s0703 .board-list tbody td.m-only ul.m-data-list li,
	.s0702 .board-list tbody td.m-only ul.m-data-list li,
	.s0701 .board-list tbody td.m-only ul.m-data-list li,
	.s0406 .board-list tbody td.m-only ul.m-data-list li,
	.s0405 .board-list tbody td.m-only ul.m-data-list li,
	.s0403 .board-list tbody td.m-only ul.m-data-list li,
	.s0201 .board-list tbody td.m-only ul.m-data-list li,
	.s0501 .board-list tbody td.m-only ul.m-data-list li,
	.s0502 .board-list tbody td.m-only ul.m-data-list li,
	.s0504 .board-list tbody td.m-only ul.m-data-list li,
	.s0603 .board-list tbody td.m-only ul.m-data-list li,
	.s0602 .board-list tbody td.m-only ul.m-data-list li,
	.s0601 .board-list tbody td.m-only ul.m-data-list li {font-size: 12px}
}



/* 게시판-상세 */
.board-view {width: 100%; border-top: 2px solid var(--black)}
.board-view.reply {border-top: 1px solid var(--light-gray-line02)}
.board-view th.top {border-bottom: 1px solid var(--light-gray-line02); border-right: 0; height: 72px; padding: 16px 20px; text-align: left; font-size: 20px; color: var(--black); background: none}
.board-view.reply th.top {padding: 20px 24px}
.board-view th.top .reply {font-weight: 400}
.board-view th.top ul.side-info {width: 100%; display: flex; clear: both; margin-top: 10px}
.board-view th.top ul.side-info > li {font-size: 14px; font-weight: 400; color: var(--light-gray); margin-right: 15px}
.board-view th.top ul.side-info > li:last-child {margin-right: 0}
.board-view th.top ul.side-info > li .score {display: flex; align-items: center}
.board-view th.top ul.side-info > li .score img {width: 100px; margin-right: 5px; vertical-align: top}
.board-view th.top ul.side-info > li .score span {display: inline-block; height: 100%}
.board-view tr {border-bottom: 1px solid var(--light-gray-line)}
.board-view tr th {border-right: 1px solid var(--light-gray-line); background: var(--bg-light-gray); text-align: center; height: 48px; padding: 10px 12px}
.board-view tr td {padding: 10px 12px}
.board-view tr td li.attached {margin: 0 0 10px 0}
.board-view tr td li.attached:last-child {margin: 0}
.board-view tr td.info {height: auto; padding: 20px; vertical-align: top}
.board-view tr td.info .view-info {min-height: 200px}
.board-view tr td.info .view-info pre img {max-width: 700px}
.s0501 .board-view tr td.info .view-info pre{color:var(--black);}
.board-view tr.m-only {display: none}
.s0504 .board-view pre {font-size: 20px}
.board-view tr td.info .view-info pre p {font-size: 20px;}
/* .board-view tr td.info .view-info pre p span {font-size: 20px !important;} */
dl.prev-next {width: 100%; clear: both; color: var(--light-gray)}
dl.prev-next dt {width: 15%; height: 48px; background: url('/img/arw-top.svg') 30px 50% no-repeat; text-align: center; display: flex; align-items: center; justify-content: center; float: left; background-size: 14px; border-bottom: 1px solid var(--light-gray-line)}
dl.prev-next dt.next {background-image: url('/img/arw-btm.svg')}
dl.prev-next dd {width: 85%; height: 48px; padding: 0 30px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; position: relative; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid var(--light-gray-line)}
dl.prev-next dd::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 10px; background: var(--light-gray-line)}
dl.prev-next dd a {transition: .4s}
dl.prev-next dd a:hover {color: var(--black)}


@media (max-width: 1080px) {
	.s0504 .board-view pre {font-size: 18px  !important;}
	.board-view colgroup col {width: auto !important}
	.board-view td button {font-size: 12px; padding: 4px 6px}
	.board-view th.top {height: auto; padding: 12px 0; font-size: 16px}
	.board-view th.top ul.side-info > li {font-size: 12px}
	/* .board-view th.top ul.side-info > li .score {display: flex; align-items: center}
	.board-view th.top ul.side-info > li .score img {width: 100px; margin-right: 5px; vertical-align: top}
	.board-view th.top ul.side-info > li .score span {display: inline-block; height: 100%} */
	.board-view tr th {height: auto; font-size: 12px; padding: 12px}
	.board-view tr td {font-size: 12px; padding: 12px;}
	.board-view tr td.info {padding: 12px 0}
	.board-view tr td.info .view-info {min-height: auto}
	.board-view tr td.info .view-info pre img {width: 100%}
	.board-view tr td.info .view-info pre p {line-height:1.6 !important;}
	.board-view tr td.info .view-info pre p span {font-size: 18px !important;}
	dl.prev-next dt {height: 40px; font-size: 14px}
	dl.prev-next dd {height: 40px; font-size: 14px;  padding: 0 20px}
}
@media (max-width: 768px) {
	.s0504 .board-view pre {font-size: 16px !important;}
	.board-view th.top {font-size: 14px}
	.board-view th.top ul.side-info {margin-top: 5px; flex-direction:column;}
	.board-view th.pc-only {display: none}
	.board-view td button {display: none}
	.board-view tr td.info .view-info pre img {width: 100%}
	dl.prev-next dt {width: 20%; font-size: 12px}
	dl.prev-next dd {width: 80%; font-size: 12px;  padding: 0 12px}
	.board-view tr td.info .view-info pre p span {font-size: 14px !important;}
	.board-view tr.pc-only {display: none}
	.board-view tr.m-only {display: table-row}
	.s0402 .board-view colgroup col.pc-only {width: auto !important}
}

@media (max-width: 486px){
	.s0504 .board-view pre {font-size: 14px !important;}
}
/* 블로그형 게시물 리스트 */
ul.blog-list {border-top: 1px solid #dcdee2; margin-bottom: 20px; display: block; width: 100%}
ul.blog-list li.blog-item {width: 100%; display: inline-block; padding: 20px; border-bottom: 1px solid #dcdee2; transition: .4s}
ul.blog-list li.blog-item a {display: block}
ul.blog-list li.blog-item .top {display: inline-block; margin-bottom: 10px}
ul.blog-list li.blog-item strong {width: 100%; font-size: 20px; font-weight: 500; line-height: 1.3; display: inline-block; margin-bottom: 10px; transition: .4s; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
ul.blog-list li.blog-item ul.info-list {width: 100%; display: inline-block; clear: both}
ul.blog-list li.blog-item ul.info-list li.info-item {display: inline-block; float: left; position: relative; margin-right: 35px}
ul.blog-list li.blog-item ul.info-list li.info-item::after {content: ''; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); width: 2px; height: 10px; background: #c4c4c4}
ul.blog-list li.blog-item ul.info-list li.info-item:last-child {margin-right: 0}
ul.blog-list li.blog-item ul.info-list li.info-item:last-child::after {content: none}
ul.blog-list li.blog-item:hover {background: #f9f9f9}
ul.blog-list li.blog-item:hover a strong {color: #0058a8}
ul.blog-list li.null {display: flex; align-items: center; justify-content: center; padding: 20px 0}
ul.blog-list.main-blog {margin-bottom: 0}
ul.blog-list.main-blog :last-child {border-bottom: none}
ul.blog-list li.main-item {padding: 15px}
@media (max-width: 1440px) {
	ul.blog-list li.blog-item strong {font-size: 16px}
	ul.blog-list li.blog-item ul.info-list li.info-item {font-size: 14px; margin-right: 30px}
	ul.blog-list li.blog-item ul.info-list li.info-item::after {right: -18px}
}
@media (max-width: 768px) {
	ul.blog-list li.main-item {padding: 10px}
	ul.blog-list li.blog-item strong {margin-bottom: 5px}
}

/* 이미지게시판 */
ul.board-img-list {width: 100%; display: inline-block}
ul.board-img-list li.item {width: 23%; background: var(--white); display: inline-block; float: left; position: relative; margin: 0 calc(8% / 3) calc(8% / 3) 0; transition: .4s}
ul.board-img-list li.item a {display: block; position: relative}
ul.board-img-list li.item a::after {width: 100%; height: 0; background: rgba(0,53,148,.9) url('/img/lms/com/pattern.png') repeat; content: ''; position: absolute; bottom: 0; left: 0; z-index: 20; transition: .8s}
ul.board-img-list li.item:nth-child(4n) {margin-right: 0}
ul.board-img-list li.item .state {position: absolute; top: 0; left: 0; z-index: 30; display: flex}
ul.board-img-list li.item .state span {font-size: 14px; font-weight: 400; color: var(--white); padding: 6px 8px; margin: 0 1px 0 0}
ul.board-img-list li.item .state :last-child {margin: 0}
ul.board-img-list li.item .thumb {width: 100%; padding-top: calc(100% * 0.54); position: relative; overflow: hidden}
ul.board-img-list li.item .thumb img {width: 106%; max-width: none; height: auto; font-size: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; padding-top: 0 !important; transition: .4s}
ul.board-img-list li.item .thumb .basic-img {width: 100%; background: var(--bg-light-gray); position: absolute; padding-top: calc(100% * 0.54); transform: translateY(-100%)}
ul.board-img-list li.item .thumb .basic-img::after {width: 100%; height: 100%; background: url('/img/ips/com/logo_v1.png') 50% 50% no-repeat; background-size:59%; opacity: .2; position: absolute; top: 0; left: 0;  content: '';}
ul.board-img-list li.item .info {width: 100%; padding: 10px 10px 10px 0; position: relative; z-index: 30}
ul.board-img-list li.item .info .season {width: 100%; color: var(--green); display: block; margin: 0 0 4px 0; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition: .4s; position: relative; z-index: 30}
ul.board-img-list li.item .info strong {width: 100%; font-size: 20px; font-weight: 600; display: block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition: .4s; margin: 0 0 8px 0}
ul.board-img-list li.item .info .bottom {display: block}
ul.board-img-list li.item .info .bottom dl {width: 100%; font-size: 14px; color: var(--light-gray); display: flex; margin: 0 0 4px 0; transition: .4s}
ul.board-img-list li.item .info .bottom dl:last-child {margin: 0; padding-bottom:10px;}
ul.board-img-list li.item .info .bottom dl dt {width: 60px}
ul.board-img-list li.item .info .bottom dl dd {width: calc(100% - 60px)}
ul.board-img-list li.item a:hover::after {height: 100%}
ul.board-img-list li.item a:hover .thumb img {width: 120%}
ul.board-img-list li.item a:hover .info .season {color: var(--white); padding-left: 15px}
ul.board-img-list li.item a:hover .info strong {color: var(--white); padding-left: 15px}
ul.board-img-list li.item a:hover .info .bottom dl {color: var(--white); padding-left: 15px}
ul.board-img-list li.null {width: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 200; color: #000; background: #f9f9f9; padding: 50px 0}

@media screen and (max-width: 1440px) {
	ul.board-img-list li.item .info {padding: 10px 0 0}
    ul.board-img-list li.item a:hover .info .season {padding-left: 0px;}
    ul.board-img-list li.item a:hover .info strong {padding-left: 15px;}
}

@media screen and (max-width: 1280px) {
	/*ul.board-img-list li.item a::after {content: none} */
	ul.board-img-list li.item .info .bottom dl dd {width: calc(100% - 50px)}
    ul.board-img-list li.item .info .season {font-size: 14px; font-weight: 600}
    ul.board-img-list li.item .info strong {font-size: 16px; margin: 0 0 8px 0}
    ul.board-img-list li.item .info .bottom {display: block}
    ul.board-img-list li.item .hide-info {display: none}

	ul.board-img-list li.item {width:calc(92%/3); margin: 0 calc(6% / 2) calc(6% / 2) 0;}
	ul.board-img-list li.item:nth-child(3n){margin-right:0}
	ul.board-img-list li.item:nth-child(4n){margin-right: calc(6% / 2);}
}

@media (max-width:800px){
	ul.board-img-list li.item{width: calc(96% / 2); margin: 0 4% 4% 0;}
	ul.board-img-list li.item:nth-child(2n) {margin-right: 0}
	ul.board-img-list li.item:nth-child(3n) {margin-right: 4%}
}

@media screen and (max-width: 640px) {
    ul.board-img-list li.item .state span {font-size: 12px}
    ul.board-img-list li.item .info .season {font-size: 12px}
    ul.board-img-list li.item .info strong {font-size: 14px; margin: 0 0 6px 0}
    ul.board-img-list li.item .info .bottom dl {font-size: 12px; margin: 0 0 4px 0}
    ul.board-img-list li.item .info .bottom dl dt {width: 54px}
    ul.board-img-list li.item .info .bottom dl dd {width: calc(100% - 40px)}
}

 @media (max-width:480px){
	ul.board-img-list li.item{width:100%; margin:0 0 6% 0;}
	ul.board-img-list li.item:nth-child(2n) {margin-right: 0}
	ul.board-img-list li.item:nth-child(3n) {margin-right: 0}
} 
@media screen and (max-width: 460px) {

    ul.board-img-list li.item .info strong {margin: 0}  
}	



/* @media (max-width: 1440px) {
	ul.board-img-list li.item .info strong {font-size: 16px}
	ul.board-img-list li.item .info .data-line {font-size: 14px}
}
@media (max-width: 1080px) {
	ul.board-img-list li.item .thumb {height: 160px}
}
@media (max-width: 780px) {
	ul.board-img-list li.item .info {padding: 10px}
	ul.board-img-list li.item .info strong {margin-bottom: 5px}
	ul.board-img-list li.item .info .data-line {margin-bottom: 2px}
}
@media (max-width: 640px) {
	ul.board-img-list li.item {width: 100%; border-radius: 10px 0; margin: 0}
	ul.board-img-list li.item .thumb {width: 160px; height: 100%; position: absolute}
	ul.board-img-list li.item .info {width: calc(100% - 160px); float: right; padding: 15px}
	ul.board-img-list li.item .info strong {min-height: auto; font-size: 14px; line-height: 20px}
	ul.board-img-list li.item .info .data-line {font-size: 12px}
	ul.board-img-list.main-swiper li.item {}
}
@media (max-width: 420px) {
	ul.board-img-list li.item .thumb {width: 100px}
	ul.board-img-list li.item .info {width: calc(100% - 100px); padding: 10px}
}
@media (max-width: 340px) {
	ul.board-img-list li.item {border-radius: 0; border-bottom: 1px solid #d6deea}
	ul.board-img-list li.item .thumb {display: none}
	ul.board-img-list li.item .info {width: 100%}
} */

/* 댓글 css 최지현 추가  start*/
/*
ul.cmt-list {width: 100%; display: flex; flex-direction: column}
ul.cmt-list li {width: 100%; border: 1px solid var(--line-gray); border-radius: 10px; margin: 16px 0 0}
ul.cmt-list li:first-child {margin: 0}
ul.cmt-list li .top {height: 52px; border-bottom: 1px solid var(--line-gray); display: flex; align-items: center; justify-content: space-between; padding: 0 24px}
ul.cmt-list li .top .name {position: relative; padding-right: 16px}
ul.cmt-list li .top .name::after {width: 2px; height: 10px; background: var(--line-gray); content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
ul.cmt-list li .top .date {font-size: 14px; color: #999; font-weight: 400; margin-left: 16px}
ul.cmt-list li .top button {min-width: auto; height: auto; font-size: 14px; padding: 8px 16px}
ul.cmt-list li .text {width: 100%; min-height: 120px; line-height: 1.6; padding: 12px 24px}

.cmt-write {width: 100%; background-color: var(--bg-gray4); border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin: 16px 0 0}
.cmt-write {border-radius: 5px; padding: 12px; margin: 12px 0 0}
*/
.reply-total {font-size: 18px; color: var(--gray)}
/* 후기 & 답변 목록 */
ul.reply-list {width: 100%; display: flex; flex-direction: column}
ul.reply-list li {width: 100%; border: 1px solid rgba(0,0,0,.1); border-radius: 10px; margin: 16px 0 0}
ul.reply-list li:first-child {margin: 0}
ul.reply-list li .top {height: 52px; border-bottom: 1px solid rgba(0,0,0,.1); display: flex; align-items: center; justify-content: space-between; padding: 0 24px}
ul.reply-list li .top .name {position: relative; padding-right: 16px}
ul.reply-list li .top .name::after {width: 2px; height: 10px; background: rgba(0,0,0,.1); content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
ul.reply-list li .top .date {font-size: 14px; color: #999; font-weight: 400; margin-left: 16px}
ul.reply-list li .top button {min-width: auto; height: auto; font-size: 14px; padding: 8px 16px}
ul.reply-list li .text {width: 100%; min-height: 120px; line-height: 1.6; padding: 12px 24px}

/* 후기 & 답변 입력 */
.reply-write {width: 100%; background-color: var(--bg-gray4); border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin: 16px 0 0}


@media screen and (max-width: 1080px) {
	ul.cmt-list li {border-radius: 5px; margin: 12px 0 0}
	ul.cmt-list li .top {height: 44px; padding: 0 4px 0 16px}
	ul.cmt-list li .top .name {font-size: 14px; padding-right: 12px}
	ul.cmt-list li .top .date {margin-left: 8px}
	ul.cmt-list li .top button {font-size: 14px; padding: 4px 12px}
	ul.reply-list li .text {min-height: 80px; font-size: 14px; line-height: 1.4; padding: 8px 12px}
	.cmt-write .mt20 {margin-top: 12px !important}
}
@media screen and (max-width: 380px) {
ul.reply-list li .top {padding: 0 14px}
ul.reply-list li .top .name {display:flex; font-size:14px;}
ul.reply-list li .top .date {font-size: 12px; margin-left: 0px}
ul.reply-list li .top .name::after{display:none;}
}/* 댓글 css 최지현 추가 end*/

/* 페이지 내비게이션 */
.paging {text-align: center}
.paging * {vertical-align: top}
.page_wrap {display: flex; justify-content: center}
.paging a {width: 30px; height: 30px; line-height: 1; background: var(--white); border: 1px solid var(--light-gray-line); display: flex; align-items: center; justify-content: center; margin-right: 4px; color: #626262; cursor: pointer; transition: .4s}
.paging a img {width: 16px}
.paging a.first, .paging a.prev, .paging a.next, .paging a.last {background: var(--bg-light-gray)}
/* .paging a:last-child {margin-right: 0} */
.paging a:hover {border: 1px solid var(--black); color: var(--black)}
.paging a.on {border: none; background: var(--black); color: var(--white)}
.page-num {display: flex}


/* 댓글 css */
.comment-list{ border-bottom:1px solid #dbdbdb; padding:20px 0; margin-bottom: 20px;}
.comment-list .list-info{display: inline-block; width: 100%; margin-bottom: 10px; }
.comment-list .comment-box{width: 100%; margin-bottom: 10px; border: 1px solid #dbdbdb; padding: 20px;}
.comment-list .comment-box .top{width: 100%; margin-bottom: 5px; display: flex; justify-content: space-between;}
.comment-list .comment-box .top .name{font-weight: 600; position: relative;}
.comment-list .comment-box .top .name:after{content: ''; width: 2px; height: 14px; position: absolute; right: -14px; top: 50%; transform: translate(0, -50%); background: #dbdbdb;}
.comment-list .comment-box .top .date{color:var(--light-gray); font-size: 14px; margin-left: 20px;}

.comment-list .comment-box .bottom{width: 100%; margin-top: 10px;}
.comment-list .comment-box .button-area{display: flex; justify-content: end; margin-top: 10px;}
.comment-list .comment-box .button-area .btn-box{display: flex;}

.write-box{width: 100%; display: flex; justify-content: space-between; margin-top:10px; margin-bottom: 20px;}
.write-box textarea{width: calc(100% - 100px);}
.write-box button {width:90px; background: var(--green); color: var(--white); border: 1px solid var(--green);}
.write-box button:hover{background: var(--white); color: var(--green); font-weight: 500;}

@media(max-width:619px){
.write-box{flex-direction: column; align-items: flex-end;}
.write-box textarea{width: 100%;}
.write-box button {height:40px; margin-top: 10px; font-size: 14px;}
	
}





/* ul.event_list li.event_item a.event_link .e_img .pro_img_none {height: 100%; position: relative; background: #e6e6ef url(/img/hn/com/pro_img_none_bg.svg) 120% 120% no-repeat; background-size: 50%}
ul.event_list li.event_item a.event_link .e_img .pro_img_none::after {content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background: url(/img/hn/com/pro_img_none_text.svg) 50% 50% no-repeat; background-size: 50%}
ul.event_list li.event_item a.event_link .e_img img {width: 100%; min-height: 100%; position: absolute; top:0; left: 50%; transform: translate(-50%, 0); transition: 0.4s; z-index: 10; font-size: 0}
ul.event_list li.event_item a.event_link .e_cont_box {height: calc(100% - 200px); clear: both; padding: 16px}
ul.event_list li.event_item a.event_link .e_cont_box.type02 {padding: 0 16px 16px 16px}
ul.event_list li.event_item a.event_link .e_cont_box .program_state_box {display: flex}
ul.event_list li.event_item a.event_link .e_cont_box .program_state {border-radius: 5px; display: block; font-size: 14px; padding: 6px 12px; text-align: center; margin-right: 6px}
ul.event_list li.event_item a.event_link .e_cont_box .program_state:last {margin-right: 0}
ul.event_list li.event_item a.event_link .e_cont_box .program_state.type01 {background: #ff4f4f; color: #ffffff; border: 1px solid #ff4f4f}접수중
ul.event_list li.event_item a.event_link .e_cont_box .program_state.type02 {background: #4fa6ff; color: #ffffff; border: 1px solid #4fa6ff}반려
ul.event_list li.event_item a.event_link .e_cont_box .program_state.state01 {color: #ff4f4f; border: 1px solid #ff4f4f}진행중
ul.event_list li.event_item a.event_link .e_cont_box .program_state.state02 {color: #018c67; border: 1px solid #018c67}접수중
ul.event_list li.event_item a.event_link .e_cont_box .program_state.state03 {color: #888; border: 1px solid #d4d4d4}종료
ul.event_list li.event_item a.event_link .e_cont_box .e_tit {border-bottom: 1px solid #e8e8f1; padding: 12px 0}
ul.event_list li.event_item a.event_link .e_cont_box .e_tit strong {height: 56px; font-size: 20px; line-height: 28px; display: inline-block; letter-spacing: -1px; transition: 0.4s; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
ul.event_list li.event_item a.event_link .e_cont_box .e_info {padding-top: 12px}
ul.event_list li.event_item a.event_link .e_cont_box .e_info dl {width: 100%; font-size: 16px; letter-spacing: -1px; text-align: left; margin-bottom: 8px}
ul.event_list li.event_item a.event_link .e_cont_box .e_info dl:last-child {margin-bottom: 0}
ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dt {width: 100%; line-height: 22px; font-size: 14px; font-weight: 700; margin-bottom: 4px}
ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dd {width: 100%; line-height: 22px; font-size: 14px; color: #666}
ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dd.e_text {height: 65px; font-size: 16px; color: #000; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden}
ul.event_list li.event_item a.event_link .e_cont_box .e_btm {padding: 12px 0 0 0; display: flex}
ul.event_list li.event_item a.event_link .e_cont_box .e_btm .e_block {height: 32px; display: flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: 5px; margin: 0 8px 0 0}
ul.event_list li.event_item a.event_link .e_cont_box .e_btm .e_block:last-child {margin: 0}
ul.event_list li.event_item a.event_link .e_cont_box .e_btm .e_block.type {color: #fff; background: #47c83e}
ul.event_list li.event_item a.event_link .e_cont_box .e_btm .e_block.co {background: #dfdfdf}
ul.event_list li.event_item:hover {box-shadow: 0 0 14px 4px rgba(42,44,93,0.3)}
ul.event_list li.event_item:hover a.event_link .e_img img {width: 110%}
ul.event_list li.event_item .e_data_none {text-align: center; padding: 60px 0}
@media (max-width: 1080px) {
	ul.event_list {margin-top: 20px}
	ul.event_list li.event_item {width: 32%; margin: 0 calc(4% / 2) calc(4% / 2) 0; box-shadow: none}
	ul.event_list li.event_item:nth-child(4n) {margin: 0 calc(4% / 2) calc(4% / 2) 0}
	ul.event_list li.event_item:nth-child(n+9) {margin: 0 calc(4% / 2) calc(4% / 2) 0}
	ul.event_list li.event_item:nth-child(3n) {margin-right: 0}
	ul.event_list li.event_item:nth-child(n+10) {margin-bottom: 0}
	ul.event_list li.event_item a.event_link .e_img {height: 160px}
	ul.event_list li.event_item a.event_link .e_cont_box {height: calc(100% - 160px); padding: 12px}
	ul.event_list li.event_item a.event_link .e_cont_box.type02 {padding: 0 12px 12px 12px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_tit strong {height: 40px; font-size: 16px; font-weight: 700; line-height: 22px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info {}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl {display: block; margin-bottom: 12px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dd {width: 100%; line-height: 20px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dd.e_text {height: 56px}
}
@media (max-width: 768px) {
	ul.event_list {border-top: 2px solid #47c83e}
	ul.event_list li.event_item {width: 100%; display: inline-block; float: none; border-radius: 0; margin: 0; border-bottom: 1px solid #e8e8f1}
	ul.event_list li.event_item:nth-child(n+2) {margin: 0 !important}
	ul.event_list li.event_item a.event_link {display: flex; position: relative; justify-content: flex-end}
	ul.event_list li.event_item a.event_link .e_img {width: 160px; height: 100%; border-radius: 0; display: inline-block; position: absolute; top: 0; left: 0}
	ul.event_list li.event_item a.event_link .e_img .pro_img_none {background: #e6e6ef url(/img/cc/com/pro_img_none_bg.svg) 120% 110% no-repeat; background-size: 60%}
	ul.event_list li.event_item a.event_link .e_img .pro_img_none::after {background: url(/img/cc/com/pro_img_none_text.svg) 50% 50% no-repeat; background-size: 60%}
	ul.event_list li.event_item a.event_link .e_img img {width: 100%}
	ul.event_list li.event_item a.event_link .e_cont_box {width: calc(100% - 160px); height: 100%; clear: none; padding: 10x}
	ul.event_list li.event_item a.event_link .e_cont_box.type02 {padding: 0 10px 10px 10px}
	ul.event_list li.event_item a.event_link .e_cont_box .program_state {display: inline-block; font-size: 12px; padding: 4px 6px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_tit {border: none; padding: 8px 0}
	ul.event_list li.event_item a.event_link .e_cont_box .e_tit strong {height: auto; font-size: 14px; line-height: 22px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info {padding-top: 0}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl {margin-bottom: 4px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dt {font-size: 12px; margin-bottom: 0}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dd {font-size: 12px; line-height: 18px}
	ul.event_list li.event_item a.event_link .e_cont_box .e_info dl dd.e_text {height: auto; font-size: 12px}
	ul.event_list li.event_item:hover {box-shadow: none}
	ul.event_list li.event_item:hover a.event_link .e_img img {width: 100%}
}
@media (max-width: 480px) {
	ul.event_list li.event_item a.event_link .e_img {display: none}
	ul.event_list li.event_item a.event_link .e_cont_box {width: 100%}
}  */


.search-area input#searchWord{width:400px}
@media (max-width:1080px) {
	.search-area input#searchWord{width:100%}
}