@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}



.board-list {width: 100%; border-top: 2px solid var(--black)}
.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)}
.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 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}

.s0601 .board-list tbody td,
.s0602 .board-list tbody td,
.s0603 .board-list tbody td,
.s0604 .board-list tbody td,
.s0610 .board-list tbody td {white-space: nowrap}

.board-list tbody td.m-only {height: auto; display: none !important; border-right: none; text-align: left; padding: 15px 15px 5px}
.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 비밀글 */

/* 게시판 목록 팝업 */
.table_view .basic_table .BorderNone {border: none}

/*
	※ 게시판 반응형
	s0501 공지사항,
	s0502 자료실
	s0504 Q&A,
	s0601 My 강좌목록
*/
@media (max-width: 1440px) {
	.s0606 .inner,
	.s0301 .inner,
	.s0401 .inner,
	.s0402 .inner,
	.s0403 .inner{width: 100%; padding:0 40px}
}
@media (max-width: 1080px) {
	.s0606 .inner,
	.s0301 .inner,
	.s0401 .inner,
	.s0402 .inner,
	.s0403 .inner {width: 100%; padding: 0 28px}
	
	.s0606 .board-list colgroup col,
	.s0301 .board-list colgroup col,
	.s0401 .board-list colgroup col,
	.s0402 .board-list colgroup col,
	.s0403 .board-list colgroup col{width: auto !important}
	
	.s0606 .board-list .pc-only,
	.s0301 .board-list .pc-only,
	.s0401 .board-list .pc-only,
	.s0402 .board-list .pc-only,
	.s0403 .board-list .pc-only{display: none}
	
	.s0606 .board-list tbody td.m-only,
	.s0301 .board-list tbody td.m-only,
	.s0401 .board-list tbody td.m-only,
	.s0402 .board-list tbody td.m-only,
	.s0403 .board-list tbody td.m-only{display: block !important}
}
@media (max-width: 768px) {
	.board-list tbody td.m-only {padding: 15px 15px 5px}
	.board-list tbody td.m-only ul.m-data-list {margin-top: 5px}
}
@media (max-width: 480px) {
	.s0606 .board-list tbody td.m-only .title,
	.s0301 .board-list tbody td.m-only .title,
	.s0401 .board-list tbody td.m-only .title,
	.s0402 .board-list tbody td.m-only .title,
	.s0403 .board-list tbody td.m-only .title{font-size: 14px}
	
	.board-list tbody td.m-only .top {font-size: 12px}
	
	.s0606 .board-list tbody td.m-only ul.m-data-list li,
	.s0301 .board-list tbody td.m-only ul.m-data-list li,
	.s0401 .board-list tbody td.m-only ul.m-data-list li,
	.s0402 .board-list tbody td.m-only ul.m-data-list li,
	.s0403 .board-list tbody td.m-only ul.m-data-list li{font-size: 12px}
	
	.board-list tbody td.m-only {padding: 10px 10px 5px !important}
	
	.scroll-box .board-list.scroll{font-size:14px;}
	.scroll-box .board-list.scroll th,td{padding:6px !important}
}


/* 게시판-상세 */
.board-view {width: 100%; border-top: 2px solid var(--black)}
.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 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}
.s040101 .board-view tr td.info .view-info pre{color:var(--black);}
.board-view tr td.info .view-info pre img {max-width: 700px}
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) {
	.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 0*/}
	.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 {font-size: 12px !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) {
	.board-view th.top {font-size: 14px}
	.board-view th.top ul.side-info {margin-top: 5px}
	.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}
	
}

/* 블로그형 게시물 리스트 */
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: var(--blue) url('/img/lms/com/pattern.png') repeat; content: ''; position: absolute; bottom: 0; left: 0; z-index: 20; transition: .8s; opacity:0.9}
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/lms/com/logo.svg') 50% 50% no-repeat; background-size: 40%; opacity: .5; 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}
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: 1280px) {
    ul.board-img-list li.item a::after {content: none}
    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 a:hover .info .season {color: var(--green); padding-left: 0}
    ul.board-img-list li.item a:hover .info strong {color: var(--black); padding-left: 0}
}

@media (max-width:1080px){
	ul.board-img-list li.item{width: calc(94% / 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:768px){
	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 (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: 640px) {
    ul.board-img-list li.item .state span {font-size: 12px}
    ul.board-img-list li.item .info {padding: 10px 0 4px}
    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: 40px}
    ul.board-img-list li.item .info .bottom dl dd {width: calc(100% - 40px)}
}
@media screen and (max-width: 460px) {
    ul.board-img-list li.item .info {padding: 10px 0 0}
    ul.board-img-list li.item .info strong {margin: 0}
    ul.board-img-list li.item .info .bottom {display: none}
}

/* @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%}
} */

/* 페이지 내비게이션 */
.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}

/* 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%}
}  */