﻿@charset "utf-8";
/*=============================================================================
  폰트 CSS
=============================================================================*/
/*----- 노토산스 코리아 -----*/
/* Noto Sans KR - Thin */
@font-face {
  font-family: "NotoSansKR";
  src: url("../font/NotoSansKR/NotoSans-Thin.eot"); /* IE9 Compat Modes */
  src: url("../font/NotoSansKR/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/NotoSansKR/NotoSans-Thin.woff2") format("woff2"),
    url("../font/NotoSansKR/NotoSans-Thin.woff") format("woff"), /* Modern Browsers */ url("../font/NotoSansKR/NotoSans-Thin.ttf") format("truetype");
  font-weight: normal;
  font-weight: 100;
}
/* Noto Sans KR - Regular */
@font-face {
  font-family: "NotoSansKR";
  src: url("../font/NotoSansKR/NotoSans-Regular.eot"); /* IE9 Compat Modes */
  src: url("../font/NotoSansKR/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/NotoSansKR/NotoSans-Regular.woff2") format("woff2"),
    url("../font/NotoSansKR/NotoSans-Regular.woff") format("woff"), /* Modern Browsers */ url("../font/NotoSansKR/NotoSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-weight: 400;
}
/* Noto Sans KR - Medium */
@font-face {
  font-family: "NotoSansKR";
  src: url("../font/NotoSansKR/NotoSans-Medium.eot"); /* IE9 Compat Modes */
  src: url("../font/NotoSansKR/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/NotoSansKR/NotoSans-Medium.woff2") format("woff2"),
    url("../font/NotoSansKR/NotoSans-Medium.woff") format("woff"), /* Modern Browsers */ url("../font/NotoSansKR/NotoSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-weight: 600;
}
/* Noto Sans KR - Bold */
@font-face {
  font-family: "NotoSansKR";
  src: url("../font/NotoSansKR/NotoSans-Bold.eot"); /* IE9 Compat Modes */
  src: url("../font/NotoSansKR/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/NotoSansKR/NotoSans-Bold.woff2") format("woff2"),
    url("../font/NotoSansKR/NotoSans-Bold.woff") format("woff"), /* Modern Browsers */ url("../font/NotoSansKR/NotoSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-weight: 800;
}
/* Noto Sans KR - Black */
@font-face {
  font-family: "NotoSansKR";
  src: url("../font/NotoSansKR/NotoSans-Black.eot"); /* IE9 Compat Modes */
  src: url("../font/NotoSansKR/NotoSans-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/NotoSansKR/NotoSans-Black.woff2") format("woff2"),
    url("../font/NotoSansKR/NotoSans-Black.woff") format("woff"), /* Modern Browsers */ url("../font/NotoSansKR/NotoSans-Black.ttf") format("truetype");
  font-weight: normal;
  font-weight: 900;
}
@font-face {
  font-family: "NanumSquare";
  src: url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumSquareR.eot);
  src: url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumSquareR.eot?#iefix) format("embedded-opentype"),
    url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumSquareR.woff) format("woff"), url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumSquareR.ttf) format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  src: url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
  src: url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumGothic.eot);
  src: url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumGothic.eot?#iefix) format("embedded-opentype"),
    url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumGothic.woff) format("woff"), url(http://vod.kcu.or.kr/kculod/00_KCUTemplate/20181/font/NanumGothic.ttf) format("truetype");
}
/*=============================================================================
  공통 CSS
=============================================================================*/
/*기본*/
* {
  margin: 0;
  padding: 0;
  word-break: keep-all;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
  font-family: "NotoSansKR";
}
textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}
#wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/*상단 설정*/
.top_menu .chasiInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  background: url(../img/bg_head.png) no-repeat center / 100%;
  padding: 0 15px;
}
.top_menu .chasiInfo h1 {
  order: 1;
  font-size: 20px;
  color: #ccddff;
  font-weight: normal;
}
.top_menu #did span {
  font-size: 23px;
  color: #fff;
  font-weight: bold;
}

/*중앙 컨텐츠 설정*/
#contents {
  width: 100%;
  height: calc(100% - 45px);
}
.top_menu ~ #contents {
  height: calc(100% - 86px);
}

/*하단 설정*/
.bottom_bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  background: #000;
}
.top_menu ~ .bottom_bar {
  height: 44px;
}
#control {
  width: 100%;
  height: calc(100% - 5px);
  margin-top: 5px;
  background: #171b23;
}
#slideBg {
  position: absolute;
  top: 1px;
  width: 100%;
  height: 4px;
  left: 0;
  border: 0px solid #000;
  z-index: 99999;
  background-color: #909ab0;
}
#slideHandleBg {
  position: relative;
}
#handle {
  /* margin-left: 40px; */
  position: absolute;
  top: -5px;
  /* left: -2%; */
  border-radius: 50%;
  box-shadow: 1px 1px 5px 0 #000;
}
#handleBar {
  background-color: #5c94ff;
  height: 4px;
  width: 0%;
  float: left;
  padding-right: 6px;
}
.control_wrap {
  display: flex;
  align-items: center;
  height: 100%;
}
.control_wrap button,
.control_wrap input[type="image"],
.control_wrap img {
  cursor: pointer;
}
.control_wrap > .w100 {
  width: 100px;
}
.control_wrap > .w120 {
  width: 120px;
}
.control_wrap > * {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.control_wrap > *:not(.study_list):not(.full_btn):not(.study_guid):not(.page_btn_box) {
  border-right: 1px solid #000;
  box-shadow: 1px 0 0 0 #292d34;
}
.control_wrap > .study_list::after,
.control_wrap > .study_guid::before {
  position: absolute;
  content: "";
  top: 0;
  width: 6px;
  height: 100%;
}
.control_wrap > .study_list::after {
  right: -6px;
  background-image: linear-gradient(90deg, #000, #171b23);
}
.control_wrap > .study_guid::before {
  left: -6px;
  background-image: linear-gradient(90deg, #171b23, #000);
}
.control_wrap > .study_guid {
  border-right: 1px solid #252b38;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.05);
  z-index: 1;
}
.control_wrap > .study_list button::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 13px;
  background: url(../img/icon_study_list.png) no-repeat top / 20px 26px;
  margin-right: 11px;
}
.control_wrap > .study_list.active > .study_list_box {
  display: block;
}
.control_wrap > .study_list > .study_list_box {
  position: absolute;
  display: none;
  bottom: calc(100% + 5px);
  left: 0;
  width: 250px;
  height: 563px;
  background: url(../img/bg_study_list.png);
}
.control_wrap > .study_list > .study_list_box > a {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #b5b5b5;
  padding: 0 40px;
}
.control_wrap > .study_list > .study_list_box > a:hover {
  color:#6c9eff;
}
.control_wrap > .study_list > .study_list_box > .sub_active {
  color:#6c9eff;
  text-shadow: 0px 0px 10px #0031ff;
  background:url(../img/icon_sub_active.png) no-repeat 15px;
}
.control_wrap > .study_list > .study_list_box > strong > .main_active {
  color:#6c9eff;
  text-shadow: 0px 0px 10px #0031ff;
}
.control_wrap > .study_list > .study_list_box > strong {
  position: relative;
  display: block;
  height: 26px;
  font-size: 15px;
  line-height: 25px;
  color: #85a1d7;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 -1px 0 0 #000;
  margin: 15px 0 6px;
  padding: 0 40px;
  background: #171719;
}
.control_wrap > .study_list > .study_list_box > strong::before {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  left: 16px;
  width: 14px;
  height: 14px;
  background: url(../img/icon_study_list_tit.png) no-repeat top / 14px 28px;
}
.control_wrap > .study_list > .study_list_box > strong:first-child {
  margin-top: 0;
}
.control_wrap > .study_list > .study_list_box > strong > a {
  color: #b5b5b5;
}
.control_wrap > .study_list > .study_list_box > strong > a:hover {
  color: #6c9eff;
}
.control_wrap > .study_list > .study_list_box > .logo {
  display: block;
  width: 200px;
  height: 45px;
  text-indent: -9999px;
  background: url(../img/logo.png) no-repeat top / 200px 90px;
  margin: 29px auto 15px;
  position: absolute;
  bottom: 0px;
  left: 25px;
}
.control_wrap > .study_list > .study_list_box.white_mode {
  background: rgba(255, 255, 255, 0.92);
}
.control_wrap > .study_list > .study_list_box.white_mode > a {
  color: #454545;
}
.control_wrap > .study_list > .study_list_box.white_mode > strong {
  color: #fff;
  background: #85a1d7;
  box-shadow: none;
  border-color: #728cbe;
}
.control_wrap > .study_list > .study_list_box.white_mode > strong > a {
  color: #454545;
}
.control_wrap > .study_list.active button::before,
.control_wrap > .study_list > .study_list_box.white_mode > strong::before,
.control_wrap > .study_list > .study_list_box.white_mode > .logo {
  background-position: bottom;
}
.control_wrap > .study_list button,
.control_wrap > .study_guid button,
.control_wrap > .study_question button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #adbad6;
  background: #30384a;
  border: none;
}
.control_wrap > .study_guid button:hover,
.control_wrap > .study_question button:hover {
  color: #6c9eff;
  text-shadow: 0 0 5px #003cff;
}
.control_wrap > .copyBox {
  display: none;
  width: calc(100% - 452px);
  justify-content: flex-start;
  font-size: 10px;
  color: #969697;
  padding: 0 25px;
}
.control_wrap > .playBox,
.control_wrap > .replayBox {
  width: 64px;
}
.control_wrap > .volBox {
  width: 63px;
}
.control_wrap > .timeBox {
  width: 122px;
}
.control_wrap > .timeBox span {
  font-size: 14px;
  color: #6b768c;
}
.control_wrap > .timeBox #currentTime {
  color: #85a1d7;
}
.control_wrap > .timeBox span:nth-child(2) {
  margin: 0 6px;
}
.control_wrap > .speedBox {
  width: 76px;
}
.control_wrap > .speedBox .speed_select {
  width: 45px;
  height: 21px;
  font-size: 12px;
  text-align: center;
  line-height: 21px;
  color: #c8c8c8;
  border-radius: 10.5px;
  background: #303943;
  cursor: pointer;
}
.control_wrap > .speedBox .speed_select::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(../img/x_b.png) no-repeat bottom / 8px;
  margin-right: 2px;
}
.control_wrap > .speedBox .speed_select:hover {
  background: #5c94ff;
  color: #fff;
  box-shadow: 0 0 5px 1px #003cff;
}
.control_wrap > .speedBox .speed_select:hover::before {
  background-position: top;
}
.control_wrap > .speedBox .speed_list {
  position: absolute;
  left: 16px;
  display: none;
  bottom: calc(100% + 5px);
  width: 45px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #909ab0;
  background: #0b0f12;
  padding: 6px 5px;
}
.control_wrap > .speedBox .speed_list > div {
  margin-top: 4px;
  cursor: pointer;
}
.control_wrap > .speedBox .speed_list > div:first-child {
  margin-top: 0;
}
.control_wrap > .speedBox .speed_list > div:hover,
.control_wrap > .speedBox .speed_list > .active {
  color: #fff;
  background: #5c94ff;
  border-radius: 7.5px;
}
.control_wrap > #subhead {
  width: 99px;
}
.control_wrap > .full_btn {
  width: 60px;
}
.control_wrap > .page_btn_box {
  width: 132px;
}
.control_wrap > .page_btn_box > li {
  display: inline-block;
}
.control_wrap > .page_btn_box > .time {
  font-size: 14px;
  color: #787878;
  margin: 0 12px;
}
.control_wrap > .page_btn_box > .time #currentPage {
  color: #c9c9c9;
}
.control_wrap > .page_btn_box > .time span:nth-child(2) {
  margin: 0 7px;
}

#volume_controller {
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc(50% - 20px);
  display: none;
  width: 40px;
  height: 135px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.85);
}
#volumeBar {
  position: absolute;
  width: 5px;
  height: 80px;
  left: calc(50% - 2.5px);
  top: 15px;
}
.muteBox {
  position:absolute;
  left:calc(50% - 14px);
  bottom:5px;
}
#slider-volume {
  width: 100%;
  height: 100%;
  background-color: #838ca0;
  z-index: 99;
}
#slider-volumeColor {
  width: 100%;
  height: 100%;
  z-index: 999;
}
#vol_handle {
  position: absolute;
  left: calc(50% - 8.5px);
  top: -3.5px;
  box-shadow: 2px 2px 5px #000;
}
#smi {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 54px;
}
#smi_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#smi_text span {
  display: inline-block;
  font-size: 16px;
  color: #9cbaf5;
  background: rgba(0, 0, 0, 0.75);
  padding: 2.5px 10px;
}
#currentPage {
  font-weight: bold;
}
#totalPage {
  font-weight: bold;
  color: #777;
}

/*=============================================================================
  페이지별 CSS
=============================================================================*/
/*인트로 페이지*/
.body_index {
  text-align: center;
  padding: 0;
}
.body_index #mainFrame {
  width: 1000px;
  min-width: 1000px;
  min-height: 650px;
  border: 0px;
  margin: 0px auto;
}
.body_index #audioFrame {
  display: block;
  width: 0px;
  height: 0px;
}
.body_index #downloadFrame {
  display: none;
}

/*페이지 1*/
.body_1 .Learning_title2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.body_1 #P_name {
  font-size: 28px;
  font-weight: bold;
}
.body_1 #did {
  position: relative;
  width: 850px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #024b67;
  line-height: 32px;
  padding: 13px 60px 11px;
}
.body_1 #did::before,
.body_1 #did::after {
  position: absolute;
  content: "";
  height: 1px;
  background-image: linear-gradient(45deg, transparent 2%, #00a2ff, transparent 98%);
}
.body_1 #did::before {
  top: 0;
  left: 0;
  width: 100%;
}
.body_1 #did::after {
  bottom: 0;
  left: calc(50% - 320px);
  width: 640px;
}
.body_1 #nextBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 50px;
  font-size: 23px;
  font-weight: 500;
  color: #fff;
  background-image: linear-gradient(136deg, #00a4ca, #00688f);
  border: none;
  border-radius: 25px;
  margin-top: 15px;
  cursor: pointer;
}
/*페이지 2*/
.body_2 #videoPlayer {
  height: 564px;
}
/*페이지 3*/
.body_3 {
  background: url(../img/bg_player_page.png);
}
.body_3 #contents {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*학습가이드 페이지*/

.body_guid {
  width: 780px;
  height: 510px;
  border: 1px solid #2a2a2a;
}
.body_guid .guid_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 45px;
  background: #171b23;
  padding: 0 25px;
}
.body_guid .guid_head h1 {
  font-size: 18px;
  font-weight: normal;
  color: #85a1d7;
  padding-left: 25px;
  background: url(../img/icon_help_tit.png) no-repeat left;
}
.body_guid .guid_head button {
  font-size: 13px;
  color: #b6b6b6;
  background: transparent;
  border: none;
  cursor: pointer;
}
.body_guid .guid_head button span {
  font-size: 15px;
  margin-right: 4px;
}
.body_guid .guid_con {
  height: calc(100% - 45px);
  padding: 15px 24px 25px 24px;
  overflow: hidden;
}
.body_guid .guid_con h4{
  margin-top:25px;
}
.body_guid .guid_con .dingbat {
  width: 7px;
  height: 2px;
  background-color: #878787;
  display: inline-block;
  margin: 8px 5px 0 5px;
  vertical-align: top;
}
.body_guid .guid_con .txt {
  width: 400px;
  margin-bottom: 4px;
  line-height: 18px;
  display: inline-block;
  font-size: 14px;
  color: #878787;
  word-wrap: break-word;
}
.body_guid .guid_con .txt2 {
  width: 630px;
}
.body_guid .guid_con .menu_list {
  font-size: 0;
  margin-bottom: 15px;
}
.body_guid .guid_con .menu_list li:nth-child(4) {
	margin-right:0;
}
.body_guid .guid_con .menu_list li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 175px;
  height: 40px;
  font-size: 15px;
  color: #8d8b8b;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
}
.body_guid .guid_con .menu_list li.selected {
  color: #fff;
  background: #85a1d7;
  border: none;
}
.body_guid .guid_con div[class^=undo] {
  display: none;
  height: calc(100% - 57px);
  border: 1px solid #d3d3d3;
  overflow: auto;
}
.body_guid .guid_con div.active {
  display: block;
}
.body_guid .guid_con img {
  max-width: 100%;
}
.body_guid .guid_con h4 {
  font-size:18px;
}
.body_guid .guid_con p {
  font-size:14px; 
  line-height:20px;
  color:#878787; 
}
.body_guid .guid_con .undo1_content  {
  padding:20px 35px;
}
.body_guid .guid_con .undo1_content .accordion {
  width:660px;
}
.body_guid .guid_con .undo1_content .accordion .link {
  background-color:#d9dfe8;
  border:1px solid #d3d3d3;
  font-size:18px;
  cursor: pointer;
  display: block;
  position: relative;
  margin-top: 10px;
}
.body_guid .guid_con .undo1_content .accordion .link .week {
  width:50px;
  height: 42px;
  line-height: 42px;
  font-size:16px;
  text-align: center;
  border-right: 1px solid #d3d3d3;
  margin-right: 10px;
  display: inline-block;
}
.body_guid .guid_con .undo1_content .accordion button {
  outline-style: none;
  border-style: none;
  border-radius: 5px;
}
.body_guid .guid_con .undo1_content .accordion button span::before {
  content: "펼치기";
}
.body_guid .guid_con .undo1_content .accordion button span {
  display: inline-block;	
  height: 24px;
  width: 60px;
  padding-right: 10px;
  border-radius: 5px;
  color: #676767;
  font-size: 12px;
  line-height: 21px;
  border: 1px solid #d3d3d3;
  background: url(../img/icon_guide_unfold.png) no-repeat;
  background-position-x: 90%;
  background-position-y: center;
  position: absolute;
  top:9px;
  right:9px;
  background-color: #FFF;
}
.body_guid .guid_con .undo1_content .accordion .link.on button span  {
  background: url(../img/icon_guide_fold.png) no-repeat;
  padding-right: 10px;
  background-position-x: 87%;
  background-position-y: 40%;
  background-color: #FFF;
}
.body_guid .guid_con .undo1_content .accordion .link.on button span::before {
  content: "접기";
}
/* .body_guid .guid_con .undo1_content .accordion .acco_btn {
	background-image: url(../img/guide_open.png);
	width:60px;
	height:24px;
	float: right;
	margin: 9px;	
}
.body_guid .guid_con .undo1_content .accordion .link.on .acco_btn {
	background-image: url(../img/guide_close.png);
} */
.body_guid .guid_con .undo1_content .accordion .link.today {
	color: #004eff;
}
.body_guid .guid_con .undo1_content .accordion .submenu {
	display: none;
	width:660px;
	background-color:#fff;
	border-left: 1px solid #d3d3d3;	
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding: 0 10px 0 60px;
	font-size: 14px;
	color: #676767; 
}
.body_guid .guid_con .undo1_content .accordion .submenu .submenu_flex{
	display: flex;
	height: 98px;
	flex-direction: column;
	justify-content: center; 
}
.body_guid .guid_con .undo1_content .accordion .submenu li{
	width: 470px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.body_guid .guid_con .undo1_content .accordion .down_btn {
	width: 90px;
	border:1px solid #cadcff;
	font-size: 14px;
	text-align: center;
	color: #5c90f5; 
	float: right;
	display:inline-block;
	padding: 12px 0;
	line-height: 17px;
	border-radius: 10px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.10);	
	cursor: pointer;
	margin-top: 19px;
}
.body_guid .guid_con .undo1_content .accordion .down_btn:hover {
	color: #004eff
}
.body_guid .guid_con .undo2_content  {
	padding:5px 40px 20px 40px;
}
.body_guid .guid_con .undo2_content .references {
	width: 650px;
}
.body_guid .guid_con .undo3_content  {
	display: inline-block;
}
.body_guid .guid_con .undo3_content .left  {
	width:240px;
	padding:35px;
	background-color:#eaeaea;
	text-align:center;
	float:left;
	height: 364px;
	position: fixed;
}
.body_guid .guid_con .undo3_content .left .name_tit {
	font-size:22px; 
	font-weight: 600; 
	margin-top:22px;
	color:#000;
}
.body_guid .guid_con .undo3_content .right  {
	padding: 3px 30px 30px 38px;
  width: 490px;
  height: 346px;
  float: right;
  
}
.body_guid .guid_con .undo3_content .right h4 {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 33px;
}
.body_guid .guid_con .undo3_content .right .edu  {
  background-image: url(../img/icon_guide_edu.png) ;
}
.body_guid .guid_con .undo3_content .right .edu_career  {
	background-image: url(../img/icon_guide_edu_career.png);
	margin-top:30px;
}
.body_guid .guid_con .undo3_content .right .paper  {
	background-image: url(../img/icon_guide_paper.png);
	margin-top:30px;
}
.body_guid .guid_con .undo3_content .right p:last-child {
	line-height: 17px;
	letter-spacing: -0.7px;
}
.body_guid .guid_con .undo4_content {
	padding:20px;
}