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

/* ============================================================================ 학습정리 */
section { }
#ctn {
	position: relative;
	width: 100%;
	height: 530px;
	left: 0;
	top: 0;
}
#img_wrap img { position: absolute; }
.ks08_img01 {
	left: 10px;
	bottom: -40px;
	animation: fade 2s ease none 1 normal;
	-webkit-animation: fade 2s ease none 1 normal;
}
@keyframes fade { 0%, 30% {
opacity:0;
left:-10px;
bottom:-50px
}
100% {
opacity:1;
left:10px;
bottom: -40px;
}
}
@-webkit-keyframes fade { 0%, 30% {
opacity:0;
left:-10px;
bottom:-50px
}
100% {
opacity:1;
\left:10px;
bottom: -40px;
}
}
.ks08_img02 {
	right: -65px;
	bottom: -70px;
	animation: fade2 3s ease none 1 normal;
	-webkit-animation: fade2 3s ease none 1 normal;
}
@keyframes fade2 { 0%, 50% {
opacity:0;
margin-right:-50px;
}
100% {
opacity:1;
margin-right:0;
}
}
@-webkit-keyframes fade2 { 0%, 50% {
opacity:0;
margin-right:-50px;
}
100% {
opacity:1;
margin-right:0;
}
}
#motion_box {
	position: relative;
	float: left;
	top: 60px; /* 모션 시작하는 위치*/
	color: #333;
	width: 950px;
	left: 25px;
	height: 470px;
	opacity: 0.5;
	background: url(../images/ks08_bg.png) 60px top no-repeat;
}
.summary_text {
	position: relative;
	margin: 60px auto 0 auto;
	font-size: 16px;
	width: 700px;
	height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: middle;
	padding-left: 20px;
}
h3 {
	padding-left: -10px;
	padding-top: 40px;
	margin-bottom: 10px;
	margin-top: -35px;
	color: #000;
}
h3::before {
	font-family: 'FontAwesome';
	content: "\f19d";
	margin-right: 10px;
	font-size: 23px;
	padding-left: 3px;
}
h4 {
	width: auto;
	display: inline-block;
	font-weight: normal;
	color: #154128 ;
	font-size: 21px;
	margin-bottom: 10px;
	padding: 3px 20px;
	font-family: nanum_sr;
	background: #ffd800 ;
}
h4 span {
	margin-right: 10px;
	text-align: center;
	padding: 0;
}
ul + h4 { margin-top: 30px; }
.summary_text ul, .summary_text ol, h4 + div.box {
	padding: 10px;
	background: url(../images/ks02_bg.png);
	border-radius: 10px;
	padding-left: 15px;
}
ol.ol_list li {
	padding-left: 0;
	margin-left: 10px;
}
.summary_text ul + p { margin-top: 20px; }
.summary_text p { line-height:150% }
.summary_text p + h4{ margin-top:20px;}
/*
.summary_text p::before {
	font-family: 'FontAwesome';
	content: "\f0d7";
	padding-right: 10px;
	font-weight:900;
}
*/
.summary_text li {
	list-style: disc;
	padding-left: 0;
	width: 95%;
	margin-left: 10px;
	margin-bottom: 10px;
	height: auto;
}
.summary_text li ul { margin: 0px 0 5px 3px }
.summary_text ul li ul li {
	list-style: url(../images/hyphen.png);
	margin-bottom: 5px;
	color: #5f5649;
}
.summary_text .list_sty01 li {
	list-style: url(../images/hyphen.png);
	margin-bottom: 5px;
	color: #5f5649;
}
.summary_text .ol_list li { list-style: none; }
.summary_text .ol_list li:nth-child(1)::before {
	content: url(../images/circle01.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(2)::before {
	content: url(../images/circle02.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(3)::before {
	content: url(../images/circle03.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(4)::before {
	content: url(../images/circle04.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(5)::before {
	content: url(../images/circle05.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(6)::before {
	content: url(../images/circle06.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(7)::before {
	content: url(../images/circle07.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(8)::before {
	content: url(../images/circle08.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(9)::before {
	content: url(../images/circle09.png);
	padding-right: 5px;
}
.summary_text .ol_list li:nth-child(10)::before {
	content: url(../images/circle10.png);
	padding-right: 5px;
}
.summary_text .ol_list li ul { padding-left: 0; }
.summary_text .ol_list li ul li {
	list-style: url(../images/hyphen.png);
	margin-left: 25px;
}
.summary_text .ol_list li ul li:nth-child(1)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(2)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(3)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(4)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(5)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(6)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(7)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(8)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(9)::before { content: ''; }
.summary_text .ol_list li ul li:nth-child(10)::before { content: ''; }
/* ============================ carousel */
.carousel {
	position: relative;
	width: 100%;
}
.carousel-inner {
	position: relative;
	width: 86%;
	margin-left: 7%;
	height: 450px;
	overflow: hidden;
}
.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
	left: 0;
	-webkit-transform: scale(0.8) translate3d(100%, 0, 0);
	transform: scale(0.8) translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
	left: 0;
	-webkit-transform: scale(0.8) translate3d(-100%, 0, 0);
	transform: scale(0.8) translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	padding-top: 195px;
	width: 5%;
	vertical-align: middle;
	font-size: 45px;
	color: #b3cfd5;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .0);
	filter: alpha(opacity=100);
	opacity: 1;
}
.carousel-control.left {
	vertical-align: middle;
	background-repeat: repeat-x;
	color: #586994;
	left: 10px;
}
.carousel-control.right {
	right: 10px;
	left: auto;
	background-repeat: repeat-x;
	color: #586994;
}
.carousel-control:hover {
	text-decoration: none;
	filter: alpha(opacity=100);
	outline: 0;
	opacity: 1;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
.carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px;
}
.carousel-control .icon-next {
	right: 50%;
	margin-right: -10px;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-family: serif;
	line-height: 1;
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.4);
	border: none;
	border-radius: 10px;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #414e6f;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #009985;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn { text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; }
.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px;
}
.carousel-indicators { }
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " ";
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; }
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.affix { position: fixed; }
@-ms-viewport {
 width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
.visible-xs { display: block !important; }
table.visible-xs { display: table; }
tr.visible-xs { display: table-row !important; }
th.visible-xs, td.visible-xs { display: table-cell !important; }
}
@media (max-width: 767px) {
.visible-xs-block { display: block !important; }
}
@media (max-width: 767px) {
.visible-xs-inline { display: inline !important; }
}
@media (max-width: 767px) {
.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm { display: block !important; }
table.visible-sm { display: table; }
tr.visible-sm { display: table-row !important; }
th.visible-sm, td.visible-sm { display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline { display: inline !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md { display: block !important; }
table.visible-md { display: table; }
tr.visible-md { display: table-row !important; }
th.visible-md, td.visible-md { display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline { display: inline !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1200px) {
.visible-lg { display: block !important; }
table.visible-lg { display: table; }
tr.visible-lg { display: table-row !important; }
th.visible-lg, td.visible-lg { display: table-cell !important; }
}
@media (min-width: 1200px) {
.visible-lg-block { display: block !important; }
}
@media (min-width: 1200px) {
.visible-lg-inline { display: inline !important; }
}
@media (min-width: 1200px) {
.visible-lg-inline-block { display: inline-block !important; }
}
@media (max-width: 767px) {
.hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
.hidden-lg { display: none !important; }
}
.visible-print { display: none !important; }
.visible-print-block { display: none !important; }
.visible-print-inline { display: none !important; }
.visible-print-inline-block { display: none !important; }
.mCSB_inside > .mCSB_container { margin-right: 40px; }