@import 'reset.css';
.flexbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
}
.btns {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0;
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('NanumGothic'), url(https://fonts.gstatic.com/s/nanumgothic/v14/PN_3Rfi-oW3hYwmKDpxS7F_D-djb.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v8/o-0IIpQlx3QUlC5A4PNr5TRF.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v8/o-0NIpQlx3QUlC5A4PNjXhFVZNyE.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url(https://fonts.gstatic.com/s/notosanskr/v9/PbykFmXiEBPT4ITbgNA5CgmG0X7u.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url(https://fonts.gstatic.com/s/notosanskr/v9/Pby7FmXiEBPT4ITbgNA5CgmOIl3477IS.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'), url(https://fonts.gstatic.com/s/notosansjp/v21/-F62fjtqLzI2JPCgQBnw7HFYwQgM.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans Japanese Medium'), local('NotoSansJapanese-Medium'), url(https://fonts.gstatic.com/s/notosansjp/v21/-F6pfjtqLzI2JPCgQBnw7HFQMisa1Xdj.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans SC Regular'), local('NotoSansSC-Regular'), url(https://fonts.gstatic.com/s/notosanssc/v4/k3kXo84MPvpLmixcA63oeALRLoKL.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans SC Medium'), local('NotoSansSC-Medium'), url(https://fonts.gstatic.com/s/notosanssc/v4/k3kIo84MPvpLmixcA63oeALZ3aGd9i_4.otf) format('opentype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
.tg  {border-collapse:collapse;border-spacing:0;}
/* .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;} */
.tg th{
  border-color:#ddd;
  border-style:solid;
  border-width:1px;
  font-family:Arial, sans-serif;
  /* font-size:14px; */
  font-weight:normal;
  overflow:hidden;
  /* padding:10px 5px; */
  word-break:normal;
}
.tg .tg-nrix{text-align:center;vertical-align:middle}
.tg .tg-0lax{text-align:left;vertical-align:top}
.text-bold {
  font-weight:bold;
}

.video-outer{
  position:absolute;
  top:44px;
  left:0;
  height:88%;  
  width:100%;
}
.video-container{
  height: 100%;
  width:100%;
  display:table;
}
body .inner {
  height: 100%;
}
.main-body{
  background: #000000;
}

html,
body {
  height: 100%;
  width: 100%;
  display: block !important;
}
html *,
body * {
  font-size: 12px;
  word-break: keep-all;
}
html .wrap,
body .wrap {
  min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position:relative;
  padding-bottom: 67px;/* footer height */
}
html .wrap .inner.kr header,
body .wrap .inner.kr header,
html .wrap .inner.kr footer,
body .wrap .inner.kr footer {
  font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
}
html .wrap .inner.kr .container,
body .wrap .inner.kr .container,
html .wrap .inner.kr .follow,
body .wrap .inner.kr .follow {
  font-family: 'Noto Sans KR', sans-serif;
}
html .wrap .inner.kr .nav .career strong,
body .wrap .inner.kr .nav .career strong {
  word-break: keep-all;
}
html .wrap .inner.en header,
body .wrap .inner.en header,
html .wrap .inner.en footer,
body .wrap .inner.en footer {
  font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
}
html .wrap .inner.en .container,
body .wrap .inner.en .container,
html .wrap .inner.en .follow,
body .wrap .inner.en .follow {
  font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
}
html .wrap .inner.ch header,
body .wrap .inner.ch header,
html .wrap .inner.ch footer,
body .wrap .inner.ch footer {
  font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
}
html .wrap .inner.ch .container,
body .wrap .inner.ch .container,
html .wrap .inner.ch .follow,
body .wrap .inner.ch .follow {
  font-family: 'Noto Sans SC', Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
}
html .wrap .inner.jp header,
body .wrap .inner.jp header,
html .wrap .inner.jp footer,
body .wrap .inner.jp footer {
  font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
}
html .wrap .inner.jp .container,
body .wrap .inner.jp .container,
html .wrap .inner.jp .follow,
body .wrap .inner.jp .follow {
  font-family: 'Noto Sans JP', sans-serif;
}
html .wrap .inner .box,
body .wrap .inner .box {
  position: relative;
  width: 1024px;
  margin: 0 auto;
}
.pt{
  overflow-x: hidden;
}
html .wrap .inner.pt .m-nav,
body .wrap .inner.pt .m-nav {
  display: none;
}
header {
  height: 44px;
  background: #171717;
}
header.nav-on::after {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 44px;
  z-index: 5;
  min-width: 1024px;
  content: "";
  display: inline-block;
  height: 109px;
  width: 100%;
  background: #141414;
}
header .box {
  height: 44px;
}
header #logo {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 11px;
  z-index: 1001;
  margin: 0 auto;
  width: 76px;
  height: 28px;
}
header #logo img {
  width: 76px;
  height: 23px;
}
header .nav {
  background: #171717;
}
.main-video-m{
  display: none;
}
.main-video-m2{
  display: none;
}
.main-video {
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;

  height:100%;
  display:table-cell;

  width: 66%;
}
body .wrap .inner header .nav {
  position: relative;
  left: 91px;
  top: 0px;
  z-index: 1000;
  width: 30%;
  height: 44px;
  padding: 44px 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;

  -webkit-transition: background .75s ease-in-out, height .75s ease-in-out;
  -moz-transition: background .75s ease-in-out, height .75s ease-in-out;
  -ms-transition: background .75s ease-in-out, height .75s ease-in-out;
  -o-transition: background .75s ease-in-out, height .75s ease-in-out;
  transition: background .75s ease-in-out, height .75s ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}


body .wrap .inner header .nav.on {
  left: 0px;
  position: fixed;
  z-index: 1005;
  height: 100%;
  background: #171717;
  width: 100%;
  padding: 0px;
}

body .wrap .inner header .nav.on .nav-ctrl-btn {
  background: url('/images/menu_close_2048.png') no-repeat top left;
}

/* 비게이션 열기 버튼 위치 조정 */
body .wrap .inner header .nav .nav-ctrl-btn {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 0px;
  z-index: 1;
  width: 16px;
  height: 16px;
  background: url('/images/menu_open_2048.png') no-repeat top left;
}
/* 네비게이션 닫기 버튼 위치 조정 */
body .wrap .inner header .nav.on .nav-div {
  top: 0px;
  width: 1024px;
  margin: 0 auto;
  position: relative;
  left: 91px;
}
body .wrap .inner header .nav.on .nav-div .nav-menu {
  padding: 120px 200px 0 51px;

}
/* 네비게이션 텍스트 */
body .wrap .inner header .nav ul li > a {
  display: inline-block;
  width: 100%;
  font-size: 31.5px;
  color: #989797 !important;
  letter-spacing: -0.5px;
}
body .wrap .inner header .nav ul li {
  margin: 0 0;
  float: none;
  height: 106px;
  line-height: 106px;
  border-top: solid 1px #222222;
}
body .wrap .inner header .nav ul li.language {
  display: block !important;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  background: none;
  border: none;
  border-top: solid 1px #222222;
  clear: both;
}
body .wrap .inner header .nav ul li.language:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
body .wrap .inner header .nav ul li.language a {
  position: relative;
  display: inline-block;
  padding: 0 11px;
  float: left;
  width: auto;
  color: #989797;
}
header .nav ul li a.on {
  opacity: 0.5;
}
body .wrap .inner header .nav ul li.language a::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 41px;
  width: 2px;
  height: 24px;
  background: #f2f2f2 !important;
}
body .wrap .inner header .nav ul li.language a:first-child {
  padding: 0 8px 0 0;
}
body .wrap .inner header .nav ul li.language a:first-child::before {
  visibility: hidden;
}
body .wrap .inner header .nav ul li.language a.on {
  color: #f2f2f2;
}
body .wrap .inner header .nav.on + .m-nav {
  top: 45px;
}
body .wrap .inner header .nav.on ul::before {
  display: inline-block;
}
header .nav ul li .depth2 {
  position: absolute;
  left: 0px;
  top: 55px;
  z-index: 1;
  display: none;
  height: 70px;
  width: 675px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header .nav ul li .depth2 a {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
header .nav ul li .depth2 a::before {
  position: relative;
  content: '';
  display: inline-block;
}
header .nav ul li .depth2 a strong {
  position: relative;
  top: -6px;
  display: inline-block;
  width: 100%;
  margin: 2px 0 0;
  text-align: center;
  font-size: 10px;
  letter-spacing: -0.5px;
}
header .nav ul li .depth2 a::after {
  content: "new";
  display: inline-block;
  position: relative;
  top: -5px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0px auto 0;
  font-size: 9px;
  color: #f66d0d;
  text-align: center;
  width: 100%;
  height: 10px;
  visibility: hidden;
}
header .nav ul li .depth2 a.new::after {
  visibility: visible;
}
header .nav ul li .depth2 a:first-child {
  margin-left: 0 !important;
}
header .nav ul li:first-child {
  margin-left: 0;
}
header .nav ul li.on .depth2 {
  display: block;
}
header .nav ul li.news .depth2 {
  top: 54px;
  left: 38px;
}
header .nav ul li.news .depth2 a {
  width: 67px;
  margin-left: 0px;
  color: #c0c0c0;
}
header .nav ul li.news .all::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/news/menu_all_on.svg') 0 0 no-repeat;
}
header .nav ul li.news .en::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/news/menu_en_on.svg') 0 0 no-repeat;
}
header .nav ul li.news .ch::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/news/menu_ch_on.svg') 0 0 no-repeat;
}
header .nav ul li.news .jp::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/news/menu_jp_on.svg') 0 0 no-repeat;
}
header .nav ul li.news .kr::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/news/menu_kr_on.svg') 0 0 no-repeat;
}
header .nav ul li.news .gb::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/news/menu_gb_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 {
  top: 55px;
  left: -82px;
}
header .nav ul li.career .depth2 a {
  margin-left: 9px;
  color: #C0C0C0;
}
header .nav ul li.career .depth2 a.gamedesignqa {
  width: 70px;
}
header .nav ul li.career .depth2 a.gamedesignqa::before {
  left: 11px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_gamedesign_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.graphicart {
  width: 63px;
}
header .nav ul li.career .depth2 a.graphicart strong {
  left: 4px;
}
header .nav ul li.career .depth2 a.graphicart::before {
  left: 11px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_graphicart_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.uidesign {
  width: 70px;
  margin-left: 17px ;
}
header .nav ul li.career .depth2 a.uidesign::before {
  left: 11px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_uiux_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.visualart {
  width: 63px;
  margin-left: 11px ;
}
header .nav ul li.career .depth2 a.visualart strong {
  left: 4px;
}
header .nav ul li.career .depth2 a.visualart::before {
  left: 11px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_visualart_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.gameprogramming {
  width: 63px;
  margin-left: 21px;
}
header .nav ul li.career .depth2 a.gameprogramming strong {
  left: -1px;
}
header .nav ul li.career .depth2 a.gameprogramming::before {
  left: 6px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_gameprogramming_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.networkprogramming {
  width: 63px;
  margin-left: 19px;
}
header .nav ul li.career .depth2 a.networkprogramming strong {
  left: -2px;
}
header .nav ul li.career .depth2 a.networkprogramming::before {
  left: 5px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_networkprogramming_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.audioart {
  width: 63px;
  margin-left: 14px;
}
header .nav ul li.career .depth2 a.audioart::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_audioart_on.svg') 0 0 no-repeat;
}
header .nav ul li.career .depth2 a.business {
  width: 63px;
  margin-left: 16px;
}
header .nav ul li.career .depth2 a.business::before {
  left: 8px;
  width: 50px;
  height: 43px;
  background: url('/images/career/menu_business_on.svg') 0 0 no-repeat;
}
header .nav ul li.language {
  display: none;
}
header .language {
  position: absolute;
  left: 883px;
  top: 13px;
  z-index: 15;
  width: 54px;
  /* height: 23px; */
  border: solid 1px #909090;
  background: #171717;
}
header .language span {
  display: inline-block;
  color: #f2f2f2;
  width: 100%;
  height: 16px;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}
header .language ul {
  display: none;
  border-top: solid 1px #909090;
}
header .language ul li {
  height: 24px;
  line-height: 24px;
}
header .language ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #f2f2f2;
  font-size: 13px;
  text-align: center;
}
header .language ul li.on a {
  color: #696969;
}
header .language ul.on {
  display: block;
}
header .m-nav {
  display: none;
}
.container {
  min-height: 300px;  
}
.nav-on + .container {
  margin-top: 109px;
}
.follow {
  margin: 0 0 110px 0;
}
.follow .inner {
  width: 400px;
  margin: 0 auto;
}
.follow .inner em {
  display: block;
  margin: 0 0 38px 0;
  font-size: 35px;
  font-weight: 500;
  text-align: center;
}
.follow .inner ul {
  display: block;
  clear: both;
  width: 256px;
  margin: 0 auto;
}
.follow .inner ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.follow .inner ul li {
  display: inline-block;
  float: left;
  margin: 0 0 0 35px;
}
.follow .inner ul li:first-child {
  margin: 0 0 0 0;
}
.follow .inner ul li:nth-child(2n) {
  margin: 0 0 0 39px;
}
.follow .inner ul li:nth-child(3n) {
  margin: 0 0 0 44px;
}
.follow .inner ul li a.youtube-ic {
  width: 39px;
  height: 28px;
}
.follow .inner ul li a.youtube-ic img {
  width: 39px;
  height: 28px;
}
.follow .inner ul li a.twitter-ic {
  width: 35px;
  height: 31px;
}
.follow .inner ul li a.twitter-ic img {
  width: 35px;
  height: 31px;
}
.follow .inner ul li a.facebook-ic {
  width: 29px;
  height: 29px;
}
.follow .inner ul li a.facebook-ic img {
  width: 29px;
  height: 29px;
}
.follow .inner ul li a.instagram-ic {
  width: 31px;
  height: 31px;
}
.follow .inner ul li a.instagram-ic img {
  width: 31px;
  height: 31px;
}
.footer-container {
  margin-top: 16px;
  width:240px;
  margin: 16px auto 0 auto;
}
footer {
  height: 67px;
  background: #111111;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: 0;
}
footer .box {
  position: relative;
  height: 50px;
}
.footer-item {
  float: left;
}
footer address {
  float: left;
  z-index: 1;
  margin-right: 15px;
  color: #888;
  font-size: 10px;
  letter-spacing: -0.5px;

  width: 67px;
}
footer .sns {
  position: absolute;
  right: 126px;
  top: 18px;
  clear: both;
}
footer .sns:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
footer .sns a {
  width: 14px;
  height: 10px;
  float: left;
  margin-right: 13px;
}
footer .sns a > img {
  width: 14px;
  height: 10px;
}
footer ul.nav {
  float: left;
  width: 150px;
  z-index: 1;
  clear: both;
}
footer ul.nav:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
footer ul.nav li {
  position: relative;
  float: left;
  margin: 0 9px;
}
footer ul.nav li::before {
  content: '';
  position: absolute;
  left: -9px;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 9px;
  background: #555;
}
footer ul.nav li:first-child::before {
  display: none;
}
footer ul.nav li a {
  color: #555;
  font-size: 10px;
  letter-spacing: -0.5px;
}
footer .language {
  position: absolute;
  left: 911px;
  top: 14px;
  z-index: 15;
  width: 54px;
  border: solid 1px #b7b7b7;
  background: #111111;
}
footer .language span {
  display: inline-block;
  color: #888888;
  width: 100%;
  height: 16px;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}
footer .language ul {
  position: absolute;
  top: -50px;
  left: -1px;
  z-index: 1;
  display: none;
  width: 54px;
  border: solid 1px #b7b7b7;
  background: #111111;
}
footer .language ul li {
  height: 24px;
  line-height: 24px;
}
footer .language ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #939393;
  font-size: 9px;
  text-align: center;
}
footer .language ul li.on a {
  color: #b5b5b5;
}
footer .language ul.on {
  display: block;
}
.en .follow .inner em {
  font-family: 'Roboto', sans-serif;
}
.main .banner-wrap {
  margin: 0 0 120px 0;
}
.main .banner-wrap > div {
  position: relative;
}
.main .banner-wrap > div > a {
  position: absolute;
  z-index: 1;
  display: block;
  height: 540px;
  width: 100%;
}
.main .banner-wrap .banner {
  height: 540px;
}
.main .banner-wrap .banner h3 {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: center;
}
.main .banner-wrap .banner p {
  position: absolute;
  top: 95px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: center;
}
.main .banner-wrap .banner .banner-btn-wrap {
  position: absolute;
  top: 135px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: center;
}
.main .banner-wrap .banner .banner-btn-wrap a:first-child {
  margin-right: 14px;
}
.main .banner-wrap .banner.pianista-switch {
  background: #000;
}
.main .banner-wrap .banner.pianista-switch h3 {
  font-size: 35px;
  font-weight: 500;
  color: #fff;
}
.main .banner-wrap .banner.pianista-switch p {
  font-size: 17px;
  color: #fff;
  font-weight: 400;
}
.main .banner-wrap .banner.pianista-switch img {
  position: absolute;
  top: 202px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0 auto;
  width: 685px;
  height: 335px;
}
.main .banner-wrap .banner.pianista-switch .banner-btn-wrap .btn {
  display: inline-block;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: #7ab6f4;
  border: solid 1px #7ab6f4;
}
.main .banner-wrap .banner.yumi {
  background: #bce6f6 url('/images/index/yumicells_bg.png') 50% 50% repeat;
}
.main .banner-wrap .banner.yumi h3 {
  font-size: 35px;
  font-weight: 500;
  color: #000;
}
.main .banner-wrap .banner.yumi p {
  font-size: 17px;
  color: #000;
  font-weight: 400;
}
.main .banner-wrap .banner.yumi img {
  position: absolute;
  top: 151px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0 auto;
}
.main .banner-wrap .banner.yumi .banner-btn-wrap .btn {
  display: inline-block;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: #ec4809;
  border: solid 1px #ec4809;
}
.main .banner-wrap .banner.pianista-mobile {
  max-width: 100%;
  width: 100%;
  background: #000 url('/images/index/pianistapc_bg.png') 50% 50% no-repeat;
}
.main .banner-wrap .banner.pianista-mobile h3 {
  font-size: 35px;
  font-weight: 500;
  color: #fff;
}
.main .banner-wrap .banner.pianista-mobile p {
  font-size: 17px;
  color: #fff;
  font-weight: 400;
}
.main .banner-wrap .banner.pianista-mobile img {
  position: absolute;
  top: 190px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0 auto;
}
.main .banner-wrap .banner.pianista-mobile .banner-btn-wrap .btn {
  display: inline-block;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: #ec4809;
  border: solid 1px #ec4809;
}
.main .news-events {
  max-width: 1538px;
  margin: 0 auto 88px auto;
}
.main .news-events em {
  display: block;
  margin: 0 0 45px 0;
  font-size: 35px;
  font-weight: 500;
  text-align: center;
}
.main .news-events ul {
  clear: both;
}
.main .news-events ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.main .news-events ul li {
  width: 50%;
  height: 512px;
  padding: 12px 0 12px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main .news-events ul li .inner {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main .news-events ul li .inner .info {
  position: absolute;
  top: 47px;
  z-index: 1;
  display: block;
  width: 100%;
  text-align: center;
}
.main .news-events ul li .inner .info p {
  width: 100%;
  padding: 0 100px;
  margin: 0 0 20px 0;
  line-height: 37px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main .news-events ul li .inner .info p.b {
  color: #000;
}
.main .news-events ul li .inner .info p.w {
  color: #fff;
}
.main .news-events ul li .inner .info a {
  position: relative;
  color: #38b8f5;
  font-size: 16px;
}
.main .news-events ul li .inner .info a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -13px;
  z-index: 1;
  display: inline-block;
  width: 7px;
  height: 11px;
  background: url('/images/index/more.svg') 0 0 no-repeat;
}
.main .news-events ul li:nth-child(2n+1) {
  padding-right: 14px;
}
.main .news-events ul li:nth-child(2n) {
  padding-left: 14px;
}
.main .news-events ul li.half {
  width: 50%;
}
.main .news-events ul li.half .inner .info p {
  width: 100%;
  display: block;
  font-size: 28px;
  font-weight: 500;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.main .news-events ul li.full {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.main .news-events ul li.full .inner {
  position: relative;
}
.main .news-events ul li.full .inner i.youtube_vod_logo {
  position: absolute;
  left: 40px;
  top: 41px;
  z-index: 1;
  display: inline-block;
  width: 148px;
  height: 35px;
  background: url('/images/youtube_vod_logo.svg') 0 0 no-repeat;
}
.main .news-events ul li.full .inner .info {
  top: 185px;
  left: auto;
  right: 0px;
  width: 750px;
}
.main .news-events ul li.full .inner .info p {
  font-size: 28px;
  font-weight: 500;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.main .news-events ul li.full .inner .info a {
  display: inline-block;
  width: 42px;
  height: 41px;
  background: url('/images/index/movie_more.svg') 0 0 no-repeat;
  background-size: 42px 41px;
  line-height: 9999px;
  font-size: 0;
  overflow: hidden;
}
.main .news-events ul li.full .inner .info a::after {
  display: none;
}
.kr .main .banner-wrap .banner.pianista-switch h3,
.ch .main .banner-wrap .banner.pianista-switch h3,
.jp .main .banner-wrap .banner.pianista-switch h3 {
  font-size: 34px;
}
.kr .main .banner-wrap .banner.pianista-switch p,
.ch .main .banner-wrap .banner.pianista-switch p,
.jp .main .banner-wrap .banner.pianista-switch p {
  font-size: 16px;
}
.kr .main .banner-wrap .banner.yumi h3,
.ch .main .banner-wrap .banner.yumi h3,
.jp .main .banner-wrap .banner.yumi h3 {
  font-size: 34px;
}
.kr .main .banner-wrap .banner.yumi p,
.ch .main .banner-wrap .banner.yumi p,
.jp .main .banner-wrap .banner.yumi p {
  font-size: 16px;
}
.kr .main .banner-wrap .banner.pianista-mobile h3,
.ch .main .banner-wrap .banner.pianista-mobile h3,
.jp .main .banner-wrap .banner.pianista-mobile h3 {
  font-size: 34px;
}
.kr .main .banner-wrap .banner.pianista-mobile p,
.ch .main .banner-wrap .banner.pianista-mobile p,
.jp .main .banner-wrap .banner.pianista-mobile p {
  font-size: 16px;
}
.kr .main .news-events em,
.ch .main .news-events em,
.jp .main .news-events em {
  font-size: 34px;
}
.kr .main .news-events ul,
.ch .main .news-events ul,
.jp .main .news-events ul {
  clear: both;
}
.kr .main .news-events ul:after,
.ch .main .news-events ul:after,
.jp .main .news-events ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.kr .main .news-events ul li .inner .info p,
.ch .main .news-events ul li .inner .info p,
.jp .main .news-events ul li .inner .info p {
  line-height: 36px;
}
.kr .main .news-events ul li .inner .info a,
.ch .main .news-events ul li .inner .info a,
.jp .main .news-events ul li .inner .info a {
  font-size: 15px;
}
.kr .main .news-events ul li.half .inner .info p,
.ch .main .news-events ul li.half .inner .info p,
.jp .main .news-events ul li.half .inner .info p {
  font-size: 27px;
}
.kr .main .news-events ul li.full .inner .info p,
.ch .main .news-events ul li.full .inner .info p,
.jp .main .news-events ul li.full .inner .info p {
  font-size: 27px;
}
.en .main .banner-wrap .banner .banner-btn-wrap a {
  width: 99px;
  height: 22px;
  line-height: 22px;
}
.en .main .banner-wrap .banner.pianista-switch h3 {
  font-family: 'Roboto', sans-serif;
}
.en .main .banner-wrap .banner.pianista-switch p {
  font-family: 'Roboto', sans-serif;
}
.en .main .banner-wrap .banner.yumi h3 {
  font-family: 'Roboto', sans-serif;
}
.en .main .banner-wrap .banner.yumi p {
  font-family: 'Roboto', sans-serif;
}
.en .main .banner-wrap .banner.pianista-mobile h3 {
  font-family: 'Roboto', sans-serif;
}
.en .main .banner-wrap .banner.pianista-mobile p {
  font-family: 'Roboto', sans-serif;
}
.en .main .news-events em {
  font-family: 'Roboto', sans-serif;
}
.en .main .news-events ul {
  clear: both;
}
.en .main .news-events ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.en .main .news-events ul li .inner .info p.b {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .main .news-events ul li .inner .info p.w {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .main .news-events ul li.half .inner .info p {
  font-size: 27px;
}
.en .main .news-events ul li.full .inner .info p {
  font-size: 27px;
}
.ch .main .banner-wrap .banner p {
  word-break: break-word;
}
.ch .main .banner-wrap .banner .banner-btn-wrap a {
  width: 89px;
  height: 22px;
  line-height: 22px;
}
.ch .main .news-events ul {
  clear: both;
}
.ch .main .news-events ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.ch .main .news-events ul li.half .inner .info p {
  font-size: 27px;
}
.jp .main .banner-wrap .banner p {
  word-break: break-word;
}
.jp .main .banner-wrap .banner .banner-btn-wrap a {
  width: 104px;
  height: 22px;
  line-height: 22px;
}
.jp .main .news-events ul {
  clear: both;
}
.jp .main .news-events ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.jp .main .news-events ul li.half .inner .info p {
  font-size: 27px;
}
.kr .main .banner-wrap .banner .banner-btn-wrap a {
  width: 89px;
  height: 22px;
  line-height: 22px;
}
.kr .main .news-events ul {
  clear: both;
}
.kr .main .news-events ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.kr .main .news-events ul li.half .inner .info p {
  font-size: 27px;
}
.games .banner-wrap {
  margin: 0 0 120px 0;
}
.games .banner-wrap > div {
  position: relative;
}
.games .banner-wrap > div > a {
  position: absolute;
  z-index: 1;
  display: block;
  height: 540px;
  width: 100%;
}
.games .banner-wrap > div .box > a {
  display: block;
  height: 540px;
}
.games .banner-wrap .banner {
  height: 540px;
}
.games .banner-wrap .banner h3 {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: center;
}
.games .banner-wrap .banner p {
  position: absolute;
  top: 95px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: center;
}
.games .banner-wrap .banner .banner-btn-wrap {
  position: absolute;
  top: 135px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: center;
}
.games .banner-wrap .banner .banner-btn-wrap a:first-child {
  margin-right: 14px;
}
.games .banner-wrap .banner.pianista-switch {
  background: #000;
}
.games .banner-wrap .banner.pianista-switch h3 {
  font-size: 35px;
  font-weight: 500;
  color: #fff;
}
.games .banner-wrap .banner.pianista-switch p {
  font-size: 17px;
  color: #fff;
}
.games .banner-wrap .banner.pianista-switch img {
  position: absolute;
  top: 202px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0 auto;
  width: 685px;
  height: 335px;
}
.games .banner-wrap .banner.pianista-switch .banner-btn-wrap .btn {
  display: inline-block;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: #7ab6f4;
  border: solid 1px #7ab6f4;
}
.games .banner-wrap .banner.yumi {
  background: #bce6f6 url('/images/index/yumicells_bg.png') 50% 50% repeat;
}
.games .banner-wrap .banner.yumi h3 {
  font-size: 35px;
  font-weight: 500;
  color: #000;
}
.games .banner-wrap .banner.yumi p {
  font-size: 17px;
  color: #000;
}
.games .banner-wrap .banner.yumi img {
  position: absolute;
  top: 151px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0 auto;
}
.games .banner-wrap .banner.yumi .banner-btn-wrap .btn {
  display: inline-block;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: #ec4809;
  border: solid 1px #ec4809;
}
.games .banner-wrap .banner.pianista-mobile {
  max-width: 100%;
  width: 100%;
  background: #000 url('/images/index/pianistapc_bg.png') 50% 50% no-repeat;
}
.games .banner-wrap .banner.pianista-mobile h3 {
  font-size: 35px;
  font-weight: 500;
  color: #fff;
}
.games .banner-wrap .banner.pianista-mobile p {
  font-size: 17px;
  color: #fff;
}
.games .banner-wrap .banner.pianista-mobile img {
  position: absolute;
  top: 190px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin: 0 auto;
}
.games .banner-wrap .banner.pianista-mobile .banner-btn-wrap .btn {
  display: inline-block;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: #ec4809;
  border: solid 1px #ec4809;
}
.kr .games .banner-wrap .banner .banner-btn-wrap a,
.jp .games .banner-wrap .banner .banner-btn-wrap a,
.ch .games .banner-wrap .banner .banner-btn-wrap a {
  width: 99px;
  height: 22px;
  line-height: 22px;
}
.kr .games .banner-wrap .banner.pianista-switch h3,
.jp .games .banner-wrap .banner.pianista-switch h3,
.ch .games .banner-wrap .banner.pianista-switch h3 {
  font-size: 34px;
}
.kr .games .banner-wrap .banner.pianista-switch p,
.jp .games .banner-wrap .banner.pianista-switch p,
.ch .games .banner-wrap .banner.pianista-switch p {
  font-size: 16px;
}
.kr .games .banner-wrap .banner.yumi h3,
.jp .games .banner-wrap .banner.yumi h3,
.ch .games .banner-wrap .banner.yumi h3 {
  font-size: 34px;
}
.kr .games .banner-wrap .banner.yumi p,
.jp .games .banner-wrap .banner.yumi p,
.ch .games .banner-wrap .banner.yumi p {
  font-size: 16px;
}
.kr .games .banner-wrap .banner.pianista-mobile h3,
.jp .games .banner-wrap .banner.pianista-mobile h3,
.ch .games .banner-wrap .banner.pianista-mobile h3 {
  font-size: 34px;
}
.kr .games .banner-wrap .banner.pianista-mobile p,
.jp .games .banner-wrap .banner.pianista-mobile p,
.ch .games .banner-wrap .banner.pianista-mobile p {
  font-size: 16px;
}
.en .games .banner-wrap .banner .banner-btn-wrap a {
  width: 99px;
  height: 22px;
  line-height: 22px;
}
.en .games .banner-wrap .banner.pianista-switch h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .games .banner-wrap .banner.pianista-switch p {
  font-family: 'Roboto', sans-serif;
}
.en .games .banner-wrap .banner.yumi h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .games .banner-wrap .banner.yumi p {
  font-family: 'Roboto', sans-serif;
}
.en .games .banner-wrap .banner.pianista-mobile h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .games .banner-wrap .banner.pianista-mobile p {
  font-family: 'Roboto', sans-serif;
}
.ch .games .banner-wrap .banner h3 {
  word-wrap: break-word;
}
.ch .games .banner-wrap .banner p {
  word-wrap: break-word;
}
.ch .games .banner-wrap .banner .banner-btn-wrap a {
  width: 89px;
  height: 22px;
  line-height: 22px;
}
.jp .games .banner-wrap .banner h3 {
  word-wrap: break-word;
}
.jp .games .banner-wrap .banner p {
  word-wrap: break-word;
}
.jp .games .banner-wrap .banner .banner-btn-wrap a {
  width: 104px;
  height: 22px;
  line-height: 22px;
}
.kr .games .banner-wrap .banner .banner-btn-wrap a {
  width: 89px;
  height: 22px;
  line-height: 22px;
}
.pianista-mobile {
  max-width: 1547px;
  width: 100%;
  margin: 0 auto;
}
.pianista-mobile .pianista-mobile-info01 {
  position: relative;
  width: 100%;
  height: 949px;
  background: url('/images/pianista/img01.png') 50% 0 no-repeat;
}
.pianista-mobile .pianista-mobile-info01 .project {
  position: absolute;
  left: 257px;
  top: 117px;
  z-index: 1;
  color: #fff;
}
.pianista-mobile .pianista-mobile-info01 .project em {
  font-size: 12px;
  display: block;
  margin: 0 0 10px;
}
.pianista-mobile .pianista-mobile-info01 .project p {
  font-size: 13px;
  font-weight: 500;
}
.pianista-mobile .pianista-mobile-info01 .platform {
  position: absolute;
  left: 257px;
  top: 186px;
  z-index: 1;
  color: #fff;
}
.pianista-mobile .pianista-mobile-info01 .platform em {
  font-size: 12px;
  display: block;
  margin: 0 0 10px;
}
.pianista-mobile .pianista-mobile-info01 .platform p {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}
.pianista-mobile .pianista-mobile-info01 .released {
  position: absolute;
  right: 257px;
  top: 117px;
  z-index: 1;
  color: #fff;
  text-align: right;
}
.pianista-mobile .pianista-mobile-info01 .released em {
  font-size: 12px;
  display: block;
  margin: 0 0 10px;
}
.pianista-mobile .pianista-mobile-info01 .released p {
  font-size: 13px;
  font-weight: 500;
}
.pianista-mobile .pianista-mobile-info02 {
  position: relative;
  padding: 93px 0;
  height: 682px;
  width: 730px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pianista-mobile .pianista-mobile-info02 .ic-pianista {
  position: absolute;
  top: 90px;
  left: 0px;
  display: inline-block;
  width: 95px;
  height: 97px;
}
.pianista-mobile .pianista-mobile-info02 .ic-pianista img {
  width: 100px;
  height: 99px;
}
.pianista-mobile .pianista-mobile-info02 .desc {
  position: absolute;
  top: 91px;
  left: 145px;
}
.pianista-mobile .pianista-mobile-info02 .desc em {
  display: block;
  margin: 0 0 21px;
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
}
.pianista-mobile .pianista-mobile-info02 .desc p {
  display: block;
  margin: 0 0 47px;
  font-size: 20px;
  line-height: 36px;
}
.pianista-mobile .pianista-mobile-info02 .desc .app-buttons a {
  display: inline-block;
  width: 138px;
  height: 41px;
  float: left;
  margin-right: 14px;
}
.pianista-mobile .pianista-mobile-info02 .desc .app-buttons.kr a:first-child {
  width: 133px;
}
.pianista-mobile .pianista-mobile-info02 .desc .app-buttons.jp a:first-child {
  width: 112px;
}
.pianista-mobile .pianista-mobile-info02 .desc .app-buttons.ch a:first-child {
  width: 112px;
}
.pianista-mobile .pianista-mobile-info02 .desc .app-buttons.en a:first-child {
  width: 122px;
}
.pianista-mobile .pianista-mobile-info03 {
  margin: 0 0 277px 0;
}
.pianista-mobile .pianista-mobile-info03 .vod {
  position: relative;
  width: 1045px;
  height: 590px;
  margin: 0 auto;
  background: url('/images/pianista/youtube_bg.png') 50% 0 no-repeat;
}
.pianista-mobile .pianista-mobile-info03 .vod a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 133px;
  height: 91px;
  margin: auto;
}
.pianista-mobile .pianista-mobile-info03 .vod a img {
  width: 133px;
  height: 91px;
}
.pianista-mobile .pianista-mobile-info04 {
  margin: 0 0 420px;
}
.pianista-mobile .pianista-mobile-info04 .desc {
  text-align: center;
  margin: 0 0 78px;
}
.pianista-mobile .pianista-mobile-info04 .desc em {
  display: inline-block;
  margin: 0 0 15px;
  font-size: 25px;
}
.pianista-mobile .pianista-mobile-info04 .desc p {
  font-size: 36px;
  color: #c69b6e;
  font-weight: 500;
}
.pianista-mobile .pianista-mobile-info04 .slider {
  width: 1062px;
  height: 533px;
  margin: 0 auto;
}
.pianista-mobile .pianista-mobile-info05 {
  margin: 0 0 270px;
}
.pianista-mobile .pianista-mobile-info05 .desc {
  text-align: center;
  margin: 0 0 84px;
}
.pianista-mobile .pianista-mobile-info05 .desc em {
  display: inline-block;
  margin: 0 0 22px;
  color: #c69b6e;
  font-weight: 500;
  font-size: 36px;
}
.pianista-mobile .pianista-mobile-info05 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.pianista-mobile .pianista-mobile-info05 .imgs {
  text-align: center;
}
.pianista-mobile .pianista-mobile-info05 .imgs img {
  max-width: 1235px;
  width: 100%;
}
.pianista-mobile .pianista-mobile-info06 {
  margin: 0 0 267px;
}
.pianista-mobile .pianista-mobile-info06 .desc {
  text-align: center;
  margin: 0 0 84px;
}
.pianista-mobile .pianista-mobile-info06 .desc em {
  display: inline-block;
  margin: 0 0 22px;
  color: #c69b6e;
  font-weight: 500;
  font-size: 36px;
}
.pianista-mobile .pianista-mobile-info06 .desc em span {
  display: inline-block;
  width: 12px;
  position: relative;
  left: -9px;
  color: #ef1e58;
  font-weight: 500;
  font-size: 42px;
}
.pianista-mobile .pianista-mobile-info06 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.pianista-mobile .pianista-mobile-info06 .imgs {
  text-align: center;
}
.pianista-mobile .pianista-mobile-info06 .imgs img {
  max-width: 1161px;
  width: 100%;
}
.pianista-mobile .pianista-mobile-info07 {
  margin: 0 0 268px;
}
.pianista-mobile .pianista-mobile-info07 .desc {
  text-align: center;
  margin: 0 0 84px;
}
.pianista-mobile .pianista-mobile-info07 .desc em {
  display: inline-block;
  margin: 0 0 22px;
  color: #c69b6e;
  font-weight: 500;
  font-size: 36px;
}
.pianista-mobile .pianista-mobile-info07 .desc em span {
  display: inline-block;
  width: 12px;
  position: relative;
  left: -9px;
  color: #ef1e58;
  font-weight: 500;
  font-size: 42px;
}
.pianista-mobile .pianista-mobile-info07 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.pianista-mobile .pianista-mobile-info07 .imgs {
  text-align: center;
}
.pianista-mobile .pianista-mobile-info07 .imgs.pc-tb-img {
  display: block;
}
.pianista-mobile .pianista-mobile-info07 .imgs.mb-img {
  display: none;
}
.pianista-mobile .pianista-mobile-info07 .imgs img {
  max-width: 1486px;
  width: 100%;
}
.pianista-mobile .pianista-mobile-info08 {
  margin: 0 0 158px;
}
.pianista-mobile .pianista-mobile-info08 .desc {
  text-align: center;
  margin: 0 0 84px;
}
.pianista-mobile .pianista-mobile-info08 .desc em {
  display: inline-block;
  margin: 0 0 22px;
  color: #c69b6e;
  font-weight: 500;
  font-size: 36px;
}
.pianista-mobile .pianista-mobile-info08 .desc em span {
  display: inline-block;
  width: 12px;
  position: relative;
  left: -9px;
  color: #ef1e58;
  font-weight: 500;
  font-size: 42px;
}
.pianista-mobile .pianista-mobile-info08 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.pianista-mobile .pianista-mobile-info08 .imgs {
  text-align: center;
}
.pianista-mobile .pianista-mobile-info08 .imgs img {
  position: relative;
  left: 60px;
  max-width: 1170px;
  width: 100%;
}
.pianista-mobile .pianista-mobile-info09 {
  margin: 0 0 190px;
}
.pianista-mobile .pianista-mobile-info09 .imgs {
  text-align: center;
}
.pianista-mobile .pianista-mobile-info10 {
  position: relative;
  padding: 0px 0;
  margin: 0 0 332px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pianista-mobile .pianista-mobile-info10 .ic-pianista {
  display: block;
  margin: 0 0 30px;
  text-align: center;
}
.pianista-mobile .pianista-mobile-info10 .ic-pianista img {
  width: 102px;
  height: 101px;
}
.pianista-mobile .pianista-mobile-info10 .desc {
  text-align: center;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons {
  position: relative;
  width: 294px;
  margin: 0 auto;
  clear: both;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons a {
  display: inline-block;
  width: 138px;
  height: 41px;
  float: left;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons a:first-child {
  margin-right: 14px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.kr {
  left: 3px;
  width: 286px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.kr a:first-child {
  width: 133px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.jp {
  width: 264px;
  left: 15px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.jp a:first-child {
  width: 112px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.ch {
  width: 264px;
  left: 15px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.ch a:first-child {
  width: 112px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.en {
  width: 274px;
  left: 8px;
}
.pianista-mobile .pianista-mobile-info10 .desc .app-buttons.en a:first-child {
  width: 122px;
}
.en .pianista-mobile .pianista-mobile-info01 .project em {
  font-size: 12px;
}
.en .pianista-mobile .pianista-mobile-info01 .project p {
  font-size: 13px;
}
.en .pianista-mobile .pianista-mobile-info01 .platform em {
  font-size: 12px;
}
.en .pianista-mobile .pianista-mobile-info01 .platform p {
  font-size: 13px;
}
.en .pianista-mobile .pianista-mobile-info01 .released em {
  font-size: 12px;
}
.en .pianista-mobile .pianista-mobile-info01 .released p {
  font-size: 13px;
}
.en .pianista-mobile .pianista-mobile-info02 .desc em {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  line-height: 45px;
}
.en .pianista-mobile .pianista-mobile-info02 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.en .pianista-mobile .pianista-mobile-info04 .desc em {
  font-size: 25px;
  font-family: 'Roboto', sans-serif;
}
.en .pianista-mobile .pianista-mobile-info04 .desc p {
  font-size: 36px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .pianista-mobile .pianista-mobile-info05 .desc em {
  font-size: 36px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .pianista-mobile .pianista-mobile-info05 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.en .pianista-mobile .pianista-mobile-info06 .desc em {
  font-size: 36px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .pianista-mobile .pianista-mobile-info06 .desc em span {
  font-size: 42px;
}
.en .pianista-mobile .pianista-mobile-info06 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.en .pianista-mobile .pianista-mobile-info07 .desc em {
  font-size: 36px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .pianista-mobile .pianista-mobile-info07 .desc em span {
  font-size: 42px;
}
.en .pianista-mobile .pianista-mobile-info07 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.en .pianista-mobile .pianista-mobile-info08 .desc em {
  font-size: 36px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.en .pianista-mobile .pianista-mobile-info08 .desc em span {
  font-size: 42px;
}
.en .pianista-mobile .pianista-mobile-info08 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.kr .pianista-mobile .pianista-mobile-info01 .project em {
  font-size: 12px;
}
.kr .pianista-mobile .pianista-mobile-info01 .project p {
  font-size: 13px;
}
.kr .pianista-mobile .pianista-mobile-info01 .platform em {
  font-size: 12px;
}
.kr .pianista-mobile .pianista-mobile-info01 .platform p {
  font-size: 13px;
}
.kr .pianista-mobile .pianista-mobile-info01 .released em {
  font-size: 12px;
}
.kr .pianista-mobile .pianista-mobile-info01 .released p {
  font-size: 13px;
}
.kr .pianista-mobile .pianista-mobile-info02 .desc em {
  font-size: 36px;
  line-height: 45px;
}
.kr .pianista-mobile .pianista-mobile-info02 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.kr .pianista-mobile .pianista-mobile-info04 .desc em {
  font-size: 25px;
}
.kr .pianista-mobile .pianista-mobile-info04 .desc p {
  font-size: 36px;
}
.kr .pianista-mobile .pianista-mobile-info05 .desc em {
  font-size: 36px;
}
.kr .pianista-mobile .pianista-mobile-info05 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.kr .pianista-mobile .pianista-mobile-info06 .desc em {
  font-size: 36px;
}
.kr .pianista-mobile .pianista-mobile-info06 .desc em span {
  font-size: 42px;
}
.kr .pianista-mobile .pianista-mobile-info06 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.kr .pianista-mobile .pianista-mobile-info07 .desc em {
  font-size: 36px;
}
.kr .pianista-mobile .pianista-mobile-info07 .desc em span {
  font-size: 42px;
}
.kr .pianista-mobile .pianista-mobile-info07 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.kr .pianista-mobile .pianista-mobile-info08 .desc em {
  font-size: 36px;
}
.kr .pianista-mobile .pianista-mobile-info08 .desc em span {
  font-size: 42px;
}
.kr .pianista-mobile .pianista-mobile-info08 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.jp .pianista-mobile .pianista-mobile-info01 .project em {
  font-size: 12px;
}
.jp .pianista-mobile .pianista-mobile-info01 .project p {
  font-size: 13px;
}
.jp .pianista-mobile .pianista-mobile-info01 .platform em {
  font-size: 12px;
}
.jp .pianista-mobile .pianista-mobile-info01 .platform p {
  font-size: 13px;
}
.jp .pianista-mobile .pianista-mobile-info01 .released em {
  font-size: 12px;
}
.jp .pianista-mobile .pianista-mobile-info01 .released p {
  font-size: 13px;
}
.jp .pianista-mobile .pianista-mobile-info02 .desc em {
  font-size: 36px;
  line-height: 45px;
}
.jp .pianista-mobile .pianista-mobile-info02 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.jp .pianista-mobile .pianista-mobile-info04 .desc em {
  font-size: 25px;
}
.jp .pianista-mobile .pianista-mobile-info04 .desc p {
  font-size: 36px;
}
.jp .pianista-mobile .pianista-mobile-info05 .desc em {
  font-size: 36px;
}
.jp .pianista-mobile .pianista-mobile-info05 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.jp .pianista-mobile .pianista-mobile-info06 .desc em {
  font-size: 36px;
}
.jp .pianista-mobile .pianista-mobile-info06 .desc em span {
  font-size: 42px;
}
.jp .pianista-mobile .pianista-mobile-info06 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.jp .pianista-mobile .pianista-mobile-info07 .desc em {
  font-size: 36px;
}
.jp .pianista-mobile .pianista-mobile-info07 .desc em span {
  font-size: 42px;
}
.jp .pianista-mobile .pianista-mobile-info07 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.jp .pianista-mobile .pianista-mobile-info08 .desc em {
  font-size: 36px;
}
.jp .pianista-mobile .pianista-mobile-info08 .desc em span {
  font-size: 42px;
}
.jp .pianista-mobile .pianista-mobile-info08 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.ch .pianista-mobile .pianista-mobile-info01 .project em {
  font-size: 12px;
}
.ch .pianista-mobile .pianista-mobile-info01 .project p {
  font-size: 13px;
}
.ch .pianista-mobile .pianista-mobile-info01 .platform em {
  font-size: 12px;
}
.ch .pianista-mobile .pianista-mobile-info01 .platform p {
  font-size: 13px;
}
.ch .pianista-mobile .pianista-mobile-info01 .released em {
  font-size: 12px;
}
.ch .pianista-mobile .pianista-mobile-info01 .released p {
  font-size: 13px;
}
.ch .pianista-mobile .pianista-mobile-info02 .desc em {
  font-size: 36px;
  line-height: 45px;
}
.ch .pianista-mobile .pianista-mobile-info02 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.ch .pianista-mobile .pianista-mobile-info04 .desc em {
  font-size: 25px;
}
.ch .pianista-mobile .pianista-mobile-info04 .desc p {
  font-size: 36px;
}
.ch .pianista-mobile .pianista-mobile-info05 .desc em {
  font-size: 36px;
}
.ch .pianista-mobile .pianista-mobile-info05 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.ch .pianista-mobile .pianista-mobile-info06 .desc em {
  font-size: 36px;
}
.ch .pianista-mobile .pianista-mobile-info06 .desc em span {
  font-size: 42px;
}
.ch .pianista-mobile .pianista-mobile-info06 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.ch .pianista-mobile .pianista-mobile-info07 .desc em {
  font-size: 36px;
}
.ch .pianista-mobile .pianista-mobile-info07 .desc em span {
  font-size: 42px;
}
.ch .pianista-mobile .pianista-mobile-info07 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.ch .pianista-mobile .pianista-mobile-info08 .desc em {
  font-size: 36px;
}
.ch .pianista-mobile .pianista-mobile-info08 .desc em span {
  font-size: 42px;
}
.ch .pianista-mobile .pianista-mobile-info08 .desc p {
  font-size: 20px;
  line-height: 36px;
}
.news .news-items {
  background: #f2f2f2;
  padding: 0 0 15px;
}
.news .news-items ul {
  max-width: 1538px;
  margin: -15px auto 0 auto;
  clear: both;
}
.news .news-items ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.news .news-items ul li {
  width: 50%;
  height: 685px;
  padding: 15px 0 15px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news .news-items ul li .inner {
  position: relative;
}
.news .news-items ul li .inner::before {
  content: '';
  display: block;
  height: 430px;
  width: 100%;
}
.news .news-items ul li .info {
  position: relative;
  height: 240px;
  padding: 67px 20px 0 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.news .news-items ul li .info.new::after {
  position: absolute;
  top: 37px;
  left: 36px;
  z-index: 1;
  content: 'NEW';
  display: inline-block;
  color: #66b8fa;
  font-weight: 500;
  font-size: 17px;
}
.news .news-items ul li .info em {
  display: block;
  text-align: left;
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 20px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.news .news-items ul li .info p {
  position: absolute;
  bottom: 35px;
  left: 36px;
  z-index: 1;
  color: #6e6e6e;
  font-size: 19px;
}
.news .news-items ul li .info a {
  position: absolute;
  bottom: 31px;
  right: 42px;
  z-index: 1;
  display: inline-block;
  width: 124px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #66b8fa;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background: url('/images/news/readmore_gost.svg') 0 0 no-repeat;
  background-size: 124px 30px;
}
.news .news-items ul li:nth-child(2n+1) {
  padding-right: 8px;
}
.news .news-items ul li:nth-child(2n) {
  padding-left: 8px;
}
.news .news-btns {
  padding: 56px 0;
  text-align: center;
}
.news .news-btns span {
  display: inline-block;
  width: 162px;
  height: 38px;
  background: url('/images/news/view_btn.svg') 0 0 no-repeat;
  background-size: 162px 38px;
  color: #fff;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.jp .news .news-btns span {
  font-size: 13px;
}
.about .about-info {
  padding: 51px 0 74px ;
}
.about .about-info em {
  display: block;
  margin: 0 0 16px 0;
  color: #66b7f8;
  font-size: 25px;
  text-align: center;
}
.about .about-info strong {
  display: block;
  font-size: 35px;
  font-weight: 500;
  margin: 0 0 17px ;
  text-align: center;
}
.about .about-info p {
  font-size: 17px;
  line-height: 28px;
  text-align: center;
}
.about .game-info {
  margin: 0 0 131px;
}
.about .game-info .pianista {
  position: relative;
  max-width: 1540px;
  height: 2347px;
  margin: 0 auto;
  background: url('/images/about/pc/pianista.png') 50% 0 no-repeat;
}
.about .game-info .pianista > strong {
  position: absolute;
  top: 64px;
  z-index: 1;
  display: block;
  width: 100%;
  text-align: center;
  color: #66b7f8;
  font-size: 25px;
  margin: 0 0 16px;
}
.about .game-info .pianista > p {
  position: absolute;
  top: 107px;
  z-index: 1;
  width: 100%;
  text-align: center;
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
  color: #fff;
}
.about .game-info .pianista .desc ul {
  margin: 0 auto 50px;
  clear: both;
}
.about .game-info .pianista .desc ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.about .game-info .pianista .desc ul li {
  float: left;
  color: #fc7f5f;
  text-align: center;
}
.about .game-info .pianista .desc ul li strong {
  display: block;
  margin: 0 0 15px;
  font-size: 35px;
}
.about .game-info .pianista .desc ul li span {
  display: block;
  font-size: 15px;
}
.about .game-info .pianista .desc ul li:first-child {
  margin-left: 0 !important;
}
.about .game-info .pianista .desc p {
  font-size: 17px;
  line-height: 28px;
  color: #fff;
}
.about .game-info .pianista .desc.d01 {
  position: absolute;
  top: 905px;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.about .game-info .pianista .desc.d01 ul {
  width: 383px;
}
.about .game-info .pianista .desc.d01 ul li {
  margin-left: 82px;
}
.about .game-info .pianista .desc.d02 {
  position: absolute;
  top: 2005px;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.about .game-info .pianista .desc.d02 ul {
  width: 674px;
}
.about .game-info .pianista .desc.d02 ul li {
  margin-left: 49px;
}
.about .game-info .yumi {
  position: relative;
  max-width: 1540px;
  height: 1494px;
  margin: 0 auto;
  background: url('/images/about/pc/yumi.png') 50% 0 no-repeat;
}
.about .game-info .yumi > p {
  position: absolute;
  top: 85px;
  z-index: 1;
  width: 100%;
  text-align: center;
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
  color: #000;
}
.about .game-info .yumi .desc {
  position: absolute;
  top: 1118px;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.about .game-info .yumi .desc ul {
  width: 592px;
  margin: 0 auto 50px;
  clear: both;
}
.about .game-info .yumi .desc ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.about .game-info .yumi .desc ul li {
  float: left;
  color: #11127c;
  text-align: center;
  margin-left: 50px;
}
.about .game-info .yumi .desc ul li strong {
  display: block;
  margin: 0 0 15px;
  font-size: 35px;
}
.about .game-info .yumi .desc ul li span {
  display: block;
  font-size: 15px;
  line-height: 22px;
}
.about .game-info .yumi .desc ul li:first-child {
  margin-left: 0 !important;
}
.about .game-info .yumi .desc p {
  font-size: 17px;
  line-height: 28px;
  color: #000;
}
.about .about-partners em {
  display: block;
  margin: 0 0 16px 0;
  color: #66b7f8;
  font-size: 25px;
  text-align: center;
}
.about .about-partners p {
  display: block;
  margin: 0 0 50px;
  font-size: 35px;
  text-align: center;
  font-weight: 500;
}
.about .about-partners hr {
  display: block;
  background: #bcbcbc;
  height: 1px;
  width: 100%;
  border: none;
}
.about .about-partners .partners {
  margin: 43px auto 147px;
  max-width: 871px;
  height: 174px;
  background: url('/images/about/pc/partners.png') 50% 0 no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0;
}
.about .about-join-us {
  padding: 0 0 141px;
}
.about .about-join-us em {
  display: block;
  margin: 0 0 16px 0;
  color: #66b7f8;
  font-size: 25px;
  text-align: center;
}
.about .about-join-us p {
  display: block;
  margin: 0 0 50px;
  padding: 0 30px;
  font-size: 35px;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
}
.about .about-join-us .slider .slider-inner {
  border: solid 1px #eee;
  max-width: 876px;
  margin: 0 auto;
}
.about .about-join-us .slider .slider-inner img {
  width: 100%;
  height: 100%;
}
.about .about-join-us .slider .slider-inner .slick-prev {
  z-index: 1001;
  left: -40px;
  height: 30px;
  width: 14px;
  background: url('/images/pianista/slider/left.svg') 0 0 no-repeat;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0;
}
.about .about-join-us .slider .slider-inner .slick-next {
  z-index: 1001;
  right: -45px;
  height: 30px;
  width: 19px;
  background: url('/images/pianista/slider/right.svg') 0 0 no-repeat;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0;
}
.en .about .about-info em {
  font-family: 'Roboto', sans-serif;
}
.en .about .about-info strong {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .pianista > strong {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .pianista > p {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .pianista .desc ul li strong {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .pianista .desc ul li span {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .yumi > p {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .yumi .desc ul li strong {
  font-family: 'Roboto', sans-serif;
}
.en .about .game-info .yumi .desc ul li span {
  font-family: 'Roboto', sans-serif;
}
.en .about .about-partners em {
  font-family: 'Roboto', sans-serif;
}
.en .about .about-partners p {
  font-family: 'Roboto', sans-serif;
}
.en .about .about-join-us em {
  font-family: 'Roboto', sans-serif;
}
.en .about .about-join-us p {
  font-family: 'Roboto', sans-serif;
}
.kr .about .about-info em,
.ch .about .about-info em,
.jp .about .about-info em {
  font-size: 24px;
}
.kr .about .about-info strong,
.ch .about .about-info strong,
.jp .about .about-info strong {
  font-size: 34px;
}
.kr .about .about-info p,
.ch .about .about-info p,
.jp .about .about-info p {
  font-size: 16px;
}
.kr .about .game-info .pianista > strong,
.ch .about .game-info .pianista > strong,
.jp .about .game-info .pianista > strong {
  font-size: 24px;
}
.kr .about .game-info .pianista > p,
.ch .about .game-info .pianista > p,
.jp .about .game-info .pianista > p {
  font-size: 34px;
}
.kr .about .game-info .pianista .desc ul li strong,
.ch .about .game-info .pianista .desc ul li strong,
.jp .about .game-info .pianista .desc ul li strong {
  font-size: 34px;
}
.kr .about .game-info .pianista .desc ul li span,
.ch .about .game-info .pianista .desc ul li span,
.jp .about .game-info .pianista .desc ul li span {
  font-size: 14px;
}
.kr .about .game-info .pianista .desc p,
.ch .about .game-info .pianista .desc p,
.jp .about .game-info .pianista .desc p {
  font-size: 16px;
}
.kr .about .game-info .yumi > p,
.ch .about .game-info .yumi > p,
.jp .about .game-info .yumi > p {
  font-size: 34px;
}
.kr .about .game-info .yumi .desc ul li strong,
.ch .about .game-info .yumi .desc ul li strong,
.jp .about .game-info .yumi .desc ul li strong {
  font-size: 34px;
}
.kr .about .game-info .yumi .desc p,
.ch .about .game-info .yumi .desc p,
.jp .about .game-info .yumi .desc p {
  font-size: 16px;
}
.kr .about .about-partners em,
.ch .about .about-partners em,
.jp .about .about-partners em {
  font-size: 24px;
}
.kr .about .about-partners p,
.ch .about .about-partners p,
.jp .about .about-partners p {
  font-size: 34px;
}
.kr .about .about-join-us em,
.ch .about .about-join-us em,
.jp .about .about-join-us em {
  font-size: 24px;
}
.kr .about .about-join-us p,
.ch .about .about-join-us p,
.jp .about .about-join-us p {
  font-size: 34px;
}
.ch .about .about-info strong,
.jp .about .about-info strong {
  word-wrap: break-word;
}
.ch .about .about-partners p,
.jp .about .about-partners p {
  word-wrap: break-word;
}
.ch .about .about-join-us p,
.jp .about .about-join-us p {
  word-wrap: break-word;
}
.ch .t-txt,
.jp .t-txt {
  word-break: break-all;
}
.career .career-info {
  position: relative;
  width: 100%;
  height: 558px;
  background: url('/images/career/bg_pc.png') 50% 0 no-repeat;
}
.career .career-info .desc {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0px;
  width: 720px;
  height: 205px;
  margin: 0 auto;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.career .career-info .desc em {
  display: block;
  margin: 0 0 12px;
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
}
.career .career-info .desc p {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
}
.career .career-data {
  width: 1211px;
  padding: 116px 0 0;
  margin: 0 auto;
}
.career .career-data em {
  display: block;
  margin: 0 0 50px;
  font-size: 35px;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
}
.career .career-data ul {
  width: 1211px;
  margin-bottom: 130px;
  clear: both;
}
.career .career-data ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.career .career-data ul li {
  position: relative;
  float: left;
  width: 594px;
  height: 370px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 9px 0;
}
.career .career-data ul li:nth-child(2n) {
  margin-left: 20px;
}
.career .career-data ul li .inner {
  width: 100%;
  height: 100%;
}
.career .career-data ul li .inner a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 45px 0 0;
  font-size: 22px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.career .career-data ul li.update::after {
  content: 'UPDATE';
  position: absolute;
  width: 100%;
  top: 28px;
  left: 0px;
  z-index: 1;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #ff575f;
}
.career .career-data ul li.gamedesignqa .inner {
  background: #000 url('/images/career/gamedesign_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.graphicart .inner {
  background: #000 url('/images/career/graphicart_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.uidesign .inner {
  background: #000 url('/images/career/uiux_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.visualart .inner {
  background: #000 url('/images/career/visualart_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.gameprogramming .inner {
  background: #000 url('/images/career/gameprogramming_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.networkprogramming .inner {
  background: #000 url('/images/career/networkprogramming_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.audioart .inner {
  background: #000 url('/images/career/audioart_team.png') 50% 0 no-repeat;
}
.career .career-data ul li.business .inner {
  background: #000 url('/images/career/business_team.png') 50% 0 no-repeat;
}
.career .career-process {
  height: 867px;
  width: 1540px;
  margin: 0 auto 120px;
  padding: 66px 0 0 0;
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.career .career-process > em {
  display: block;
  margin: 0 0 10px;
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
  text-align: center;
}
.career .career-process > P {
  margin: 0 0 60px;
  font-size: 17px;
  line-height: 28px;
  text-align: center;
}
.career .career-process .process {
  position: relative;
  width: 1440px;
  height: 584px;
  margin: 0 auto;
  background: url('/images/career/process_pc.png') 0 0 no-repeat;
}
.career .career-process .process ol {
  position: absolute;
  left: 77px;
  top: 0;
  z-index: 1;
  width: 100%;
}
.career .career-process .process ol li {
  position: relative;
  width: 333px;
  height: 1px;
  float: left;
}
.career .career-process .process ol li strong {
  position: absolute;
  top: 145px;
  left: 0px;
  z-index: 1;
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
}
.career .career-process .process ol li p {
  position: absolute;
  top: 424px;
  left: 0px;
  z-index: 1;
  font-size: 17px;
  text-align: center;
  line-height: 26px;
}
.career .career-process .process ol li:first-child strong {
  left: 96px;
}
.career .career-process .process ol li:first-child p {
  left: 0px;
}
.career .career-process .process ol li:nth-child(2) strong {
  left: 76px;
}
.career .career-process .process ol li:nth-child(2) p {
  left: 11px;
}
.career .career-process .process ol li:nth-child(3) strong {
  left: 89px;
}
.career .career-process .process ol li:nth-child(3) p {
  left: 6px;
}
.career .career-process .process ol li:nth-child(4) strong {
  left: 94px;
}
.career .career-process .process ol li:nth-child(4) p {
  left: -11px;
}
.en .career .career-info .desc em {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-data em {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-data ul li .inner a {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-data ul li.update::after {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-process > em {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-process .process ol li:first-child strong {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-process .process ol li:nth-child(2) strong {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-process .process ol li:nth-child(3) strong {
  font-family: 'Roboto', sans-serif;
}
.en .career .career-process .process ol li:nth-child(4) strong {
  font-family: 'Roboto', sans-serif;
}
.kr .career .career-info .desc em,
.jp .career .career-info .desc em,
.ch .career .career-info .desc em {
  font-size: 34px;
}
.kr .career .career-info .desc p,
.jp .career .career-info .desc p,
.ch .career .career-info .desc p {
  font-size: 16px;
}
.kr .career .career-data em,
.jp .career .career-data em,
.ch .career .career-data em {
  font-size: 34px;
}
.kr .career .career-data ul li .inner a,
.jp .career .career-data ul li .inner a,
.ch .career .career-data ul li .inner a {
  font-size: 21px;
}
.kr .career .career-data ul li.update::after,
.jp .career .career-data ul li.update::after,
.ch .career .career-data ul li.update::after {
  font-size: 11px;
}
.kr .career .career-process > em,
.jp .career .career-process > em,
.ch .career .career-process > em {
  font-size: 34px;
}
.kr .career .career-process > P,
.jp .career .career-process > P,
.ch .career .career-process > P {
  font-size: 16px;
}
.kr .career .career-process .process ol li strong,
.jp .career .career-process .process ol li strong,
.ch .career .career-process .process ol li strong {
  font-size: 24px;
}
.kr .career .career-process .process ol li p,
.jp .career .career-process .process ol li p,
.ch .career .career-process .process ol li p {
  font-size: 16px;
}
.kr .career .career-process .process ol li:first-child strong,
.jp .career .career-process .process ol li:first-child strong,
.ch .career .career-process .process ol li:first-child strong {
  left: 100px;
}
.kr .career .career-process .process ol li:first-child p {
  left: 35px;
}
.kr .career .career-process .process ol li:nth-child(2) p {
  left: 46px;
}
.kr .career .career-process .process ol li:nth-child(3) p {
  left: 55px;
}
.kr .career .career-process .process ol li:nth-child(4) p {
  left: 66px;
}
.ch .career .career-process .process ol li:first-child p {
  left: 62px;
}
.ch .career .career-process .process ol li:nth-child(2) p {
  left: 72px;
}
.ch .career .career-process .process ol li:nth-child(3) p {
  left: 50px;
}
.ch .career .career-process .process ol li:nth-child(4) p {
  left: 43px;
}
.jp .career .career-process .process ol li:first-child p {
  left: 38px;
}
.jp .career .career-process .process ol li:nth-child(2) p {
  left: 58px;
}
.jp .career .career-process .process ol li:nth-child(3) p {
  left: 60px;
}
.jp .career .career-process .process ol li:nth-child(4) p {
  left: 55px;
}
.contact .contact-info {
  height: 557px;
  background: url('/images/contact/bg.png') 50% 0 no-repeat;
  position: relative;
}
.contact .contact-info .desc {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0px;
  width: 760px;
  height: 178px;
  margin: 0 auto;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact .contact-info .desc:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: inline-block;
  width: 650px;
  height: 178px;
}
.contact .contact-info .desc em {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 0 14px;
  font-size: 35px;
  font-weight: 500;
  text-align: center;
}
.contact .contact-info .desc p {
  position: relative;
  z-index: 2;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
}
.contact .contact-data {
  display: block;
  width: 1546px;
  margin: 0 auto 155px;
}
.contact .contact-data .contact-data-inner {
  width: 1720px;
  padding: 235px 0 0 0;
  overflow: hidden;
}
.contact .contact-data .contact-data-inner ul {
  width: 1772px;
  clear: both;
}
.contact .contact-data .contact-data-inner ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.contact .contact-data .contact-data-inner ul li {
  position: relative;
  float: left;
  height: 306px;
}
.contact .contact-data .contact-data-inner ul li .data-box {
  padding: 0 50px 0 0;
}
.contact .contact-data .contact-data-inner ul li .data-box em {
  display: block;
  margin: 0 0 30px 0;
  font-size: 30px;
  font-weight: 500;
}
.contact .contact-data .contact-data-inner ul li .data-box strong {
  display: block;
  font-size: 22px;
  line-height: 37px;
  font-weight: 500;
  color: #000000;
}
.contact .contact-data .contact-data-inner ul li .data-box p,
.contact .contact-data .contact-data-inner ul li .data-box a {
  color: #646464;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.5px;
}
.contact .contact-data .contact-data-inner ul li .data-box a {
  display: inline-block;
}
.contact .contact-data .contact-data-inner ul li .data-box a.sns {
  position: relative;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0px;
}
.contact .contact-data .contact-data-inner ul li .data-box a.youtube {
  width: 34px;
  height: 24px;
  background: url('/images/contact/youtube.svg') 0 0 no-repeat;
}
.contact .contact-data .contact-data-inner ul li .data-box a.twitter {
  width: 29px;
  height: 25px;
  margin: 0 0 0 24px;
  background: url('/images/contact/twitter.svg') 0 0 no-repeat;
}
.contact .contact-data .contact-data-inner ul li .data-box a.facebook {
  width: 26px;
  height: 25px;
  margin: 0 0 0 24px;
  background: url('/images/contact/facebook.svg') 0 0 no-repeat;
}
.contact .contact-data .contact-data-inner ul li .data-box a.instagram {
  top: 1px;
  width: 26px;
  height: 27px;
  margin: 0 0 0 24px;
  background: url('/images/contact/instagram.svg') 0 1px no-repeat;
}
.contact .contact-data .contact-data-inner ul li::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 76px;
  height: 71px;
}
.contact .contact-data .contact-data-inner ul li:first-child {
  width: 430px;
}
.contact .contact-data .contact-data-inner ul li:first-child::after {
  top: -90px;
  left: 55px;
  background: url('/images/contact/address_ic.svg') 0 0 no-repeat;
  background-size: 76px 71px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(2) {
  width: 392px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(2) .data-box p {
  margin-bottom: 10px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(2)::after {
  top: -86px;
  left: 20px;
  background: url('/images/contact/mail_ic.svg') 0 0 no-repeat;
  background-size: 76px 71px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(3) {
  width: 333px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box em {
  margin: 0 0 31px 0;
}
.contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box a {
  position: relative;
  top: -5px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(3)::after {
  top: -83px;
  left: 0px;
  background: url('/images/contact/sns_ic.svg') 0 0 no-repeat;
  background-size: 76px 71px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(4) {
  width: 570px;
}
.contact .contact-data .contact-data-inner ul li:nth-child(4) em {
  margin: 0 0 27px 0;
}
.contact .contact-data .contact-data-inner ul li:nth-child(4)::after {
  top: -85px;
  left: 135px;
  background: url('/images/contact/subscribe_ic.svg') 0 0 no-repeat;
  background-size: 76px 71px;
}
.contact .contact-map {
  width: 1546px;
  height: 651px;
  border: solid 1px #eee;
  margin: 0 auto 105px;
}
.subscribe {
  border: solid 1px #646464;
  display: inline-block;
  width: 344px;
  height: 33px;
  overflow: hidden;
  margin: 40px 0 0;
}
.subscribe input {
  padding: 9px 8px 7px 8px;
  width: 241px;
  float: left;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subscribe input::placeholder {
  font-size: 17px;
}
.subscribe button {
  display: inline-block;
  width: 103px;
  height: 33px;
  float: left;
  line-height: 33px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  background: #646464;
  outline: none;
  border: none;
}
.en .contact .contact-info .desc em {
  font-family: 'Roboto', sans-serif;
}
.en .contact .contact-data .contact-data-inner ul li .data-box em {
  font-family: 'Roboto', sans-serif;
}
.en .contact .contact-data .contact-data-inner ul li .data-box strong {
  font-family: 'Roboto', sans-serif;
}
.kr .contact .contact-info .desc em,
.jp .contact .contact-info .desc em,
.ch .contact .contact-info .desc em {
  font-size: 34px;
}
.kr .contact .contact-info .desc p,
.jp .contact .contact-info .desc p,
.ch .contact .contact-info .desc p {
  font-size: 16px;
}
.kr .contact .contact-data .contact-data-inner ul li .data-box em,
.jp .contact .contact-data .contact-data-inner ul li .data-box em,
.ch .contact .contact-data .contact-data-inner ul li .data-box em {
  font-size: 29px;
}
.kr .contact .contact-data .contact-data-inner ul li .data-box strong,
.jp .contact .contact-data .contact-data-inner ul li .data-box strong,
.ch .contact .contact-data .contact-data-inner ul li .data-box strong {
  font-size: 21px;
}
.kr .contact .contact-data .contact-data-inner ul li .data-box p,
.jp .contact .contact-data .contact-data-inner ul li .data-box p,
.ch .contact .contact-data .contact-data-inner ul li .data-box p,
.kr .contact .contact-data .contact-data-inner ul li .data-box a,
.jp .contact .contact-data .contact-data-inner ul li .data-box a,
.ch .contact .contact-data .contact-data-inner ul li .data-box a {
  font-size: 21px;
}
.kr .subscribe input::placeholder,
.jp .subscribe input::placeholder,
.ch .subscribe input::placeholder {
  font-size: 16px;
}
.career-detail .career-datas {
  width: 1404px;
  margin: 0 auto 100px;
  padding: 0 50px 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f2f2f2;
}
.career-detail .career-datas .team-info {
  padding: 55px 0px 50px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.career-detail .career-datas .team-info > em {
  display: block;
  margin: 0 0 20px;
  font-size: 35px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
}
.career-detail .career-datas .team-info > p {
  display: block;
  font-size: 17px;
  line-height: 28px;
  text-align: center;
  padding: 0 180px;
}
.career-detail .career-datas .team-info + .career-data {
  margin: 0 0 0;
}
.career-detail .career-datas .career-data {
  padding: 110px 110px 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 70px 0 0;
}
.career-detail .career-datas .career-data em {
  display: block;
  margin: 0 0 75px;
  font-size: 35px;
  line-height: 48px;
  font-weight: 500;
}
.career-detail .career-datas .career-data strong {
  display: block;
  margin: 0 0 25px;
  font-size: 24px;
  font-weight: 500;
}
.career-detail .career-datas .career-data .apply {
  position: relative;
  padding: 8px 0 0 ;
  margin: 0 0 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.career-detail .career-datas .career-data .apply p {
  font-size: 17px;
  line-height: 27px;
  margin: 0 0 60px;
}
.career-detail .career-datas .career-data .apply .submit-resume {
  position: absolute;
  right: 0px;
  top: 0px;
  display: inline-block;
  width: 172px;
  height: 42px;
  color: #fff;
  font-size: 17px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #66b7f9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #66b7f9 1%, #1e90e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #66b7f9 1%, #1e90e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #66b7f9 1%, #1e90e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b7f9', endColorstr='#1e90e8', GradientType=0);
  /* IE6-9 */
}
.career-detail .career-datas .career-data .assignment {
  font-size: 17px;
  line-height: 27px;
  margin: 0 0 70px;
}
.career-detail .career-datas .career-data ol {
  padding: 0 0 0 20px;
  margin: 0 0 70px;
}
.career-detail .career-datas .career-data ol li {
  list-style-type: decimal;
  font-size: 17px;
  line-height: 27px;
  margin: 5px 0;
}
.en .career-datas .team-info > em {
  font-family: 'Roboto', sans-serif;
}
.en .career-datas .career-data em {
  font-family: 'Roboto', sans-serif;
}
.en .career-datas .career-data strong {
  font-family: 'Roboto', sans-serif;
}
.kr .career-datas .team-info > em,
.jp .career-datas .team-info > em,
.ch .career-datas .team-info > em {
  font-size: 34px;
}
.kr .career-datas .team-info > p,
.jp .career-datas .team-info > p,
.ch .career-datas .team-info > p {
  font-size: 16px;
}
.kr .career-datas .career-data em,
.jp .career-datas .career-data em,
.ch .career-datas .career-data em {
  font-size: 34px;
}
.kr .career-datas .career-data strong,
.jp .career-datas .career-data strong,
.ch .career-datas .career-data strong {
  font-size: 23px;
}
.kr .career-datas .career-data .apply p,
.jp .career-datas .career-data .apply p,
.ch .career-datas .career-data .apply p {
  font-size: 16px;
}
.kr .career-datas .career-data .apply .submit-resume,
.jp .career-datas .career-data .apply .submit-resume,
.ch .career-datas .career-data .apply .submit-resume {
  font-size: 16px;
}
.kr .career-datas .career-data .assignment,
.jp .career-datas .career-data .assignment,
.ch .career-datas .career-data .assignment {
  font-size: 16px;
}
.kr .career-datas .career-data ol li,
.jp .career-datas .career-data ol li,
.ch .career-datas .career-data ol li {
  font-size: 16px;
}

.tab {
  padding: 36px 0 ;
}
.tab ul {
  width: 300px;
  height: 22px;
  border-bottom: solid 1px #bababa;
  margin: 0 auto;
  clear: both;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tab ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.tab ul li {
  float: left;
  height: 22px;
  text-align: center;
}
.tab ul li a {
  display: inline-block;
  font-size: 11px;
  color: #d1d0d0;
}

.app-header .back-btn {
  width: 45px;
  height: 45px;
  background: url("/images/appback.svg") 0 0 no-repeat;
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 1;
  background-size: 45px 45px;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0px;
}
.app-header footer {
  height: 140px !important;
  text-align: center;
  padding: 20px 0 ;
}
.app-header footer p {
  padding: 0 30px;
  color: #6d6666;
  line-height: 20px;
}
.app-header footer address {
  position: relative;
  left: auto !important;
  width: 100% !important;
  top: 10px !important;
}
.privacy_ver1 .flow-text {
  font-size: 12px !important;
  margin: 0 0 40px 0;
}
.privacy_ver1 .flow-text.update {
  margin-bottom: 25px;
  color: #a1a1a1;
}
.privacy_ver1 .flow-text > em {
  display: block;
  margin: 0 0 20px 0;
  font-weight: 600;
}
.privacy_ver1 .flow-text > p {
  padding: 0 0 10px 0;
}
.privacy_ver1 .flow-text > ol {
  padding: 0 0 0 10px;
}
.privacy_ver1 .flow-text > ol li ul {
  padding: 0 0 0 10px;
}
.privacy_ver1 .flow-text .card-wrap {
  clear: both;
}
.privacy_ver1 .flow-text .card-wrap:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.privacy_ver1 .flow-text .card-wrap .card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  width: 50%;
  float: left;
}
.terms_ver1 .flow-text {
  font-size: 12px !important;
  margin: 0 0 40px 0;
}
.terms_ver1 .flow-text.update {
  margin-bottom: 25px;
  color: #a1a1a1;
}
.terms_ver1 .flow-text > em {
  display: block;
  margin: 0 0 20px 0;
  font-weight: 600;
}
.terms_ver1 .flow-text > p {
  padding: 0 0 10px 0;
}
.terms_ver1 .flow-text > ol {
  padding: 0 0 0 10px;
}
.terms_ver1 .flow-text > ol li p {
  font-size: 12px !important;
}
.terms_ver1 .flow-text > ol li ul {
  padding: 0 0 0 10px;
}
.terms_ver1 .flow-text .card-wrap {
  clear: both;
}
.terms_ver1 .flow-text .card-wrap:after {
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: "";
}
.terms_ver1 .flow-text .card-wrap .card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  width: 50%;
  float: left;
}
.privacy {
  padding: 0 0 100px;
}

.privacy .tab ul li a.on {
  color: #727272;
}
.privacy .privacy-info {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0;
  padding: 0 0 64px;
  text-align: center;
 word-wrap: break-word;
}
.privacy .privacy-info hr {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 0;
  height: 1px;
  background: #bababa;
  border: none;
}
.privacy .privacy-info .date {
  position: absolute;
  right: 0px;
  top: 75px;
  height: 18px;
}
.privacy .privacy-info em {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-size: 30px;
  padding: 10px;
  font-weight: 500;
}
.privacy .privacy-info strong {
  display: block;
  margin: 0 0 25px;
  font-size: 15px;
  color: #79b5f4;
}
.privacy .privacy-info p {
  display: block;
  padding: 0 60px;
  margin: 0 0 10px 0;
  font-size: 17px;
  line-height: 29px;
}
.privacy .privacy-info span {
  display: block;
  font-size: 15px;
  line-height: 29px;
}
.privacy .privacy-datas {
  margin: 65px auto 0;
  width: 700px;
}
.privacy .privacy-datas div {
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas table {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse;
}
.privacy .privacy-datas table.igs-table {
  border: solid 1px #d5d5d5;
}
.privacy .privacy-datas table.igs-table tr th {
  background: #eeeeee;
  border: solid 1px #d5d5d5;
  height: 24px;
  text-align: center;
}
.privacy .privacy-datas table.igs-table tr td {
  border: solid 1px #d5d5d5;
  height: 24px;
  text-align: center;
}
.privacy .privacy-datas table.privacy-table tr th {
  height: 44px;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas table.privacy-table tr td {
  height: 24px;
  text-align: left;
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas table.privacy-table tr td p {
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas table.privacy-table tr td p strong {
  font-size: 16px;
  line-height: 29px;
  font-weight: 500;
}
.privacy .privacy-datas ul {
  padding-left: 45px;
}
.privacy .privacy-datas ul li p {
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas ol.p01 {
  margin: 0 0 30px;
}
.privacy .privacy-datas ol.p01 > li > em {
  display: block;
  font-size: 21px;
  font-weight: 500;
}
.privacy .privacy-datas ol.p01 > li > p {
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas ol.p02 {
  padding: 30px 25px 0;
}
.privacy .privacy-datas ol.p02 > li {
  padding: 12px 0;
}
.privacy .privacy-datas ol.p02 > li > strong {
  display: block;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 500;
}
.privacy .privacy-datas ol.p02 > li > p {
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas ol.p03 {
  padding: 24px 0 0;
}
.privacy .privacy-datas ol.p03 > li > p {
  font-size: 16px;
  line-height: 29px;
}
.privacy .privacy-datas ol.p04 > li > p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: -0.5px;
}
.privacy-datas.en > div {
  padding: 15px 0 20px 0;
}
.privacy-datas.en ol.p01 {
  margin: 0 0 30px;
}
.privacy-datas.en ol.p01 > li > em {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-size: 21px;
  font-weight: 500;
}
.privacy-datas.en ol.p01 > li > p {
  margin: 20px 0 0px;
  font-size: 14px;
  line-height: 22px;
}
.privacy-datas.en .attn {
  margin: 20px 0 0px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 0 10px;
}
.privacy-datas.en ol.p02 {
  padding: 17px 10px 0 30px;
}
.privacy-datas.en ol.p02.star li {
  position: relative;
}
.privacy-datas.en ol.p02.star li::before {
  content: "*";
  position: absolute;
  top: -2px;
  left: -20px;
}
.privacy-datas.en ol.p02 > li {
  position: relative;
}
.privacy-datas.en ol.p02 > li > p > span {
  position: absolute;
  top: 0px;
  left: -20px;
}
.privacy-datas.en ol.p02 > li {
  padding: 0 0;
}
.privacy-datas.en ol.p02 > li > em {
  display: block;
  font-size: 21px;
  font-weight: 500;
}
.privacy-datas.en ol.p02 > li > p {
  font-size: 12px;
  line-height: 19px;
}
.privacy_ver1 table {
  border: solid 1px #ddd;
}
.privacy_ver1 table th td {
  border: solid 1px #ddd;
}
.privacy_ver1 table tr td {
  padding: 0 5px;
  border: solid 1px #ddd;
}
.terms {
  padding: 0 0 100px;
}
.terms .tab {
  padding: 36px 0 ;
}



.terms .tab ul li a.on {
  color: #727272;
}
.terms .terms-info {
  position: relative;
  width: 900px;
  margin: 0 auto 0;
  padding: 0 0 64px;
  text-align: center;
}
.terms .terms-info hr {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 0;
  height: 1px;
  background: #bababa;
  border: none;
}
.terms .terms-info .date {
  position: absolute;
  right: 0px;
  top: 75px;
  width: 100px;
  height: 18px;
}
.terms .terms-info em {
  font-family: 'Roboto', sans-serif;
  display: block;
  margin: 0 0 42px;
  font-size: 35px;
  font-weight: 500;
}
.terms .terms-info strong {
  display: block;
  margin: 0 0 25px;
  font-size: 15px;
  color: #79b5f4;
}
.terms .terms-info p {
  display: block;
  padding: 0 60px;
  margin: 0 0 10px 0;
  font-size: 17px;
  line-height: 29px;
}
.terms .terms-info span {
  display: block;
  font-size: 15px;
  line-height: 29px;
}
.terms .terms-info span.noti {
  font-size: 17px;
  line-height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 60px;
}
.terms .terms-datas {
  margin: 65px auto 0;
}
.terms .terms-datas div {
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas table {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse;
}
.terms .terms-datas table.igs-table {
  border: solid 1px #d5d5d5;
}
.terms .terms-datas table.igs-table tr th {
  background: #eeeeee;
  border: solid 1px #d5d5d5;
  height: 24px;
  text-align: center;
}
.terms .terms-datas table.igs-table tr td {
  border: solid 1px #d5d5d5;
  height: 24px;
  text-align: center;
}
.terms .terms-datas table.terms-table tr th {
  height: 44px;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas table.terms-table tr td {
  height: 24px;
  text-align: left;
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas table.terms-table tr td p {
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas table.terms-table tr td p strong {
  font-size: 16px;
  line-height: 29px;
  font-weight: 500;
}
.terms .terms-datas ul {
  padding-left: 45px;
}
.terms .terms-datas ul li p {
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas ol.p01 {
  margin: 0 0 30px;
}
.terms .terms-datas ol.p01 > li > em {
  display: block;
  font-size: 21px;
  font-weight: 500;
}
.terms .terms-datas ol.p01 > li > p {
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas ol.p02 {
  padding: 30px 25px 0;
}
.terms .terms-datas ol.p02 > li {
  padding: 12px 0;
}
.terms .terms-datas ol.p02 > li:first-child {
  padding-top: 0;
}
.terms .terms-datas ol.p02 > li > strong {
  display: block;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 500;
}
.terms .terms-datas ol.p02 > li > p {
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas ol.p03 {
  padding: 24px 0 0;
}
.terms .terms-datas ol.p03 > li > p {
  font-size: 16px;
  line-height: 29px;
}
.terms .terms-datas ol.p04 > li > p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: -0.5px;
}
.terms-datas.en > div {
  padding: 15px 0 20px 0;
}
.terms-datas.en ol.p01 {
  margin: 0 0 30px;
}
.terms-datas.en ol.p01 > li > em {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-size: 21px;
  font-weight: 500;
}
.terms-datas.en ol.p01 > li > p {
  margin: 20px 0 0px;
  font-size: 14px;
  line-height: 22px;
}
.terms-datas.en .attn {
  margin: 20px 0 0px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 0 10px;
}
.terms-datas.en ol.p02 {
  padding: 17px 10px 0 30px;
}
.terms-datas.en ol.p02.star li {
  position: relative;
}
.terms-datas.en ol.p02.star li::before {
  content: "*";
  position: absolute;
  top: -2px;
  left: -20px;
}
.terms-datas.en ol.p02 > li {
  position: relative;
}
.terms-datas.en ol.p02 > li > p > span {
  position: absolute;
  top: 0px;
  left: -20px;
}
.terms-datas.en ol.p02 > li {
  padding: 0 0;
}
.terms-datas.en ol.p02 > li > em {
  display: block;
  font-size: 21px;
  font-weight: 500;
}
.terms-datas.en ol.p02 > li > p {
  font-size: 12px;
  line-height: 19px;
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  .main-video{
    display: none;
  }
  .main-video-m{
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
    height: 100%;

    
    display:table-cell;
    vertical-align: middle;
  }
  .main-video-m2 {
    display: block;
    width: 100%;
    height: 100%;
  }

  body .wrap .inner header .nav.on .nav-div {
    top: 0px;
    width: 1024px;
    margin: 0 auto;
    position: relative;
    left: 0px;
  }
  body .wrap .inner header .nav.on .nav-div .nav-menu {
    padding: 80px 700px 0 51px;
  }
  html,
  body {
    min-width: 0 !important;
  }
  body .wrap .inner .box {
    width: 100% !important;
  }
  body .wrap .inner header {
    background: #171717;
  }
  body .wrap .inner header.nav-on::after {
    top: 1px;
    height: 112px;
    position: relative;
    min-width: 100%;
  }
  body .wrap .inner header h1#logo {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 8px;
    z-index: 1001;
    margin: 0 auto;
    width: 76px;
    height: 28px;
  }
  body .wrap .inner header h1#logo img {
    width: 76px;
    height: 28px;
  }
  body .wrap .inner header .nav.on .nav-ctrl-btn {
    background: url('/images/menu_close_1024.png') no-repeat top left;
  }
  
  /* 비게이션 열기 버튼 위치 조정 */
  body .wrap .inner header .nav .nav-ctrl-btn {
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 30px;    
    z-index: 1;
    width: 21px;
    height: 21px;
    background: url('/images/menu_open_1024.png') no-repeat top left;
  }

  body .wrap .inner header .nav {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1000;
    width: 100%;
    height: 44px;
    padding: 45px 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: background .75s ease-in-out, height .75s ease-in-out;
    -moz-transition: background .75s ease-in-out, height .75s ease-in-out;
    -ms-transition: background .75s ease-in-out, height .75s ease-in-out;
    -o-transition: background .75s ease-in-out, height .75s ease-in-out;
    transition: background .75s ease-in-out, height .75s ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  body .wrap .inner header .nav .nav-ctrl-btn {
    position: absolute;
    
  }
  body .wrap .inner header .nav.on ul li:first-child {
    border-top: none;
  }
  body .wrap .inner header .nav ul li {
    margin: 0 0;
    float: none;
    height: 60px;
    line-height: 60px;
    border-top: solid 1px #222222;
  }
  body .wrap .inner header .nav ul li > a {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #989797 !important;
    letter-spacing: -0.5px;    
  }
  body .wrap .inner header .nav ul li .depth2 {
    display: none;
  }
  body .wrap .inner header .nav ul li.on > a {
    color: #f2f2f2;
  }
  body .wrap .inner header .nav ul li.language {
    display: block !important;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    background: none;
    border: none;
    border-top: solid 1px #222222;
    clear: both;
  }
  body .wrap .inner header .nav ul li.language:after {
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    clear: both;
    content: "";
  }
  body .wrap .inner header .nav ul li.language a {
    position: relative;
    display: inline-block;
    padding: 0 11px;
    float: left;
    width: auto;
    color: #989797;
  }
  body .wrap .inner header .nav ul li > a {
    color: #989797 !important;
  }
  header .nav ul li a.on {
    opacity: 0.5;
  }
  body .wrap .inner header .nav ul li.language a::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 24px;
    width: 1px;
    height: 12px;
    background: #f2f2f2 !important;
  }
  body .wrap .inner header .nav ul li.language a:first-child {
    padding: 0 8px 0 0;
  }
  body .wrap .inner header .nav ul li.language a:first-child::before {
    visibility: hidden;
  }
  body .wrap .inner header .nav ul li.language a.on {
    color: #f2f2f2;
  }
  body .wrap .inner header .nav.menu-close {
    position: fixed;
  }
  body .wrap .inner header .nav.on {
    position: fixed;
    z-index: 1005;
    height: 100%;
    background: #000000;
  }
  body .wrap .inner header .nav.on + .m-nav {
    top: 45px;
  }
  body .wrap .inner header .nav.on ul::before {
    display: inline-block;
  }
  body .wrap .inner header .nav.on .nav-ctrl-btn::before {
    top: 9px;
    left: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body .wrap .inner header .nav.on .nav-ctrl-btn::after {
    top: 9px;
    left: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body .wrap .inner header .language {
    display: none;
  }
  body .wrap .inner header .m-nav {
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 112px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  body .wrap .inner header .m-nav > div {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }
  body .wrap .inner header .m-nav > div.on {
    display: block;
  }
  body .wrap .inner header .m-nav a {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  body .wrap .inner header .m-nav a::before {
    position: relative;
    content: '';
    display: inline-block;
  }
  body .wrap .inner header .m-nav a strong {
    position: relative;
    top: -7px;
    display: inline-block;
    width: 100%;
    margin: 2px 0 0;
    text-align: center;
    font-size: 10px;
    letter-spacing: -0.5px;
  }
  body .wrap .inner header .m-nav a::after {
    content: "new";
    display: inline-block;
    position: relative;
    top: -5px;
    left: 0px;
    right: 0px;
    z-index: 1;
    margin: 0px auto 0;
    width: 100%;
    height: 12px;
    visibility: hidden;
    font-size: 9px;
    color: #f66d0d;
    text-align: center;
  }
  body .wrap .inner header .m-nav a.new::after {
    visibility: visible;
  }
  body .wrap .inner header .m-nav a:first-child {
    margin-left: 0 !important;
  }
  body .wrap .inner header .m-nav a.on {
    opacity: 0.5;
  }
  body .wrap .inner header .m-nav .news {
    padding: 25px 30px 0 36px;
    width: 100%;
    height: 112px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body .wrap .inner header .m-nav .news a {
    width: 64px;
    margin-left: 12px;
    color: #c0c0c0;
  }
  body .wrap .inner header .m-nav .news .all {
    width: 64px;
  }
  body .wrap .inner header .m-nav .news .all::before {
    left: 4px;
    width: 57px;
    height: 50px;
    background: url('/images/news/menu_all_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news .en {
    width: 64px;
  }
  body .wrap .inner header .m-nav .news .en::before {
    left: 4px;
    width: 57px;
    height: 50px;
    background: url('/images/news/menu_en_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news .ch {
    width: 64px;
  }
  body .wrap .inner header .m-nav .news .ch::before {
    left: 4px;
    width: 57px;
    height: 50px;
    background: url('/images/news/menu_ch_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news .jp {
    width: 64px;
  }
  body .wrap .inner header .m-nav .news .jp::before {
    left: 4px;
    width: 57px;
    height: 50px;
    background: url('/images/news/menu_jp_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news .kr {
    width: 64px;
  }
  body .wrap .inner header .m-nav .news .kr::before {
    left: 4px;
    width: 57px;
    height: 50px;
    background: url('/images/news/menu_kr_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news .gb {
    width: 64px;
  }
  body .wrap .inner header .m-nav .news .gb::before {
    left: 4px;
    width: 57px;
    height: 50px;
    background: url('/images/news/menu_gb_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career {
    padding: 27px 30px 0 40px;
    width: 100%;
    height: 112px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body .wrap .inner header .m-nav .career a {
    margin-left: 19px;
    color: #C0C0C0;
  }
  body .wrap .inner header .m-nav .career a strong {
    position: relative;
    top: -17px;
  }
  body .wrap .inner header .m-nav .career .gamedesignqa {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .gamedesignqa::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_gamedesign_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .graphicart {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .graphicart::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_graphicart_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .uidesign {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .uidesign::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_uiux_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .visualart {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .visualart::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_visualart_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .gameprogramming {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .gameprogramming::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_gameprogramming_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .networkprogramming {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .networkprogramming::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_networkprogramming_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .audioart {
    width: 64px;
  }
  body .wrap .inner header .m-nav .career .audioart::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_audioart_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career .business {
    width: 64px;
    margin-left: 13px;
  }
  body .wrap .inner header .m-nav .career .business::before {
    left: 7px;
    width: 50px;
    height: 57px;
    background: url('/images/career/menu_business_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner footer .language {
    display: none;
  }
  body .wrap .inner footer address {
    left: 20px;
    top: 30px;
  }
  body .wrap .inner footer .nav {
    left: 11px;
    top: 54px;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  .p-txt {
    display: none !important;
  }
  .t-txt {
    display: block !important;
  }
  .terms .terms-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  }
  .terms .terms-info .date {
    position: relative ;
    top: 0px;
    margin: 0 auto 30px;
  }
  .terms .terms-datas {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
  }
  .privacy .privacy-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .privacy .privacy-info .date {
    position: relative ;
    top: 0px;
    margin: 0 auto 30px;
  }
  .privacy .privacy-datas {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 50px;
  }
}
@media screen and (min-width: 1546px) and (max-width: 1910px) {
  .contact .contact-data {
    max-width: 1720px;
    width: 100%;
    overflow: hidden;
  }
}
@media screen and (min-width: 1547px) {
  .p-txt {
    display: block !important;
  }
  .t-txt {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1546px) {
  .p-txt {
    display: block !important;
  }
  .t-txt {
    display: none !important;
  }
  .main .news-events ul li.half .inner .info a::after {
    top: 7px;
  }
  .contact .contact-data {
    width: 806px;
    margin: 0 auto 76px;
  }
  .contact .contact-data .contact-data-inner {
    overflow: visible;
    width: 806px;
  }
  .contact .contact-data .contact-data-inner ul {
    width: 806px;
  }
  .contact .contact-data .contact-data-inner ul li {
    height: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contact .contact-data .contact-data-inner ul li:first-child {
    width: 350px;
  }
  .contact .contact-data .contact-data-inner ul li:first-child::after {
    left: 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) {
    width: 455px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2)::after {
    left: 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) {
    margin: 150px 0 0;
    width: 350px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3)::after {
    left: 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) {
    margin: 150px 0 0;
    width: 455px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4)::after {
    left: 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .subscribe {
    display: none;
  }
  .contact .contact-map {
    width: 805px;
    height: 558px;
  }
  .career .career-process {
    height: 1768px;
    width: 1024px;
    margin: 0 auto 30px;
    padding: 70px 0 0 0;
    background: #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-process > em {
    display: block;
    margin: 0 0 10px;
    font-weight: 500;
    text-align: center;
  }
  .career .career-process > P {
    text-align: center;
  }
  .career .career-process .process {
    position: relative;
    width: 958px;
    height: 1418px;
    margin: 0 auto;
    background: url('/images/career/process_tablet.png') 0 0 no-repeat;
  }
  .career .career-process .process ol {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 1418px;
  }
  .career .career-process .process ol li {
    position: relative;
    width: 50%;
    height: 50%;
    float: left;
  }
  .career .career-process .process ol li strong {
    position: absolute;
    top: 205px;
    left: 197px;
    z-index: 1;
    font-weight: 500;
    text-align: center;
  }
  .career .career-process .process ol li p {
    position: absolute;
    top: 524px;
  }
  .career .career-process .process ol li:first-child strong {
    left: 195px;
  }
  .career .career-process .process ol li:first-child p {
    left: 110px;
  }
  .career .career-process .process ol li:nth-child(2) strong {
    left: 135px;
  }
  .career .career-process .process ol li:nth-child(2) p {
    left: 100px;
  }
  .career .career-process .process ol li:nth-child(3) strong {
    top: 165px;
    left: 185px;
  }
  .career .career-process .process ol li:nth-child(3) p {
    left: 116px;
    top: 484px;
  }
  .career .career-process .process ol li:nth-child(4) strong {
    top: 165px;
    left: 158px;
  }
  .career .career-process .process ol li:nth-child(4) p {
    left: 75px;
    top: 484px;
  }
  .career-detail .career-datas {
    width: 1024px;
  }
}
@media screen and (min-width: 1546px) and (max-width: 1910px) {
  .contact .contact-data {
    max-width: 1720px;
    width: 100%;
    overflow: hidden;
  }
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .main-video {
    margin-left: 0;
    margin-right: 0; 
    width: 100%;
  }
  body .wrap {
    padding-bottom: 95px;/* footer height */
  }

  body .wrap .inner header .nav.on .nav-ctrl-btn {
    top: 18px;
    left: 0px;
    background: url('/images/menu_close_1024.png') no-repeat top left;
  }
  body .wrap .inner header .nav .nav-ctrl-btn {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 0px;
    z-index: 1;
    width: 21px;
    height: 21px;
    background: url('/images/menu_open_1024.png') no-repeat top left;
  }
  body .wrap .inner header .nav.on .nav-div {
    top: 0px;
    width: 1024px;
    margin: 0 auto;
    position: relative;
    left: 40px;
  }
  
  header .nav ul li a.on {
    opacity: 0.5;
  }
  
  body .wrap .inner header .nav ul li > a {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #989797 !important;
    letter-spacing: -0.5px;
  }
  body .wrap .inner header .nav ul li {
    margin: 0 0;
    float: none;
    height: 49px;
    line-height: 52px;
    border-top: solid 1px #222222;
  }
  body .wrap .inner header .nav.on .nav-div .nav-menu {
    padding: 65px 700px 0 30px;
  }
  body .wrap .inner header .nav ul li.language a::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 18px;
    width: 1px;
    height: 14px;
    background: #f2f2f2 !important;
  }

  .nav-on + .container {
    margin-top: 141px;
  }
  body .wrap .inner header {
    height: 56px;
  }
  body .wrap .inner header.nav-on::after {
    top: 56px;
  }
  body .wrap .inner header h1#logo {
    left: 37px;
    top: 15px;
  }
  body .wrap .inner header h1#logo img {
    width: 78px;
    height: 27px;
  }
  body .wrap .inner header.nav-on::after {
    height: 141px;
  }
  body .wrap .inner header .nav {
    position: relative;
    left: 40px;
    /* top: 12px; */
    top: 0px;
    z-index: 1000;
    width: 30%;
    height: 44px;
    padding: 44px 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  body .wrap .inner header .nav li {
    margin-left: 67px;
  }
  body .wrap .inner header .nav li:first-child {
    margin-left: 0px;
  }
  body .wrap .inner header .nav li > a {
    font-size: 16px;
  }
  body .wrap .inner header .nav li .depth2 {
    width: 855px;
  }
  body .wrap .inner header .nav li .depth2 a strong {
    font-size: 13px;
  }
  body .wrap .inner header .nav li.news .depth2 {
    width: 745px;
    top: 70px;
    left: 0px;
  }
  body .wrap .inner header .nav li.news .depth2 a {
    width: 80px;
    margin-left: 11px;
    color: #c0c0c0;
  }
  body .wrap .inner header .nav li.news .all::before {
    left: 8px;
    width: 68px;
    height: 59px;
    background: url('/images/news/menu_all_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.news .en::before {
    left: 8px;
    width: 68px;
    height: 59px;
    background: url('/images/news/menu_en_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.news .ch::before {
    left: 8px;
    width: 68px;
    height: 59px;
    background: url('/images/news/menu_ch_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.news .jp::before {
    left: 8px;
    width: 68px;
    height: 59px;
    background: url('/images/news/menu_jp_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.news .kr::before {
    left: 8px;
    width: 68px;
    height: 59px;
    background: url('/images/news/menu_kr_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.news .gb::before {
    left: 8px;
    width: 68px;
    height: 59px;
    background: url('/images/news/menu_gb_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 {
    top: 68px;
    left: -149px;
  }
  body .wrap .inner header .nav li.career .depth2 a {
    margin-left: 9px;
    color: #C0C0C0;
  }
  body .wrap .inner header .nav li.career .depth2 a strong {
    width: 84px;
    position: relative;
    left: -7px;
  }
  body .wrap .inner header .nav li.career .depth2 a.gamedesignqa {
    width: 70px;
  }
  body .wrap .inner header .nav li.career .depth2 a.gamedesignqa::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_gamedesign_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.graphicart {
    width: 63px;
    margin-left: 39px;
  }
  body .wrap .inner header .nav li.career .depth2 a.graphicart::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_graphicart_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.uidesign {
    width: 70px;
    margin-left: 47px ;
  }
  body .wrap .inner header .nav li.career .depth2 a.uidesign::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_uiux_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.visualart {
    width: 63px;
    margin-left: 41px ;
  }
  body .wrap .inner header .nav li.career .depth2 a.visualart::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_visualart_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.gameprogramming {
    width: 63px;
    margin-left: 46px;
  }
  body .wrap .inner header .nav li.career .depth2 a.gameprogramming::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_gameprogramming_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.networkprogramming {
    width: 63px;
    margin-left: 46px;
  }
  body .wrap .inner header .nav li.career .depth2 a.networkprogramming::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_networkprogramming_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.audioart {
    width: 63px;
    margin-left: 44px;
  }
  body .wrap .inner header .nav li.career .depth2 a.audioart::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_audioart_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .nav li.career .depth2 a.business {
    width: 63px;
    margin-left: 44px;
  }
  body .wrap .inner header .nav li.career .depth2 a.business::before {
    left: 0px;
    width: 68px;
    height: 59px;
    background: url('/images/career/menu_business_on.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .language {
    position: absolute;
    left: 920px;
    top: 16px;
    z-index: 15;
    width: 58px;
    height: 22px;
    /* width: 53px; */
  }
  body .wrap .inner header .language span {
    display: inline-block;
    color: #f2f2f2;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
  }
  body .wrap .inner header .language ul li a {
    font-size: 13px;
  }
  body .wrap .inner footer .language {
    top: 23px;
    width: 58px;
    height: 22px;
    line-height: 22px;
  }
  body .wrap .inner footer .language span {
    font-size: 14px;
  }
  body .wrap .inner footer .language ul {
    width: 58px;
  }
  body .wrap .inner footer .language ul li a {
    font-size: 11px;
  }
  body .wrap .inner footer address {
    font-size: 13px;
    z-index: 1;
    margin-right: 15px;
  }
  body .wrap .inner footer .sns {
    right: 117px;
  }
  body .wrap .inner footer .sns a {
    width: 21px;
    height: 15px;
    margin-right: 15px;
  }
  body .wrap .inner footer .sns a img {
    width: 21px;
    height: 15px;
  }
  footer address {  
    width: 88px;
  }
  .footer-container {
    width:290px;
    margin: 26px auto 0 auto;
  }
  body .wrap .inner footer .nav {
    margin-left: auto;
    margin-right: auto;
    width: 186px;
    top: 16px;
    left: 160px;
    z-index: 1;
    clear: both;
  }
  body .wrap .inner footer .nav li a {
    font-size: 13px;
  }  
  footer {
    height: 95px;
  }
  footer .sns {
    right: 0px;
    top: 28px;
  }
  .follow {
    margin: 0 0 90px 0;
  }
  .follow .inner em {
    margin: 0 0 58px 0;
  }
  .follow .inner ul {
    width: 305px;
  }
  .follow .inner ul li:first-child {
    margin: 0 0 0 0;
  }
  .follow .inner ul li:nth-child(2n) {
    margin: 0 0 0 40px;
  }
  .follow .inner ul li:nth-child(3n) {
    margin: 0 0 0 37px;
  }
  .follow .inner ul li:nth-child(4n) {
    margin: 0 0 0 37px;
  }
  .follow .inner ul li a.youtube-ic {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.youtube-ic img {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.twitter-ic {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.twitter-ic img {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.facebook-ic {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.facebook-ic img {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.instagram-ic {
    width: 47px;
    height: 34px;
  }
  .follow .inner ul li a.instagram-ic img {
    width: 47px;
    height: 34px;
  }
  .main .banner-wrap {
    margin: 0 0 105px 0;
  }
  .main .banner-wrap .banner.pianista-switch {
    height: 523px;
  }
  .main .banner-wrap .banner.pianista-switch img {
    width: 622px;
    height: 320px;
  }
  .main .news-events {
    padding: 0 48px;
    margin: 0 auto 68px auto;
  }
  .main .news-events ul li {
    height: 497px;
  }
  .main .news-events ul li:nth-child(2n) {
    padding-left: 0px;
  }
  .main .news-events ul li:nth-child(2n+1) {
    padding-right: 0px;
  }
  .main .news-events ul li.half .inner {
    margin: 0 auto;
    width: 439px;
  }
  .main .news-events ul li.half .inner .info p {
    padding: 0 50px;
  }
  .main .news-events ul li.full .inner i.youtube_vod_logo {
    top: 30px;
    left: 42px;
  }
  .main .news-events ul li.full .inner .info {
    width: 100%;
  }
  .games .banner-wrap .banner.pianista-switch {
    height: 523px;
  }
  .games .banner-wrap .banner.pianista-switch img {
    width: 622px;
    height: 320px;
  }
  .pianista-mobile .pianista-mobile-info05 .desc p,
  .pianista-mobile .pianista-mobile-info06 .desc p,
  .pianista-mobile .pianista-mobile-info07 .desc p,
  .pianista-mobile .pianista-mobile-info08 .desc p {
    padding: 0 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pianista-mobile .pianista-mobile-info01 {
    max-width: 1024px;
    height: 662px;
    width: 100%;
    background-size: auto 100%;
  }
  .pianista-mobile .pianista-mobile-info01 .project {
    left: 106px;
    top: 80px;
  }
  .pianista-mobile .pianista-mobile-info01 .platform {
    left: 106px;
    top: 152px;
  }
  .pianista-mobile .pianista-mobile-info01 .released {
    right: 106px;
    top: 80px;
  }
  .pianista-mobile .pianista-mobile-info02 {
    padding: 112px 0 218px;
  }
  .pianista-mobile .pianista-mobile-info02 .ic-pianista {
    top: 118px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc {
    top: 118px;
  }
  .pianista-mobile .pianista-mobile-info03 .vod {
    width: 100%;
    height: 578px;
  }
  .pianista-mobile .pianista-mobile-info04 {
    margin: 0 0 330px;
  }
  .pianista-mobile .pianista-mobile-info05 {
    margin: 0 0 207px;
  }
  .pianista-mobile .pianista-mobile-info05 .imgs img {
    max-width: 866px;
    width: 100%;
  }
  .pianista-mobile .pianista-mobile-info06 {
    margin: 0 0 207px;
  }
  .pianista-mobile .pianista-mobile-info06 .imgs img {
    max-width: 862px;
    width: 100%;
  }
  .pianista-mobile .pianista-mobile-info07 {
    margin: 0 0 207px;
  }
  .pianista-mobile .pianista-mobile-info07 .imgs img {
    max-width: 943px;
    width: 100%;
  }
  .pianista-mobile .pianista-mobile-info08 {
    margin: 0 0 207px;
  }
  .pianista-mobile .pianista-mobile-info08 .imgs img {
    max-width: 900px;
    width: 100%;
    left: 40px;
  }
  .pianista-mobile .pianista-mobile-info09 {
    margin: 0 0 170px;
  }
  .pianista-mobile .pianista-mobile-info09 .imgs img {
    max-width: 920px;
    width: 100%;
    left: 40px;
  }
  .pianista-mobile .pianista-mobile-info10 {
    margin: 0 0 174px;
  }
  .news .news-items {
    padding: 0 0 19px;
  }
  .news .news-items ul {
    max-width: 860px;
  }
  .news .news-items ul li {
    width: 50%;
    height: 382px;
  }
  .news .news-items ul li .inner::before {
    width: 100%;
    height: 237px;
    background-size: 422px 237px;
  }
  .news .news-items ul li .inner .info {
    height: 130px;
    padding: 36px 20px 0;
  }
  .news .news-items ul li .inner .info.new::after {
    top: 17px;
    left: 20px;
  }
  .news .news-items ul li .inner .info em {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .news .news-items ul li .inner .info p {
    left: 20px;
    bottom: 25px;
  }
  .news .news-items ul li .inner .info a {
    bottom: 20px;
    right: 20px;
    width: 94px;
    height: 23px;
    padding: 0 0;
    text-align: center;
    line-height: 21px;
    background-size: 94px 23px ;
  }
  .about .about-info p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 100px;
  }
  .about .game-info .pianista > p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 90px;
  }
  .about .game-info .pianista .desc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 100px;
  }
  .about .game-info .pianista .desc ul li strong {
    margin: 0 0 10px;
  }
  .about .game-info .yumi > p {
    top: 72px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 90px;
  }
  .about .game-info .yumi .desc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 100px;
  }
  .about .about-partners .partners {
    margin: 43px auto 146px;
  }
  .about .about-partners hr {
    max-width: 870px;
  }
  .about .about-join-us {
    padding: 0 0 65px;
  }
  .about .about-join-us .slider .slider-inner {
    max-width: 100%;
    border: none;
    width: 100%;
  }
  .about .about-join-us .slider .slider-inner .slick-slide {
    padding: 0px 7px;
  }
  .contact .contact-info {
    height: 684px;
    background: url('/images/contact/bg_tablet.png') 50% 0 no-repeat;
    background-size: 100% auto;
  }
  .contact .contact-info .desc {
    top: 35px;
    width: 500px;
    text-align: center;
  }
  .contact .contact-info .desc::after {
    display: none;
  }
  .contact .contact-data {
    width: 806px;
    margin: 0 auto 0px;
  }
  .contact .contact-data .contact-data-inner {
    overflow: visible;
    width: 806px;
    padding: 150px 0 0 0;
  }
  .contact .contact-data .contact-data-inner ul {
    width: 806px;
  }
  .contact .contact-data .contact-data-inner ul li {
    height: 190px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contact .contact-data .contact-data-inner ul li:first-child {
    width: 350px;
    height: 240px;
  }
  .contact .contact-data .contact-data-inner ul li:first-child::after {
    left: 0;
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
  }
  .contact .contact-data .contact-data-inner ul li:first-child .data-box {
    position: relative;
    top: -8px;
  }
  .contact .contact-data .contact-data-inner ul li:first-child .data-box em {
    margin: 0 0 17px 0;
  }
  .contact .contact-data .contact-data-inner ul li:first-child .data-box p {
    margin: -8px 0 0 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) {
    width: 455px;
    height: 240px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2)::after {
    left: 0;
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) .data-box {
    position: relative;
    top: -8px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) .data-box em {
    margin: 0 0 17px 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) .data-box p {
    margin: -8px 0 0 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) {
    margin: 80px 0 0;
    width: 350px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3)::after {
    left: 0;
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box {
    position: relative;
    top: -8px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box em {
    margin: 0 0 17px 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box p {
    margin: -8px 0 0 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns a {
    margin: 0 0 0 18px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.youtube {
    width: 27px;
    height: 19px;
    background-size: 27px 19px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.twitter {
    width: 25px;
    height: 20px;
    background-size: 25px 20px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.facebook {
    width: 20px;
    height: 20px;
    background-size: 20px 20;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.instagram {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) {
    margin: 80px 0 0;
    width: 455px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4)::after {
    left: 0;
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .data-box {
    position: relative;
    top: -8px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .data-box em {
    margin: 0 0 17px 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .data-box p {
    margin: 0px 0 0 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .subscribe {
    display: none;
  }
  .contact .contact-map {
    margin: 0 auto 30px;
    position: relative;
    width: 805px;
    height: 558px;
  }
  .career .career-info {
    background: url("/images/career/bg_tablet.png") 50% 0 no-repeat;
    height: 682px;
    margin: 0 0 88px;
  }
  .career .career-info .desc {
    top: 33px;
    width: 100%;
  }
  .career .career-info .desc > em {
    margin: 0 0 12px;
    padding: 0 260px;
  }
  .career .career-info .desc > p {
    padding: 0 270px;
  }
  .career .career-data {
    width: 100%;
    padding: 0 84px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-data em {
    margin: 0 0 55px;
  }
  .career .career-data ul {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-data ul li {
    width: 50%;
    height: 383px;
    margin: 0 0 0 0;
    padding: 11px 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-data ul li .inner a {
    padding: 60px 0 0;
  }
  .career .career-data ul li.update::after {
    top: 45px;
  }
  .career .career-data ul li:nth-child(2n+1) {
    margin: 0 0 0 0;
    padding-left: 0;
  }
  .career .career-data ul li:nth-child(2n) {
    margin: 0 0 0 0;
    padding-right: 0;
  }
  .career .career-process {
    height: 1715px;
    width: 1024px;
    margin: 0 auto 30px;
    padding: 70px 0 0 0;
    background: #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-process > em {
    display: block;
    margin: 0 0 10px;
    font-weight: 500;
    text-align: center;
  }
  .career .career-process > P {
    padding: 0 232px;
    margin: 0 0 65px;
    text-align: center;
  }
  .career .career-process .process {
    position: relative;
    width: 958px;
    height: 1418px;
    margin: 0 auto;
    background: url('/images/career/process_tablet.png') 0 0 no-repeat;
  }
  .career .career-process .process ol {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 1418px;
  }
  .career .career-process .process ol li {
    position: relative;
    width: 50%;
    height: 709px;
    float: left;
  }
  .career .career-process .process ol li strong {
    position: absolute;
    top: 205px;
    left: 197px;
    z-index: 1;
    font-weight: 500;
    text-align: center;
  }
  .career .career-process .process ol li p {
    width: 330px;
    position: absolute;
    top: 524px;
  }
  .career .career-process .process ol li:first-child strong {
    left: 190px;
  }
  .career .career-process .process ol li:first-child p {
    left: 83px;
  }
  .career .career-process .process ol li:nth-child(2) strong {
    left: 136px;
  }
  .career .career-process .process ol li:nth-child(2) p {
    left: 58px;
  }
  .career .career-process .process ol li:nth-child(3) strong {
    top: 165px;
    left: 188px;
  }
  .career .career-process .process ol li:nth-child(3) p {
    left: 82px;
    top: 484px;
  }
  .career .career-process .process ol li:nth-child(4) strong {
    top: 165px;
    left: 160px;
  }
  .career .career-process .process ol li:nth-child(4) p {
    left: 62px;
    top: 484px;
  }
  .career-detail .career-datas {
    width: 100%;
  }
  .career-detail .career-datas .team-info > p {
    padding: 0 140px;
  }
  .career-detail .career-datas .career-data .apply {
    height: auto;
  }
  .career-detail .career-datas .career-data .apply p {
    font-size: 17px !important;
    margin: 0 0 55px;
  }
  .career-detail .career-datas .career-data .apply .submit-resume {
    position: relative;
    width: 214px;
    height: 51px;
  }
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  .frame {
    width: 100%;
    height: 110px;
    padding: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  .frame .slidee {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    list-style: none;
  }
  .frame .slidee li {
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    width: 74px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .video-outer{
    position:absolute;
    top:44px;
    left:0;
    height:86%;  
  }
  .video-container{
    height: 100%;
    /* width:100%; */
    display:table;
  }

  body .wrap {
    padding-bottom: 88px;/* footer height */
  }
  body .wrap .inner header .nav .nav-ctrl-btn::after {
    top: 11px;
  }
  body .wrap .inner header .m-nav .news {
    padding: 0 28px !important;
  }
  body .wrap .inner header .m-nav .news a {
    width: 74px;
    height: 108px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body .wrap .inner header .m-nav .news a strong {
    top: 68px;
  }
  body .wrap .inner header .m-nav .news a::after {
    top: 73px;
  }
  body .wrap .inner header .m-nav .news a.all {
    width: 74px;
    background: url('/images/news/m_menu/menu_all.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news a.all::before {
    display: none;
  }
  body .wrap .inner header .m-nav .news a.en {
    width: 74px;
    background: url('/images/news/m_menu/menu_en.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news a.en::before {
    display: none;
  }
  body .wrap .inner header .m-nav .news a.ch {
    width: 74px;
    background: url('/images/news/m_menu/menu_ch.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news a.ch::before {
    display: none;
  }
  body .wrap .inner header .m-nav .news a.jp {
    width: 74px;
    background: url('/images/news/m_menu/menu_jp.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news a.jp::before {
    display: none;
  }
  body .wrap .inner header .m-nav .news a.kr {
    width: 74px;
    background: url('/images/news/m_menu/menu_kr.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news a.kr::before {
    display: none;
  }
  body .wrap .inner header .m-nav .news a.gb {
    width: 74px;
    background: url('/images/news/m_menu/menu_gb.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .news a.gb::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career {
    padding: 0 28px !important;
  }
  body .wrap .inner header .m-nav .career a {
    width: 83px;
    height: 108px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body .wrap .inner header .m-nav .career a strong {
    top: 68px;
    width: 79px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body .wrap .inner header .m-nav .career a::after {
    top: 73px;
  }
  body .wrap .inner header .m-nav .career a.gamedesignqa {
    width: 83px;
    background: url('/images/career/m_menu/menu_gamedesign.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.gamedesignqa::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.graphicart {
    width: 83px;
    background: url('/images/career/m_menu/menu_graphicart.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.graphicart::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.uidesign {
    width: 83px;
    background: url('/images/career/m_menu/menu_uiux.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.uidesign::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.visualart {
    width: 83px;
    background: url('/images/career/m_menu/menu_visualart.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.visualart::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.gameprogramming {
    width: 83px;
    background: url('/images/career/m_menu/menu_gameprogramming.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.gameprogramming::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.networkprogramming {
    width: 83px;
    background: url('/images/career/m_menu/menu_networkprogramming.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.networkprogramming::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.audioart {
    width: 83px;
    background: url('/images/career/m_menu/menu_audioart.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.audioart::before {
    display: none;
  }
  body .wrap .inner header .m-nav .career a.business {
    width: 83px;
    background: url('/images/career/m_menu/menu_business.svg') 0 0 no-repeat;
  }
  body .wrap .inner header .m-nav .career a.business::before {
    display: none;
  }
  body .wrap .inner footer {
    height: 88px;
  }
  body .wrap .inner footer .language {
    top: 23px;
    width: 58px;
    height: 22px;
    line-height: 22px;
  }
  body .wrap .inner footer .language span {
    font-size: 14px;
  }
  body .wrap .inner footer .language ul {
    width: 58px;
  }
  body .wrap .inner footer address {
    width: 90px;
    font-size: 13px;
    float: left;   

    z-index: 1;
    margin-left: 9px;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
  }
  body .wrap .inner footer .sns {
    top: 25px;
    right: 15px;
  }
  body .wrap .inner footer .sns a {
    width: 21px;
    height: 15px;
    margin-right: 15px;
  }
  body .wrap .inner footer .sns a img {
    width: 21px;
    height: 15px;
  }
  body .wrap .inner footer .sns a:last-child {
    margin-right: 0px;
  }
  .footer-container {
    width:240px;
    margin: 22px 0 0 24px;
  }
  body .wrap .inner footer .nav {
    float: left;
    left: 12px;
    width: 190px;
    top: 53px;
    

    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    clear: both;
  }
  body .wrap .inner footer .nav li a {
    font-size: 13px;
  }
  footer .sns {
    right: 0px;
    top: 28px;
  }
  footer .sns a {
    width: 18px;
    height: 12px;
  }
  footer .sns a img {
    width: 18px;
    height: 12px;
  }
  .follow {
    margin: 0 0 57px 0;
  }
  .follow .inner {
    width: 360px;
  }
  .follow .inner em {
    font-size: 30px;
    margin: 0 0 43px 0;
  }
  .follow .inner ul {
    width: 202px;
  }
  .follow .inner ul li {
    margin: 0 0 0 26px;
  }
  .follow .inner ul li:first-child {
    margin: 0 0 0 0;
  }
  .follow .inner ul li:nth-child(2n) {
    margin: 0 0 0 26px;
  }
  .follow .inner ul li:nth-child(3n) {
    margin: 0 0 0 26px;
  }
  .follow .inner ul li a.youtube-ic img {
    width: 31px;
    height: 21px;
  }
  .follow .inner ul li a.twitter-ic img {
    width: 31px;
    height: 21px;
  }
  .follow .inner ul li a.facebook-ic img {
    width: 31px;
    height: 21px;
  }
  .follow .inner ul li a.instagram-ic img {
    width: 31px;
    height: 21px;
  }
  .main .banner-wrap {
    margin: 0 0 75px 0;
  }
  .main .banner-wrap .banner {
    height: 440px;
    padding: 0 50px;
  }
  .main .banner-wrap .banner .box {
    padding: 50px 0 0 0;
  }
  .main .banner-wrap .banner .box > a {
    height: auto;
  }
  .main .banner-wrap .banner h3 {
    position: relative;
    top: auto;
    margin: 0 0 16px;
  }
  .main .banner-wrap .banner p {
    position: relative;
    top: auto;
    margin: 0 0 14px;
  }
  .main .banner-wrap .banner .banner-btn-wrap {
    position: relative;
    top: auto;
  }
  .main .banner-wrap .banner.pianista-switch .box img {
    top: 290px;
    width: 256px;
    height: 130px;
  }
  .main .banner-wrap .banner.yumi {
    overflow: hidden;
  }
  .main .banner-wrap .banner.yumi .box img {
    left: -25px;
    top: 238px;
    width: 360px;
    height: 202px;
  }
  .main .banner-wrap .banner.pianista-mobile {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main .banner-wrap .banner.pianista-mobile .box img {
    left: -18px;
    top: 242px;
    width: 295px;
    height: 146px;
  }
  .main .news-events {
    margin: 0 auto 71px auto;
  }
  .main .news-events em {
    font-size: 31px;
    margin: 0 0 40px 0;
  }
  .main .news-events ul li {
    height: 417px;
    padding: 0 0 0 0;
    margin: 0 0 14px 0;
  }
  .main .news-events ul li:nth-child(2n+1) {
    padding: 0 0 0 0;
  }
  .main .news-events ul li:nth-child(2n) {
    padding: 0 0 0 0;
  }
  .main .news-events ul li.half {
    width: 100%;
  }
  .main .news-events ul li.half .inner .info {
    top: 52px;
    width: 100%;
  }
  .main .news-events ul li.half .inner .info p {
    padding: 0 50px;
    margin: 0 0 15px 0;
  }
  .main .news-events ul li.half .inner .info a::after {
    top: 5px;
  }
  .main .news-events ul li.full .inner i.youtube_vod_logo {
    top: 20px;
    left: 20px;
    width: 98px;
    height: 23px;
  }
  .main .news-events ul li.full .inner .info {
    top: 125px;
    width: 100%;
  }
  .main .news-events ul li.full .inner .info p {
    padding: 0 50px;
  }
  .games .banner-wrap {
    margin: 0 0 15px 0;
  }
  .games .banner-wrap > div > a {
    height: 440px;
  }
  .games .banner-wrap .banner {
    height: 440px;
    padding: 0 50px;
  }
  .games .banner-wrap .banner .box {
    padding: 50px 0 0 0;
  }
  .games .banner-wrap .banner .box > a {
    height: auto;
  }
  .games .banner-wrap .banner h3 {
    position: relative;
    top: auto;
    margin: 0 0 16px;
  }
  .games .banner-wrap .banner p {
    position: relative;
    top: auto;
    margin: 0 0 14px;
  }
  .games .banner-wrap .banner .banner-btn-wrap {
    position: relative;
    top: auto;
  }
  .games .banner-wrap .banner.pianista-switch .box img {
    top: 290px;
    width: 256px;
    height: 130px;
  }
  .games .banner-wrap .banner.yumi {
    overflow: hidden;
  }
  .games .banner-wrap .banner.yumi .box img {
    left: -25px;
    top: 238px;
    width: 360px;
    height: 202px;
  }
  .games .banner-wrap .banner.pianista-mobile {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .games .banner-wrap .banner.pianista-mobile .box img {
    left: -18px;
    top: 242px;
    width: 295px;
    height: 146px;
  }
  .pianista-mobile {
    overflow: hidden;
  }
  .pianista-mobile .pianista-mobile-info01 {
    width: 100%;
    height: 426px;
    background: url('/images/pianista/m_img01.png') 50% 0 no-repeat;
    background-size: auto 426px;
  }
  .pianista-mobile .pianista-mobile-info01 .project {
    left: 24px;
    top: 37px;
  }
  .pianista-mobile .pianista-mobile-info01 .platform {
    left: 24px;
    top: 100px;
  }
  .pianista-mobile .pianista-mobile-info01 .released {
    right: 24px;
    top: 37px;
  }
  .pianista-mobile .pianista-mobile-info02 {
    padding: 40px 0 40px 50px;
    width: 360px;
    height: 332px;
  }
  .pianista-mobile .pianista-mobile-info02 .ic-pianista {
    top: 45px;
    left: 50px;
    width: 45px;
    height: 45px;
  }
  .pianista-mobile .pianista-mobile-info02 .ic-pianista img {
    width: 45px;
    height: 45px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc {
    top: 45px;
    left: 111px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc em {
    width: 143px;
    margin: 0 0 20px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc p {
    width: 214px;
    margin: 0 0 20px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons a:first-child {
    margin-right: 11px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.kr a {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.kr a.app-store {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.kr a.google-play {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.en a {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.en a.app-store {
    width: 85px;
    height: 28px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.en a.google-play {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.ch a {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.ch a.app-store {
    width: 76px;
    height: 28px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.ch a.google-play {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.jp a {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.jp a.app-store {
    width: 76px;
    height: 28px;
  }
  .pianista-mobile .pianista-mobile-info02 .desc .app-buttons.jp a.google-play {
    width: 90px;
    height: 30px;
  }
  .pianista-mobile .pianista-mobile-info03 {
    margin: 0 0 70px 0;
  }
  .pianista-mobile .pianista-mobile-info03 .vod {
    width: 360px;
    height: 206px;
    background-size: 100% auto;
  }
  .pianista-mobile .pianista-mobile-info03 .vod a {
    width: 48px;
    height: 35px;
  }
  .pianista-mobile .pianista-mobile-info03 .vod a img {
    width: 48px;
    height: 35px;
  }
  .pianista-mobile .pianista-mobile-info04 {
    margin: 0 0 128px;
  }
  .pianista-mobile .pianista-mobile-info04 .desc {
    margin: 0 0 32px;
  }
  .pianista-mobile .pianista-mobile-info04 .desc em {
    margin: 0 0 11px;
  }
  .pianista-mobile .pianista-mobile-info05 {
    margin: 0 0 83px;
  }
  .pianista-mobile .pianista-mobile-info05 .desc {
    margin: 0 auto 27px;
    width: 240px;
  }
  .pianista-mobile .pianista-mobile-info05 .desc em {
    margin: 0 0 11px;
  }
  .pianista-mobile .pianista-mobile-info05 .imgs {
    padding: 0 15px;
  }
  .pianista-mobile .pianista-mobile-info06 {
    margin: 0 0 83px;
  }
  .pianista-mobile .pianista-mobile-info06 .desc {
    margin: 0 auto 27px;
    width: 288px;
  }
  .pianista-mobile .pianista-mobile-info06 .desc em {
    margin: 0 0 11px;
  }
  .pianista-mobile .pianista-mobile-info06 .desc em span {
    left: -3px;
    width: 5px;
  }
  .pianista-mobile .pianista-mobile-info06 .imgs {
    padding: 0 15px;
  }
  .pianista-mobile .pianista-mobile-info07 {
    margin: 0 0 88px;
  }
  .pianista-mobile .pianista-mobile-info07 .desc {
    margin: 0 auto 32px;
    width: 288px;
  }
  .pianista-mobile .pianista-mobile-info07 .desc em {
    margin: 0 0 11px;
  }
  .pianista-mobile .pianista-mobile-info07 .desc em span {
    left: -3px;
    width: 5px;
  }
  .pianista-mobile .pianista-mobile-info07 .imgs {
    padding: 0 15px;
  }
  .pianista-mobile .pianista-mobile-info07 .imgs.pc-tb-img {
    display: none;
  }
  .pianista-mobile .pianista-mobile-info07 .imgs.mb-img {
    display: block;
  }
  .pianista-mobile .pianista-mobile-info08 {
    margin: 0 0 83px;
  }
  .pianista-mobile .pianista-mobile-info08 .desc {
    margin: 0 auto 32px;
    width: 288px;
  }
  .pianista-mobile .pianista-mobile-info08 .desc em {
    margin: 0 0 11px;
  }
  .pianista-mobile .pianista-mobile-info08 .desc em span {
    left: -3px;
    width: 5px;
  }
  .pianista-mobile .pianista-mobile-info08 .imgs {
    padding: 0 15px;
  }
  .pianista-mobile .pianista-mobile-info08 .imgs img {
    left: 14px;
  }
  .pianista-mobile .pianista-mobile-info09 {
    margin: 0 0 70px;
  }
  .pianista-mobile .pianista-mobile-info09 .imgs {
    padding: 0 30px;
  }
  .pianista-mobile .pianista-mobile-info09 .imgs img {
    width: 100%;
    height: auto;
  }
  .pianista-mobile .pianista-mobile-info10 {
    margin: 0 0 78px;
  }
  .pianista-mobile .pianista-mobile-info10 .ic-pianista img {
    width: 68px;
    height: 68px;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons {
    clear: both;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons:after {
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    clear: both;
    content: "";
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons a {
    width: 114px;
    height: 32px;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons a:first-child {
    margin-right: 11px;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.kr {
    width: 242px;
    left: 0;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.kr a:first-child {
    width: 114px;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.jp {
    width: 225px;
    left: 0;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.jp a:first-child {
    width: 95px;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.ch {
    width: 225px;
    left: 0;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.ch a:first-child {
    width: 92px;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.en {
    width: 234px;
    left: 0;
  }
  .pianista-mobile .pianista-mobile-info10 .desc .app-buttons.en a:first-child {
    width: 106px;
  }
  .news .news-items ul {
    max-width: 860px;
  }
  .news .news-items ul li {
    width: 100%;
    height: 373px;
  }
  .news .news-items ul li .inner {
    background: #141414;
  }
  .news .news-items ul li .inner::before {
    width: 100%;
    height: 204px;
    background-size: 360px 204px;
  }
  .news .news-items ul li .inner .info {
    height: 154px;
    padding: 36px 20px 0;
  }
  .news .news-items ul li .inner .info.new::after {
    top: 17px;
    left: 20px;
  }
  .news .news-items ul li .inner .info em {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .news .news-items ul li .inner .info p {
    left: 20px;
    bottom: 25px;
  }
  .news .news-items ul li .inner .info a {
    width: 90px;
    height: 22px;
    bottom: 20px;
    right: 20px;
    padding: 0 0;
    text-align: center;
    line-height: 21px;
    background-size: 90px 22px ;
  }
  .news .news-items ul li:nth-child(2n+1) {
    padding-right: 0;
  }
  .news .news-items ul li:nth-child(2n) {
    padding-left: 0;
  }
  .news .news-btns span {
    width: 120px;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    background-size: 120px 29px;
  }
  .about .about-info {
    padding: 36px 39px 40px;
  }
  .about .about-info em {
    margin: 0 0 8px 0;
  }
  .about .about-info p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px;
  }
  .about .game-info {
    margin: 0 0 70px;
  }
  .about .game-info .pianista {
    height: 1737px;
    background: #000 url('/images/about/mobile/pianista.png') 50% 0 no-repeat;
    background-size: 360px auto;
  }
  .about .game-info .pianista > strong {
    top: 55px;
    margin: 0 0 8px 0;
  }
  .about .game-info .pianista > p {
    top: 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 39px;
  }
  .about .game-info .pianista .desc ul {
    margin: 0 auto 40px;
  }
  .about .game-info .pianista .desc ul li {
    margin-left: 40px;
  }
  .about .game-info .pianista .desc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
  }
  .about .game-info .pianista .desc.d01 {
    top: 628px;
  }
  .about .game-info .pianista .desc.d01 ul {
    width: 233px;
    margin: 0 auto 30px;
  }
  .about .game-info .pianista .desc.d01 ul li {
    margin-left: 40px;
  }
  .about .game-info .pianista .desc.d01 ul li strong {
    margin: 0 0 7px;
  }
  .about .game-info .pianista .desc.d02 {
    top: 1251px;
  }
  .about .game-info .pianista .desc.d02 ul {
    width: 233px;
    margin: 0 auto 10px;
  }
  .about .game-info .pianista .desc.d02 ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .about .game-info .pianista .desc.d02 ul li strong {
    margin: 0 0 7px;
  }
  .about .game-info .yumi {
    height: 967px;
    background: #bbe6f6 url('/images/about/mobile/yumi.png') 50% 0 no-repeat;
    background-size: 360px auto;
  }
  .about .game-info .yumi > strong {
    top: 55px;
    margin: 0 0 8px 0;
  }
  .about .game-info .yumi > p {
    top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
  }
  .about .game-info .yumi .desc {
    top: 536px;
  }
  .about .game-info .yumi .desc ul {
    width: 242px;
    margin: 0 auto 35px;
  }
  .about .game-info .yumi .desc ul li {
    margin-left: 50px;
  }
  .about .game-info .yumi .desc ul li strong {
    margin: 0 0 7px;
  }
  .about .game-info .yumi .desc ul li span {
    line-height: 15px;
  }
  .about .game-info .yumi .desc ul li:last-child {
    display: none;
  }
  .about .game-info .yumi .desc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
  }
  .about .about-partners {
    padding: 0 30px;
  }
  .about .about-partners em {
    margin: 0 0 17px 0;
  }
  .about .about-partners .partners {
    max-width: 360px;
    width: 100%;
    height: 205px;
    margin: 33px auto 10px;
    background: url('/images/about/mobile/partners.png') 50% 0 no-repeat;
    background-size: 288px 150px;
  }
  .about .about-join-us {
    padding: 0 0 24px;
  }
  .about .about-join-us em {
    font-size: 24px;
  }
  .about .about-join-us p {
    margin: 0 0 35px;
    font-size: 31px;
  }
  .about .about-join-us .slider .slider-inner {
    border: none;
    width: 100%;
  }
  .about .about-join-us .slider .slider-inner .slick-slide {
    padding: 0px 7px;
  }
  .contact .contact-info {
    height: 433px;
    background: url('/images/contact/bg_mobile.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .contact .contact-info .desc {
    top: 20px;
    width: 100%;
    padding: 15px 39px 0;
    text-align: center;
  }
  .contact .contact-info .desc::after {
    display: none;
  }
  .contact .contact-data {
    width: 360px;
    margin: 0 auto 76px;
  }
  .contact .contact-data .contact-data-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    width: 100%;
    padding: 55px 40px 0;
  }
  .contact .contact-data .contact-data-inner ul {
    padding: 80px 0 0 0;
    width: 100%;
  }
  .contact .contact-data .contact-data-inner ul li {
    height: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contact .contact-data .contact-data-inner ul li .data-box em {
    margin: 0 0 8px 0;
  }
  .contact .contact-data .contact-data-inner ul li .data-box p {
    position: relative;
    top: -8px;
    line-height: 27px;
  }
  .contact .contact-data .contact-data-inner ul li:first-child {
    margin: 0px 0 37px;
    width: 100%;
    height: auto;
  }
  .contact .contact-data .contact-data-inner ul li:first-child::after {
    top: -80px;
    width: 57px;
    height: 57px;
    background-size: 57px 57px;
    left: 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) {
    margin: 108px 0 10px;
    width: 100%;
    height: auto;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) .data-box {
    position: relative;
    top: -20px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2) .data-box p {
    margin-bottom: -5px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(2)::after {
    left: 0;
    top: -87px;
    width: 55px;
    height: 52px;
    background-size: 55px 52px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) {
    margin: 100px 0 17px;
    width: 100%;
    height: auto;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box {
    position: relative;
    top: -8px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box em {
    margin: 0 0 26px 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.youtube {
    width: 26px;
    height: 18px;
    margin: 0 0 0 5px;
    background-size: 26px 18px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.twitter {
    width: 25px;
    height: 20px;
    margin: 0 0 0 13px;
    background-size: 25px 20px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.facebook {
    width: 20px;
    height: 20px;
    margin: 0 0 0 18px;
    background-size: 20px 20;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3) .data-box .sns.instagram {
    width: 20px;
    height: 21px;
    margin: 0 0 0 18px;
    background-size: 20px 20px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(3)::after {
    left: 0;
    top: -80px;
    width: 57px;
    height: 57px;
    background-size: 57px 57px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) {
    margin: 120px 0 0;
    width: 100%;
    height: auto;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .data-box {
    position: relative;
    top: -8px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .data-box em {
    margin: 0 0 19px 0;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4)::after {
    left: 0;
    top: -80px;
    width: 55px;
    height: 52px;
    background-size: 55px 52px;
  }
  .contact .contact-data .contact-data-inner ul li:nth-child(4) .subscribe {
    display: none;
  }
  .contact .contact-map {
    width: 360px;
    height: 211px;
    margin: 0 auto 15px;
  }
  .career .career-info {
    height: 540px;
    background: url('/images/career/bg_mobile.png') 50% bottom no-repeat;
    background-size: auto 100% ;
  }
  .career .career-info .desc {
    padding: 0 39px;
    width: 100%;
  }
  .career .career-data {
    width: 100%;
    padding: 82px 0 0;
  }
  .career .career-data em {
    font-size: 31px;
    margin: 0 0 30px;
  }
  .career .career-data ul {
    width: 100%;
    margin-bottom: 7px;
  }
  .career .career-data ul li {
    height: 357px;
    width: 100%;
    margin: 0 0 0 0;
    padding: 7px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-data ul li.update::after {
    top: 38px;
  }
  .career .career-data ul li .inner a {
    padding: 53px 0 0;
  }
  .career .career-data ul li:nth-child(2n+1) {
    margin: 0 0 0 0;
  }
  .career .career-data ul li:nth-child(2n) {
    margin: 0 0 0 0;
  }
  .career .career-process {
    height: auto;
    min-width: 360px;
    width: 100%;
    margin: 0 auto 15px;
    padding: 50px 0 20px 0;
    background: #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-process > em {
    display: block;
    margin: 0 0 10px;
    padding: 0 39px;
    font-weight: 500;
    text-align: center;
  }
  .career .career-process > P {
    text-align: center;
    margin: 0 0 51px;
    padding: 0 39px;
  }
  .career .career-process .process {
    position: relative;
    width: 336px;
    height: auto;
    margin: 0 auto;
    background: #fff;
  }
  .career .career-process .process ol {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
  }
  .career .career-process .process ol li {
    position: relative;
    left: 0;
    z-index: 2;
    width: 100%;
    min-height: 543px;
    height: auto;
    float: none;
  }
  .career .career-process .process ol li strong {
    font-weight: 500;
    text-align: center;
  }
  .career .career-process .process ol li p {
    top: 345px;
    width: 334px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .career .career-process .process ol li:first-child {
    top: 49px;
    background: url('/images/career/process_mobile01.png') 0 0 no-repeat;
  }
  .career .career-process .process ol li:first-child strong {
    top: 100px;
    left: 124px;
  }
  .career .career-process .process ol li:first-child p {
    left: 0;
  }
  .career .career-process .process ol li:nth-child(2) {
    background: url('/images/career/process_mobile02.png') 0 0 no-repeat;
  }
  .career .career-process .process ol li:nth-child(2) strong {
    top: 100px;
    left: 103px;
  }
  .career .career-process .process ol li:nth-child(2) p {
    left: 0;
  }
  .career .career-process .process ol li:nth-child(3) {
    background: url('/images/career/process_mobile03.png') 0 0 no-repeat;
  }
  .career .career-process .process ol li:nth-child(3) strong {
    top: 100px;
    left: 122px;
  }
  .career .career-process .process ol li:nth-child(3) p {
    left: 0;
  }
  .career .career-process .process ol li:nth-child(4) {
    background: url('/images/career/process_mobile04.png') 0 0 no-repeat;
  }
  .career .career-process .process ol li:nth-child(4) strong {
    top: 100px;
    left: 121px;
  }
  .career .career-process .process ol li:nth-child(4) p {
    left: 0;
  }
  .career-detail .career-datas {
    min-width: 360px;
    width: 100%;
    padding: 0 10px 15px;
  }
  .career-detail .career-datas .team-info {
    padding: 50px 25px 55px;
  }
  .career-detail .career-datas .team-info > p {
    padding: 0 0px;
  }
  .career-detail .career-datas .career-data {
    padding: 45px 25px;
  }
  .career-detail .career-datas .career-data .apply {
    height: auto;
    margin: 0 0 25px;
  }
  .career-detail .career-datas .career-data .apply p {
    font-size: 13px;
    margin: 0 0 30px;
  }
  .career-detail .career-datas .career-data .apply .submit-resume {
    position: relative;
    width: 162px;
    height: 36px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1546px) {
  .p-txt {
    display: block !important;
  }
  .t-txt {
    display: none !important;
  }
  .en .news .news-items ul li .inner .info em {
    font-size: 25px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box em {
    font-size: 24px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box strong {
    font-size: 17px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box p {
    font-size: 17px;
  }
  .en .career .career-process > em {
    font-size: 35px;
    line-height: 45px;
  }
  .en .career .career-process > P {
    font-size: 17px;
    line-height: 28px;
  }
  .en .career .career-process .process ol li strong {
    font-size: 29px;
    line-height: 33px;
  }
  .en .career .career-data ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .en .career .career-process .process ol li:first-child strong {
    left: 195px;
  }
  .en .career .career-process .process ol li:nth-child(2) strong {
    left: 143px;
  }
  .en .career .career-process .process ol li:nth-child(3) strong {
    left: 193px;
  }
  .en .career .career-process .process ol li:nth-child(4) strong {
    left: 164px;
  }
}
@media screen and (min-width: 1546px) and (max-width: 1910px) {
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .en .main .banner-wrap .banner.pianista-switch p {
    font-size: 19px;
  }
  .en .main .banner-wrap .banner.yumi p {
    font-size: 19px;
  }
  .en .main .banner-wrap .banner.pianista-mobile p {
    font-size: 19px;
  }
  .en .main .news-events ul li.half .inner .info p {
    font-size: 29px;
  }
  .en .main .news-events ul li.full .inner .info p {
    font-size: 29px;
  }
  .en .games .banner-wrap .banner.pianista-switch p {
    font-size: 19px;
  }
  .en .games .banner-wrap .banner.yumi p {
    font-size: 19px;
  }
  .en .games .banner-wrap .banner.pianista-mobile p {
    font-size: 19px;
  }
  .en .news .news-items ul li .inner .info.new::after {
    font-size: 11px;
  }
  .en .news .news-items ul li .inner .info em {
    font-size: 18px;
    line-height: 22px;
  }
  .en .news .news-items ul li .inner .info p {
    font-size: 14px;
  }
  .en .news .news-items ul li .inner .info a {
    font-size: 10px;
  }
  .en .news .news-btns span {
    font-size: 17px;
  }
  .en .about .about-info em {
    font-size: 28px;
  }
  .en .about .game-info .pianista > strong {
    font-size: 28px;
  }
  .en .about .about-partners em {
    font-size: 28px;
  }
  .en .about .about-partners p {
    font-size: 35px;
  }
  .en .about .about-join-us em {
    font-size: 28px;
  }
  .en .about .about-join-us p {
    font-size: 35px;
  }
  .en .contact .contact-data .contact-data-inner ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box em {
    font-size: 23px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box strong {
    font-size: 17px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box p {
    font-size: 17px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box a {
    font-size: 17px;
  }
  .en .career .career-info .desc > em {
    font-size: 35px;
    line-height: 40px;
  }
  .en .career .career-info .desc > p {
    font-size: 17px;
    line-height: 28px;
  }
  .en .career .career-data em {
    font-size: 35px;
  }
  .en .career .career-data ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .en .career .career-data ul li .inner a {
    font-size: 24px;
  }
  .en .career .career-data ul li.update::after {
    font-size: 17px;
  }
  .en .career .career-process > em {
    font-size: 35px;
    line-height: 45px;
  }
  .en .career .career-process > P {
    font-size: 17px;
    line-height: 28px;
  }
  .en .career .career-process .process ol li strong {
    font-size: 30px;
    line-height: 35px;
  }
  .en .career .career-process .process ol li:first-child strong {
    left: 195px;
  }
  .en .career .career-process .process ol li:nth-child(2) strong {
    left: 143px;
  }
  .en .career .career-process .process ol li:nth-child(3) strong {
    left: 193px;
  }
  .en .career .career-process .process ol li:nth-child(4) strong {
    left: 164px;
  }
  .en .career-detail .career-datas .team-info > em {
    font-size: 35px;
  }
  .en .career-detail .career-datas .team-info > p {
    font-size: 17px;
    line-height: 28px;
  }
  .en .career-detail .career-datas .career-data .apply p {
    font-size: 20px;
    line-height: 35px;
  }
  .en .career-detail .career-datas .career-data .apply .submit-resume {
    font-size: 23px;
    line-height: 50px;
  }
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  .en .follow em {
    font-size: 31px;
  }
  .en .main .banner-wrap .banner.pianista-switch h3 {
    font-size: 29px;
    line-height: 37px;
  }
  .en .main .banner-wrap .banner.pianista-switch p {
    line-height: 28px;
    font-size: 18px;
  }
  .en .main .banner-wrap .banner.yumi h3 {
    font-size: 29px;
    line-height: 37px;
  }
  .en .main .banner-wrap .banner.yumi p {
    line-height: 28px;
  }
  .en .main .banner-wrap .banner.pianista-mobile h3 {
    font-size: 29px;
    line-height: 37px;
  }
  .en .main .banner-wrap .banner.pianista-mobile p {
    line-height: 28px;
  }
  .en .main .news-events em {
    font-size: 31px;
  }
  .en .main .news-events ul li.half .inner .info p {
    font-size: 18px;
    line-height: 28px;
  }
  .en .main .news-events ul li.half .inner .info a {
    font-size: 14px;
  }
  .en .main .news-events ul li.full .inner .info p {
    font-size: 18px;
    line-height: 28px;
  }
  .en .main .news-events ul li.full .inner .info a {
    font-size: 14px;
  }
  .en .games .banner-wrap .banner.pianista-switch h3 {
    font-size: 29px;
    line-height: 37px;
  }
  .en .games .banner-wrap .banner.pianista-switch p {
    line-height: 28px;
    font-size: 18px;
  }
  .en .games .banner-wrap .banner.yumi h3 {
    font-size: 29px;
    line-height: 37px;
  }
  .en .games .banner-wrap .banner.yumi p {
    line-height: 28px;
    font-size: 18px;
  }
  .en .games .banner-wrap .banner.pianista-mobile h3 {
    font-size: 29px;
    line-height: 37px;
  }
  .en .games .banner-wrap .banner.pianista-mobile p {
    line-height: 28px;
    font-size: 18px;
  }
  .en .pianista-mobile .pianista-mobile-info01 .project em {
    font-size: 9px;
  }
  .en .pianista-mobile .pianista-mobile-info01 .project p {
    font-size: 10px;
  }
  .en .pianista-mobile .pianista-mobile-info01 .platform em {
    font-size: 9px;
  }
  .en .pianista-mobile .pianista-mobile-info01 .platform p {
    font-size: 10px;
  }
  .en .pianista-mobile .pianista-mobile-info01 .released em {
    font-size: 9px;
  }
  .en .pianista-mobile .pianista-mobile-info01 .released p {
    font-size: 10px;
  }
  .en .pianista-mobile .pianista-mobile-info02 .desc em {
    font-size: 16px;
    line-height: 21px;
  }
  .en .pianista-mobile .pianista-mobile-info02 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .en .pianista-mobile .pianista-mobile-info04 .desc em {
    font-size: 11px;
  }
  .en .pianista-mobile .pianista-mobile-info04 .desc p {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info05 .desc em {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info05 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .en .pianista-mobile .pianista-mobile-info06 .desc em {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info06 .desc em span {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info06 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .en .pianista-mobile .pianista-mobile-info07 .desc em {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info07 .desc em span {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info07 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .en .pianista-mobile .pianista-mobile-info08 .desc em {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info08 .desc em span {
    font-size: 16px;
  }
  .en .pianista-mobile .pianista-mobile-info08 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .en .pianista-mobile .pianista-mobile-info10 .desc .app-buttons {
    clear: both;
  }
  .en .pianista-mobile .pianista-mobile-info10 .desc .app-buttons:after {
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    clear: both;
    content: "";
  }
  .en .news .news-items ul li .inner .info.new::after {
    font-size: 11px;
  }
  .en .news .news-items ul li .inner .info em {
    font-size: 16px;
    line-height: 22px;
  }
  .en .news .news-items ul li .inner .info p {
    font-size: 12px;
  }
  .en .news .news-items ul li .inner .info a {
    font-size: 10px;
  }
  .en .about .about-info em {
    font-size: 25px;
  }
  .en .about .about-info strong {
    font-size: 31px;
    line-height: 38px;
  }
  .en .about .about-info p {
    font-size: 16px;
    line-height: 28px;
  }
  .en .about .game-info .pianista > strong {
    font-size: 25px;
  }
  .en .about .game-info .pianista > p {
    font-size: 31px;
    line-height: 37px;
  }
  .en .about .game-info .pianista .desc ul li strong {
    font-size: 21px;
  }
  .en .about .game-info .pianista .desc ul li span {
    font-size: 10px;
  }
  .en .about .game-info .yumi > strong {
    font-size: 24px;
  }
  .en .about .game-info .yumi > p {
    font-size: 31px;
    line-height: 38px;
  }
  .en .about .game-info .yumi .desc ul li strong {
    font-size: 21px;
  }
  .en .about .game-info .yumi .desc ul li span {
    font-size: 10px;
  }
  .en .about .game-info .yumi .desc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .en .about .about-partners em {
    font-size: 25px;
  }
  .en .about .about-partners p {
    font-size: 31px;
    line-height: 37px;
  }
  .en .about .about-join-us em {
    font-size: 25px;
  }
  .en .about .about-join-us p {
    font-size: 31px;
    line-height: 37px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box em {
    font-size: 22px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box strong {
    font-size: 17px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box p {
    font-size: 17px;
  }
  .en .contact .contact-data .contact-data-inner ul li .data-box a {
    font-size: 17px;
  }
  .en .career .career-info .desc em {
    font-size: 31px;
    line-height: 37px;
  }
  .en .career .career-data em {
    font-size: 31px;
  }
  .en .career .career-data ul li .inner a {
    font-size: 24px;
  }
  .en .career .career-data ul li .inner:after {
    font-size: 13px;
  }
  .en .career .career-data ul li.update:after {
    font-size: 13px;
  }
  .en .career .career-process > em {
    font-size: 31px;
    line-height: 38px;
  }
  .en .career .career-process > P {
    font-size: 18px;
    line-height: 29px;
  }
  .en .career .career-process .process ol li strong {
    font-size: 24px;
    line-height: 29px;
  }
  .en .career .career-process .process ol li p {
    font-size: 18px;
    line-height: 29px;
  }
  .en .career-detail .career-datas .team-info > em {
    font-size: 31px;
    line-height: 38px;
  }
  .en .career-detail .career-datas .team-info > p {
    font-size: 18px;
    line-height: 29px;
  }
  .en .career-detail .career-datas .career-data em {
    font-size: 31px;
    line-height: 38px;
  }
  .en .career-detail .career-datas .career-data strong {
    font-size: 24px;
  }
  .en .career-detail .career-datas .career-data ol li {
    font-size: 18px;
    line-height: 30px;
  }
  .en .career-detail .career-datas .career-data .apply p {
    font-size: 13px;
    line-height: 21px;
  }
  .en .career-detail .career-datas .career-data .apply .submit-resume {
    line-height: 36px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1546px) {
  .kr .news .news-items ul li .inner .info em,
  .ch .news .news-items ul li .inner .info em,
  .jp .news .news-items ul li .inner .info em {
    font-size: 25px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box em,
  .ch .contact .contact-data .contact-data-inner ul li .data-box em,
  .jp .contact .contact-data .contact-data-inner ul li .data-box em {
    font-size: 24px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box strong,
  .ch .contact .contact-data .contact-data-inner ul li .data-box strong,
  .jp .contact .contact-data .contact-data-inner ul li .data-box strong {
    font-size: 17px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box p,
  .ch .contact .contact-data .contact-data-inner ul li .data-box p,
  .jp .contact .contact-data .contact-data-inner ul li .data-box p {
    font-size: 17px;
  }
  .kr .career .career-process > em,
  .ch .career .career-process > em,
  .jp .career .career-process > em {
    font-size: 35px;
    line-height: 45px;
  }
  .kr .career .career-process > P,
  .ch .career .career-process > P,
  .jp .career .career-process > P {
    font-size: 17px;
    line-height: 28px;
  }
  .kr .career .career-process .process ol li strong,
  .ch .career .career-process .process ol li strong,
  .jp .career .career-process .process ol li strong {
    font-size: 29px;
    line-height: 33px;
  }
  .kr .career .career-data ul,
  .ch .career .career-data ul,
  .jp .career .career-data ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kr .career .career-process .process ol li:first-child strong,
  .ch .career .career-process .process ol li:first-child strong,
  .jp .career .career-process .process ol li:first-child strong {
    left: 195px;
  }
  .kr .career .career-process .process ol li:nth-child(2) strong,
  .ch .career .career-process .process ol li:nth-child(2) strong,
  .jp .career .career-process .process ol li:nth-child(2) strong {
    left: 143px;
  }
  .kr .career .career-process .process ol li:nth-child(3) strong,
  .ch .career .career-process .process ol li:nth-child(3) strong,
  .jp .career .career-process .process ol li:nth-child(3) strong {
    left: 193px;
  }
  .kr .career .career-process .process ol li:nth-child(4) strong,
  .ch .career .career-process .process ol li:nth-child(4) strong,
  .jp .career .career-process .process ol li:nth-child(4) strong {
    left: 164px;
  }
  .kr .career .career-process .process ol li:first-child p {
    left: 138px;
  }
  .kr .career .career-process .process ol li:nth-child(2) p {
    left: 125px;
  }
  .kr .career .career-process .process ol li:nth-child(3) p {
    left: 153px;
  }
  .kr .career .career-process .process ol li:nth-child(4) p {
    left: 146px;
  }
  .ch .career .career-process .process ol li:first-child p {
    left: 164px;
  }
  .ch .career .career-process .process ol li:nth-child(2) p {
    left: 145px;
  }
  .ch .career .career-process .process ol li:nth-child(3) p {
    left: 150px;
  }
  .ch .career .career-process .process ol li:nth-child(4) p {
    left: 123px;
  }
  .jp .career .career-process .process ol li:first-child p {
    left: 141px;
  }
  .jp .career .career-process .process ol li:nth-child(2) p {
    left: 135px;
  }
  .jp .career .career-process .process ol li:nth-child(3) p {
    left: 160px;
  }
  .jp .career .career-process .process ol li:nth-child(4) p {
    left: 132px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .kr .main .banner-wrap .banner.pianista-switch p,
  .jp .main .banner-wrap .banner.pianista-switch p,
  .ch .main .banner-wrap .banner.pianista-switch p {
    font-size: 18px;
  }
  .kr .main .banner-wrap .banner.yumi p,
  .jp .main .banner-wrap .banner.yumi p,
  .ch .main .banner-wrap .banner.yumi p {
    font-size: 18px;
  }
  .kr .main .banner-wrap .banner.pianista-mobile p,
  .jp .main .banner-wrap .banner.pianista-mobile p,
  .ch .main .banner-wrap .banner.pianista-mobile p {
    font-size: 18px;
  }
  .kr .main .news-events ul li.half .inner .info p,
  .jp .main .news-events ul li.half .inner .info p,
  .ch .main .news-events ul li.half .inner .info p {
    font-size: 28px;
  }
  .kr .main .news-events ul li.full .inner .info p,
  .jp .main .news-events ul li.full .inner .info p,
  .ch .main .news-events ul li.full .inner .info p {
    font-size: 28px;
  }
  .kr .games .banner-wrap .banner h3,
  .jp .games .banner-wrap .banner h3,
  .ch .games .banner-wrap .banner h3 {
    font-size: 31px;
  }
  .kr .games .banner-wrap .banner p,
  .jp .games .banner-wrap .banner p,
  .ch .games .banner-wrap .banner p {
    line-height: 22px;
  }
  .kr .games .banner-wrap .banner.pianista-switch .box p,
  .jp .games .banner-wrap .banner.pianista-switch .box p,
  .ch .games .banner-wrap .banner.pianista-switch .box p {
    font-size: 18px;
  }
  .kr .games .banner-wrap .banner.yumi .box p,
  .jp .games .banner-wrap .banner.yumi .box p,
  .ch .games .banner-wrap .banner.yumi .box p {
    font-size: 18px;
  }
  .kr .games .banner-wrap .banner.pianista-mobile .box p,
  .jp .games .banner-wrap .banner.pianista-mobile .box p,
  .ch .games .banner-wrap .banner.pianista-mobile .box p {
    font-size: 18px;
  }
  .kr .news .news-items ul li .inner .info.new::after,
  .jp .news .news-items ul li .inner .info.new::after,
  .ch .news .news-items ul li .inner .info.new::after {
    font-size: 11px;
  }
  .kr .news .news-items ul li .inner .info em,
  .jp .news .news-items ul li .inner .info em,
  .ch .news .news-items ul li .inner .info em {
    font-size: 17px;
    line-height: 22px;
  }
  .kr .news .news-items ul li .inner .info p,
  .jp .news .news-items ul li .inner .info p,
  .ch .news .news-items ul li .inner .info p {
    font-size: 13px;
  }
  .kr .news .news-items ul li .inner .info a,
  .jp .news .news-items ul li .inner .info a,
  .ch .news .news-items ul li .inner .info a {
    font-size: 9px;
  }
  .kr .about .about-info em,
  .jp .about .about-info em,
  .ch .about .about-info em {
    font-size: 27px;
  }
  .kr .about .game-info .pianista strong,
  .jp .about .game-info .pianista strong,
  .ch .about .game-info .pianista strong {
    font-size: 27px;
  }
  .kr .about .game-info .pianista .desc ul li span,
  .jp .about .game-info .pianista .desc ul li span,
  .ch .about .game-info .pianista .desc ul li span {
    font-size: 14px;
  }
  .kr .about .game-info .yumi .desc ul li span,
  .jp .about .game-info .yumi .desc ul li span,
  .ch .about .game-info .yumi .desc ul li span {
    font-size: 14px;
  }
  .kr .about .about-partners em,
  .jp .about .about-partners em,
  .ch .about .about-partners em {
    font-size: 27px;
  }
  .kr .about .about-join-us em,
  .jp .about .about-join-us em,
  .ch .about .about-join-us em {
    font-size: 27px;
  }
  .kr .contact .contact-data .contact-data-inner ul li,
  .jp .contact .contact-data .contact-data-inner ul li,
  .ch .contact .contact-data .contact-data-inner ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box em,
  .jp .contact .contact-data .contact-data-inner ul li .data-box em,
  .ch .contact .contact-data .contact-data-inner ul li .data-box em {
    font-size: 22px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box strong,
  .jp .contact .contact-data .contact-data-inner ul li .data-box strong,
  .ch .contact .contact-data .contact-data-inner ul li .data-box strong {
    font-size: 16px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box p,
  .jp .contact .contact-data .contact-data-inner ul li .data-box p,
  .ch .contact .contact-data .contact-data-inner ul li .data-box p {
    font-size: 16px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box a,
  .jp .contact .contact-data .contact-data-inner ul li .data-box a,
  .ch .contact .contact-data .contact-data-inner ul li .data-box a {
    font-size: 16px;
  }
  .kr .career .career-data ul,
  .jp .career .career-data ul,
  .ch .career .career-data ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kr .career .career-data ul li .inner a,
  .jp .career .career-data ul li .inner a,
  .ch .career .career-data ul li .inner a {
    font-size: 23px;
  }
  .kr .career .career-data ul li.update::after,
  .jp .career .career-data ul li.update::after,
  .ch .career .career-data ul li.update::after {
    font-size: 16px;
  }
  .kr .career .career-process > em,
  .jp .career .career-process > em,
  .ch .career .career-process > em {
    font-size: 35px;
  }
  .kr .career .career-process > P,
  .jp .career .career-process > P,
  .ch .career .career-process > P {
    font-size: 16px;
  }
  .kr .career .career-process .process ol li strong,
  .jp .career .career-process .process ol li strong,
  .ch .career .career-process .process ol li strong {
    font-size: 29px;
  }
  .kr .career .career-process .process ol li p,
  .jp .career .career-process .process ol li p,
  .ch .career .career-process .process ol li p {
    font-size: 16px;
  }
  .kr .career .career-process .process ol li:first-child strong,
  .jp .career .career-process .process ol li:first-child strong,
  .ch .career .career-process .process ol li:first-child strong {
    left: 195px;
  }
  .kr .career .career-process .process ol li:nth-child(2) strong,
  .jp .career .career-process .process ol li:nth-child(2) strong,
  .ch .career .career-process .process ol li:nth-child(2) strong {
    left: 143px;
  }
  .kr .career .career-process .process ol li:nth-child(3) strong,
  .jp .career .career-process .process ol li:nth-child(3) strong,
  .ch .career .career-process .process ol li:nth-child(3) strong {
    left: 193px;
  }
  .kr .career .career-process .process ol li:nth-child(4) strong,
  .jp .career .career-process .process ol li:nth-child(4) strong,
  .ch .career .career-process .process ol li:nth-child(4) strong {
    left: 164px;
  }
  .kr .career-detail .career-datas .team-info > em,
  .jp .career-detail .career-datas .team-info > em,
  .ch .career-detail .career-datas .team-info > em {
    font-size: 34px;
  }
  .kr .career-detail .career-datas .team-info > p,
  .jp .career-detail .career-datas .team-info > p,
  .ch .career-detail .career-datas .team-info > p {
    font-size: 16px;
  }
  .kr .career .career-process .process ol li:first-child p {
    left: 88px;
  }
  .kr .career .career-process .process ol li:nth-child(2) p {
    left: 59px;
  }
  .kr .career .career-process .process ol li:nth-child(3) p {
    left: 88px;
  }
  .kr .career .career-process .process ol li:nth-child(4) p {
    left: 59px;
  }
  .ch .career .career-process .process ol li:first-child p {
    left: 87px;
  }
  .ch .career .career-process .process ol li:nth-child(2) p {
    left: 57px;
  }
  .ch .career .career-process .process ol li:nth-child(3) p {
    left: 84px;
  }
  .ch .career .career-process .process ol li:nth-child(4) p {
    left: 62px;
  }
  .jp .career .career-process .process ol li:first-child p {
    left: 89px;
  }
  .jp .career .career-process .process ol li:nth-child(2) p {
    left: 60px;
  }
  .jp .career .career-process .process ol li:nth-child(3) p {
    left: 86px;
  }
  .jp .career .career-process .process ol li:nth-child(4) p {
    left: 60px;
  }
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  .kr .follow em,
  .jp .follow em,
  .ch .follow em {
    font-size: 30px;
  }
  .kr .main .banner-wrap .banner.pianista-switch h3,
  .jp .main .banner-wrap .banner.pianista-switch h3,
  .ch .main .banner-wrap .banner.pianista-switch h3 {
    font-size: 27px;
    line-height: 37px;
  }
  .kr .main .banner-wrap .banner.pianista-switch p,
  .jp .main .banner-wrap .banner.pianista-switch p,
  .ch .main .banner-wrap .banner.pianista-switch p {
    line-height: 27px;
    font-size: 18px;
  }
  .kr .main .banner-wrap .banner.yumi h3,
  .jp .main .banner-wrap .banner.yumi h3,
  .ch .main .banner-wrap .banner.yumi h3 {
    font-size: 27px;
    line-height: 37px;
  }
  .kr .main .banner-wrap .banner.yumi p,
  .jp .main .banner-wrap .banner.yumi p,
  .ch .main .banner-wrap .banner.yumi p {
    line-height: 27px;
    font-size: 18px;
  }
  .kr .main .banner-wrap .banner.pianista-mobile h3,
  .jp .main .banner-wrap .banner.pianista-mobile h3,
  .ch .main .banner-wrap .banner.pianista-mobile h3 {
    font-size: 27px;
    line-height: 37px;
  }
  .kr .main .banner-wrap .banner.pianista-mobile p,
  .jp .main .banner-wrap .banner.pianista-mobile p,
  .ch .main .banner-wrap .banner.pianista-mobile p {
    line-height: 27px;
    font-size: 18px;
  }
  .kr .main .news-events em,
  .jp .main .news-events em,
  .ch .main .news-events em {
    font-size: 31px;
  }
  .kr .main .news-events ul li.half .inner .info p,
  .jp .main .news-events ul li.half .inner .info p,
  .ch .main .news-events ul li.half .inner .info p {
    font-size: 17px;
    line-height: 28px;
  }
  .kr .main .news-events ul li.half .inner .info a,
  .jp .main .news-events ul li.half .inner .info a,
  .ch .main .news-events ul li.half .inner .info a {
    font-size: 14px;
  }
  .kr .main .news-events ul li.full .inner .info p,
  .jp .main .news-events ul li.full .inner .info p,
  .ch .main .news-events ul li.full .inner .info p {
    font-size: 17px;
    line-height: 28px;
  }
  .kr .main .news-events ul li.full .inner .info a,
  .jp .main .news-events ul li.full .inner .info a,
  .ch .main .news-events ul li.full .inner .info a {
    font-size: 14px;
  }
  .kr .games .banner-wrap .banner.pianista-switch h3,
  .jp .games .banner-wrap .banner.pianista-switch h3,
  .ch .games .banner-wrap .banner.pianista-switch h3 {
    font-size: 27px;
    line-height: 37px;
  }
  .kr .games .banner-wrap .banner.pianista-switch p,
  .jp .games .banner-wrap .banner.pianista-switch p,
  .ch .games .banner-wrap .banner.pianista-switch p {
    line-height: 27px;
    font-size: 18px;
  }
  .kr .games .banner-wrap .banner.yumi h3,
  .jp .games .banner-wrap .banner.yumi h3,
  .ch .games .banner-wrap .banner.yumi h3 {
    font-size: 27px;
    line-height: 37px;
  }
  .kr .games .banner-wrap .banner.yumi p,
  .jp .games .banner-wrap .banner.yumi p,
  .ch .games .banner-wrap .banner.yumi p {
    line-height: 27px;
    font-size: 18px;
  }
  .kr .games .banner-wrap .banner.pianista-mobile h3,
  .jp .games .banner-wrap .banner.pianista-mobile h3,
  .ch .games .banner-wrap .banner.pianista-mobile h3 {
    font-size: 27px;
    line-height: 37px;
  }
  .kr .games .banner-wrap .banner.pianista-mobile p,
  .jp .games .banner-wrap .banner.pianista-mobile p,
  .ch .games .banner-wrap .banner.pianista-mobile p {
    line-height: 27px;
    font-size: 18px;
  }
  .kr .pianista-mobile .pianista-mobile-info01 .project em,
  .jp .pianista-mobile .pianista-mobile-info01 .project em,
  .ch .pianista-mobile .pianista-mobile-info01 .project em {
    font-size: 9px;
  }
  .kr .pianista-mobile .pianista-mobile-info01 .project p,
  .jp .pianista-mobile .pianista-mobile-info01 .project p,
  .ch .pianista-mobile .pianista-mobile-info01 .project p {
    font-size: 10px;
  }
  .kr .pianista-mobile .pianista-mobile-info01 .platform em,
  .jp .pianista-mobile .pianista-mobile-info01 .platform em,
  .ch .pianista-mobile .pianista-mobile-info01 .platform em {
    font-size: 9px;
  }
  .kr .pianista-mobile .pianista-mobile-info01 .platform p,
  .jp .pianista-mobile .pianista-mobile-info01 .platform p,
  .ch .pianista-mobile .pianista-mobile-info01 .platform p {
    font-size: 10px;
  }
  .kr .pianista-mobile .pianista-mobile-info01 .released em,
  .jp .pianista-mobile .pianista-mobile-info01 .released em,
  .ch .pianista-mobile .pianista-mobile-info01 .released em {
    font-size: 9px;
  }
  .kr .pianista-mobile .pianista-mobile-info01 .released p,
  .jp .pianista-mobile .pianista-mobile-info01 .released p,
  .ch .pianista-mobile .pianista-mobile-info01 .released p {
    font-size: 10px;
  }
  .kr .pianista-mobile .pianista-mobile-info02 .desc em,
  .jp .pianista-mobile .pianista-mobile-info02 .desc em,
  .ch .pianista-mobile .pianista-mobile-info02 .desc em {
    font-size: 16px;
    line-height: 21px;
  }
  .kr .pianista-mobile .pianista-mobile-info02 .desc p,
  .jp .pianista-mobile .pianista-mobile-info02 .desc p,
  .ch .pianista-mobile .pianista-mobile-info02 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .kr .pianista-mobile .pianista-mobile-info04 .desc em,
  .jp .pianista-mobile .pianista-mobile-info04 .desc em,
  .ch .pianista-mobile .pianista-mobile-info04 .desc em {
    font-size: 11px;
  }
  .kr .pianista-mobile .pianista-mobile-info04 .desc p,
  .jp .pianista-mobile .pianista-mobile-info04 .desc p,
  .ch .pianista-mobile .pianista-mobile-info04 .desc p {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info05 .desc em,
  .jp .pianista-mobile .pianista-mobile-info05 .desc em,
  .ch .pianista-mobile .pianista-mobile-info05 .desc em {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info05 .desc p,
  .jp .pianista-mobile .pianista-mobile-info05 .desc p,
  .ch .pianista-mobile .pianista-mobile-info05 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .kr .pianista-mobile .pianista-mobile-info06 .desc em,
  .jp .pianista-mobile .pianista-mobile-info06 .desc em,
  .ch .pianista-mobile .pianista-mobile-info06 .desc em {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info06 .desc em span,
  .jp .pianista-mobile .pianista-mobile-info06 .desc em span,
  .ch .pianista-mobile .pianista-mobile-info06 .desc em span {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info06 .desc p,
  .jp .pianista-mobile .pianista-mobile-info06 .desc p,
  .ch .pianista-mobile .pianista-mobile-info06 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .kr .pianista-mobile .pianista-mobile-info07 .desc em,
  .jp .pianista-mobile .pianista-mobile-info07 .desc em,
  .ch .pianista-mobile .pianista-mobile-info07 .desc em {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info07 .desc em span,
  .jp .pianista-mobile .pianista-mobile-info07 .desc em span,
  .ch .pianista-mobile .pianista-mobile-info07 .desc em span {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info07 .desc p,
  .jp .pianista-mobile .pianista-mobile-info07 .desc p,
  .ch .pianista-mobile .pianista-mobile-info07 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .kr .pianista-mobile .pianista-mobile-info08 .desc em,
  .jp .pianista-mobile .pianista-mobile-info08 .desc em,
  .ch .pianista-mobile .pianista-mobile-info08 .desc em {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info08 .desc em span,
  .jp .pianista-mobile .pianista-mobile-info08 .desc em span,
  .ch .pianista-mobile .pianista-mobile-info08 .desc em span {
    font-size: 16px;
  }
  .kr .pianista-mobile .pianista-mobile-info08 .desc p,
  .jp .pianista-mobile .pianista-mobile-info08 .desc p,
  .ch .pianista-mobile .pianista-mobile-info08 .desc p {
    font-size: 11px;
    line-height: 18px;
  }
  .kr .pianista-mobile .pianista-mobile-info10 .desc .app-buttons,
  .jp .pianista-mobile .pianista-mobile-info10 .desc .app-buttons,
  .ch .pianista-mobile .pianista-mobile-info10 .desc .app-buttons {
    clear: both;
  }
  .kr .pianista-mobile .pianista-mobile-info10 .desc .app-buttons:after,
  .jp .pianista-mobile .pianista-mobile-info10 .desc .app-buttons:after,
  .ch .pianista-mobile .pianista-mobile-info10 .desc .app-buttons:after {
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    clear: both;
    content: "";
  }
  .kr .news .news-items ul li .inner .info.new::after,
  .jp .news .news-items ul li .inner .info.new::after,
  .ch .news .news-items ul li .inner .info.new::after {
    font-size: 11px;
  }
  .kr .news .news-items ul li .inner .info em,
  .jp .news .news-items ul li .inner .info em,
  .ch .news .news-items ul li .inner .info em {
    font-size: 16px;
    line-height: 22px;
  }
  .kr .news .news-items ul li .inner .info p,
  .jp .news .news-items ul li .inner .info p,
  .ch .news .news-items ul li .inner .info p {
    font-size: 11px;
  }
  .kr .news .news-items ul li .inner .info a,
  .jp .news .news-items ul li .inner .info a,
  .ch .news .news-items ul li .inner .info a {
    font-size: 10px;
  }
  .kr .about .about-info em,
  .jp .about .about-info em,
  .ch .about .about-info em {
    font-size: 24px;
  }
  .kr .about .about-info strong,
  .jp .about .about-info strong,
  .ch .about .about-info strong {
    font-size: 30px;
    line-height: 38px;
  }
  .kr .about .about-info p,
  .jp .about .about-info p,
  .ch .about .about-info p {
    font-size: 15px;
    line-height: 28px;
  }
  .kr .about .game-info .pianista > strong,
  .jp .about .game-info .pianista > strong,
  .ch .about .game-info .pianista > strong {
    font-size: 24px;
  }
  .kr .about .game-info .pianista > p,
  .jp .about .game-info .pianista > p,
  .ch .about .game-info .pianista > p {
    font-size: 30px;
    line-height: 37px;
  }
  .kr .about .game-info .pianista .desc ul li strong,
  .jp .about .game-info .pianista .desc ul li strong,
  .ch .about .game-info .pianista .desc ul li strong {
    font-size: 20px;
  }
  .kr .about .game-info .pianista .desc ul li span,
  .jp .about .game-info .pianista .desc ul li span,
  .ch .about .game-info .pianista .desc ul li span {
    font-size: 9px;
  }
  .kr .about .game-info .yumi > strong,
  .jp .about .game-info .yumi > strong,
  .ch .about .game-info .yumi > strong {
    font-size: 24px;
  }
  .kr .about .game-info .yumi > p,
  .jp .about .game-info .yumi > p,
  .ch .about .game-info .yumi > p {
    font-size: 30px;
    line-height: 38px;
  }
  .kr .about .game-info .yumi .desc ul li strong,
  .jp .about .game-info .yumi .desc ul li strong,
  .ch .about .game-info .yumi .desc ul li strong {
    font-size: 18px;
  }
  .kr .about .game-info .yumi .desc ul li span,
  .jp .about .game-info .yumi .desc ul li span,
  .ch .about .game-info .yumi .desc ul li span {
    font-size: 9px;
  }
  .kr .about .game-info .yumi .desc p,
  .jp .about .game-info .yumi .desc p,
  .ch .about .game-info .yumi .desc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kr .about .about-partners em,
  .jp .about .about-partners em,
  .ch .about .about-partners em {
    font-size: 24px;
  }
  .kr .about .about-partners p,
  .jp .about .about-partners p,
  .ch .about .about-partners p {
    font-size: 30px;
    line-height: 37px;
  }
  .kr .about .about-join-us em,
  .jp .about .about-join-us em,
  .ch .about .about-join-us em {
    font-size: 24px;
  }
  .kr .about .about-join-us p,
  .jp .about .about-join-us p,
  .ch .about .about-join-us p {
    font-size: 30px;
    line-height: 37px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box em,
  .jp .contact .contact-data .contact-data-inner ul li .data-box em,
  .ch .contact .contact-data .contact-data-inner ul li .data-box em {
    font-size: 21px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box strong,
  .jp .contact .contact-data .contact-data-inner ul li .data-box strong,
  .ch .contact .contact-data .contact-data-inner ul li .data-box strong {
    font-size: 16px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box p,
  .jp .contact .contact-data .contact-data-inner ul li .data-box p,
  .ch .contact .contact-data .contact-data-inner ul li .data-box p {
    font-size: 16px;
  }
  .kr .contact .contact-data .contact-data-inner ul li .data-box a,
  .jp .contact .contact-data .contact-data-inner ul li .data-box a,
  .ch .contact .contact-data .contact-data-inner ul li .data-box a {
    font-size: 16px;
  }
  .kr .career .career-info .desc em,
  .jp .career .career-info .desc em,
  .ch .career .career-info .desc em {
    font-size: 30px;
    line-height: 37px;
  }
  .kr .career .career-data em,
  .jp .career .career-data em,
  .ch .career .career-data em {
    font-size: 30px;
  }
  .kr .career .career-data ul li .inner a,
  .jp .career .career-data ul li .inner a,
  .ch .career .career-data ul li .inner a {
    font-size: 23px;
  }
  .kr .career .career-data ul li.update:after,
  .jp .career .career-data ul li.update:after,
  .ch .career .career-data ul li.update:after {
    font-size: 12px;
  }
  .kr .career .career-process > em,
  .jp .career .career-process > em,
  .ch .career .career-process > em {
    font-size: 30px;
    line-height: 38px;
  }
  .kr .career .career-process > P,
  .jp .career .career-process > P,
  .ch .career .career-process > P {
    font-size: 17px;
    line-height: 29px;
  }
  .kr .career .career-process .process ol li strong,
  .jp .career .career-process .process ol li strong,
  .ch .career .career-process .process ol li strong {
    font-size: 23px;
    line-height: 29px;
  }
  .kr .career .career-process .process ol li p,
  .jp .career .career-process .process ol li p,
  .ch .career .career-process .process ol li p {
    font-size: 17px;
    line-height: 29px;
  }
  .kr .career .career-process .process ol li:first-child strong,
  .jp .career .career-process .process ol li:first-child strong,
  .ch .career .career-process .process ol li:first-child strong {
    left: 123px;
  }
  .kr .career .career-process .process ol li:nth-child(2) strong,
  .jp .career .career-process .process ol li:nth-child(2) strong,
  .ch .career .career-process .process ol li:nth-child(2) strong {
    left: 103px;
  }
  .kr .career .career-process .process ol li:nth-child(3) strong,
  .jp .career .career-process .process ol li:nth-child(3) strong,
  .ch .career .career-process .process ol li:nth-child(3) strong {
    left: 122px;
  }
  .kr .career .career-process .process ol li:nth-child(4) strong,
  .jp .career .career-process .process ol li:nth-child(4) strong,
  .ch .career .career-process .process ol li:nth-child(4) strong {
    left: 121px;
  }
  .kr .career-detail .career-datas .team-info > em,
  .jp .career-detail .career-datas .team-info > em,
  .ch .career-detail .career-datas .team-info > em {
    font-size: 31px;
    line-height: 38px;
  }
  .kr .career-detail .career-datas .team-info > p,
  .jp .career-detail .career-datas .team-info > p,
  .ch .career-detail .career-datas .team-info > p {
    font-size: 18px;
    line-height: 29px;
  }
  .kr .career-detail .career-datas .career-data em,
  .jp .career-detail .career-datas .career-data em,
  .ch .career-detail .career-datas .career-data em {
    font-size: 31px;
    line-height: 38px;
  }
  .kr .career-detail .career-datas .career-data strong,
  .jp .career-detail .career-datas .career-data strong,
  .ch .career-detail .career-datas .career-data strong {
    font-size: 24px;
  }
  .kr .career-detail .career-datas .career-data ol li,
  .jp .career-detail .career-datas .career-data ol li,
  .ch .career-detail .career-datas .career-data ol li {
    font-size: 18px;
    line-height: 30px;
  }
  .kr .career-detail .career-datas .career-data .apply p,
  .jp .career-detail .career-datas .career-data .apply p,
  .ch .career-detail .career-datas .career-data .apply p {
    font-size: 13px;
    line-height: 21px;
  }
  .kr .career-detail .career-datas .career-data .apply .submit-resume,
  .jp .career-detail .career-datas .career-data .apply .submit-resume,
  .ch .career-detail .career-datas .career-data .apply .submit-resume {
    line-height: 36px;
    font-size: 16px;
  }
  .kr .career .career-process .process ol li:first-child p {
    left: 0px;
  }
  .kr .career .career-process .process ol li:nth-child(2) p {
    left: 0px;
  }
  .kr .career .career-process .process ol li:nth-child(3) p {
    left: 0px;
  }
  .kr .career .career-process .process ol li:nth-child(4) p {
    left: 0px;
  }
  .ch .about .about-info em {
    word-break: normal;
  }
  .ch .about .game-info p {
    word-break: normal;
  }
  .ch .career .career-info .desc em {
    word-break: normal;
  }
  .ch .career .career-process .process ol li:first-child p {
    left: 0px;
  }
  .ch .career .career-process .process ol li:nth-child(2) p {
    left: 0px;
  }
  .ch .career .career-process .process ol li:nth-child(3) p {
    left: 0px;
  }
  .ch .career .career-process .process ol li:nth-child(4) p {
    left: 0px;
  }
  .jp .about .about-info em {
    word-break: normal;
  }
  .jp .about .game-info p {
    word-break: normal;
  }
  .jp .news .news-btns span {
    font-size: 10px;
  }
  .jp .career .career-info .desc em {
    word-break: normal;
  }
  .jp .career .career-process .process ol li:first-child p {
    left: 0px;
  }
  .jp .career .career-process .process ol li:nth-child(2) p {
    left: 0px;
  }
  .jp .career .career-process .process ol li:nth-child(3) p {
    left: 0px;
  }
  .jp .career .career-process .process ol li:nth-child(4) p {
    left: 0px;
  }
}
@media screen and (min-width: 0px) and (max-width: 760px) {
  .en .main .news01 {
    background: url('/images/index/news/mobile/en/news01.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .en .main .news02 {
    background: url('/images/index/news/mobile/en/news02.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .en .main .news03 {
    background: url('/images/index/news/mobile/en/news03.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .en .main .news04 {
    background: url('/images/index/news/mobile/en/news04.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .en .main .news05 {
    background: #000 url('/images/index/news/mobile/movie.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .ch .main .news01 {
    background: url('/images/index/news/mobile/ch/news01.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .ch .main .news02 {
    background: url('/images/index/news/mobile/ch/news02.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .ch .main .news03 {
    background: url('/images/index/news/mobile/ch/news03.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .ch .main .news04 {
    background: url('/images/index/news/mobile/ch/news04.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .ch .main .news05 {
    background: #000 url('/images/index/news/mobile/movie.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .jp .main .news01 {
    background: url('/images/index/news/mobile/jp/news01.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .jp .main .news02 {
    background: url('/images/index/news/mobile/jp/news02.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .jp .main .news03 {
    background: url('/images/index/news/mobile/jp/news03.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .jp .main .news04 {
    background: url('/images/index/news/mobile/jp/news04.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .jp .main .news05 {
    background: #000 url('/images/index/news/mobile/movie.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .kr .main .news01 {
    background: url('/images/index/news/mobile/kr/news01.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .kr .main .news02 {
    background: url('/images/index/news/mobile/kr/news02.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .kr .main .news03 {
    background: url('/images/index/news/mobile/kr/news03.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .kr .main .news04 {
    background: url('/images/index/news/mobile/kr/news04.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
  .kr .main .news05 {
    background: #000 url('/images/index/news/mobile/movie.png') 50% 0 no-repeat;
    background-size: auto 100%;
  }
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
  .en .main .news01 {
    background: url('/images/index/news/tablet/en/news01.png') 50% 0 no-repeat;
  }
  .en .main .news02 {
    background: url('/images/index/news/tablet/en/news02.png') 50% 0 no-repeat;
  }
  .en .main .news03 {
    background: url('/images/index/news/tablet/en/news03.png') 50% 0 no-repeat;
  }
  .en .main .news04 {
    background: url('/images/index/news/tablet/en/news04.png') 50% 0 no-repeat;
  }
  .en .main .news05 {
    background: url('/images/index/news/tablet/movie.png') 50% 0 no-repeat;
  }
  .ch .main .news01 {
    background: url('/images/index/news/tablet/ch/news01.png') 50% 0 no-repeat;
  }
  .ch .main .news02 {
    background: url('/images/index/news/tablet/ch/news02.png') 50% 0 no-repeat;
  }
  .ch .main .news03 {
    background: url('/images/index/news/tablet/ch/news03.png') 50% 0 no-repeat;
  }
  .ch .main .news04 {
    background: url('/images/index/news/tablet/ch/news04.png') 50% 0 no-repeat;
  }
  .ch .main .news05 {
    background: url('/images/index/news/tablet/movie.png') 50% 0 no-repeat;
  }
  .jp .main .news01 {
    background: url('/images/index/news/tablet/jp/news01.png') 50% 0 no-repeat;
  }
  .jp .main .news02 {
    background: url('/images/index/news/tablet/jp/news02.png') 50% 0 no-repeat;
  }
  .jp .main .news03 {
    background: url('/images/index/news/tablet/jp/news03.png') 50% 0 no-repeat;
  }
  .jp .main .news04 {
    background: url('/images/index/news/tablet/jp/news04.png') 50% 0 no-repeat;
  }
  .jp .main .news05 {
    background: url('/images/index/news/tablet/movie.png') 50% 0 no-repeat;
  }
  .kr .main .news01 {
    background: url('/images/index/news/tablet/kr/news01.png') 50% 0 no-repeat;
  }
  .kr .main .news02 {
    background: url('/images/index/news/tablet/kr/news02.png') 50% 0 no-repeat;
  }
  .kr .main .news03 {
    background: url('/images/index/news/tablet/kr/news03.png') 50% 0 no-repeat;
  }
  .kr .main .news04 {
    background: url('/images/index/news/tablet/kr/news04.png') 50% 0 no-repeat;
  }
  .kr .main .news05 {
    background: url('/images/index/news/tablet/movie.png') 50% 0 no-repeat;
  }
}
@media screen and (min-width: 1025px) {
  .en .main .news01 {
    background: url('/images/index/news/pc/en/news01.png') 50% 0 no-repeat;
  }
  .en .main .news02 {
    background: url('/images/index/news/pc/en/news02.png') 50% 0 no-repeat;
  }
  .en .main .news03 {
    background: url('/images/index/news/pc/en/news03.png') 50% 0 no-repeat;
  }
  .en .main .news04 {
    background: url('/images/index/news/pc/en/news04.png') 50% 0 no-repeat;
  }
  .en .main .news05 {
    background: url('/images/index/news/pc/movie.png') 50% 0 no-repeat;
  }
  .ch .main .news01 {
    background: url('/images/index/news/pc/ch/news01.png') 50% 0 no-repeat;
  }
  .ch .main .news02 {
    background: url('/images/index/news/pc/ch/news02.png') 50% 0 no-repeat;
  }
  .ch .main .news03 {
    background: url('/images/index/news/pc/ch/news03.png') 50% 0 no-repeat;
  }
  .ch .main .news04 {
    background: url('/images/index/news/pc/ch/news04.png') 50% 0 no-repeat;
  }
  .ch .main .news05 {
    background: url('/images/index/news/pc/movie.png') 50% 0 no-repeat;
  }
  .jp .main .news01 {
    background: url('/images/index/news/pc/jp/news01.png') 50% 0 no-repeat;
  }
  .jp .main .news02 {
    background: url('/images/index/news/pc/jp/news02.png') 50% 0 no-repeat;
  }
  .jp .main .news03 {
    background: url('/images/index/news/pc/jp/news03.png') 50% 0 no-repeat;
  }
  .jp .main .news04 {
    background: url('/images/index/news/pc/jp/news04.png') 50% 0 no-repeat;
  }
  .jp .main .news05 {
    background: url('/images/index/news/pc/movie.png') 50% 0 no-repeat;
  }
  .kr .main .news01 {
    background: url('/images/index/news/pc/kr/news01.png') 50% 0 no-repeat;
  }
  .kr .main .news02 {
    background: url('/images/index/news/pc/kr/news02.png') 50% 0 no-repeat;
  }
  .kr .main .news03 {
    background: url('/images/index/news/pc/kr/news03.png') 50% 0 no-repeat;
  }
  .kr .main .news04 {
    background: url('/images/index/news/pc/kr/news04.png') 50% 0 no-repeat;
  }
  .kr .main .news05 {
    background: url('/images/index/news/pc/movie.png') 50% 0 no-repeat;
  }
}
.news .news01::before {
  background: url('/images/news/item/english/news01.png') 50% 0 no-repeat;
}
.news .news02::before {
  background: url('/images/news/item/english/news02.jpg') 50% 0 no-repeat;
}
.news .news03::before {
  background: url('/images/news/item/english/news03.png') 50% 0 no-repeat;
}
.news .news04::before {
  background: url('/images/news/item/english/news04.jpg') 50% 0 no-repeat;
}
.news .news05::before {
  background: url('/images/news/item/english/news05.png') 50% 0 no-repeat;
}
.news .news06::before {
  background: url('/images/news/item/english/news06.png') 50% 0 no-repeat;
}
.news .news07::before {
  background: url('/images/news/item/english/news07.jpg') 50% 0 no-repeat;
}
.news .news08::before {
  background: url('/images/news/item/english/news08.jpg') 50% 0 no-repeat;
}
.news .news09::before {
  background: url('/images/news/item/english/news09.jpg') 50% 0 no-repeat;
}
.news .news10::before {
  background: url('/images/news/item/english/news10.jpg') 50% 0 no-repeat;
}
.news .news11::before {
  background: url('/images/news/item/english/news11.jpg') 50% 0 no-repeat;
}
.news .news12::before {
  background: url('/images/news/item/english/news12.jpg') 50% 0 no-repeat;
}
.news .news13::before {
  background: url('/images/news/item/global/news01.png') 50% 0 no-repeat;
}
.news .news14::before {
  background: url('/images/news/item/global/news02.png') 50% 0 no-repeat;
}
.news .news15::before {
  background: url('/images/news/item/global/news03.jpg') 50% 0 no-repeat;
}
.news .news16::before {
  background: url('/images/news/item/global/news04.png') 50% 0 no-repeat;
}
.news .news17::before {
  background: url('/images/news/item/global/news05.png') 50% 0 no-repeat;
}
.news .news18::before {
  background: url('/images/news/item/global/news06.png') 50% 0 no-repeat;
}
.news .news19::before {
  background: url('/images/news/item/global/news07.png') 50% 0 no-repeat;
}
.news .news20::before {
  background: url('/images/news/item/global/news08.png') 50% 0 no-repeat;
}
.news .news21::before {
  background: url('/images/news/item/global/news09.png') 50% 0 no-repeat;
}
.news .news22::before {
  background: url('/images/news/item/global/news10.jpg') 50% 0 no-repeat;
}
.news .news23::before {
  background: url('/images/news/item/global/news11.png') 50% 0 no-repeat;
}
.news .news24::before {
  background: url('/images/news/item/global/news12.png') 50% 0 no-repeat;
}
.news .news25::before {
  background: url('/images/news/item/global/news13.jpg') 50% 0 no-repeat;
}
.news .news26::before {
  background: url('/images/news/item/global/news14.jpg') 50% 0 no-repeat;
}
.news .news27::before {
  background: url('/images/news/item/global/news15.png') 50% 0 no-repeat;
}
.news .news28::before {
  background: url('/images/news/item/global/news16.jpg') 50% 0 no-repeat;
}
.news .news29::before {
  background: url('/images/news/item/global/news17.jpg') 50% 0 no-repeat;
}
.news .news30::before {
  background: url('/images/news/item/global/news18.jpg') 50% 0 no-repeat;
}
.news .news31::before {
  background: url('/images/news/item/global/news19.jpg') 50% 0 no-repeat;
}
.news .news32::before {
  background: url('/images/news/item/global/news20.png') 50% 0 no-repeat;
}
.news .news33::before {
  background: url('/images/news/item/global/news21.jpg') 50% 0 no-repeat;
}
.news .news34::before {
  background: url('/images/news/item/global/news22.jpg') 50% 0 no-repeat;
}
.news .news35::before {
  background: url('/images/news/item/global/news23.jpg') 50% 0 no-repeat;
}
.news .news36::before {
  background: url('/images/news/item/global/news24.jpg') 50% 0 no-repeat;
}
.news .news37::before {
  background: url('/images/news/item/global/news25.jpg') 50% 0 no-repeat;
}
.news .news38::before {
  background: url('/images/news/item/global/news26.jpg') 50% 0 no-repeat;
}
.news .news39::before {
  background: url('/images/news/item/korea/news01.png') 50% 0 no-repeat;
}
.news .news40::before {
  background: url('/images/news/item/korea/news02.jpg') 50% 0 no-repeat;
}
.news .news41::before {
  background: url('/images/news/item/korea/news03.jpg') 50% 0 no-repeat;
}
.news .news42::before {
  background: url('/images/news/item/korea/news04.png') 50% 0 no-repeat;
}
.news .news43::before {
  background: url('/images/news/item/korea/news05.png') 50% 0 no-repeat;
}
.news .news44::before {
  background: url('/images/news/item/korea/news06.png') 50% 0 no-repeat;
}
.news .news45::before {
  background: url('/images/news/item/korea/news07.png') 50% 0 no-repeat;
}
.news .news46::before {
  background: url('/images/news/item/korea/news08.png') 50% 0 no-repeat;
}
.news .news47::before {
  background: url('/images/news/item/korea/news09.jpg') 50% 0 no-repeat;
}
.news .news48::before {
  background: url('/images/news/item/korea/news10.jpg') 50% 0 no-repeat;
}
.news .news49::before {
  background: url('/images/news/item/korea/news11.png') 50% 0 no-repeat;
}
.news .news50::before {
  background: url('/images/news/item/korea/news12.png') 50% 0 no-repeat;
}
.news .news51::before {
  background: url('/images/news/item/korea/news13.png') 50% 0 no-repeat;
}
.news .news52::before {
  background: url('/images/news/item/korea/news14.png') 50% 0 no-repeat;
}
.news .news53::before {
  background: url('/images/news/item/korea/news15.jpg') 50% 0 no-repeat;
}
.news .news54::before {
  background: url('/images/news/item/korea/news16.jpg') 50% 0 no-repeat;
}
.news .news55::before {
  background: url('/images/news/item/korea/news17.jpg') 50% 0 no-repeat;
}
.news .news56::before {
  background: url('/images/news/item/korea/news18.jpg') 50% 0 no-repeat;
}
.news .news57::before {
  background: url('/images/news/item/korea/news19.jpg') 50% 0 no-repeat;
}
.news .news58::before {
  background: url('/images/news/item/korea/news20.jpg') 50% 0 no-repeat;
}
.news .news59::before {
  background: url('/images/news/item/korea/news21.jpg') 50% 0 no-repeat;
}
.news .news60::before {
  background: url('/images/news/item/korea/news22.jpg') 50% 0 no-repeat;
}
.news .news61::before {
  background: url('/images/news/item/korea/news23.jpg') 50% 0 no-repeat;
}
.news .news62::before {
  background: url('/images/news/item/korea/news24.jpg') 50% 0 no-repeat;
}
.news .news63::before {
  background: url('/images/news/item/korea/news25.jpg') 50% 0 no-repeat;
}
.news .news64::before {
  background: url('/images/news/item/korea/news26.jpg') 50% 0 no-repeat;
}
.news .news65::before {
  background: url('/images/news/item/korea/news27.jpg') 50% 0 no-repeat;
}
.news .news66::before {
  background: url('/images/news/item/korea/news28.jpg') 50% 0 no-repeat;
}
.news .news67::before {
  background: url('/images/news/item/korea/news29.jpg') 50% 0 no-repeat;
}
.news .news68::before {
  background: url('/images/news/item/china/news01.jpg') 50% 0 no-repeat;
}
.news .news69::before {
  background: url('/images/news/item/china/news02.jpg') 50% 0 no-repeat;
}
.news .news70::before {
  background: url('/images/news/item/china/news03.jpg') 50% 0 no-repeat;
}
.news .news71::before {
  background: url('/images/news/item/china/news04.jpg') 50% 0 no-repeat;
}
.news .news72::before {
  background: url('/images/news/item/japan/news01.png') 50% 0 no-repeat;
}
.news .news73::before {
  background: url('/images/news/item/japan/news02.jpg') 50% 0 no-repeat;
}
.news .news74::before {
  background: url('/images/news/item/japan/news03.png') 50% 0 no-repeat;
}
.news .news75::before {
  background: url('/images/news/item/japan/news04.png') 50% 0 no-repeat;
}
.news .news76::before {
  background: url('/images/news/item/japan/news05.jpg') 50% 0 no-repeat;
}
#carousel {
  position: relative;
  z-index: 1;
  background: url('/images/pianista/slider/slider.png') 0 0 no-repeat;
  width: 1062px;
  height: 533px;
}
#carousel .slider-large {
  margin: 0 0 66px;
}
#carousel .slider-large div {
  width: 100%;
  height: auto;
}
#carousel .slider-large div img {
  width: 100%;
  height: auto;
}
#carousel .slider-small {
  position: relative;
}
#carousel .slider-small::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 48px;
  height: 86px;
  background: #fff;
}
#carousel .slider-small::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 48px;
  height: 86px;
  background: #fff;
}
#carousel .slider-small .slick-prev {
  z-index: 1001;
  left: 15px;
  height: 30px;
  width: 14px;
  background: url('/images/pianista/slider/left.svg') 0 0 no-repeat;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0;
}
#carousel .slider-small .slick-next {
  z-index: 1001;
  right: 15px;
  height: 30px;
  width: 19px;
  background: url('/images/pianista/slider/right.svg') 0 0 no-repeat;
  overflow: hidden;
  line-height: 9999px;
  font-size: 0;
}
#carousel .slider-small .slick-list::before {
  content: '';
  display: block;
  position: absolute;
  left: 436px;
  right: 0px;
  z-index: 1002;
  width: 186px;
  height: 86px;
  border: solid 3px #c69c6c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
  #carousel {
    position: relative;
    background: url('/images/pianista/slider/slider.png') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 863px;
    height: 432px;
  }
  #carousel .slider-large {
    margin: 0 0 48px;
  }
  #carousel .slider-large div {
    width: 100%;
    height: auto;
  }
  #carousel .slider-large div img {
    width: 100%;
    height: auto;
  }
  #carousel .slider-small img {
    width: 148px;
    height: 68px;
  }
  #carousel .slider-small .slick-list::before {
    content: '';
    display: block;
    position: absolute;
    left: 356px;
    right: 0px;
    z-index: 1002;
    width: 148px;
    height: 68px;
    border: solid 3px #c69c6c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  #carousel {
    position: relative;
    background: url('/images/pianista/slider/slider.png') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 331px;
    height: 165px;
  }
  #carousel .slider-large {
    margin: 0 0 21px;
  }
  #carousel .slider-large div {
    width: 100%;
    height: auto;
  }
  #carousel .slider-large div img {
    width: 100%;
    height: auto;
  }
  #carousel .slider-small::before,
  #carousel .slider-small::after {
    height: 36px;
  }
  #carousel .slider-small img {
    width: 57px;
    height: 21px;
  }
  #carousel .slider-small .slick-prev {
    top: 11px;
    left: 25px;
    height: 12px;
    width: 5px;
  }
  #carousel .slider-small .slick-next {
    top: 11px;
    right: 25px;
    height: 12px;
    width: 5px;
  }
  #carousel .slider-small .slick-list::before {
    content: '';
    display: block;
    position: absolute;
    left: 356px;
    right: 0px;
    z-index: 1002;
    width: 57px;
    height: 21px;
    border: solid 3px #c69c6c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }



}