/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-4차 산업혁명 시대에는 로봇이 사람 대신 서비스를 제공하기 때문에 고객만족은 사라질 것이다. {
  background-image: url(../images/sprite.png);
  background-position: -823px -1021px;
  width: 486px;
  height: 52px;
}
.icon-Ellipse {
  background-image: url(../images/sprite.png);
  background-position: -1534px -749px;
  width: 14px;
  height: 3px;
}
.icon-Q {
  background-image: url(../images/sprite.png);
  background-position: -1529px -247px;
  width: 18px;
  height: 25px;
}
.icon-Rectangle 1252 {
  background-image: url(../images/sprite.png);
  background-position: -1440px -766px;
  width: 36px;
  height: 36px;
}
.icon-balloon {
  background-image: url(../images/sprite.png);
  background-position: -1440px -680px;
  width: 62px;
  height: 29px;
}
.icon-bg {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 1066px;
  height: 600px;
}
.icon-btn {
  background-image: url(../images/sprite.png);
  background-position: 0px -1112px;
  width: 641px;
  height: 40px;
}
.icon-btnS2 {
  background-image: url(../images/sprite.png);
  background-position: -1187px -954px;
  width: 204px;
  height: 47px;
}
.icon-chk {
  background-image: url(../images/sprite.png);
  background-position: -1502px -995px;
  width: 20px;
  height: 20px;
}
.icon-close-index {
  background-image: url(../images/sprite.png);
  background-position: -1440px -884px;
  width: 32px;
  height: 32px;
}
.icon-close-large {
  background-image: url(../images/sprite.png);
  background-position: -1440px -839px;
  width: 35px;
  height: 35px;
}
.icon-close-popup-g {
  background-image: url(../images/sprite.png);
  background-position: -1440px -719px;
  width: 37px;
  height: 37px;
}
.icon-close-popup-w {
  background-image: url(../images/sprite.png);
  background-position: -1487px -719px;
  width: 37px;
  height: 37px;
}
.icon-close {
  background-image: url(../images/sprite.png);
  background-position: -1518px -812px;
  width: 16px;
  height: 16px;
}
.icon-down-arrow-g {
  background-image: url(../images/sprite.png);
  background-position: -1440px -1026px;
  width: 20px;
  height: 20px;
}
.icon-down-arrow-y {
  background-image: url(../images/sprite.png);
  background-position: -1470px -1026px;
  width: 20px;
  height: 20px;
}
.icon-down-arrow {
  background-image: url(../images/sprite.png);
  background-position: -1500px -1026px;
  width: 20px;
  height: 20px;
}
.icon-download {
  background-image: url(../images/sprite.png);
  background-position: -1532px -995px;
  width: 16px;
  height: 20px;
}
.icon-explain {
  background-image: url(../images/sprite.png);
  background-position: 0px -1162px;
  width: 290px;
  height: 64px;
}
.icon-fullscreen {
  background-image: url(../images/sprite.png);
  background-position: -1524px -884px;
  width: 22px;
  height: 22px;
}
.icon-gray-triangle {
  background-image: url(../images/sprite.png);
  background-position: -1470px -1056px;
  width: 13px;
  height: 15px;
}
.icon-green-square {
  background-image: url(../images/sprite.png);
  background-position: -1440px -995px;
  width: 21px;
  height: 21px;
}
.icon-guide {
  background-image: url(../images/sprite.png);
  background-position: -1440px -1056px;
  width: 20px;
  height: 18px;
}
.icon-header {
  background-image: url(../images/sprite.png);
  background-position: -300px -1162px;
  width: 183px;
  height: 43px;
}
.icon-icon-title1 {
  background-image: url(../images/sprite.png);
  background-position: -651px -1112px;
  width: 160px;
  height: 40px;
}
.icon-icon_2 {
  background-image: url(../images/sprite.png);
  background-position: -1523px -592px;
  width: 24px;
  height: 23px;
}
.icon-index-title1 {
  background-image: url(../images/sprite.png);
  background-position: -1486px -766px;
  width: 41px;
  height: 30px;
}
.icon-index-title2 {
  background-image: url(../images/sprite.png);
  background-position: -1485px -839px;
  width: 39px;
  height: 31px;
}
.icon-index-title3 {
  background-image: url(../images/sprite.png);
  background-position: -1440px -926px;
  width: 32px;
  height: 27px;
}
.icon-index-title4 {
  background-image: url(../images/sprite.png);
  background-position: -1512px -680px;
  width: 32px;
  height: 29px;
}
.icon-learning_title1 {
  background-image: url(../images/sprite.png);
  background-position: -1493px -1056px;
  width: 13px;
  height: 14px;
}
.icon-learning_title2 {
  background-image: url(../images/sprite.png);
  background-position: -1516px -1056px;
  width: 13px;
  height: 14px;
}
.icon-learningmap {
  background-image: url(../images/sprite.png);
  background-position: -1530px -1026px;
  width: 18px;
  height: 20px;
}
.icon-left-arrow {
  background-image: url(../images/sprite.png);
  background-position: -1534px -719px;
  width: 12px;
  height: 20px;
}
.icon-line {
  background-image: url(../images/sprite.png);
  background-position: 0px -610px;
  width: 700px;
  height: 218px;
}
.icon-lock {
  background-image: url(../images/sprite.png);
  background-position: -1466px -1113px;
  width: 16px;
  height: 20px;
}
.icon-monitor {
  background-image: url(../images/sprite.png);
  background-position: -1076px 0px;
  width: 354px;
  height: 309px;
}
.icon-mute {
  background-image: url(../images/sprite.png);
  background-position: -1529px -282px;
  width: 19px;
  height: 22px;
}
.icon-next-result {
  background-image: url(../images/sprite.png);
  background-position: -1440px -1084px;
  width: 18px;
  height: 19px;
}
.icon-next {
  background-image: url(../images/sprite.png);
  background-position: -1534px -839px;
  width: 12px;
  height: 20px;
}
.icon-normalscreen {
  background-image: url(../images/sprite.png);
  background-position: -1522px -926px;
  width: 22px;
  height: 22px;
}
.icon-pause-large {
  background-image: url(../images/sprite.png);
  background-position: -1440px -247px;
  width: 79px;
  height: 109px;
}
.icon-pause {
  background-image: url(../images/sprite.png);
  background-position: -1440px -1113px;
  width: 16px;
  height: 21px;
}
.icon-pdf-b {
  background-image: url(../images/sprite.png);
  background-position: -1522px -504px;
  width: 22px;
  height: 27px;
}
.icon-pdf-g {
  background-image: url(../images/sprite.png);
  background-position: -1523px -548px;
  width: 22px;
  height: 27px;
}
.icon-play-large {
  background-image: url(../images/sprite.png);
  background-position: -1440px -129px;
  width: 99px;
  height: 108px;
}
.icon-play {
  background-image: url(../images/sprite.png);
  background-position: -1529px -314px;
  width: 19px;
  height: 21px;
}
.icon-pocket {
  background-image: url(../images/sprite.png);
  background-position: -1522px -466px;
  width: 24px;
  height: 28px;
}
.icon-prev {
  background-image: url(../images/sprite.png);
  background-position: -1518px -1113px;
  width: 12px;
  height: 20px;
}
.icon-quiz-o-f-h {
  background-image: url(../images/sprite.png);
  background-position: -1076px -319px;
  width: 265px;
  height: 264px;
}
.icon-quiz-o-f {
  background-image: url(../images/sprite.png);
  background-position: 0px -838px;
  width: 265px;
  height: 264px;
}
.icon-quiz-o-on {
  background-image: url(../images/sprite.png);
  background-position: -1076px -593px;
  width: 181px;
  height: 180px;
}
.icon-quiz-o {
  background-image: url(../images/sprite.png);
  background-position: -710px -610px;
  width: 181px;
  height: 180px;
}
.icon-quiz-option-on {
  background-image: url(../images/sprite.png);
  background-position: -1440px -636px;
  width: 71px;
  height: 34px;
}
.icon-quiz-option {
  background-image: url(../images/sprite.png);
  background-position: -1529px -345px;
  width: 13px;
  height: 10px;
}
.icon-quiz-result-a {
  background-image: url(../images/sprite.png);
  background-position: -1267px -593px;
  width: 126px;
  height: 164px;
}
.icon-quiz-result-arrow {
  background-image: url(../images/sprite.png);
  background-position: -1440px -812px;
  width: 68px;
  height: 17px;
}
.icon-quiz-result-b {
  background-image: url(../images/sprite.png);
  background-position: -901px -610px;
  width: 102px;
  height: 161px;
}
.icon-quiz-result-o {
  background-image: url(../images/sprite.png);
  background-position: -1187px -838px;
  width: 125px;
  height: 106px;
}
.icon-quiz-result-x {
  background-image: url(../images/sprite.png);
  background-position: 0px -1236px;
  width: 125px;
  height: 105px;
}
.icon-quiz-result1 {
  background-image: url(../images/sprite.png);
  background-position: -1440px -548px;
  width: 73px;
  height: 34px;
}
.icon-quiz-result2 {
  background-image: url(../images/sprite.png);
  background-position: -1440px -592px;
  width: 73px;
  height: 34px;
}
.icon-quiz-time {
  background-image: url(../images/sprite.png);
  background-position: -1440px -366px;
  width: 90px;
  height: 90px;
}
.icon-quiz-x-f-h {
  background-image: url(../images/sprite.png);
  background-position: -275px -838px;
  width: 264px;
  height: 264px;
}
.icon-quiz-x-f {
  background-image: url(../images/sprite.png);
  background-position: -549px -838px;
  width: 264px;
  height: 264px;
}
.icon-quiz-x-on {
  background-image: url(../images/sprite.png);
  background-position: -823px -838px;
  width: 172px;
  height: 173px;
}
.icon-quiz-x {
  background-image: url(../images/sprite.png);
  background-position: -1005px -838px;
  width: 172px;
  height: 173px;
}
.icon-replay {
  background-image: url(../images/sprite.png);
  background-position: -1440px 0px;
  width: 108px;
  height: 119px;
}
.icon-skip {
  background-image: url(../images/sprite.png);
  background-position: -1440px -466px;
  width: 72px;
  height: 72px;
}
.icon-speed {
  background-image: url(../images/sprite.png);
  background-position: -1504px -963px;
  width: 26px;
  height: 18px;
}
.icon-star {
  background-image: url(../images/sprite.png);
  background-position: -1471px -995px;
  width: 21px;
  height: 20px;
}
.icon-stick {
  background-image: url(../images/sprite.png);
  background-position: -1540px -366px;
  width: 2px;
  height: 18px;
}
.icon-stop {
  background-image: url(../images/sprite.png);
  background-position: -1440px -963px;
  width: 22px;
  height: 22px;
}
.icon-sub {
  background-image: url(../images/sprite.png);
  background-position: -1537px -766px;
  width: 10px;
  height: 10px;
}
.icon-subtitle {
  background-image: url(../images/sprite.png);
  background-position: -1472px -963px;
  width: 22px;
  height: 22px;
}
.icon-summary_header1 {
  background-image: url(../images/sprite.png);
  background-position: -1482px -884px;
  width: 32px;
  height: 31px;
}
.icon-three-square {
  background-image: url(../images/sprite.png);
  background-position: -1482px -926px;
  width: 30px;
  height: 22px;
}
.icon-title1 {
  background-image: url(../images/sprite.png);
  background-position: -493px -1162px;
  width: 185px;
  height: 42px;
}
.icon-title2 {
  background-image: url(../images/sprite.png);
  background-position: -1076px -783px;
  width: 196px;
  height: 41px;
}
.icon-title3 {
  background-image: url(../images/sprite.png);
  background-position: -688px -1162px;
  width: 185px;
  height: 42px;
}
.icon-title4 {
  background-image: url(../images/sprite.png);
  background-position: -883px -1162px;
  width: 185px;
  height: 42px;
}
.icon-title5 {
  background-image: url(../images/sprite.png);
  background-position: -1078px -1162px;
  width: 185px;
  height: 42px;
}
.icon-unlock {
  background-image: url(../images/sprite.png);
  background-position: -1492px -1113px;
  width: 16px;
  height: 20px;
}
.icon-volume {
  background-image: url(../images/sprite.png);
  background-position: -1521px -636px;
  width: 25px;
  height: 22px;
}