@charset "utf-8";

/*  게시판 리스트 */
.bbs_list {
	border-bottom: 1px solid #414b55;
	margin-top: -1px;
}

.bbs_list table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.bbs_list table.top_line {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #414b55;
}

.bbs_list table thead th {
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background: #f7f7f7;
	color: #666666;
}

.bbs_list table tbody tr.highlight td {
	font-weight: bold;
	color: #222
}

.bbs_list table tbody td {
	height: 36px;
	padding: 7px 5px;
	border-bottom: 1px solid #ededed;
	text-align: center;
	font-size: 13px;
}

.bbs_list table tbody tr.no-data td {
	height: 100px;
}

.bbs_list table tbody td.tit {
	text-align: left;
	padding: 0 5px;
}

.bbs_list table tbody td.tit a, .bbs_list table tbody td.tit span {
	display: inline-block;
	vertical-align: middle;
}

.bbs_list table tbody td.tit a {
	margin-right: 7px;
}

.bbs_list table tbody td.tit a:hover {
	text-decoration: underline;
}

.bbs_list table tbody td.tit img {
	vertical-align: middle;
	margin-left: 5px;
}

.bbs_list table tbody td.alR {
	text-align: right;
}

.bbs_list table tbody tr:last-child td {
	border-bottom: none;
}

.bbs_list table tbody tr.notice_line {
	
}

.bbs_list table tbody tr.notice_line .ntc {
	display: inline-block;
	width: 46px;
	height: 18px;
	margin-right: 10px;
	background: #ff915f;
	border: 1px solid #ff915f;
	border-radius: 10px;
	fon-weight: normal;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

#wrap_middle .bbs_list table tbody tr.notice_line .ntc {
	background: #00aaaa;
	border: 1px solid #00aaaa
}

/* 나의강의실 - 연수변경/취소  td padding-top:25px */
.bbs_list2 {
	border-bottom: 1px solid #414b55;
	margin-top: -1px;
}

.bbs_list2 table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.bbs_list2 table.top_line {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #414b55;
}

.bbs_list2 table thead th {
	min-height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background: #f7f7f7;
	color: #666666;
}

.bbs_list2 table tbody td {
	padding: 23px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
	font-size: 13px;
}

.bbs_list2 table tbody td.tit {
	text-align: left;
	padding: 0 30px;
}

.bbs_list2 table tbody td.tit a, .bbs_list2 table tbody td.tit span {
	float: left;
	display: block;
}

.bbs_list2 table tbody td.tit a:hover {
	text-decoration: underline;
}

.bbs_list2 table tbody td.tit img {
	vertical-align: middle;
	margin-left: 5px;
}

.bbs_list2 table tbody td.alR {
	text-align: right;
}

.bbs_list2 table tbody td.alL {
	text-align: left;
}

.bbs_list2 table tbody tr:last-child td {
	border-bottom: none;
}

/*  게시판 리스트 */
.bbs_list3 {
	border-bottom: 1px solid #bebebe;
	margin-top: -1px;
}

.bbs_list3 table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.bbs_list3 table.top_line {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #bebebe
}

.bbs_list3 table thead th {
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background: #f7f7f7;
	color: #666666;
}

.bbs_list3 table tbody td {
	height: 36px;
	padding: 7px 5px;
	border-bottom: 1px solid #ededed;
	text-align: center;
	font-size: 13px;
}

.bbs_list3 table tbody td.first {
	border-left: none;
}

.bbs_list3 table tbody td.tit {
	text-align: left;
	padding: 0 10px;
}

.bbs_list3 table tbody td.tit a, .bbs_list3 table tbody td.tit span {
	float: left;
	display: block;
}

.bbs_list3 table tbody td.tit a:hover {
	text-decoration: underline;
}

.bbs_list3 table tbody td.tit img {
	vertical-align: middle;
	margin-left: 5px;
}

.bbs_list3 table tbody td.alR {
	text-align: right;
}

.bbs_list3 table tbody tr:last-child td {
	border-bottom: none;
}

.bbs_list3 table tbody tr.notice_line {
	
}

.bbs_list3 table tbody tr.notice_line .ntc {
	display: inline-block;
	width: 46px;
	height: 18px;
	margin-right: 10px;
	background: #ff915f;
	border: 1px solid #ff915f;
	border-radius: 10px;
	fon-weight: normal;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

#wrap_middle .bbs_list3 table tbody tr.notice_line .ntc {
	background: #00aaaa;
	border: 1px solid #00aaaa
}

.iprc {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	font-size: 0px;
	line-height: 0;
	overflow: hidden;
	background: url("../../images/front/bbs/icon_list.png") 0 0 no-repeat;
}

.iprc01 {
	width: 11px;
	height: 17px;
	background-position: 0 0;
} /* 모바일 */
.iprc02 {
	width: 17px;
	height: 17px;
	background-position: -16px 0;
} /* 히트 */
.iprc03 {
	width: 17px;
	height: 16px;
	background-position: -38px 0;
} /* 라이센스 */
.iprc04 {
	width: 17px;
	height: 17px;
	background-position: -60px 0;
} /* 신규 */
.iprc05 {
	width: 17px;
	height: 17px;
	background-position: -82px 0;
} /* 베스트 */
.iprc06 {
	width: 16px;
	height: 16px;
	background-position: -104px 0;
} /* 업그레이드 */
.iprc07 {
	width: 15px;
	height: 15px;
	background-position: -125px 0;
} /* 플러스회원권 가능과정 */
.iprc08 {
	width: 40px;
	height: 17px;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_sale.png)
		no-repeat !important;
} /* 할인중 가능과정 */
.iprc09 {
	width: 42px;
	height: 17px;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_event.png)
		no-repeat !important;
} /* 이벤트 과정 */

/*  20160324 게시판 리스트 */
.bbs_list20160324 {
	border-bottom: 1px solid #414b55;
	margin-top: -1px;
}

.bbs_list20160324 table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.bbs_list20160324 table.top_line {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #414b55;
}

.bbs_list20160324 table thead th {
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background: #f7f7f7;
	color: #666666;
}

.bbs_list20160324 table tbody td {
	height: 36px;
	padding: 7px 2px;
	border-bottom: 1px solid #ededed;
	text-align: center;
	font-size: 13px;
}

.bbs_list20160324 table tbody td.tit {
	text-align: left;
	padding: 0 5px;
}

.bbs_list20160324 table tbody td.tit a, .bbs_list20160324 table tbody td.tit span
	{
	display: inline-block;
	vertical-align: middle;
}

.bbs_list20160324 table tbody td.tit a {
	margin-right: 7px;
}

.bbs_list20160324 table tbody td.tit a:hover {
	text-decoration: underline;
}

.bbs_list20160324 table tbody td.tit img {
	vertical-align: middle;
	margin-left: 5px;
}

.bbs_list20160324 table tbody td.alR {
	text-align: right;
}

.bbs_list20160324 table tbody tr:last-child td {
	border-bottom: none;
}

.bbs_list20160324 table tbody tr.notice_line {
	
}

.bbs_list20160324 table tbody tr.notice_line .ntc {
	display: inline-block;
	width: 46px;
	height: 18px;
	margin-right: 10px;
	background: #ff915f;
	border: 1px solid #ff915f;
	border-radius: 10px;
	fon-weight: normal;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

#wrap_middle .bbs_list20160324 table tbody tr.notice_line .ntc {
	background: #00aaaa;
	border: 1px solid #00aaaa
}

/* 영수증/이수증 리스트 */
.bbs_list4 {
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
.bbs_list4 table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.bbs_list4 table tbody tr.no-data td{
	height:200px;
}
.bbs_list4 table tbody tr.no-data td p{
	padding-top: 70px;
	font-size:16px;
	color:#5a5a5a;
	background:url('https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/common/snb/icon_nodata.png') no-repeat top center;
}
.bbs_list4 table thead th {
	min-height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background: #f7f7f7;
	border-bottom:1px solid #bebebe;
	color: #828282;
	font-weight:normal;
}
.bbs_list4 table tbody td {
	padding: 23px 15px;
	border-left: 1px solid #ededed;
	border-bottom:1px solid #ededed;
	text-align: center;
	font-size: 13px;
}
.bbs_list4 table tbody td.tit {
	text-align: left;
	padding: 20px 25px;
}

.bbs_list4 table tbody td.tit a:hover {
	text-decoration: underline;
}
.bbs_list4 table tbody td.tit .crs-thumb {
	width:125px;
	height:98px;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e5e5e5;
	border-radius:5px;
	overflow:hidden;
}
.bbs_list4.bbs_list_height table tbody td.tit .crs-thumb{
	height:auto;
}

.bbs_list4 table tbody td.tit .crs-thumb img {
	display:block;
	width:100%;
}
.bbs_list4 table tbody td.tit .crs-info-wrap {
	display:inline-block;
	width:calc(100% - 130px);
	vertical-align:middle;
	box-sizing:border-box;
	padding-left:20px;
}
.crs-info-wrap .crs-tit {
	font-size:14px;
	line-height:1.5;
}
.crs-info-wrap .crs-due {
	margin-top:7px;
}
.crs-info-wrap .crs-due cite {
	display:inline-block;
	background:#eeeeee;
	color:#777777;
	line-height:19px;
	font-size:11px;
	padding:0 5px;
	border-radius:9px;
	margin-right:5px;
	font-weight:bold;
	font-style:normal;
}
.crs-info-wrap .crs-price {
	font-size:16px;
	font-weight:bold;
	margin-top:12px;
	display:block;
}

.bbs_list4 table tbody td.alR {
	text-align: right;
}

.bbs_list4 table tbody td.alL {
	text-align: left;
}
.bbs_list4 table tbody td:first-child { border-left:0; }
.bbs_list4 table tbody tr:last-child td {
	border-bottom: none;
}

/* 이벤트 리스트 */
.bbs_evt_list {
	
}

.bbs_evt_list ul {
	overflow: hidden;
	margin-right: -20px;
}

.bbs_evt_list li {
	float: left;
	position: relative;
	width: 330px;
	height: 200px;
	margin: 0 40px 30px 20px
}

.bbs_evt_list li .thumb {
	position: relative;
	display: block;
	width: 330px;
	heihgt: 130px;
}

.bbs_evt_list li .thumb img {
	border-radius: 5px 5px 0 0;
}

.bbs_evt_list li .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 328px;
	height: 128px;
	border: 1px solid #000;
	border-radius: 5px 5px 0 0;
	opacity: 0.2;
}

.bbs_evt_list li .info {
	position: relative;
	display: block;
	height: 43px;
	padding: 13px 19px;
	border-radius: 0 0 3px 3px;
	border: 1px solid #d0d0d0;
	border-top: none;
}

.bbs_evt_list li .info strong {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}

.bbs_evt_list li .info .date {
	color: #999999
}

.bbs_evt_list li .info .evt_step {
	position: absolute;
	bottom: 12px;
	right: 19px;
}

.bbs_evt_list li .end {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 328px;
	height: 128px;
	border: 1px solid #3c3c3c;
	border-radius: 5px 5px 0 0;
	background: #3c3c3c;
	opacity: 0.8;
}

.bbs_evt_list li .end_txt {
	position: absolute;
	top: 29px;
	left: 129px;
	display: block;
	width: 70px;
	height: 70px;
	line-height: 72px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #3c3c3c;
	border: 1px solid #3c3c3c;
	border-radius: 100%
}

.bbs_evt_list .empty {
	text-align: center;
	font-size: 20px;
	padding: 50px 0;
	margin-bottom: 30px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}

/* 테마별 리스트 */
.top_theme {
	height: 98px;
	padding: 0 30px;
	margin-bottom: 40px;;
	border-radius: 5px;
}

.top_theme:after {
	content: "";
	display: block;
	clear: both;
}

.top_theme strong {
	float: left;
	display: block;
	width: 218px;
	height: 60px;
	line-height: 60px;
	margin: 20px 0;
	padding: 0px 0 0px 0px;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	background: url("../../images/front/bbs/this_round.png") 0 0 no-repeat;
}

.top_theme strong img {
	margin-right: 15px;
}

.top_theme span {
	float: left;
	width: 465px;
	padding: 30px 0;
	font-size: 13px;
	color: #e5e5e5;
}

.theme01 .top_theme {
	background: #aa96c8;
	border: 1px solid #aa96c8;
}

.theme02 .top_theme {
	background: #64b4b8;
	border: 1px solid #64b4b8;
}

.theme03 .top_theme {
	background: #fac35f;
	border: 1px solid #fac35f;
}

.theme04 .top_theme {
	background: #8cc378;
	border: 1px solid #8cc378;
}

.theme_box .rcm_box {
	padding: 29px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}

.theme_box .rcm_box:after {
	content: "";
	display: block;
	clear: both;
}

.rcm_box:after {
	content: "";
	display: block;
	clear: both;
}

.rcm_box .thumb_box {
	float: left;
	width: 198px;
}

.rcm_box .thumb_box .thumb {
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	margin-bottom: 10px;
}

.rcm_box .thumb_box .thumb img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	o
}

.rcm_box .thumb_box .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.rcm_box .thumb_box .thumb .mark {
	position: absolute;
	top: 0;
	left: 0;
}

.rcm_box .thumb_box .thumb .mark img {
	width: auto;
	height: auto;
	border-radius: 0;
}

.rcm_box .thumb_box a {
	float: left;
	width: 50px;;
	margin-right: 4px;
	text-align: center;
}

.rcm_box .info_box {
	float: left;
	width: 502px;
	margin-bottom: 5px;
}

.rcm_box .info_box .tit {
	display: block;
	font-size: 20px;
	color: #1e1e1e;
	padding: 14px 0 25px 20px;
}

.rcm_box .info_box .tit a {
	color: #1e1e1e;
}

.rcm_box .info_box .info {
	overflow: hidden;
	width: 499px;
	margin-bottom: 15px;;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
}

.rcm_box .info_box .info li {
	float: left;
	width: 165px;
	padding: 10px 0;
	border-right: 1px solid #d0d0d0;
	line-height: 1em;
}

.rcm_box .info_box .info li.last {
	border-right: none;
}

.rcm_box .info_box .info li strong {
	margin: 0 10px 0 17px;
	font-weight: normla;
	color: #1e1e1e;
}

.rcm_box .info_box p.ptxt {
	padding: 13px 0;
	margin-left: 20px;
	font-size: 15px;
	color: #1e1e1e
}

.rcm_box .info_box .icon2_list {
	margin-left: 20px;
}

.rcm_box .info_box .icon2_list .mcmt {
	margin-top: 10px;
	background: url("../../images/front/common/bg_dot02.png") 0 6px
		no-repeat;
	color: #1e1e1e;
}

.theme01 .info_box p.ptxt {
	color: #64508c
}

.theme02 .info_box p.ptxt {
	color: #46739b
}

.theme03 .info_box p.ptxt {
	color: #b4781e
}

.theme04 .info_box p.ptxt {
	color: #467d32
}

/*------- #47554 테마연수 개편 이후 삭제 -------*/
/* 테마별 추천과정 개편 2019.06.20 */
.theme_box_row {
	font-size: 0;
	line-height: 0;
	padding: 1px 0 0 1px;
}

.theme_box_row li {
	width: 254px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: -1px 0 0 -1px;
}

.theme_box_row li a {
	display: block;
	width: 254px;
	height: 297px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	padding: 30px 42px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
/* .theme_box_row li a:hover,
.theme_box_row li a:focus { 
	background:#f7f7f7;
	border-color:#666666;
	z-index:9;
	position:relative; 
} */
/* theme_box_row border-round default setting */
.theme_box_row li:nth-of-type(1) a {
	border-top-left-radius: 5px;
}

.theme_box_row li:nth-of-type(3) a {
	border-top-right-radius: 5px;
}

.theme_box_row li:nth-of-type(3n+1):nth-last-of-type(3) a {
	border-bottom-left-radius: 5px;
}

.theme_box_row li:nth-of-type(3n):nth-last-of-type(1) a {
	border-bottom-right-radius: 5px;
}

/* theme_box_row list 1개 */
.theme_box_row li:nth-of-type(1):nth-last-of-type(1) a {
	border-radius: 5px;
}
/* theme_box_row list 2개 */
.theme_box_row li:nth-of-type(1):nth-last-of-type(2) a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.theme_box_row li:nth-of-type(2):nth-last-of-type(1) a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 3개 */
.theme_box_row li:nth-of-type(1):nth-last-of-type(3) a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.theme_box_row li:nth-of-type(3):nth-last-of-type(1) a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 3n + 1개 */
.theme_box_row li:nth-of-type(3n):nth-last-of-type(2) a {
	border-bottom-right-radius: 5px;
}

.theme_box_row li:nth-of-type(3n+1):nth-last-of-type(1) a {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 3n + 2개 */
.theme_box_row li:nth-of-type(3n):nth-last-of-type(3) a {
	border-bottom-right-radius: 5px;
}

.theme_box_row li:nth-of-type(3n+1):nth-last-of-type(2) a {
	border-bottom-left-radius: 5px;
}

.theme_box_row li:nth-of-type(3n+2):nth-last-of-type(1) a {
	border-bottom-right-radius: 5px;
}

/* theme_box_row border-round default setting : wide */
.container_wide .theme_box_row {
	
}

.container_wide .contents .theme_box_row li {
	width: 230px;
}

.container_wide .contents .theme_box_row li a {
	width: 230px;
	padding: 30px 30px;
}

.container_wide .contents .theme_box_row li:nth-of-type(1) a {
	border-top-left-radius: 5px;
}

.container_wide .contents .theme_box_row li:nth-of-type(3) a {
	border-top-right-radius: 0;
}

.container_wide .contents .theme_box_row li:nth-of-type(4) a {
	border-top-right-radius: 5px;
}

.container_wide .contents .theme_box_row li:nth-of-type(3n+1):nth-last-of-type(3) a
	{
	border-bottom-left-radius: 0;
}

.container_wide .contents .theme_box_row li:nth-of-type(3n):nth-last-of-type(1) a
	{
	border-bottom-right-radius: 0;
}

.container_wide .contents .theme_box_row li:nth-of-type(4n+1):nth-last-of-type(4) a
	{
	border-bottom-left-radius: 5px;
}

/* theme_box_row list 1개 */
.container_wide .theme_box_row li:nth-of-type(1):nth-last-of-type(1) a {
	border-radius: 5px;
}
/* theme_box_row list 2개 */
.container_wide .theme_box_row li:nth-of-type(1):nth-last-of-type(2) a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(2):nth-last-of-type(1) a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 3개 */
.container_wide .theme_box_row li:nth-of-type(1):nth-last-of-type(3) a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(3):nth-last-of-type(1) a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 3n + 1개 */
.container_wide .theme_box_row li:nth-of-type(3n):nth-last-of-type(2) a
	{
	border-bottom-right-radius: 0;
}

.container_wide .theme_box_row li:nth-of-type(3n+1):nth-last-of-type(1) a
	{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* theme_box_row list 3n + 2개 */
.container_wide .theme_box_row li:nth-of-type(3n):nth-last-of-type(3) a
	{
	border-bottom-right-radius: 0;
}

.container_wide .theme_box_row li:nth-of-type(3n+1):nth-last-of-type(2) a
	{
	border-bottom-left-radius: 0;
}

.container_wide .theme_box_row li:nth-of-type(3n+2):nth-last-of-type(1) a
	{
	border-bottom-right-radius: 0;
}
/* theme_box_row list 4개 */
.container_wide .theme_box_row li:nth-of-type(1):nth-last-of-type(4) a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(4):nth-last-of-type(1) a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(4n):nth-last-of-type(1) a
	{
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 4n + 1개 */
.container_wide .theme_box_row li:nth-of-type(4n):nth-last-of-type(2) a
	{
	border-bottom-right-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(4n+1):nth-last-of-type(1) a
	{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 4n + 2개 */
.container_wide .theme_box_row li:nth-of-type(4n):nth-last-of-type(3) a
	{
	border-bottom-right-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(4n+1):nth-last-of-type(2) a
	{
	border-bottom-right-radius: 0;
}

.container_wide .theme_box_row li:nth-of-type(4n+2):nth-last-of-type(1) a
	{
	border-bottom-right-radius: 5px;
}
/* theme_box_row list 4n + 3개 */
.container_wide .theme_box_row li:nth-of-type(4n):nth-last-of-type(4) a
	{
	border-bottom-right-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(4n+1):nth-last-of-type(3) a
	{
	border-bottom-left-radius: 5px;
}

.container_wide .theme_box_row li:nth-of-type(4n+2):nth-last-of-type(2) a
	{
	border-bottom-left-radius: 0;
}

.container_wide .theme_box_row li:nth-of-type(4n+3):nth-last-of-type(1) a
	{
	border-bottom-right-radius: 5px;
}
/*------- // #47554 테마연수 개편 이후 삭제 -------*/
.theme_box_row.theme_box_row_wide {
	font-size: 0;
	line-height: 0;
}

.theme_box_row.theme_box_row_wide li {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin: 0;
	box-sizing: content-box;
	margin-left: 29px;
	border-left: 1px solid #d0d0d0;
	padding-left: 29px;
	width: 250px;
	height: 300px;
}
.theme_box_row.theme_box_row_wide li:nth-of-type(4n+1) {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

.theme_box_row.theme_box_row_wide li:nth-of-type(n+5) {
	margin-top: 60px;
}

.theme_box_row.theme_box_row_wide li a {
	display: block;
	width: 250px;
	height: 300px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.theme_box_row.theme_box_row_wide .thumb {
	width: 100%;
	height: 194px;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0 auto;
}

.theme_box_row.theme_box_row_wide .thumb img {
	display: block;
	width: 100%;
	border-radius: 5px;
}

.theme_box_row.theme_box_row_wide .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 194px;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.theme_box_row.theme_box_row_wide li strong.tit {
	font-size: 22px;
	line-height: 27px;
	letter-spacing: -0.05em;
	word-break: break-all;
	height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.theme_box_row.theme_box_row_wide li .crs_lbl_group {
	margin-left: 0;
}
.theme_box_row.digital_box_row li strong.tit{
	font-size:20px;
}
.theme_box_row.digital_box_row li{
	height:343px;
}
.crs_lbl_group .crs_info {
	color: #5a5a5a;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	padding: 0 10px;
}

.crs_lbl_group .crs_info ~ .crs_info {
	border-left: 1px solid #ccc;
}

.theme_box_row li span.credit {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	background: #aaa;
	line-height: 34px;
	padding: 0 20px;
	border-radius: 17px;
}

.theme_box_row li strong.tit {
	display: block;
	font-size: 16px;
	color: #1e1e1e;
	line-height: 24px;
	font-weight: normal;
}

.theme_box_row .thumb {
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	margin-bottom: 10px;
	margin: 0 auto;
}

.theme_box_row .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.theme_box_row .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

/* 이달의 추천과정 */
.top_month {
	position: relative;
	padding: 19px 0 19px 30px;
	margin-bottom: 40px;
	background: #aa96c8;
	border: 1px solid #aa96c8;
	border-radius: 5px;
}

.top_month:after {
	content: "";
	display: block;
	clear: both;
}

.top_month strong {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	font-size: 24px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	background: url("../../images/front/bbs/this_round.png") 0 0 no-repeat;
}

.top_month span {
	float: left;
	font-size: 28px;
	color: #fff;
	line-height: 60px;
	vertical-align: middle;
}

.top_month a {
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 145px;
	height: 32px;
	padding: 33px 0 33px 23px;
	font-weight: bold;
	line-height: 1.3em;
	background-color: #6e5f8c;
	border: 1px solid #6e5f8c;
	color: #fff;
	border-radius: 0 5px 5px 0;
	background-image: url("../../images/front/bbs/bg_more02.png");
	background-position: 120px center;
	background-repeat: no-repeat;
}

.month_type01 {
	background: #aa96c8;
	border: 1px solid #aa96c8;
}

.month_type01 strong {
	color: #6e5f8c;
}

.month_type01 a {
	background-color: #6e5f8c;
	border: 1px solid #6e5f8c;
}

.month_type02 {
	background: #64b4b8;
	border: 1px solid #64b4b8;
}

.month_type02 strong {
	color: #328287;
}

.month_type02 a {
	background-color: #328287;
	border: 1px solid #328287;
}

.month_type03 {
	background: #fac35f;
	border: 1px solid #fac35f;
}

.month_type03 strong {
	color: #be8232;
}

.month_type03 a {
	background-color: #be8232;
	border: 1px solid #be8232;
}

.month_type04 {
	background: #8cc378;
	border: 1px solid #8cc378;
}

.month_type04 strong {
	color: #5f914b;
}

.month_type04 a {
	background-color: #5f914b;
	border: 1px solid #5f914b;
}

.month_recom {
	
}

.month_recom .rcm_box:first-child {
	border-top: none;
}

.month_recom .rcm_box {
	margin-top: -1px;
	padding: 29px;
	border-top: 1px solid #d0d0d0
}

.month_recom .rcom_box.first {
	border-top: none;
}

.rcm_box02 {
	overflow: hidden;
	width: 100%;
}

.rcm_box02 li {
	float: left;
	width: 168px;
	padding: 29px 42px;
	border-left: 1px solid #e5e5e5
}

.rcm_box02 li:first-child, .rcm_box02 li.first {
	border-left: none;
}

.rcm_box02 li .thumb {
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	margin-bottom: 10px;;
}

.rcm_box02 li .thumb img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	o
}

.rcm_box02 li .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.rcm_box02 li strong {
	display: block;
	height: 42px;
	padding: 8px 0;
	font-size: 15px;
	color: #1e1e1e;
	line-height: 1.4em;
}

.rcm_box02 li span.txt {
	display: block;
	margin-bottom: 15px;
}

.rcm_box02 li .btn_box {
	display: block;
	overflow: hidden;
	margin-left: -4px;
}

.rcm_box02 li .btn_box:after {
	content: "";
	display: block;
	clear: both;
}

.rcm_box02 li .btn_box a {
	float: left;
	width: 50px;
	margin-left: 4px;
	text-align: center;
}

.rcm_box02 li .btn_box2 {
	display: block;
	overflow: hidden;
}

.rcm_box02 li .btn_box2 a {
	width: 166px;
	padding: 0;
	text-align: center;
}

.paging {
	width: 100%;
	font-style: normal;
	padding: 25px 0 25px;
	text-align: center;
}

.paging li {
	display: inline-block;
}

.paging li a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 5px;
	color: #a7a7a7;
}

.paging a:hover {
	text-decoration: underline;
}

.paging .now span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0 5px;
	vertical-align: middle;
	color: #ff643c
}

#wrap_middle .paging .now span {
	color: #00aaaa
}

.paging .ppv a, .paging .pv a, .paging .fw a, .paging .ffw a {
	cursor: pointer;
	background: #fff;
	margin-left: 2px;
	background-image: url("../../images/front/bbs/bg_paging.png");
	width: 24px;
	height: 24px;
	padding: 0;
	overflow: hidden;
	text-indent: -1000em;
	vertical-align: middle;;
}

.paging .ppv a {
	background-position: 0 0;
}

.paging .ppv a:hover {
	background-position: 0 -24px
}

.paging .pv {
	margin-right: 13px;
}

.paging .pv a {
	background-position: -24px 0;
}

.paging .pv a:hover {
	background-position: -24px -24px;
}

.paging .fw {
	margin-left: 13px;
}

.paging .fw a {
	background-position: -48px 0;
}

.paging .fw a:hover {
	background-position: -48px -24px;
}

.paging .ffw a {
	background-position: -72px 0;
}

.paging .ffw a:hover {
	background-position: -72px -24px
}

.star {
	display: inline-block;
	height: 10px;
	background: url("../../images/front/bbs/bg_star.png") 0 0 repeat-x;
}

.on .star {
	display: inline-block;
	height: 10px;
	background: url("../../images/front/bbs/bg_star.png") 0 -10px repeat-x;
}

.star-rate1 {
	width: 10px;
}

.star-rate2 {
	width: 20px;
}

.star-rate3 {
	width: 30px;
}

.star-rate4 {
	width: 40px;
}

.star-rate5 {
	width: 50px;
}

.search_bar {
	width: 100%;
	position: relative;
}

.search_bar:after {
	content: "";
	display: block;
	clear: both;
}

.search_bar .inp_s {
	height: 34px;
	line-height: 34px/9;
	width: 179px;
	padding-left: 15px;
	border: 1px solid #d0d0d0;
	border-right: none;
	vertical-align: middle;
	border-radius: 2px 0 0 2px
}

.search_bar .inp_s:focus {
	border: 1px solid #bebebe;
	border-right: none;
}

.search_bar .btn_sch {
	vertical-align: middle;
	background: #8c96a0;
	border-radius: 0 2px 2px 0
}

.search_bar .btn_sch:hover {
	background: #78828c;
}

.search_bar .select_box {
	height: 36px;
}

.search_bar .select_box .selectBox-dropdown {
	height: 34px;
	line-height: 34px;
}

.search_bar select {
	height: 36px;
	width: 100%;
}

.search_bar select option {
	width: 100%;
}

.search_bar .rbtn_box {
	float: right;
	padding-top: 3px;
}

.search_bar .rbtn_box a {
	margin-left: 3px;
}

/* search_bar_rnd */
.search_bar_rnd {
	background: #f7f7f7;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	padding: 15px;
}

.search_bar_rnd:after {
	content: "";
	display: block;
	clear: both;
}

.search_bar_rnd .chk_list {
	padding: 8px 0 7px;
}

.inp_sch, .inp_sch_wide { /* background:#fff; */
	font-size: 0;
	line-height: 0;
}

.inp_sch .inp_s, .inp_sch_wide .inp_s {
	font-size: 14px;
	vertical-align: top;
	height: 34px;
	line-height: 34px/9;
	width: 320px;
	outline: 0;
	padding-left: 15px;
	border: 1px solid #d0d0d0;
	border-right: none;
	vertical-align: middle;
	border-radius: 2px 0 0 2px
}

.inp_sch_wide .inp_s {
	width: 700px;
}

.inp_sch .inp_s:focus, .inp_sch_wide .inp_s:focus {
	border: 1px solid #bebebe;
	border-right: none;
}

.inp_sch .btn_sch, .inp_sch_wide .btn_sch {
	vertical-align: top;
	background: #8c96a0;
	border-radius: 0 2px 2px 0;
	outline: 0;
}

.inp_sch .btn_sch:hover, .inp_sch_wide .btn_sch:hover {
	background: #78828c;
}

.range_box {
	text-align: right;
	margin-bottom: 20px;
	line-height: 1em;
}

.range_box a {
	padding-left: 13px;
	color: #666666;
	background: url('../../images/front/bbs/bg_range.png') 0 center
		no-repeat;
}

.range_box span {
	margin: 0 8px;
	color: #cdcdcd
}

/* 게시판_뷰 */
#bbs_wrap .board_view {
	margin-bottom: 30px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}

#bbs_wrap .board_view dl {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

#bbs_wrap .board_view dt {
	float: left;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: center;
	background: url('../../images/front/bbs/bg_line_y.gif') right center
		no-repeat;
}

#bbs_wrap .board_view dd {
	float: left;
	min-height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
}

#bbs_wrap .tit_view dt {
	width: 10%;
	padding-left: 4%;
	text-align: left;
}

#bbs_wrap .tit_view dd {
	width: 82%;
	padding: 12px 2% 12px 2%;
	text-align: left;
	line-height: 18px;
	min-height: auto;
}

#bbs_wrap .tit_view1 dt {
	width: 10%;
	padding-left: 4%;
	text-align: left;
}

#bbs_wrap .tit_view1 dd {
	width: 32%;
	padding: 12px 2% 12px 2%;
	text-align: left;
	line-height: 18px;
	min-height: auto;
}

#bbs_wrap .info_view dt {
	width: 10%;
	padding-left: 4%;
	text-align: left;
}

#bbs_wrap .info_view dd {
	width: 82%;
	padding: 12px 2% 12px 2%;
	text-align: left;
}

#bbs_wrap .info_view1 dt {
	width: 10%;
	padding-left: 4%;
	border-bottom: none;
	text-align: left;
}

#bbs_wrap .info_view1 dd {
	width: 32%;
	padding: 12px 2% 12px 2%;
	text-align: left;
	line-height: 18px;
	min-height: auto;
}

#bbs_wrap .info_view2 dt {
	width: 10%;
	padding-left: 4%;
	text-align: left;
}

#bbs_wrap .info_view2 dd {
	width: 15%;
	padding-left: 2%;
	text-align: left;
}

#bbs_wrap .info_view3 dt {
	width: 10%;
	padding-left: 4%;
}

#bbs_wrap .info_view3 dd {
	width: 11%;
}

#bbs_wrap .info_view3 dt.writer {
	width: 10%;
	padding-left: 4%;
	text-align: left;
	background: #f8f8f8
}

#bbs_wrap .info_view3 dd.writer {
	width: 15%;
	padding-left: 2%;
	text-align: left;
}

#bbs_wrap .file_box {
	
}

#bbs_wrap .file_box li {
	line-height: 1.5em;
	color: #64508c
}

#bbs_wrap .file_box li a {
	color: #64508c
}

#bbs_wrap .board_view .view_cont {
	margin-top: -1px;
	padding: 35px 30px;
	border-top: 1px solid #e5e5e5;
	min-height: 100px;
	word-break: break-all;
	line-height: 1.5em;
}

#bbs_wrap .board_view .view_cont02 {
	margin-top: -1px;
	padding: 30px 19px;
	border-top: 1px solid #e5e5e5;
	min-height: 100px;
	word-break: break-all;
	line-height: 1.5em;
}

.container_wide #bbs_wrap .board_view .view_cont02 {
	padding: 30px 29px;
}

/* 게시판_뷰 댓글 */
#bbs_wrap .comment {
	position: relative;
	padding: 10px;
	background: #e5e5e5;
	width: 700px;
	margin: 0 auto;
	border-radius: 5px;
	margin-bottom: 20px;
}

#bbs_wrap .comment_inp {
	overflow: hidden;
	width: 100%;
	height: 60px;
	background: #fff;
}

#bbs_wrap .comment_inp textarea {
	float: left;
	width: 80%;
	height: 40px;
	padding: 10px 20px;
	background-color: #fff;
	color: #767676;
	border: none;
	font-size: 13px;
}

#bbs_wrap .comment .bbtn_input {
	float: right;
	margin: 10px 10px 0 0;
}

#bbs_wrap .comment .bbtn_input input {
	width: 70px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	background: #aaaab4;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
}

#bbs_wrap .comment .bbtn_input input:hover {
	background: #9b9b9b;
}

#bbs_wrap .bbs_reply {
	overflow: hidden;
}

#bbs_wrap .reply {
	position: relative;
	padding: 15px 0;
	margin-top: -1px;
	border-top: 1px solid #d0d0d0;
}

#bbs_wrap .reply:after {
	content: "";
	display: block;
	clear: both;
}

#bbs_wrap .reply strong {
	float: left;
	width: 95px;
	padding-left: 10px;
	font-weight: bold;
}

#bbs_wrap .reply p.reply_cont {
	float: left;
	width: 495px;
	word-break: break-all;
}

#bbs_wrap .reply .rinfo {
	float: right;
	text-align: right;
}

#bbs_wrap .reply .rinfo span.date {
	color: #999999;
	display: block;
}

#bbs_wrap .reply .rinfo span img {
	vertical-align: middle;
	margin: 0 2px;
}

#bbs_wrap .reply .rinfo span.edit {
	color: #e9715a;
	font-size: 11px;
}

#bbs_wrap .reply .rinfo span.edit a {
	color: #e9715a;
}

#bbs_wrap .preview {
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}

#bbs_wrap .preview dl {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #e5e5e5;
}

#bbs_wrap .preview dl:first-child {
	border-top: none;
}

#bbs_wrap .preview dt {
	float: left;
	width: 10%;
	padding-left: 4%;
	height: 34px;
	background: #f7f7f7;
	line-height: 34px;
	vertical-align: middle;
}

#bbs_wrap .preview dd {
	float: left;
	width: 82%;
	padding-left: 2%;
	line-height: 34px;
}

#bbs_wrap .preview dd a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 게시판_뷰 댓글(개발단요청) */
#form_comment_write {
	overflow: hidden;
	width: 100%;
	height: 60px;
	background: #fff;
}

#form_comment_write .panel-body {
	float: left;
	width: 80%
}

#form_comment_write .panel-body textarea {
	width: 560px;
	height: 40px;
	padding: 10px 20px;
	background-color: #fff;
	color: #767676;
	border: none;
	font-size: 13px;
}

#form_comment_write .panel-footer {
	float: right;
	margin: 10px 10px 0 0;
}

#form_comment_write .panel-footer button {
	width: 70px;
	height: 40px;
	vertical-align: middle;
	background: #aaaab4;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
}

#form_comment_write .panel-footer button:hover {
	background: #9b9b9b;
}

#comment_ul_list {
	overflow: hidden;
}

#comment_ul_list>li {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #d0d0d0;
}

#comment_ul_list>li .comment-btns {
	position: absolute;
	top: 30px;;
	right: 0;
}

#comment_ul_list>li .comment-btns a {
	margin-left: 5px;
}

#comment_ul_list .comment {
	overflow: hidden;
	width: auto;
	margin-bottom: 0;
	padding: 0;
	border-radius: 0
}

.comment-header .list-inline {
	overflow: hidden;
	widht: 100%;
}

.comment-header .list-inline li {
	float: left;
}

.comment-header .list-inline li strong {
	display: block;
	width: 95px;
	padding: 0 10px;
	font-weight: bold;
}

.comment-header .list-inline .date {
	position: absolute;
	top: 0;
	right: 0;
	color: #999999;
}

.comment-body {
	width: 540px;
	padding: 10px 10px 0;
	word-break: break-all;
}

.pagination {
	padding: 10px 0;
	text-align: center;
}

.pagination li {
	display: inline-block;
	margin: 0 2px;
	padding: 0 2px;
}

.comment_update {
	overflow: hidden;
	width: 100%;
	height: 60px;
	margin-top: 10px;
	background: #fff;
}

.comment_update .panel-body {
	float: left;
	width: 75%
}

.comment_update .panel-body textarea {
	width: 505px;
	height: 40px;
	padding: 10px 20px;
	background-color: #fff;
	color: #767676;
	border: none;
	font-size: 13px;
}

.comment_update .panel-footer {
	float: right;
	margin: 10px 10px 0 0;
}

.comment_update .panel-footer input {
	width: 70px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	background: #aaaab4;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
}

.comment_update .panel-footer input:hover {
	background: #9b9b9b;
}

/* 연수과정 뷰 */
.prs_info_box {
	padding: 28px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	margin-bottom: 10px;
}

.prs_info_box:after {
	content: "";
	display: block;
	clear: both;
}

.prs_info_box h3 {
	padding: 10px 0 0;
	font-size: 18px;
	min-height: 55px;
	color: #1e1e1e
}

.prs_info_box h3 span {
	margin-right: 5px;
}

.prs_info_box .info_box {
	float: left;
	width: 502px;
	border-top: 1px solid #e5e5e5
}

.prs_info_box .info_box .dl_line {
	border-bottom: 1px solid #e5e5e5;
}

.prs_info_box .info_box .dl_line:after {
	content: "";
	display: block;
	clear: both;
}

.prs_info_box .info_box dl {
	float: left;
	width: auto;
	overflow: visible;
}

.prs_info_box .info_box dl dt {
	float: left;
	width: 60px;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: left;
	background: url('../../images/front/bbs/bg_line_y.gif') right center
		no-repeat;
}

.prs_info_box .info_box dl dd {
	float: left;
	min-height: 44px;
	padding-left: 13px;
	line-height: 42px;
	vertical-align: middle;
	text-align: left;
}

.prs_info_box .info_box dl.dl1 {
	width: 220px;
}

.prs_info_box .info_box dl.dl1 dd {
	width: 147px
}

.prs_info_box .info_box dl.dl2 {
	width: 282px;
}

.prs_info_box .info_box dl.dl2 dd {
	width: 208px
}

.prs_info_box .info_box dl.dl_wide {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.prs_info_box .info_box dl.dl_wide dd {
	width: 428px;
	min-height: 34px;
	padding: 10px 0 5px 13px;
}

.prs_info_box .info_box dl.dl_wide dd a {
	float: left;
}

.prs_info_box .info_box dl.dl_wide dd span {
	float: left;
	width: 325px;
	padding-top: 5px;
	line-height: 20px;
}

.prs_info_box .info_box dd .btn26 {
	margin-right: 8px;
}

/* 자격증영역  */
.prs_info_box .info_box dl.dl_wide2 {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.prs_info_box .info_box dl.dl_wide2 dd {
	width: 428px
}

.prs_info_box .info_box dl.dl_wide2 dd span {
	display: inline-block;
	padding-top: 5px;
	line-height: 20px;
	margin-right: 8px;
}

/* 로드맵보기 레이어  */
#road_map_wrap {
	position: absolute;
	z-index: 500;
	margin-top: -15px;
	display: none;
}

#road_map_wrap .this {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	height: 6px;
	background: url('../../images/front/bbs/bg_bubble_top.png') 20px center
		no-repeat
}

#road_map_wrap .road_map {
	position: relative;
	top: -1px;
	background: #fff;
	border: 1px solid #bebebe;
	width: 660px;
	padding: 20px;
	border-radius: 5px;
}

#road_map_wrap .road_map .btn_close {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* 로드맵보기 레이어  */
#road_map_wrap2019 {
	position: absolute;
	z-index: 500;
	top: 60px;
	display: none;
}

#road_map_wrap2019 .this {
	position: relative;
	z-index: 10;
	line-height: 0;
	display: block;
	width: 100%;
	height: 10px;
	/* background:url('../../images/front/bbs/bg_bubble_top_mint.png') 20px center no-repeat */
}

#road_map_wrap2019 .road_map {
	position: relative;
	top: -1px;
	background: rgba(241, 241, 241, .95);
	border: 1px solid #9bdcdc;
	width: 660px;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

#road_map_wrap2019 .road_map .chart_box {
	background: #fff;
}

#road_map_wrap2019 .road_map .btn_close {
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 3px;
}

#road_map_wrap2019 .road_map .chart thead th {
	background: #eef8f8;
	border-bottom: 1px solid #d0d0d0
}

#road_map_wrap2019 .road_map .chart tbody th {
	background: #fdf7fe;
}

#road_map_wrap2019 .road_map .chart tbody tr:first-child th,
	#road_map_wrap2019 .road_map .chart tbody tr:first-child td {
	border-top: 1px solid #d0d0d0
}

#road_map_wrap2019 .road_map .chart td:not (.nohover ):hover {
	background: #f7f7f7;
	text-decoration: underline;
}

#road_map_wrap2019 .road_map .chart td.spot {
	background: #fffce9 !important;
}

#road_map_wrap2019 .road_map .chart td.spot a {
	color: #ff7350 !important;
}

#road_map_wrap2019 .road_map .icon1 {
	color: #00aaaa;
}

.prs_info_box_wide #road_map_wrap2019 {
	right: 29px;
}

.prs_info_box_wide #road_map_wrap2019 .this {
	background-position: 180px center;
}


/* 로드맵보기 레이어2024 */
#road_map_wrap2024{
	background:rgba(0,0,0,0.6);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 1000;
} 
#road_map_wrap2024 .inner{
	position:Absolute;
	background:#fff;
	width: 560px;
	height: 772px;
	border-radius: 5px;
	left:50%;top:50%;
	transform: translate(-30%, -50%);
	box-sizing: border-box;
	padding:40px 30px;
	overflow: hidden;
}
#road_map_wrap2024 .inner .road_map{
	position:relative;
}
#road_map_wrap2024 .inner h4{
	font-size:24px;
	font-weight: 700;
	color: #000;
	letter-spacing: -0.12px;
}
#road_map_wrap2024 .inner h4 + p{
	font-size: 15px;
    color: #5A5A5A;
    letter-spacing: -0.075px;
    margin-top: 12px;
}
#road_map_wrap2024 .road-close{
	position:absolute;
	right:0;top:0;
	width:20px;height:20px;
	background:url('../../images/front/common/ico_close.png') no-repeat center center;
	font-size:0;
}
#road_map_wrap2024 .inner .road-tab .road-btn{
	box-sizing: border-box;
	background: #F7F7F7;
	padding:4px 16px;
	color:#555;
	font-size:15px;
	border-radius:30px;
}
#road_map_wrap2024 .inner .road-tab .road-btn + .road-btn{
	margin-left:5px;
}
#road_map_wrap2024 .inner .road-tab .road-btn.on,
#road_map_wrap2024 .inner .road-tab .road-btn:hover{
	background: #FF7350;
	color:#fff;
}
#road_map_wrap2024 .inner .chart-box{
	height: 486px;
    overflow-y: scroll;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
#road_map_wrap2024 .inner .chart-box table{
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;    
}
#road_map_wrap2024 .inner .chart-box table tr th{
	background: #F7F7F7;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#road_map_wrap2024 .inner .chart-box table tr td{
	padding:20px 16px;
	border-bottom: 1px solid #E5E5E5;
}
#road_map_wrap2024 .inner .chart-box table tr:last-child th,
#road_map_wrap2024 .inner .chart-box table tr:last-child td{
	border-bottom:0;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content{
	
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content + .chart-content {
	margin-top:16px;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content a{
	display:table;
	width:100%;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content figure{
	border-radius: 5px;
	border: 1px solid #EBEBEB;
	width: 109px;
	height: 85px;
	overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content figure img {
    object-fit: fill;
    width: 100%;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content .cont{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: calc(100% - 123px);
    margin-left: 12px;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content .cont p{
	color:#555;
	font-size:15px;
	margin-bottom:11px;
	margin-top:3px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content .cont .price del{
	color: #C5C5C5;
    font-size: 11px;
    vertical-align: middle;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content .cont .price b{
	color: #121212;
    font-size: 18px;
    vertical-align: middle;
}
#road_map_wrap2024 .inner .chart-box table tr td .chart-content .cont .price .lbl_discount{
	font-weight: normal;
    padding: 4px 8px 3px;	
}
#road_map_wrap2024 .inner .chart-box::-webkit-scrollbar {
    width: 8px;
}
#road_map_wrap2024 .inner .chart-box::-webkit-scrollbar-track {
    background:#fff;
}
#road_map_wrap2024 .inner .chart-box::-webkit-scrollbar-thumb { 
    background: #C0C0C0;
    border-radius:10px;
}
#road_map_wrap2024 .inner .chart-box::-webkit-scrollbar-button {
    display: none;
}
#road_map_wrap2024 .btn_c .close{
	width:140px;
	height:40px;line-height:40px;
	text-align:center;
	color:#fff;
	font-size:15px;
}


.bubble_over {
	position: relative;
	display: inline-block;
	margin-left: 2px;
	z-index: 2;
	margin-top: -2px;
}

.bubble_over a.over {
	display: inline-block;
	text-align: left;
	margin-left: 10px;
}

.bubble_over a.over:hover+div.bubble_box {
	display: block;
}

.bubble_box {
	position: absolute;
	line-height: 0;
	left: -63px;
	top: 35px;
	display: none;
	width: 166px;
}

.bubble_box .this, .bubble_box .this2019 {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	padding-top: 0 !important;
	height: 6px;
	background: url('../../images/front/bbs/bg_bubble_top.png') center
		center no-repeat
}

.bubble_box div {
	margin-top: -1px;
	padding: 20px;
	border: 1px solid #bebebe;
	border-radius: 5px;
	background: #fff;
	font-size: 11px;
	line-height: 1.5em;
}

.bubble_box div strong.tit {
	color: #1e1e1e;
}

.bubble_box div ul {
	padding-top: 10px; /* width:120px; */
}

.bubble_box div ul li {
	overflow: hidden;
	width: 100%;
	padding: 2px 0;
}

.bubble_box div ul li strong {
	float: left; left;
	font-weight: normal;
}

.bubble_box div ul li span {
	float: right;
	padding: 0;
	margin: 0;
}

.bubble_box_gray {
	position: absolute;
	left: -156px;
	display: none;
	padding-top: 3px;
}

.bubble_box_gray:before {
	content: '';
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	height: 6px;
	background: url('../../images/front/bbs/bg_bubble_top_gray.png') 164px 0
		no-repeat
}

.bubble_box_gray div {
	position: relative;
	margin-top: -1px;
	border: 1px solid #bebebe;
	border-radius: 5px;
	background: #f7f7f7;
	font-size: 13px;
}

.bubble_box_gray strong.tit {
	font-size: 13px;
	display: block;
	color: #1e1e1e;
	padding-left: 10px;
	margin-bottom: 5px;
}

.bubble_box_gray .btn-layerClose {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 7px;
	right: 7px;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/common/floating/floating_close.png)
		no-repeat;
	text-indent: -9999px;
}

.bubble_box_gray ul li {
	width: 360px;
	font-weight: normal;
	font-size: 13px;
}

/* 20191120 교재교구 확대  */
.prs_info_box .info_box dl.dl_wide2 dd .bubble_box .this2019 {
	position: relative !important;
	z-index: 10 !important;
	display: block !important;
	width: 100% !important;
	height: 6px !important;
	padding-top: 0px !important;
	background: url('../../images/front/bbs/bg_bubble_top.png') center
		center no-repeat;
}

.bubble_box div ul li span.price_info {
	float: right;
	padding-top: 0 !important;
	line-height: 1.5em !important;
	margin-right: 0 !important;
}

.prs_info_box .prs_info_thumb {
	float: right;
	width: 168px;
}

.prs_info_box .prs_info_thumb .thumb {
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	margin-bottom: 12px;
}

.prs_info_box .prs_info_thumb .thumb img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.prs_info_box .prs_info_thumb .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.prs_info_box .prs_info_thumb>a {
	display: block;
	float: left;
	width: 78px;
	height: 66px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold
}

.prs_info_box .prs_info_thumb>a span {
	display: block;
	margin: 13px auto 6px;
}

.prs_info_box .prs_info_thumb>a.mR7 {
	margin-right: 7px;
}

/* 20180405 관심연수 버튼 추가되며 변경  */
.prs_info_box .prs_info_thumb>a.gray2018 {
	float: left;
	width: 78px;
	height: 32px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold
}

.prs_info_box .prs_info_thumb>a.gray2018 span {
	display: inline-block;
	margin: 6px 4px 10px 0px;
}

.prs_info_box .prs_info_thumb>a.gray2018.mR7 {
	margin-right: 7px;
}

.prs_info_box .prs_info_thumb>a.orange2018 {
	float: left;
	width: 166px;
	height: 32px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
}

.prs_info_box .prs_info_thumb>a.orange2018 span {
	display: inline-block;
	margin: 8px 4px 8px 0px;
}

.favorite_info {
	position: absolute;
	padding: 17px 18px 10px 18px;
	border-radius: 3px;
	border: 1px #bebebe solid;
	background: #fff;
	text-align: center;
	display: none;
}

.prs_info_box .prs_info_thumb .favorite_info {
	top: 222px;
	right: -23px;
}

.favorite_info p {
	color: #5a5a5a;
	font-size: 12px;
}

.favorite_info p::before {
	content:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_favorite.png);
	padding: 0 3px 0 0;
}

.favorite_info button {
	width: inherit;
	height: inherit;
	margin: 6px auto;
}

.favorite_info a {
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/05_btn/btn_close03.png)
		no-repeat;
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	text-indent: -9999px;
}

.favorite_info button::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -7px;
	border-width: 7px;
	border-style: solid;
	border-color: #bebebe transparent transparent transparent;
}

.favorite_info::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

.favorite_info.show {
	display: block;
	-webkit-animation: favoritefadeIn 1s;
	animation: favoritefadeIn 0.7s;
}
/* Add animation (fade in the popup) */
@
-webkit-keyframes favoritefadeIn {
	from {opacity: 0;
}

to {
	opacity: 1;
}

}
@
keyframes favoritefadeIn {
	from {opacity: 0;
}

to {
	opacity: 1;
}

}

/* 연수과정 뷰 wide 2021 */
.prs_info_box_wide {
	position: relative;
	padding: 35px 29px 35px 350px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	margin-bottom: 20px;
	min-height: 336px;
}

.prs_info_box_wide:after {
	content: "";
	display: block;
	clear: both;
}

.prs_info_box_wide .prs_info_thumb {
	position: absolute;
	left: 29px;
	top: 35px;
	width: 291px;
}

.prs_info_box_wide .prs_info_thumb .thumb {
	display: block;
	position: relative;
	width: 291px;
	margin-bottom: 15px;
}

.prs_info_box_wide .prs_info_thumb .thumb:after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
}

.prs_info_box_wide .prs_info_thumb .thumb img {
	width: 100%;
	border-radius: 5px;
}

.prs_info_box_wide .prs_info_thumb .prs_info {
	text-align: center;
	margin-bottom: 25px;
}

.prs_info_box_wide .prs_info_thumb .prs_info span {
	display: inline-block;
	padding: 0 10px;
	font-size: 13px;
	font-weight: bold;
	color: #5a5a5a;
}

.prs_info_box_wide .prs_info_thumb .prs_info span+span {
	border-left: 1px solid #e5e5e5;
}

.prs_info_box_wide .prs_info_thumb>a {
	display: block;
	float: left;
	width: 78px;
	height: 66px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold
}

.prs_info_box_wide .prs_info_thumb>a span {
	display: block;
	margin: 13px auto 6px;
}

.prs_info_box_wide .prs_info_thumb>a.mR7 {
	margin-right: 7px;
}

.prs_info_box_wide h3 {
	padding: 10px 0 0;
	font-size: 22px;
	line-height: 1.15em;
	padding-bottom: 20px;
	color: #1e1e1e
}

.prs_info_box_wide h3 span {
	margin-right: 5px;
}

.prs_info_box_wide .crs_lbl_group {
	margin-left: 0;
	margin-bottom: 10px;
}

.prs_info_box_wide .info_box {
	border-top: 1px solid #e5e5e5;
	display: inline-block;
	width: 100%;
}

.prs_info_box_wide .info_box .dl_line {
	border-bottom: 1px solid #e5e5e5;
}

.prs_info_box_wide .info_box .dl_line:after {
	content: "";
	display: block;
	clear: both;
}

.prs_info_box_wide .info_box dl {
	float: left;
	width: auto;
	overflow: visible;
}

.prs_info_box_wide .info_box dl dt {
	float: left;
	width: 60px;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: left;
	background: url('../../images/front/bbs/bg_line_y.gif') right center
		no-repeat;
}

.prs_info_box_wide .info_box dl dd {
	float: left;
	min-height: 44px;
	padding-left: 13px;
	line-height: 42px;
	vertical-align: middle;
	text-align: left;
}

.prs_info_box_wide .info_box dl.dl1 {
	width: 268px;
}

.prs_info_box_wide .info_box dl.dl1 dd {
	width: 195px
}

.prs_info_box_wide .info_box dl.dl2 {
	width: 268px;
}

.prs_info_box_wide .info_box dl.dl2 dd {
	width: 195px
}

.prs_info_box_wide .info_box dl.dl_wide {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.prs_info_box_wide .info_box dl.dl_wide dd {
	width: 428px;
	min-height: 34px;
	padding: 10px 0 5px 13px;
}

.prs_info_box_wide .info_box dl.dl_wide dd a {
	float: left;
}

.prs_info_box_wide .info_box dl.dl_wide dd span {
	float: left;
	width: 325px;
	padding-top: 5px;
	line-height: 20px;
}

.prs_info_box_wide .info_box dd .btn26 {
	margin-right: 8px;
}

.prs_info_box_wide .prs_info_thumb>a.gray2018 {
	float: left;
	box-sizing: border-box;
	width: 142px;
	height: 44px;
	line-height: 42px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.prs_info_box_wide .prs_info_thumb>a.gray2018 span {
	display: inline-block;
	margin: 6px 4px 10px 0px;
}

.prs_info_box_wide .prs_info_thumb>a.gray2018.mR7 {
	margin-right: 7px;
}

.prs_info_box_wide .prs_info_thumb>a.orange2018 {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	line-height: 42px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.prs_info_box_wide .prs_info_thumb>a.orange2018 span {
	display: inline-block;
	margin: 8px 4px 8px 0px;
}

.prs_info_box_wide .prs_info_thumb .favorite_info {
	bottom: 104px;
	right: -25px;
}

/* 자격증영역  */
.prs_info_box_wide .info_box dl.dl_wide2 {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.prs_info_box_wide .info_box dl.dl_wide2 dd {
	width: 428px
}

.prs_info_box_wide .info_box dl.dl_wide2 dd span {
	display: inline-block;
	/* line-height:20px;margin-right:8px;padding-top:5px; */
}

.rela_list {
	border: 1px solid #d0d0d0;
	background: #f7f7f7;
	border-radius: 5px;
	margin-bottom: 60px;
	clear: left;
}

.rela_list li {
	margin-top: -1px;
	border-top: 1px solid #d0d0d0;
}

.rela_list li:first-child {
	border-top: none;
}

.rela_list li a {
	display: block;
	padding: 15px 28px;
}

.rela_list li a:after {
	content: "";
	display: block;
	clear: both;
}

.rela_list li a strong {
	float: left;
}

.rela_list li a span {
	float: right;
	height: 20px;
	padding-right: 28px;
	color: #999999;
	background: url("../../images/front/bbs/bg_more.png") right center
		no-repeat;
}

.toggle_list {
	margin-bottom: 40px;
}

.toggle_list .tit_bar {
	overflow: hidden;
	width: 100%;
	background: #f7f7f7;
	height: 50px;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	color: #666666
}

.toggle_list .tit_bar div {
	display: block;
	float: left;
	padding: 15px 0;
	font-weight: bold;
	text-align: center
}

.toggle_list .tit_bar .num {
	width: 70px;
}

.toggle_list .tit_bar .tit {
	margin-left: 30px;
	width: calc(100% - 300px)
}

.toggle_list .tit_bar .name {
	width: 80px;
}

.toggle_list .tit_bar .date {
	width: 100px;
}

.toggle_list .tit_bar .stf {
	width: 60px;
	margin-right: 30px;
}

.toggle_list .tit_bar .file {
	width: 70px;
}

.toggle_list .slide_toggle {
	margin-top: -1px;
	border-bottom: 1px solid #bebebe
}

.toggle_list dl dt:last-child {
	border-bottom: none;
}

.toggle_list dl dd:last-child {
	border-bottom: none;
}

.toggle_list dt {
	overflow: hidden;
	width: 100%;
	min-height: 50px;
	border-bottom: 1px solid #d0d0d0;
}

.toggle_list dt em {
	display: block;
	float: left;
	padding: 15px 0;
	text-align: center;
	font-weight: normal
}

.toggle_list dt .num {
	width: 70px;
}

.toggle_list dt .tit {
	margin-left: 30px;
	width: calc(100% - 300px);
	text-align: left
}

.toggle_list dt .tit a:hover {
	text-decoration: underline;
}

.toggle_list dt .tit .best {
	display: inline-block;
	width: 46px;
	height: 18px;
	margin-right: 10px;
	background: #ff915f;
	border: 1px solid #ff915f;
	border-radius: 10px;
	fon-weight: normal;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

.toggle_list dt .name {
	width: 80px;
}

.toggle_list dt .date {
	width: 100px;
}

.toggle_list dt .stf {
	width: 60px;
	margin-right: 30px;
}

.toggle_list dt em.file {
	padding: 7px 0;
	width: 70px;
}

.toggle_list dt em.empty {
	width: 100%;
}

.toggle_list dd {
	padding: 25px 60px;
	background: #f7f7f7;
	margin-top: -1px;
	display: none;
	line-height: 22px
}

.toggle_list dt.this  a {
	color: #1e1e1e;
	font-weight: bold;
}

.toggle_list dd.this {
	border-bottom: 1px solid #bebebe
}

.toggle_list dd.this+dt {
	border-top: none
}

.toggle_list dd.this:last-child {
	border-bottom: none;
}

.course_opt {
	position: relative;
}

.course_opt.is-open {
	
}

.course_opt_button {
	position: relative;
	box-sizing: border-box;
	display: block;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	width: 100%;
}

.course_opt.is-open .course_opt_button {
	border-radius: 5px 5px 0 0;
}

.course_opt_button .course_opt_item p {
	padding-right: 60px;
} /* 화살표 자리 */
.course_opt_button span.ico_arr {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	font-size: 0;
}

.course_opt_button span.ico_arr:before, .course_opt_button span.ico_arr:after
	{
	content: '';
	position: absolute;
	width: 18px;
	height: 2px;
	background: #aaaaaa;
	border-radius: 1px;
	top: 50%;
	transition: all .3s;
}

.course_opt_button span.ico_arr:before {
	transform: rotate(45deg);
	left: 0;
}

.course_opt_button span.ico_arr:after {
	transform: rotate(-45deg);
	right: 0;
}

.course_opt.is-open .course_opt_button span.ico_arr:before {
	transform: rotate(-45deg);
}

.course_opt.is-open .course_opt_button span.ico_arr:after {
	transform: rotate(45deg);
}

.course_opt_list {
	width: 100%;
	box-sizing: border-box; display : none;
	position: absolute;
	background: #fff;
	top: 100%;
	z-index: 99; margin-top : -1px;
	border: 1px solid #d0d0d0;
	max-height: 300px;
	overflow-y: auto;
	display: none; position : absolute; background : #fff; top : 100%;
	z-index : 99;
	margin-top: -1px;
}

.course_opt.is-open .course_opt_list {
	display: block;
}

.course_opt_list li {
	transition: background .3s;
}

.course_opt_list li:hover {
	background: #f5f5f5;
}

.course_opt_list li.selected {
	background: #eee;
}

.course_opt_list li.selected:hover {
	background: #e5e5e5;
}

.course_opt_list li+li {
	border-top: 1px solid #d0d0d0;
}

.course_opt_list li a {
	display: table;
	width: 100%;
}

.course_opt_item {
	position: relative;
	display: table;
	vertical-align: middle;
	width: 100%;
}

.course_opt_item .thumb {
	display: table-cell;
	width: 84px;
	border-radius: 3px;
	overflow: hidden;
	padding: 15px 0 15px 20px;
	vertical-align: middle;
}

.course_opt_item .thumb img {
	width: 100%;
	border-radius: 3px;
}
/* .course_opt_item .thumb:after { content:'';position:absolute;border:1px solid rgba(0,0,0,.1);top:0;left:0;border-radius:3px;width:100%;height:100%;box-sizing:border-box; } */
.course_opt_item p {
	display: table-cell;
	padding: 15px 20px 15px 20px;
	vertical-align: middle;
}

.course_opt_item .tit {
	font-size: 16px;
	color: #1e1e1e;
	margin-right: 5px;
}

.course_opt_item .lbl_lg {
	margin-right: 5px;
}

.course_opt_item .desc {
	font-size: 13px;
	color: #5a5a5a;
}

.course_opt_item .price {
	display: inline-block;
	font-size: 14px;
	color: #ff643c;
	margin-right: 5px;
	margin-top: 2px;
}

.course_opt_item .warn {
	color: #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	font-size: 14px;
}

.course_opt.sm .course_opt_button {
	border-radius: 0;
}

.course_opt.sm .course_opt_item p {
	padding: 8px 40px 8px 15px;
}

.course_opt.sm .course_opt_item p b {
	color: #111
}

.course_opt.sm .course_opt_item .tit {
	font-size: 13px;
	font-weight: normal;
}

.course_opt.sm .course_opt_button span.ico_arr {
	transform: scale(50%);
	right: 5px;
	font-weight: normal;
}

.course_opt.sm .course_opt_list li+li {
	border-rop: 1px solid #dcdcdc
}

.prs_info_box_wide .btn_area a {
	display: block;
	height: 46px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	line-height: 46px;
}

.prs_info_box_wide .btn_area a .bicon2018 {
	margin-right: 5px;
}

/* my회원권 공지사항 */
.toggle_list .mynotice .tit_bar .tit {
	margin-left: 30px;
	width: 655px;
}

.toggle_list .mynotice dt .tit {
	margin-left: 30px;
	width: 635px;
	text-align: left
}

.toggle_list .fileList {
	margin-bottom: 15px;
}

.toggle_list .fileList li {
	padding: 6px 0;
	line-height: 1.5em;
	color: #64508c
}

.toggle_list .fileList li a {
	color: #64508c
}

.recom_list {
	overflow: hidden;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}

.recom_list li:first-child {
	border-top: none;
}

.recom_list li {
	padding: 10px 29px;
	margin-top: -1px;
	border-top: 1px solid #d0d0d0
}

.recom_list li:after {
	content: "";
	display: block;
	clear: both;
}

.recom_list li .thumb {
	float: left;
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	margin-top: 23px;
	margin-right: 30px;
}

.recom_list li .thumb img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	o
}

.recom_list li .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.recom_list li .info_box {
	float: right;
	width: calc(100% - 198px);
}

.recom_list li .info_box .dl_line {
	border-bottom: 1px solid #e5e5e5;
}

.recom_list li .info_box .dl_line:after {
	content: "";
	display: block;
	clear: both;
}

.recom_list li .info_box dl {
	float: left;
	width: auto;
	overflow: visible;
}

.recom_list li .info_box dl dt {
	float: left;
	width: 60px;
	padding-left: 20px;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: left;
	background: url('../../images/front/bbs/bg_line_y.gif') right center
		no-repeat;
}

.recom_list li .info_box dl dd {
	float: left;
	min-height: 20px;
	padding: 10px 0 12px 13px;
	line-height: 22px;
	vertical-align: middle;
	text-align: left;
}

.recom_list li .info_box dl.dl1 {
	width: 50%;
}

.recom_list li .info_box dl.dl1 dd {
	width: calc(100% - 93px)
}

.recom_list li .info_box dl.dl2 {
	width: 50%;
}

.recom_list li .info_box dl.dl2 dd {
	width: calc(100% - 93px)
}

.recom_list li .info_box dl.dl3 {
	width: 33%;
}

.recom_list li .info_box dl.dl3 dd {
	width: calc(100% - 93px)
}

.recom_list li .info_box dl.dl_wide {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.recom_list li .info_box dl.dl_wide dd {
	width: 408px;
	color: #1e1e1e;
	font-weight: bold
}

.recom_list li .info_box dl.dl_wide dd a {
	color: #1e1e1e;
	font-weight: bold;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.container_wide .recom_list li .thumb {
	margin-top: 0;
}

.container_wide .recom_list li {
	padding: 25px 29px;
}

/* 게시판 글쓰기 */
#bbs_wrap .board_write {
	padding: 15px 10px 15px 10px;
	margin-bottom: 30px;
	background: #e5e5e5;
	border-radius: 5px;
}

#bbs_wrap .board_write dl {
	width: 100%;
}

#bbs_wrap .board_write dl:after {
	content: "";
	display: block;
	clear: both;
}

#bbs_wrap .board_write dt {
	float: left;
	width: 9%;
	padding: 7px 0 5px 2.5%;
	min-height: 34px;
	line-height: 34px;
	color: #1e1e1e;
	font-weight: bold;
}

#bbs_wrap .board_write dd {
	float: left;
	width: 86%;
	padding: 5px 1% 5px 1%;
	min-height: 34px;
	vertical-align: middle;
}

#bbs_wrap .board_write dd dd {
	float: none;
	width: 100%;
	padding: 0;
	min-height: 20px;
	vertical-align: middle;
}

#bbs_wrap .board_write dd p {
	line-height: 20px;
	padding: 9px 0 7px 0;
}
/* #bbs_wrap .board_write .inp{height:22px;line-height:22px;vertical-align:middle} */
#bbs_wrap .board_write .write_cont {
	min-height: 210px;
	padding: 20px;
	margin-top: 20px;
	background: #fff;
}

#bbs_wrap .board_write .write_cont textarea {
	width: 100%;
	min-height: 210px;
	border: none;
	color: #5a5a5a;
	font-size: 13px;
}

#bbs_wrap .board_write .chk_label {
	display: inline-block;
	vertical-align: middle;
}

#bbs_wrap .board_write .chk_label label {
	margin: 0 20px 0 5px;;
	vertical-align: middle;
}

#bbs_wrap .board_write .chk_label input {
	vertical-align: middle;
}

#bbs_wrap .rep_box {
	overflow: hidden;
	background: #e5e5e5;
	border-radius: 5px;
	width: 700px;
	margin: 0 auto 20px;
	padding: 10px;
}

#bbs_wrap .rep_box strong {
	float: left;
	padding: 15px 0 15px 40px;
	font-size: 16px;
	background: url('../../images/front/bbs/bg_rep.png') 10px center
		no-repeat;
}

#bbs_wrap .rep_box .rep_cont {
	float: right;
	background: #fff;
	width: 570px;
	padding: 20px;
	line-height: 1.5em;
}

#bbs_wrap .rep_box .rep_cont .file_box {
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}

#bbs_wrap .rep_box .rep_cont .file_box span {
	float: left;
	display: inline-block;
	color: #1e1e1e;
	font-weight: bold;
	margin-right: 15px;
}

#bbs_wrap .rep_box .rep_cont .file_box ul {
	float: left;
	width: 500px;
}

.file_up {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}

.file_up .add_file {
	position: absolute;
	left: 0;
	top: 0;
	width: 78px;
	height: 34px;
	z-index: 99;
	display: block;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity : 0);
}

.file_up a {
	display: inline-block;
}

/* 강사지원 정보 */
.apply_box {
	margin-bottom: 20px;
}

.apply_box dl {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 3px 0;
}

.apply_box dt {
	float: left;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: center;
	background: url('../../images/front/bbs/bg_line_y.gif') right center
		no-repeat;
}

.apply_box dd {
	float: left;
	min-height: 44px;
	line-height: 42px;
	vertical-align: middle;
}

.apply_box .info_view dt {
	width: 9%;
	padding-left: 3%;
	text-align: left;
}

.apply_box .info_view dd {
	width: 82%;
	padding-left: 2%;
	text-align: left;
}

.apply_box .info_view1 {
	border-bottom: none;
}

.apply_box .info_view1 dt {
	width: 9%;
	padding-left: 3%;
	border-bottom: none;
	text-align: left;
}

.apply_box .info_view1 dd {
	width: 32%;
	padding-left: 2%;
	text-align: left;
}

.apply_box .info_view1 dt.wide_dt {
	width: 12%;
}

.apply_box .info_view1 dt.wide_dd {
	width: 28%;
}

.apply_box dd .slist {
	padding: 10px 0
}

.apply_box dd .slist li {
	line-height: 25px;
	padding-left: 10px;
	background: url("../../images/front/common/bg_dot_li.gif") 0 12px
		no-repeat;
}

/* 입력박스 추가삭제 리스트  */
.inp_list {
	margin-top: -10px
}

.inp_list li {
	margin-top: 10px;
}

/* qna, 지명번호 qna */
.qna_list {
	border-bottom: 1px solid #414b55;
}

.qna_list dl {
	
}

.qna_list dl dt {
	border-top: 1px solid #d0d0d0;
}

.qna_list dl dt a {
	display: block;
	padding: 15px 30px;
}

.qna_list dl dt a:hover {
	text-decoration: underline;
}

.qna_list dl dt a span {
	display: inline-block;
	width: 50px;
}

.qna_list dl dt .empty {
	display: block;
	text-align: center;
	padding: 15px 0;
	font-weight: normal;
}

.qna_list dl dd {
	display: none;
	padding: 20px 80px;
	background: #f7f7f7;
	line-height: 1.7em;
	border-bottom: 1px solid #f7f7f7;
}

.qna_list dl.this:last-child dd {
	border-bottom: none
}

.qna_list dl.this dt {
	border-top: 1px solid #aaaaaa;
}

.qna_list dl.this dt a {
	color: #1e1e1e;
	font-weight: bold;
}

.qna_list dl.this dd {
	border-bottom: 1px solid #aaaaaa;
}

.qna_list dl.this+dl dt {
	border-top: none
}

.qna_box {
	margin-bottom: 40px;
	border-top: 1px solid #aaaaaa
}

.qna_box .qna_list {
	border-bottom: 1px solid #aaaaaa
}

.qna_box .qna_list dl:first-child dt {
	border-top: 1px solid #fff
}

.qna_box .qna_list dl.this:first-child dt {
	border-top: 1px solid #fff
}

/* 진행중 */
.step_color01 {
	display: inline-block;
	width: 75px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: #666666;
	border: 1px solid #d0d0d0;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	background: #e5e5e5;
}

.step_color02 {
	display: inline-block;
	width: 75px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: #64508c;
	border: 1px solid #aa96c8;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
}

/* 진행중 */
.evt_color01 {
	display: inline-block;
	width: 60px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	color: #666666;
	border: 1px solid #d0d0d0;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	background: #e5e5e5;
	font-weight: bold;
}

.evt_color02 {
	display: inline-block;
	width: 60px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	color: #64508c;
	border: 1px solid #aa96c8;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

/* 게시판 아이콘 버튼 */
.mbtn {
	display: inline-block;
	vertical-align: middle;
	background: url("../../images/front/bbs/bg_bbs_icon.png") 0 0 no-repeat;
}

.btn_file {
	width: 34px;
	height: 34px;
	background-position: 0 0;
}

.btn_file:hover {
	background-position: -34px 0;
}

.btn_add {
	width: 34px;
	height: 34px;
	background-position: 0 -34px;
}

.btn_add:hover {
	background-position: -34px -34px;
}

.btn_del {
	width: 34px;
	height: 34px;
	background-position: 0 -68px;
}

.btn_del:hover {
	background-position: -34px -68px;
}

.btn_play {
	width: 34px;
	height: 34px;
	background-position: 0 -102px;
}

.btn_play:hover {
	background-position: -34px -102px;
}

/* 쪽지함 회원목록 */
.msg_nlist_box a.bg_gray {
	vertical-align: top;
}

.msg_nlist {
	display: inline-block;
	border: 1px solid #d0d0d0;
	margin-right: 3px;
	border-radius: 2px;
	padding: 0 10px 0px;
	vertical-align: middle;
	background: #fff;
	width: 82%;
}

.msg_nlist ul {
	overflow: hidden;
	width: 100%;
	padding: 0 0 7px;
	min-height: 22px;
}

.msg_nlist ul li {
	float: left;
	margin: 7px 10px 0px 0;
	background: #efefef;
	padding: 5px 10px;
	white-space: nowrap;
}

.msg_nlist ul li.empty {
	background: #fff;
	color: #999999;
	padding: 0;
	margin-top: 7px;
	float: none;
}

.msg_nlist ul li button {
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 0;
	line-heihgt: 0;
	margin-left: 5px;
	background: #fff;
	cursor: pointer;
	vertical-align: middle;
	background: url("../../images/front/bbs/btn_mclose.png") 0 0 no-repeat;
}

.msg_nlist_view {
	overflow: hidden;
	width: 100%;
}

.msg_nlist_view li {
	margin: 0 10px 3px 0;
	float: left;
}

.msg_nlist_view li span {
	color: #666666;
}

/* 연수과정 상세 목록 */
.crs_contents {
	position: relative;
}

.bbs_crs {
	border-bottom: 1px solid #323c46;
}

.bbs_crs .empty {
	text-align: center;
}

.bbs_crs>li {
	border-top: 1px solid #e5e5e5;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

.bbs_crs>li a.tit {
	display: block;
	margin-right: 100px;
	font-size: 17px;
	line-height: 21px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5a5a5a;
	margin-bottom: 6px;
}

.bbs_crs>li a.tit:hover {
	text-decoration: underline;
}

.crs_info {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
}

.crs_info span {
	font-size: 13px;
	line-height: 17px;
	color: #666666;
}

.crs_info span+span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #cdcdcd;
	vertical-align: middle;
	margin: 0 9px;
}

.crs_lbl_group {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size: 0;
	line-height: 0;
}

.bbs_crs>li .crs_price {
	position: absolute;
	right: 0;
	top: 20px;
	text-align: right;
}

.bbs_crs>li .crs_price del {
	display: block;
	font-size: 15px;
	color: #5a5a5a;
	margin-bottom: 5px;
}

.bbs_crs>li .crs_price strong {
	display: block;
	color: #5a5a5a;
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
}

.bbs_crs>li .crs_price strong.discount {
	color: #ff7350;
}

.bbs_crs>li .btn_inner {
	margin-top: 8px;
}

.bbs_crs>li .btn_inner a.bg_gray {
	font-size: 15px;
}

.favorite_info.flaoting {
	margin-top: -92px;
	margin-left: -34px;
	background: #f7f7f7;
}

.favorite_info.flaoting::after {
	border-color: #f7f7f7 transparent transparent transparent;
}

/* 20190813 thumb추가된 타입 */
.bbs_crs .thumb {
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	float: left;
}

.bbs_crs .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.bbs_crs .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.bbs_crs>li .crs_lbl_group+a.tit {
	margin-top: 12px;
}

.bbs_crs .thumb ~ .crs_lbl_group {
	margin-left: 0;
}

.bbs_crs .thumb ~ .crs_info {
	margin-top: 15px
}

.bbs_crs .thumb ~ .btn_inner .btn28.bg_white {
	font-size: 0;
	padding: 0;
	width: 28px;
}

/* 연수과정 목록 2021 */
.bbs_crs_row {
	font-size: 0;
}

.bbs_crs_row li {
	display: inline-block;
	vertical-align: top;
	width: 291px;
	margin-bottom: 50px;
}

.bbs_crs_row li:nth-of-type(3n+2), .bbs_crs_row li:nth-of-type(3n+3) {
	margin-left: 23px;
}

.bbs_crs_row li .thumb {
	display: block;
	width: 100%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}

.bbs_crs_row li .thumb_lnk {
	display: block;
}

.bbs_crs_row li .thumb_lnk:after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
	left: 0;
	top: 0;
	transition: all .3s;
}

.bbs_crs_row li .thumb img {
	width: 100%;
	display: block;
}

.bbs_crs_row li .thumb .btn_inner {
	position: absolute;
	top: 80px;
	text-align: center;
	left: 15px;
	right: 15px;
	opacity: 0;
}

.bbs_crs_row li .thumb .btn_inner a {
	font-size: 17px;
	padding: 0 15px;
	font-weight: bold;
}

.bbs_crs_row li .thumb .btn_inner a ~ a {
	margin-left: 10px;
}

.bbs_crs_row li .thumb .crs_info {
	position: absolute;
	bottom: 0px;
	text-align: center;
	/* height:40px; */
	left: 0px;
	right: 0px;
	background: #000;
	opacity: 0;
	padding: 10px 0;
}

.bbs_crs_row li .thumb .crs_info span {
	font-size: 15px;
	color: #fff;
	line-height: 20px;
}

.bbs_crs_row .crs_info span+span:before {
	content: '/';
	background: transparent;
	width: auto;
	height: auto;
	margin: 0 4px;
}

.bbs_crs_row li .thumb .crs_info .crs_price {
	font-size: 25px;
	line-height: 30px;
	color: #ff8668;
	display: inline-block;
	vertical-align: top;
}

.bbs_crs_row li .thumb .crs_info .crs_price small {
	font-size: 20px;
	vertical-align: 3px;
}

.bbs_crs_row li .thumb .crs_info .crs_price_ori {
	font-size: 20px;
	line-height: 30px;
	color: #ff8668;
	text-decoration: none;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.bbs_crs_row li .thumb .crs_info .crs_price_ori:before {
	content: '';
	position: absolute;
	width: 105%;
	height: 1px;
	background: #fff;
	top: 50%;
	left: 0;
}

.bbs_crs_row li .thumb .crs_info .crs_price_ori:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 105%;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}

.bbs_crs_row li .thumb .crs_info .crs_price_ori small {
	font-size: 16px;
	vertical-align: 2px;
}

.bbs_crs_row li .thumb:hover .thumb_lnk:after {
	background: rgba(0, 0, 0, .65);
}

.bbs_crs_row li .thumb:hover .btn_inner, .bbs_crs_row li .thumb:hover .crs_info
	{
	opacity: 1;
}

.bbs_crs_row .crs_lbl_group {
	margin-left: 0;
}

.bbs_crs_row .crs_lbl_group [class^="lbl_"] {
	height: 20px;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
}

.bbs_crs_row li .tit {
	display: block;
	font-size: 20px;
	line-height: 26px;
	max-height: 52px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 7px;
}

.bbs_crs_row .empty {
	display: block;
	width: 100%;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 170px 0;
	text-align: center;
	font-size: 16px;
}

/* 2023 추천연계과정 UI변경 */
.bbs_crs_row.wid-4 li {
	width: 23.5%;
	margin-left: 2%;
}

.bbs_crs_row.wid-4 li:first-child {
	margin-left: 0;
}

.bbs_crs_row.wid-4 .tit {
	font-size: 16px;
	line-height: 23px;
}

.bbs_crs_row.wid-4 .crs_lbl_group [class^="lbl_"] {
	font-size: 12px;
	letter-spacing: -.5px;
}

.bbs_crs_row.wid-4 .price {
	margin-top: 10px;
}

.bbs_crs_row.wid-4 .price span {
	vertical-align: middle;
}

.bbs_crs_row.wid-4 .price span.course_saleprice {
	font-size: 16px;
}

.bbs_crs_row.wid-4 .price span.org, .bbs_crs_row.wid-4 .price span.mR0 {
	font-size: 20px !important;
	letter-spacing: -.5px;
}

.bbs_crs_row.wid-4 li .thumb .crs_info span {
	font-size: 14px;
}

.bbs_crs_row.wid-4 li .thumb .crs_info .crs_price_ori {
	font-size: 15px;
	vertical-align: middle;
	line-height: 20px;
}

.bbs_crs_row.wid-4 li .thumb .crs_info .crs_price_ori small {
	font-size: 14px;
	vertical-align: 1px;
}

.bbs_crs_row.wid-4 li .thumb .crs_info .crs_price {
	font-size: 18px;
	vertical-align: middle;
	line-height: 20px;
}

.bbs_crs_row.wid-4 li .thumb .crs_info .crs_price small {
	font-size: 17px;
	vertical-align: 2px;
}

.bbs_crs_row.wid-4 li .thumb .crs_info {
	padding: 7px 0;
}

.bbs_crs_row.wid-4 li .thumb .btn_inner a {
	height: 29px;
	line-height: 31px;
	font-size: 13px;
	padding: 0 7px;
}

.bbs_crs_row.wid-4 li .thumb .btn_inner {
	top: 65px;
}

/* 연수 상품 세트 */
.bbs_set {
	border-top: 1px solid #e5e5e5;
}

.bbs_set .empty {
	text-align: center;
	padding: 50px 0;
}

.bbs_set>li {
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

.sort_area {
	margin-bottom: 20px;
	font-size: 0;
}

.sort_area li {
	display: inline-block;
	vertical-align: top;
}

.sort_area button {
	cursor: pointer;
	margin-right: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #1e1e1e;
	padding: 0 19px;
	border: 1px solid #666666;
	height: 30px;
	border-radius: 16px;
	background: #fff;
}

.sort_area button:hover, .sort_area button.active {
	background: #f96742;
	border: 1px solid #f96742;
	color: #fff;
}

.bbs_set .thumb {
	display: block;
	position: relative;
	width: 360px;
	height: 282px;
	float: left;
	overflow: hidden;
	border-radius: 5px;
}

.bbs_set .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	-webkit-transition: -webkit-transform .2s
		cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
	transition: transform .2s cubic-bezier(.165, .84, .44, 1);
	transition: transform .2s cubic-bezier(.165, .84, .44, 1),
		-webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
	image-rendering: -webkit-optimize-contrast;
}

.bbs_set .thumb:hover img {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: scale(1.025);
	-ms-transform: scale(1.025);
	transform: scale(1.025)
}

.bbs_set .thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.bbs_set .crs_lbl_group {
	padding-top: 30px;
	margin-left: 0;
}

.bbs_set .set-tit {
	display: block;
	font-size: 22px;
	color: #5a5a5a;
	letter-spacing: -0.05em;
	font-weight: normal;
	letter-spacing: -0.05em;
	height: 26px;
}

.bbs_set .set-info {
	display: inline-block;
	width: 780px;
	letter-spacing: -0.05em;
	min-height: 80px;
	margin-bottom: 20px;
}

.bbs_set .set-info dt {
	float: left;
	clear: left;
	width: 78px;
	height: 25px;
	font-size: 17px;
	font-weight: bold;
	line-height: 25px;
	margin-right: 5px;
	text-align: center;
	background: #e1e1e1;
	border-radius: 12px;
	margin-bottom: 8px;
}

.bbs_set .set-info dd {
	float: left;
	font-size: 23px;
	font-weight: bold;
	line-height: 28px;
	max-width: 695px;
	margin-bottom: 8px;
	color: #1e1e1e;
}

.bbs_set .set-info:after {
	content: '';
	display: block;
	clear: both;
}

.bbs_set .set-price {
	overflow: hidden;
	font-size: 32px;
	font-weight: bold;
	line-height: 44px;
	color: #1e1e1e;
	letter-spacing: -0.05em;
}

.bbs_set .set-price b.price-ori {
	display: inline-block;
	font-size: 32px;
	vertical-align: top;
}

.bbs_set .set-price span.price-pct {
	display: inline-block;
	font-size: 20px;
	vertical-align: top;
	line-height: 28px;
	padding: 1px 10px 0;
	background: #e1e1e1;
	border-radius: 14px;
	vertical-align: middle;
	position: relative;
	margin-left: 35px;
}

.bbs_set .set-price span.price-pct:before {
	content: '';
	position: absolute;
	width: 200px;
	height: 2px;
	background: #000;
	right: calc(100% + 15px);
	top: 50%;
	margin-top: -1px;
}

.bbs_set .set-price span.price-pct:after {
	content: '';
	position: absolute;
	border-left: 7px solid #000;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 0 solid transparent;
	right: calc(100% + 10px);
	top: 50%;
	margin-top: -6px;
}

.bbs_set .set-price em.price-sale {
	display: inline-block;
	font-size: 32px;
	vertical-align: top;
	color: #fa6446;
	margin-left: 10px;
}

.bbs_set .btn_inner a.btn40, .bbs_set .btn_inner a.btn44 {
	width: 170px;
	box-sizing: border-box;
}

/* 교육부 발표 2020 교원 연수 중점 추진 방향 */
.download-cont {
	margin-top: -25px;
	margin-bottom: 25px;
}

.download-cont a {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	font-family: 'dotum';
	font-size: 15px;
	font-weight: normal;
}

.download-cont a i.ico-download {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/page/ico_download.png)
		0 0 no-repeat;
}

.download-cont a span {
	transition: all .2s;
	border-bottom: 1px solid transparent;
}

.download-cont a:hover span, .download-cont a:focus span {
	border-bottom: 1px solid #777;
}

.course_list_row {
	font-size: 0;
	line-height: 0;
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 30px;
	text-align: left;
}

.course_list_row li {
	display: inline-block;
	vertical-align: top;
	padding: 0 29px;
	margin-bottom: 60px;
	width: 250px;
	text-align: left;
}

.course_list_row li ~ li {
	border-left: 1px solid #dbdbdb;
}

.course_list_row li:nth-of-type(4n + 1), .course_list_row li ~ li:nth-of-type(4n + 1)
	{
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
}

.course_list_row li:nth-of-type(4n) {
	padding-right: 0;
}

.course_list_row li .course-tit {
	font-size: 22px;
	line-height: 26px;
	display: block;
	color: #000;
	height: 52px;
}

.course_list_row li .thumb {
	display: block;
	position: relative;
	width: 250px;
	height: 196px;
	float: left;
	overflow: hidden;
	border-radius: 5px;
}

.course_list_row li .thumb img {
	display: block;
	width: 100%;
	height: 100%;
}

.course_list_row li .thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}

.course_list_row li .crs_lbl_group {
	margin-left: 0;
	overflow: hidden;
	word-break: break-all;
}

.course_list_row li .crs_lbl_group .txt {
	vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	line-height: 21px;
	font-family: "dotum";
}

.course_list_row li .crs_lbl_group .txt ~ .txt:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #ccc;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: top;
	position: relative;
	top: 3px;
}

/* 2023 기대별점이벤트 플로팅 */
.floating-event {
	width: 920px;
	background: #fffae0 url(/asset/images/front/bbs/star_event_img.png)
		no-repeat 40px center;
	border: 1px solid #d0d0d0;
	height: 196px;
	border-radius: 5px;
	position: fixed;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	margin-left: 130px;
	box-sizing: border-box;
	padding: 20px 30px;
	padding-left: 200px;
	z-index: 100;
}

.floating-event .close-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 24px;
	height: 24px;
	font-size: 0;
}

.floating-event .close-btn:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #3a3a39;
	transform: rotate(45deg);
	left: 0;
	top: 10px;
}

.floating-event .close-btn:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #3a3a39;
	transform: rotate(-45deg);
	right: 0;
	top: 10px;
}

.floating-event p {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin: 20px 0 5px;
}

.floating-event em {
	font-size: 26px;
	color: #f1562e;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.floating-event em+span {
	color: #fffae0;
	font-size: 13px;
	width: 84px;
	height: 19px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: #f4613c;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 3px;
}

.floating-event em+span+b {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.floating-event .star-wrap {
	margin-top: 10px;
}

.floating-event .star-wrap .star {
	width: 39px;
	height: 39px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	background: url(/asset/images/front/bbs/ico_star_none.png) no-repeat
		center center;
}

.floating-event .star-wrap .star.checked {
	background: url(/asset/images/front/bbs/ico_star_full.png) no-repeat
		center center;
}

.floating-event .coupon-btn {
	width: 307px;
	height: 48px;
	line-height: 48px;
	background: #000;
	color: #fff;
	font-size: 19px;
	letter-spacing: -.5px;
	border-radius: 5px;
	position: absolute;
	bottom: 50px;
	right: 40px;
}

.floating-event .coupon-btn em {
	color: #ffde7a;
	font-size: 19px;
}

.floating-event .day-none-btn {
	color: #313131;
	font-size: 13px;
	border-bottom: 1px solid #313131;
	padding-bottom: 2px;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

#starCoupon {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 540px;
	height: 320px;
	z-index: 101;
}

#starCoupon .pop_cont {
	min-height: auto;
}

#starCoupon .pbg_box {
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
	height: 160px;
	padding: 55px 0;
	box-sizing: border-box;
}

#starCoupon .pbg_box b {
	display: block;
}

/* 2023 event list UI변경 */
.bbs_evt_list2023 .top-evt {
	font-size: 0;
	margin: 0;
	overflow: visible;
	margin-bottom: 50px;
	position: relative;
}

.bbs_evt_list2023 .top-evt li {
	float: none;
	display: inline-block;
	width: 48%;
	margin: 0;
	margin-right: 4%;
	height: auto;
}

.bbs_evt_list2023 .top-evt li:last-child {
	margin-right: 0;
}

.bbs_evt_list2023 .top-evt li:before {
	content: '';
	position: absolute;
	top: -5px;
	right: 20px;
	background: url('../../images/front/bbs/icon_hot.png') no-repeat center
		center;
	width: 70px;
	height: 26px;
	z-index: 1;
}

.bbs_evt_list2023 .top-evt li .thumb {
	width: 440px;
	height: 278px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}

.bbs_evt_list2023 .top-evt li .info {
	height: auto;
	padding: 20px 0;
	border: 0;
	line-height: 1.3;
}

.bbs_evt_list2023 .top-evt li .info strong {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.bbs_evt_list2023 .top-evt li .info .date {
	font-size: 15px;
	color: #666666;
}

.bbs_evt_list2023 .cont-evt {
	margin: 0;
	font-size: 0;
}

.bbs_evt_list2023 .cont-evt li {
	width: 30.66%;
	height: auto;
	margin: 0;
	margin-bottom: 30px;
	margin-right: 4%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.bbs_evt_list2023 .cont-evt li:nth-child(3n) {
	margin-right: 0;
}
.bbs_evt_list2023 .cont-evt li .thumb {
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	width: 280px;
	height: 172px;
	position: relative;
}
.bbs_evt_list2023 .cont-evt li.end .thumb:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.bbs_evt_list2023 .cont-evt li .end_txt {
	font-size: 15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.bbs_evt_list2023 .cont-evt li .end_txt:before {
	background: #3c3c3c;
	border: 1px solid #3c3c3c;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	position: absolute;
}

.bbs_evt_list2023 .cont-evt li .end_txt span {
	line-height: 1.3;
	display: table;
	padding: 17px 0;
	margin: 0 auto;
}

.bbs_evt_list2023 .cont-evt li .info {
	border: 0;
	height: auto;
	padding: 18px 0 0;
}

.bbs_evt_list2023 .cont-evt li .info strong {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	letter-spacing: -.5px;
	word-break: keep-all;
}

.bbs_evt_list2023 .cont-evt li .info .date {
	font-size: 13px;
	color: #666666;
}

/* 2023 event view UI변경 */
.evt-btable table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.evt-btable thead tr th {
	background: #f7f7f7;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

.evt-btable thead tr th.tit {
	text-align: left;
	padding-left: 20px;
	color: #1e1e1e;
	font-weight: bold;
	position: relative;
}

.evt-btable thead tr th.tit .cate {
	font-size: 12px;
	color: #fff;
	width: 52px;
	height: 18px;
	line-height: 19px;
	border-radius: 9px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	background: #ff7350;
	margin-right: 5px;
}

.evt-btable thead tr th.tit .date {
	text-align: right;
	padding-right: 20px;
	font-size: 13px;
	color: #999999;
	position: absolute;
	right: 0;
}

.evt-btable tbody tr td {
	padding: 20px 0;
	border-bottom: 1px solid #d0d0d0;
	position: relative;
}

/* 2023 event view UI변경 - 댓글영역 */
.comment2023 {
	margin-top: 50px;
}

.comment2023 h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

.comment2023 h3 span {
	font-size: 13px;
	color: #999999;
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	position: relative;
}

.comment2023 h3 span:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 2px;
	width: 1px;
	height: 14px;
	background: #d4d4d4;
}

.comment2023 .comment-box {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.comment2023 .comment-box .comment-textarea {
	float: left;
	width: 808px;
	height: 100px;
	border: 1px solid #d0d0d0;
	margin-right: 10px;
	padding: 15px;
	box-sizing: border-box;
}

.comment2023 .comment-box .comment-submit {
	float: right;
	width: 100px;
	height: 100px;
	background: #a2a2a2;
	border: 1px solid #a2a2a2;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.comment-list2023 {
	margin-bottom: 20px;
	margin-top: 30px;
}

.comment-list2023 .review-choice {
	position: relative;
}

.comment-list2023 .review-choice .range_box {
	text-align: left;
	margin: 0;
}

.comment-list2023 .review-choice .my-chk {
	position: absolute;
	right: 0;
	top: -2px;
}

.comment-list2023 .review-choice .my-chk input.mychk {
	display: none;
}

.comment-list2023 .review-choice .my-chk input.mychk+label {
	cursor: pointer;
}

.comment-list2023 .review-choice .my-chk input.mychk+label:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #a2a2a2;
	border-radius: 3px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}

.comment-list2023 .review-choice .my-chk input.mychk:checked+label:before
	{
	background: url("../../images/front/bbs/box_chk.png") no-repeat center
		center;
	border: 1px solid #a2a2a2;
	background-size: 100%;
	border: 1px solid #f15a21;
}

.comment-list2023 .comment-box dl {
	margin-bottom: 30px;
}

.comment-list2023 .comment-box dl dt {
	width: 100%;
	border: 0;
	background: transparent;
	padding: 0;
	line-height: 44px;
	border-top: 1px solid #d0d0d0;
	padding-top: 5px;
	position: relative;
}

.comment-list2023 .comment-box dl dt .name {
	background: transparent;
	padding-left: 0;
	color: #333333;
	font-weight: bold;
	width: auto;
	padding: 0;
}

.comment-list2023 .comment-box dl dt .date {
	width: auto;
	color: #999999;
	font-size: 12px;
	padding: 0;
}

.comment-list2023 .comment-box dl dt .comment_delete {
	margin: 13px 0 13px 8px;
}

.comment-list2023 .comment-box dl dd {
	border: 0;
	padding: 0;
	clear: both;
	min-height: auto;
	padding-bottom: 15px;
	line-height: 1.8;
}

.comment-list2023 .comment-box dl dt .like {
	position: absolute;
	right: 0;
	top: 5px;
}

.comment-list2023 .comment-box dl dt .like button {
	font-size: 15px;
	color: #333333;
	width: 72px;
	height: 24px;
	line-height: 24px;
	text-align: right;
	padding: 0 5px;
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	position: relative;
}

.comment-list2023 .comment-box dl dt .like button:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	width: 18px;
	height: 15px;
	background: url("../../images/front/bbs/icon_like_off.png") 0 0
		no-repeat;
}

.comment-list2023 .comment-box dl dt .like.on button:before {
	background: url("../../images/front/bbs/icon_like_on.png") 0 0 no-repeat;
}

/* 2023 event view UI변경 - 공유하기 */
.sub_content2023 .event-share {
	width: 64px;
	height: 65px;
	padding: 0;
	background: url("../../images/front/bbs/icon_share.png") center
		no-repeat;
	border: 0;
	position: absolute;
	top: 50px;
	right: 30px;
	font-size: 0;
}

.sub_content2023 .event-share:hover {
	opacity: 1;
}

.sub_content2023 .event-dim {
	position: fixed;
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.sub_content2023 .event-share-layer {
	box-sizing: border-box;
	background: #fff;
	width: 580px;
	text-align: center;
	padding: 55px 20px 50px 20px;
	position: absolute;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -290px;
}

.sub_content2023 .event-share-layer h3 {
	position: absolute;
	font-size: 32px;
	line-height: 40px;
	top: -50px;
	left: 0;
	width: 100%;
	font-weight: 900;
	color: #fff;
}

.sub_content2023 .event-share-layer .layer-close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: -52px;
	padding: 0;
}

.sub_content2023 .event-share-layer .layer-close>span {
	display: block;
	width: 32px;
	height: 32px;
	font-size: 0;
}

.sub_content2023 .event-share-layer .layer-close>span:before,
	.sub_content2023 .event-share-layer .layer-close>span:after {
	content: '';
	width: 40px;
	height: 1px;
	display: block;
	position: absolute;
	top: 16px;
	left: -4px;
	background: #fff;
	transform-origin: center center;
}

.sub_content2023 .event-share-layer .layer-close>span:before {
	transform: rotate(-45deg);
}

.sub_content2023 .event-share-layer .layer-close>span:after {
	transform: rotate(45deg);
}

.sub_content2023 .event-share-layer ul li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.sub_content2023 .event-share-layer ul li span {
	font-size: 22px;
	display: block;
	margin-top: 10px;
	color: #555;
}

.sub_content2023 .event-share-layer .copy-url-wrap {
	margin-top: 30px;
}

.sub_content2023 .event-share-layer .copy-url-wrap input {
	height: 64px;
	border: 2px solid #d5d5d5;
	width: 380px;
	box-sizing: border-box;
	padding: 0 15px;
	font-size: 22px;
	vertical-align: top;
}

.sub_content2023 .event-share-layer .copy-url-wrap .copy-url {
	height: 64px;
	width: 90px;
	color: #fff;
	font-size: 22px;
	background: #fd7654;
	margin-left: 20px;
}

.sub_content2023 .container-event section {
	position: relative;
	box-sizing: border-box;
	padding: 0;
}

.sub_content2023.container-event section .wrap {
	margin: 0 auto;
	position: relative;
	width: 1180px;
	box-sizing: border-box;
}

.sub_content2023 .container-event section .wrap img {
	display: block;
	margin: 0 auto;
}

.info-text {
	margin-bottom: 35px;
}

.info-text b {
	position: relative;
	padding-left: 22px;
}

.info-text b:before {
	content: '!';
	position: absolute;
	left: 0;
	top: -1px;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background: #ff7350;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	transform: rotate(-180deg);
}


/* #65055 AI·디지털연수 */
.digital-bnn .txtbox{
	background:rgba(255,255,255,.5);
	border-radius:5px;
	padding:15px 15px 10px;
	display:table;
	width:640px;
	position:relative;
	margin-top: -85px;
    margin-bottom: 62px;
}
.digital-bnn .txtbox .txt{
	font-size:13px;
	color:#3b4e7d;
	letter-spacing:-.5px;
	font-family: 'GmarketSans';
	line-height: 1.3;
}
.digital-bnn .txtbox .txt b{
	font-weight: bold;
}
.digital-bnn .txtbox .btn{
	background:#3b4e7d;
	font-family: 'GmarketSans';
	color:#fff;
	font-size:13px;
	border-radius:5px;
	width:161px;
	height: 32px;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
    position: absolute;
    right: 15px;
    top: 14px;
    padding: 0;
    letter-spacing: -1px;
}
.reset-box{
	margin-top: -55px;
    position: absolute;
    right: 0;
}
.reset-btn{
	font-size: 13px;
    color: #ff7350;
    height: 30px;
    line-height: 29px;
    text-align: right;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ff7350;
    width: 97px;
    letter-spacing: -0.5px;
    background:url(../../../asset/images/front/common/icon_reset.png) no-repeat 8px 8px;
}
.crs-price{
    font-size: 24px;
    color: #1e1e1e;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: -1px;
}
.crs-price del{
	font-size:16px;
	color:#565656;
	font-weight: normal;
	margin-left:5px;
}
.bbs-more {
	color: #626262;
	font-size: 16px;
	width:172px;
	height:48px;
	line-height:40px;
	border: 1px solid #d0d0d0;
	display: table;
	margin:80px auto 0;
	border-radius:5px;
	text-align:center;
}

/* #65369 테마연수 */
.theme-bnn:after{
	display:none;
}
.catetory-box input[type=radio]{
	width: 0;
	height: 0;
	position: absolute;
	left: -9999px;
}
.catetory-box input[type=radio] + label{
	cursor: pointer;
	font-size:18px;
	color:#555555;
	background:#f7f7f7;
	border-radius:16px;
	height:32px;
	line-height:34px;
	padding:0 15px;
	margin:5px 3px;
	box-sizing: border-box;
	display:inline-block;
}
.catetory-box input[type=radio]:checked + label{
	background:#f96742;
	color:#fff;
}

.announcement_text{position:relative; display:flex; flex-direction: column; gap:4px; font-size: 0.8125rem; letter-spacing: -0.01625rem; line-height: 140%; /* 1.1375rem */ color:#444; margin:0 0 14px 0;}
.announcement_text > div{position:relative; padding:0 0 0 8px;}
.announcement_text > div i{color:#F96742;}
.announcement_text > div:before{content:''; position: absolute; top:7px; left:0; display:block; width:2px; height:2px; background:#8B96A0;}