@charset "utf-8";
/* CSS Document */

/* ============================================================================ 사전학습 */
#info_text::before { content: '\f084'; }
article {
	position: relative;
	float: none;
	margin: 0 auto;
	width: 800px;
	height: 100%;
	margin-top: 58px;
	overflow: hidden;
}
#ctn_list01, #ctn_list02, #ctn_list03 {
	position: relative;
	width: 800px;
	height: 137px;
	opacity: 0;
	float: left;
	margin-bottom: 15px;
}
#ctn_list03, .list_2ea #ctn_list02 { margin: 0; }
.list_2ea #ctn_list01 { margin-top: 50px; }
.list_1ea #ctn_list01 { margin-top: 100px; }
.sticky {
	cursor: pointer;
	width: 800px;
	height: 137px;
	background: url(../images/ks04_click.png) 447px 50px no-repeat, url(../images/ks04_bg01.png) 0 0 no-repeat;
	transition: all 0.2s linear;
}
article h3 {
	font-family: nanum_srr;
	float: left;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
}
.sticky > h3, .ctn_view > h3 {
	    font-size: 25px;
    width: 174px;
    height: 97px;
    line-height: 120%;
    padding: 20px;
    margin: 0;
    color: #000;
    font-weight: bold;
    padding-top: 53px;
}
.ctn_view > h3 { color: #0090ff; }
.sticky:hover { background: url(../images/ks04_click.png) 447px 55px no-repeat, url(../images/ks04_bg01.png) 0 0 no-repeat; }

/* title 모션 */
@keyframes move_btn { 0% {
background-position:102px 54%;
}
100% {
background-position:102px 50%;
}
}
@-webkit-keyframes move_btn { 0% {
background-position:102px 54%;
}
100% {
background-position:102px 50%;
}
}
.h3_2line .sticky > h3, .h3_2line .ctn_view > h3 {
	height: 77px;
	padding-top: 40px;
	line-height: 120%;
}
.h3_3line .sticky > h3, .h3_3line .ctn_view > h3 {
	height: 92px;
	padding-top: 27px;
	line-height: 120%;
	font-size: 23px;
}
.h3_2line .sticky > h3 span, .h3_2line .ctn_view > h3 span, .h3_3line .sticky > h3 span, .h3_3line .ctn_view > h3 span {
	line-height: 100%;
	margin-top: 5px;
}
.ctn_view {
	float: left;
	display: none;
	width: 800px;
	height: 137px;
	background: url(../images/ks04_bg02.png) 0 0 no-repeat;
}
.detail {
	position: relative;
	float: left;
	top: 15px;
	color: #333;
	padding: 0 20px;
	width: 545px;
	height: 107px;
	overflow-x: hidden;
	overflow-y: auto;
	border: none;
}
.detail ul {
	margin-left: 0;
	padding-left: 20px;
}
.detail li { margin-bottom: 10px; }
.fs23 { font-size: 23px !important; }