@charset "utf-8";

body, html {
  width: 100%;
  height: 100%;
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video {
	margin: 0;
	padding: 0;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
img {
  border-style: none;
  vertical-align: top;
}
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@font-face {
 font-family: 'NanumSquare';
 src: url(../webfont/NanumSquare/NanumSquareR.eot);
 src: url(../webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../webfont/NanumSquare/NanumSquareR.woff) format('woff'),
      url(../webfont/NanumSquare/NanumSquareR.ttf) format('truetype');
}
body.intro {
    background-color: #020107;
}
#wrap {
    min-width: 320px;
    height: 100%;
    font-family: HelveticaNeue,Helvetica,AppleSDGothicNeo-Regular,'나눔고딕',nanumgothic,sans-serif;
}

.intro-spot .video_box{
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 550px;
    width: 100%;
}
.intro-spot .video_box video{
    width:100%;
    min-width:320px;
    min-height:550px;
}
.intro-spot .video_box:after{
    content: '';
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: .55;
}
.no_scroll{
    overflow:hidden;
    height:100%;
}
.player_video{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    background-color:#000;
    z-index:2000;
}
.player_video.open{
    display:block;
}
.player_video .btn_close{
    overflow:hidden;
    position:absolute;
    top:20px;
    right:20px;
    border:0;
    width:25px;
    height:25px;
    font-size:1px;
    color:transparent;
    background:url(../im/btn_close.png) no-repeat;
    background-size:25px 25px;
    -webkit-background-size:25px 25px;
}
.player_video .inner video{
    position: absolute;
    width: 100% !important;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    transform: translate(-50%, -50%);
}
/* 탭 신규 추가 */
.prism-tab .tab-list{
    height:44px;
    line-height: 44px;
    text-align:center;
    margin-bottom:30px;
}
.prism-tab .tab-list li{
    float:left;
    width:50%;

}
.prism-tab .tab-list li a{
    display:block;
    height:100%;
    border:1px solid #e4e4e4;
    border-color:#e4e4e4 #e4e4e4 #6f6f6f;
    font-family:AppleSDGothicNeo-Regular;
    font-size:14px;
    text-decoration:none;
    color:#cccccd;
}
.prism-tab .tab-list li.selectd a{
    position:relative;
    border-color:#6f6f6f #6f6f6f #fff;
    z-index:10;
    font-weight:bold;
    color:#020107;
}

.prism-tab .tab-list li:first-child a{
    margin-right:-1px;
}
.content {
    background-color: #fff;
}
.prism-area {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.prism-area .prism-box {
    display: table-cell;
    vertical-align: middle;
}
.prism-area .prism-logo {
    width: 160px;
    height: 80px;
    margin: 0 auto;
    background: url(../im/mail_bi_b1.png) 0 0 no-repeat;
    background-size: 160px 80px;
    -webkit-background-size: 160px 80px;
}
.prism-area .bar {
    display: block;
    width: 20px;
    height: 1px;
    margin: 46px auto 44px;
    background-color: #effc35;
}
.prism-area .prism-content p {
    font-size: 17px;
    color: #fff;
    text-align: center;
}
.prism-area .prism-content p + p {
    padding-top: 30px;
}

/* intro */
.prism-intro .en {
    font-family: HelveticaNeue,sans-serif;
}
.prism-intro .intro-spot {
    position: relative;
    width: 100%;
    height: 550px;
    background-color: #000;
}



.prism-intro .intro-spot .prism-inner {
    overflow: hidden;
    position: relative;
    height: 550px;
    margin: 0 auto;
    padding: 45px 20px 0;
    text-align: left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.prism-intro .intro-spot .prism-inner h1 {
    width: 152px;
    height: 22px;
    margin: 0 auto;
    background: url(../im/intro_bi_v2.png) no-repeat 50% 0;
    background-size: 152px 22px;
    -webkit-background-size: 152px 22px;
}
.prism-intro .intro-spot .prism-inner h2.prism-title {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    font-family: 'NanumSqaure','나눔스퀘어',sans-serif;
}

[lang=en] .prism-intro .intro-spot .prism-inner h2.prism-title{
  font-size: 30px;
  font-family: -apple-system,BlinkMacSystemFont,AppleSDGothicNeo-Regular,helvetica,sans-serif;
}

.prism-intro .intro-spot .prism-inner p {
    position: absolute;
    top: 193px;
    left: 0;
    right: 0;
    font-size: 14px;
    color: #f6f6f6;
    text-align: center;
}
.prism-intro .intro-spot .prism-inner p.prism-title2 {
    opacity: 0.6;
}
.prism-intro .intro-spot .prism-inner .video_btn{
    position:absolute;
    top:235px;
    left:50%;
    margin-left:-55.5px;
    display:block;
    width:111px;
    height:16px;
    border:0;
    color:transparent;
    background:url(../im/btn_video.png) no-repeat;
    background-size:111px 16px;
    -webkit-background-size:111px 16px;
}
.prism-intro .intro-spot .prism-inner .video_btn.mobile_app{
  top:203px;
}
[lang=en] .prism-intro .intro-spot .prism-inner .video_btn.mobile_app{
  top:212px;
}

.prism-intro .intro-spot .prism-inner .btn-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}
.prism-intro .intro-spot .prism-inner .btn-area a {
    display: block;
    width: 220px;
    height: 48px;
    margin: 0 auto;
}
.prism-intro .intro-spot .prism-inner .btn-area a.mover {
    background: url(../im/pcapp/btn_pcapp.png) no-repeat 50% 0;
    background-size: 220px 48px;
    -webkit-background-size: 220px 48px;
}
.prism-intro .intro-spot .prism-inner .btn-area a.blog_link{
    width: 118px;
    height: 15px;
    margin-top:18px;
    background: url(../im/pcapp/btn_blog.png) no-repeat 50% 0;
    background-size: 118px 15px;
    -webkit-background-size: 118px 15px;
}
.prism-intro .intro-spot .prism-inner .btn-area a.blog_link.en{
    width: 120px;
    height: 15.5px;
    background: url(../im/pcapp/btn_blog_en.png) no-repeat 50% 0;
    background-size: 120px 15.5px;
    -webkit-background-size: 120px 15.5px;
}
.prism-intro .intro-spot .prism-inner .btn-area a.download {
    margin-bottom: 15px;
    background: url(../im/btn_moapp.png) no-repeat 50% 0;
    background-size: 220px 48px;
    -webkit-background-size: 220px 48px;
}
.prism-intro .intro-spot .prism-inner .btn-area a.comingsoon {
    margin-bottom: 15px;
    background: url(../im/btn_moapp4.png) no-repeat 50% 0;
    background-size: 220px 48px;
    -webkit-background-size: 220px 48px;
}
.prism-intro .intro-spot .prism-inner .btn-area a.pcver {
    background: url(../im/btn_moapp2.png) no-repeat 50% 0;
    background-size: 220px 48px;
    -webkit-background-size: 220px 48px;
}


.prism-intro .intro-vod {
    padding-top: 60px;
    text-align: center;
    background-color: #fefefe;
    height:777px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.section-title {
    display: block;
    width: 98px;
    height: 11px;
    margin: 0 auto 25px;
    background: url(../im/sp_title.png) no-repeat 0 0;
    background-size: 275px 55px;
    -webkit-background-size: 275px 55px;
    opacity: 0;
}
.mobile_box{
    position:relative;
    width:236px;
    height:450px;
    margin:0 auto;
    background:url(../im/bg_mobile.png) no-repeat;
    background-size:236px 450px;
    -webkit-background-size:236px 450px;
    z-index:100;
    opacity:0;
}
.mobile_box .inner{
    position:absolute;
    top: 43px;
    left: 16px;
    width: 202px;
    height: 360px;
}

.intro-effect {
    overflow: hidden;
}

.intro-effect .mobile_box{
    overflow: hidden;
    position: absolute;
    bottom:-1px;
    left: 50%;
    width: 1px;
    height: 1px;
    margin: -1px;
    background: transparent !important;
    background-color: transparent !important;
}

.intro-effect .effect-content.on .mobile_box{
  margin-left: -188px;
  width: 376px;
  height: 554px;
}


.intro-effect .mobile_box .inner{
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.intro-effect .mobile_box .inner video{
    height: 100%;
    background:none;
    border: none;
}

.prism-intro h3.title {
    padding-bottom: 10px;
    font-size: 25px;
    color: #020107;
    font-weight: normal;
    line-height:34px;
    opacity: 0;
}

.prism-intro .intro-effect h3.title {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.prism-intro .intro-effect .effect-content.on h3.title {
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
  margin: auto;
}


.prism-intro .sub-text{
    opacity: 0;
    padding-bottom: 27px;
    font-size: 15px;
    color: #686868;
    line-height:22px;
    font-family: HelveticaNeue,Helvetica,AppleSDGothicNeo-Regular,'나눔고딕',nanumgothic,sans-serif;
}

.prism-intro .effect-content .sub-text{
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.prism-intro .effect-content.on .sub-text{
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
  margin: auto;
}

.intro-comments p.txt-noti {
    padding-bottom: 23px;
}
.intro-effect p {
    padding-bottom: 35px;
}
.prism-intro .intro-effect {
    position: relative;
    height: 853px;
    margin: 0 auto;
    padding-top: 58px;
    background-color: #f8f8f8;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.prism-intro .intro-effect .txt-area {
    display: none;
}
.prism-intro .intro-effect .txt-area.on {
    display: block;
}
.prism-intro .intro-effect .section-title {
    display: block;
    width: 99px;
    background-position:-69px -19px;
}
.prism-intro .intro-effect .tab-container {
    overflow: hidden;
    position: relative;
    width: 280px;
    height: 54px;
    margin: 0 auto;
    padding-top: 158px;
    opacity: 0;
    z-index: 150;
}
.prism-intro .intro-effect .tab-container::after {
    content: '';
    position: absolute;
    left: 0;
    bottom:0;
    width: 280px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.prism-intro .intro-effect .tab-container li {
    position: relative;
    float: left;
    height: 53px;
    padding: 0 2px;
    margin-right: 30px;
    text-align: center;
    opacity: 0.48;
}
.prism-intro .intro-effect .tab-container li.tab-mask {
    width: 31px;
}
.prism-intro .intro-effect .tab-container li.tab-bg {
    width: 70px;
}
.prism-intro .intro-effect .tab-container li.tab-touch {
    width: 36px;
}
.prism-intro .intro-effect .tab-container li.tab-mood {
    width: 36px;
    margin-right: 0;
    opacity: 0.7;
}
.prism-intro .intro-effect .tab-container li.tab-mood .txt-opacity {
    opacity: 0.7;
}
.prism-intro .intro-effect .tab-container li.on {
    opacity: 1;
    border-bottom: 1px solid #020107;
}
.prism-intro .intro-effect .tab-container li.on a img,
.prism-intro .intro-effect .tab-container li.on a .txt-opacity {
    opacity: 1;
}
.prism-intro .intro-effect .tab-container li a {
    display: block;
    height: 100%;
    font-size: 13px;
    color: #020107;
    text-decoration: none;
    font-family: HelveticaNeue,sans-serif;
    line-height: 22px;
}
.prism-intro .intro-effect .effect-content {
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
    bottom: 0;
}
.prism-intro .intro-effect .effect-content.on {
    display: block;
}

.prism-intro .intro-effect .effect-content .tab-content {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left:-147px;
    opacity:0;
}
.prism-intro .intro-effect .effect-content.bg .tab-content {
    bottom: 45px;
    left: 50%;
    margin-left:-178px;
}
.prism-intro .intro-effect .effect-content.touch .tab-content {
    bottom: 6px;
    left: 50%;
    margin-left: -115px;
}
.prism-intro .intro-effect .effect-content.mood .tab-content {
    bottom: 45px;
    left: 50%;
    margin-left:-177px;
}
.prism-intro .intro-studio {
    overflow: hidden;
    position:relative;
    padding-top: 58px;
    height:779px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}

.prism-intro .intro-studio .section-title {
    width:73px;
    height:15px;
    background-position:-183px 0;
}
.prism-intro .intro-screencast {
    position:relative;
    padding-top: 58px;
    height:753px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    background-color:#f8f8f8;
}

.prism-intro .intro-screencast .section-title {
    width:76px;
    background-position:-93px -33px;
}
.prism-intro .intro-comments {
    position:relative;
    padding-top: 58px;
    height:753px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}

.prism-intro .intro-comments .section-title {
    width:61px;
    background-position:0px -19px;
}
.prism-intro .intro-editing {
    position:relative;
    padding-top: 58px;
    height:777px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.prism-intro .intro-editing .section-title {
    width:88px;
    height:15px;
    background-position:-172px -18px;
}
.prism-intro .intro-effect2 {
    padding-top: 58px;
    height:757px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    background-color:#f8f8f8;
}
.prism-intro .intro-effect2 .section-title {
    width:86px;
    background-position:0 -33px;
}
.prism-intro .intro-platform {
    position:relative;
    padding-top: 58px;
    height:777px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-color: #f8f8f8;
    text-align: center;
}
.prism-intro .intro-platform .section-title {
    display: block;
    width: 77px;
    background-position: -103px 0;
}
.prism-intro .intro-platform ul {
    overflow: hidden;
    width: 310px;
    margin: -6px auto 25.5px;
    opacity:0;
}
.prism-intro .intro-platform ul li {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-left:14px;
}
.prism-intro .intro-platform ul li:first-child {
    margin-left: 0;
}
.prism-intro .intro-platform ul li a {
    display: block;
    width: 40px;
    height: 40px;
}
.prism-intro .intro-platform ul li a.vapp {
    background: url(../im/ico_vapp_v2.png) no-repeat 0 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.prism-intro .intro-platform ul li.twitch {
    background: url(../im/ico_twitch.png) no-repeat 0 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.prism-intro .intro-platform ul li.navertv {
    background: url(../im/ico_navertv_v2.png) no-repeat 0 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.prism-intro .intro-platform ul li.youtube {
    background: url(../im/ico_youtube.png) no-repeat 0 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.prism-intro .intro-platform ul li.afreeca_tv {
    background: url(../im/ico_afreeca_tv.png) no-repeat 0 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.prism-intro .intro-platform ul li.periscope {
    background: url(../im/ico_periscope.png) no-repeat 0 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.prism-intro .intro-platform p.txt-noti {
    font-size: 12px;
    color: #777;
    padding-bottom:22px;
    opacity: 0;
}
.prism-intro .intro-continued {
    padding:60px 0;
}
.prism-intro .intro-continued.pc p{
    line-height:21px;
}
.prism-intro .intro-continued h3 {
    padding-bottom: 15px;
    font-weight: normal;
    font-size: 20px;
    color: #020107;
    text-align: center;
    font-family: Helvetica, sans-serif;
}
.prism-intro .intro-continued p {
    font-size: 15px;
    color: #686868;
    text-align: center;
    line-height:21px;
}
.intro-footer {
    position: relative;
    padding: 40px 0;
    background-color: #272727;
}
.intro-footer h2 {
    width: 116px;
    height: 10px;
    margin: 0 auto;
    padding-bottom: 15px;
    background: url(../im/footer_bi.png) no-repeat 0 0;
    background-size: 116px 10px;
    -webkit-background-size: 116px 10px;
}
.intro-footer .lst-policy {
    overflow: hidden;
    position: relative;
    width: auto;
    height: auto;
    margin: 0 auto;
    color: white;
    font-size: 14px;
}
.intro-footer.pcapp .lst-policy {
    width: 300px;
}
.intro-footer .lst-policy > ul {
    overflow: hidden;
    position: relative;
}
.intro-footer .lst-policy > ul > li {
    position: relative;
    float: left;
    padding:0 12px;
}
.intro-footer .lst-policy ul li.terms {
    padding-left: 0;
}
.intro-footer .lst-policy ul li span.bar {
    display: block;
    position: absolute;
    top: 9px;
    border: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 10px;
    background-color: #fff;
    opacity: 0.1;
}
.intro-footer .lst-policy .language-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    height: auto;
    margin-left: 22px;
    border-radius: 1px;
    background-color: #323232;
}

.intro-footer .lst-policy ul li a,
.intro-footer .lst-policy .language-area a {
    display: block;
    line-height: 30px;
    font-size: 12px;
    color: #d8d8d8;
    text-decoration: none;
}
.intro-footer .lst-policy .language-area a {
    position: relative;
    height: 27px;
    padding: 0 6px 0 10px;
}
.intro-footer .lst-policy .language-area a .ico-arrow {
    position: absolute;
    right: 6px;
    bottom: 8px;
    width: 11px;
    height: 11px;
    background: url(../im/btn_footer_arrow.png) no-repeat 0 0;
    background-size: 11px 11px;
    -webkit-background-size: 11px 11px;
}
.intro-footer .lst-policy ul li a,
.intro-footer .lst-policy .language-area .language-select {
    overflow: hidden;
    height: auto;
}
.language-select {
    display: none;
}
.active ul.language-select {
    display: block;
}
.active a .ico-arrow {
    transform: rotateX(180deg);
}
.intro-footer .copyright {
    display: block;
    text-align: center;
    color: #666;
    font-size: 10px;
}

.intro-footer .copyright a {
    text-decoration: none;
    color: #666;
}

/* privacy */
.prism-privacy {
    padding: 40px 30px;
}
.prism-privacy .en {
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}
.prism-privacy .logo {
    width: 190px;
    height: 110px;
    margin: 0 auto;
    background: url(../im/terms_bi_v3.png) 0 0 no-repeat;
    background-size: 190px 110px;
    -webkit-background-size: 190px 110px;
}
.prism-privacy .privacy-content {
    padding-top: 48px;
}
.prism-privacy .privacy-content .title {
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #020107;
}
.prism-privacy .privacy-content .content-body p {
    margin-top: 10px;
    font-size: 13px;
    color: #4a4a4a;
    line-height: 18px;
}
.prism-privacy .privacy-content .content-body a.link_mail {
    border-bottom: 1px solid #4a4a4a;
    text-decoration: none;
    color: #4a4a4a;
}
.prism-privacy .privacy-content .content-body p.alone {
    margin-top: 0;
}
.prism-privacy .privacy-content .content-body + .content-body {
    padding-top: 30px;
}
.prism-privacy .privacy-content .content-body .content-list > li {
    padding-top: 15px;
    font-size: 13px;
    color: #7f7f7f;
}
.prism-privacy .privacy-content .content-body .content-list > li:first-child {
    padding-top: 0;
}
.prism-privacy .privacy-content .content-body .content-list-depth strong {
    display: block;
    margin-top: 10px;
    color: #020107;
    font-size: 13px;
}
.prism-privacy .privacy-content .content-body .content-list-depth li {
    position: relative;
    padding-left: 15px;
}
.prism-privacy .privacy-content .content-body .content-list-depth li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 2px;
    width: 4px;
    height: 4px;
    background: url(../im/prism_bullet_v2.png) no-repeat 0 0;
    background-size: 4px 4px;
    -webkit-background-size: 4px 4px;
}
.prism-privacy .privacy-content .content-body .content-list-depth li.depth-title:before {
    top: 6px;
}
.privacy-footer {
    padding: 35px 0 27px 0;
    text-align: center;
    font-size: 10px;
    color: #929292;
}
.privacy-footer .copyright a {
    text-decoration: none;
    color: #929292;
}
.privacy-footer .copyright.en {
    font-family: HelveticaNeue,Helvetica,AppleSDGothicNeo-Regular,'나눔고딕',nanumgothic,sans-serif;
}
[lang=en] .prism-privacy .privacy-content .title {
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}


/* terms of use */
.prism-terms {
    padding: 40px 30px;
}
.prism-terms .en{
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}
.prism-terms .logo {
    width: 190px;
    height: 110px;
    margin: 0 auto;
    background: url(../im/terms_bi_v3.png) 0 0 no-repeat;
    background-size: 190px 110px;
    -webkit-background-size: 190px 110px;
}
.prism-terms .terms-content {
    padding-top: 48px;
}
.prism-terms .terms-content .title {
    margin-bottom: 10px;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #020107;
}
.prism-terms .terms-content .content-body p {
    line-height: 18px;
    font-size: 13px;
    color: #4a4a4a;
}
.prism-terms .terms-content .content-body p.alone {
    margin-top: 0;
}
.prism-terms .terms-content p.txt-align {
    padding-top: 30px;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    color: #020107;
}
.prism-terms .terms-content .content-body + .content-body {
    padding-top: 30px;
}
.prism-terms .terms-content .content-body a {
    color: #020107;
}
.prism-terms .terms-content .content-body .content-list > li {
    position: relative;
    padding: 5px 0 0 15px;
    line-height: 18px;
    font-size: 13px;
    color: #4a4a4a;
}
.prism-terms .terms-content .content-body .content-list > li:first-child {
    padding-top: 0;
}
.prism-terms .terms-content .content-body .content-list > li:first-child > span.num {
    top: 0;
}
.prism-terms .terms-content .content-body .content-list > li > span.num {
    position: absolute;
    left: 0;
    top: 5px;
}
.prism-terms .terms-content .content-body .content-list > li .content-list-2 {
    padding-top: 5px;
}
.prism-terms .terms-content .content-body .content-list > li .content-list-2 li {
    position: relative;
    padding-left: 15px;
}
.prism-terms .terms-content .content-body .content-list > li .content-list-2 li span.num2 {
    position: absolute;
    top: 0;
    left: 0;
}
.prism-terms .terms-content .content-body .content-list-depth strong {
    display: block;
    margin-top: 10px;
    color: #020107;
}
.prism-terms .terms-content .content-body .content-list-depth li {
    position: relative;
    padding-left: 15px;
}
.prism-terms .terms-content .content-body .content-list-depth li:before {
    content: '•';
    position: absolute;
    top: -1px;
    left: 2px;
}
.terms-footer {
    padding: 35px 0 27px 0;
    text-align: center;
    font-size: 10px;
    color: #929292;
}
.terms-footer .copyright a {
    text-decoration: none;
    color: #929292;
}
.terms-footer .copyright .en {
  font-family: HelveticaNeue,Helvetica,AppleSDGothicNeo-Regular,'나눔고딕',nanumgothic,sans-serif;
}

/* intro 영문 */
[lang=en] #wrap {
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}
[lang=en] .prism-intro .intro-spec ul li:first-child,
[lang=en] .prism-intro .intro-spec ul li:nth-child(2) {
    width: 50%;
    margin: 0 0 40px 0;
}
[lang=en] .prism-intro .intro-spec ul li:last-child {
    margin-right: 0;
}
[lang=en] .prism-intro .intro-spot .prism-inner .btn-area a.pcver {
    background: url(../im/btn_moapp3.png) no-repeat 50% 0;
    background-size: 220px 48px;
    -webkit-background-size: 220px 48px;
}
[lang=en] .prism-intro .intro-spot .prism-inner .btn-area a.mover {
    width: 260px;
    background: url(../im/pcapp/btn_pcapp2.png) no-repeat 50% 0;
    background-size: 260px 48px;
    -webkit-background-size: 260px 48px;
}

[lang=en] .prism-intro .intro-platforms {
    height:588px;
}
[lang=en] .prism-intro .intro-platforms:after{
    top:49px;
}
[lang=en] .prism-intro .intro-interface{
    height:720px;
}
[lang=en] .prism-intro .intro-interface:after {
    top:16px;
}
[lang=en] .prism-intro .intro-device{
    height:797px;
}
[lang=en] .prism-intro .intro-device:after{
    top:26px;
}
[lang=en] .prism-intro .intro-stability:after {
    top:20px;
}
[lang=en] .prism-intro .intro-stability{
    height:528px;
}

/* pcapp_intro */
/* moapp_intro */
[lang=en] .prism-intro .intro-vod {
    height:775px;
}
[lang=en] .prism-intro .intro-platform {
    height:888px;
}
[lang=en] .prism-intro .intro-studio{
    height:777px;
}
[lang=en] .prism-intro .intro-screencast{
    height:773px;
}
[lang=en] .prism-intro .intro-comments{
    height:773px;
}
[lang=en] .prism-intro .intro-editing{
    height:777px;
}
[lang=en] .prism-intro .intro-effect2{
    height:773px;
}
/* spec */
.prism-intro .intro-pcapp-spec {
    margin: 0 auto;
    padding: 50px 0 70px;
    background-color: #000;
}
.prism-intro .intro-pcapp-spec h3 {
    padding-bottom: 30px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    font-weight: normal;
}
.prism-intro .intro-pcapp-spec ul {
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
}
.prism-intro .intro-pcapp-spec ul li {
    float: left;
    width: 80px;
    margin-right: 30px;
    text-align: center;
}
.prism-intro .intro-pcapp-spec ul li:first-child,
.prism-intro .intro-pcapp-spec ul li:nth-child(2),
.prism-intro .intro-pcapp-spec ul li:nth-child(3) {
    margin-bottom: 30px;
}
.prism-intro .intro-pcapp-spec ul li:nth-child(3n) {
    margin-right: 0;
}
.prism-intro .intro-pcapp-spec ul li img {
    padding-bottom: 10px;
}
.prism-intro .intro-pcapp-spec ul li span {
    display: block;
    font-size: 14px;
    color: #dfdfdf;
}
.prism-intro .intro-platforms {
    position:relative;
    width: 100%;
    height: 560px;
    padding-top: 60px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
.prism-intro .intro-platforms:after {
    content:'';
    position:absolute;
    top:1px;
    left:0;
    right:0;
    bottom:0;
    background: url(../im/pcapp/bg_platforms_v4.png) no-repeat 50% 263px;
    background-size: 375px 256px;
    -webkit-background-size: 375px 256px;
        opacity:0;
}
.prism-intro .intro-platforms strong {
    display: block;
    width: 84px;
    height: 14px;
    margin:0 auto 23px;
    background: url(../im/pcapp/sp_pcapp_title_v4.png) no-repeat 0px -1px;
    background-size: 512px 53px;
    -webkit-background-size: 512px 53px;
}
.prism-intro .intro-interface {
    position:relative;
    width: 100%;
    height: 704px;
    padding-top: 60px;
    text-align: center;
    background: #f9f9f9;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.prism-intro .intro-interface:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url(../im/pcapp/bg_interface_v6.png) no-repeat 50% 247px;
    background-size: 850px 423px;
    -webkit-background-size: 850px 423px;
    opacity:0;
}
.prism-intro .intro-interface strong {
    display: block;
    width: 63px;
    height: 14px;
    margin:0 auto 23px;
    background: url(../im/pcapp/sp_pcapp_title_v4.png) no-repeat -87px -1px;
    background-size: 512px 53px;
    -webkit-background-size: 512px 53px;
}
.prism-intro .intro-device {
    position:relative;
    width: 100%;
    height: 771px;
    padding-top: 60px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.prism-intro .intro-device:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url(../im/pcapp/bg_device_v3.png) no-repeat 50% 241px;
    background-size: 717px 483px;
    -webkit-background-size: 717px 483px;
    opacity: 0;
}
.prism-intro .intro-device strong {
    display: block;
    width: 117px;
    height: 14px;
    margin:0 auto 23px;
    background: url(../im/pcapp/sp_pcapp_title_v4.png) no-repeat -154px -1px;
    background-size: 512px 53px;
    -webkit-background-size: 512px 53px;
}
.prism-intro .intro-beauty{
    position:relative;
    width: 100%;
    height: 687px;
    padding-top: 60px;
    text-align: center;
}

.prism-intro .intro-beauty::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(../im/pcapp/bg_beauty_1_v2.png) no-repeat 50% 247px;
    background-size: 717px 483px;
    -webkit-background-size: 717px 483px;
    opacity: 0;
}

.prism-intro .intro-beauty strong {
    display: block;
    width: 100px;
    height: 17px;
    margin:0 auto 23px;
    background: url(../im/pcapp/sp_pcapp_title_v4.png) no-repeat -338px -1px;
    background-size: 512px 53px;
    -webkit-background-size: 512px 53px;
}

.prism-intro .intro-stability {
    position:relative;
    width: 100%;
    height: 508px;
    padding-top: 60px;
    text-align: center;
    background: #f9f9f9;
}
.prism-intro .intro-stability:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(../im/pcapp/bg_stability.png) no-repeat 50% 249px;
    background-size: 375px 260px;
    -webkit-background-size: 375px 260px;
    opacity: 0;
}
.prism-intro .intro-stability strong {
    display: block;
    width: 58px;
    height: 17px;
    margin:0 auto 23px;
    background: url(../im/pcapp/sp_pcapp_title_v2.png) no-repeat -308px -3px;
    background-size: 450px 53px;
    -webkit-background-size: 450px 53px;
}
.prism-intro .intro-pcapp-comments {
    position:relative;
    width: 100%;
    height: 670px;
    padding-top: 60px;
    background: #f9f9f9;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
.prism-intro .intro-pcapp-comments:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url(../im/pcapp/bg_comments_v3.png) no-repeat 50% 260px;
    background-size: 265px 410px;
    -webkit-background-size: 265px 410px;
    opacity: 0;
}
.prism-intro .intro-pcapp-comments strong {
    display: block;
    width: 65px;
    height: 13px;
    margin:0 auto 23px;
    background: url(../im/pcapp/sp_pcapp_title_v4.png) no-repeat -442px -1px;
    background-size: 512px 53px;
    -webkit-background-size: 512px 53px;
}

.prism-intro .intro-platforms p,
.prism-intro .intro-interface p,
.prism-intro .intro-device p,
.prism-intro .intro-stability p,
.prism-intro .intro-pcapp-comments p {
    color: #686868;
    font-size: 15px;
}

/* pcapp_intro 영문*/
[lang=en] .prism-intro .intro-pcapp-comments{
    height:644px;
}
[lang=en] .prism-intro .intro-pcapp-comments:after {
    background: url(../im/pcapp/bg_comments_v2.png) no-repeat 50% 234px;
    background-size: 265px 410px;
    -webkit-background-size: 265px 410px;
}
[lang=en] .prism-intro .intro-continued{
    line-height:21px;
}
[lang=en] .prism-intro .intro-platforms:after{
    background-position:50% 226px;
}
[lang=en] .prism-intro h3.title{
    line-height:33px;
}
  /* help */
  .prism-help {
      padding: 40px 15px 15px;
  }
  .prism-help .en {
      font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
  }
  .prism-help h1 {
      padding:0 0 38px 2px;
      font-size: 38px;
      font-weight: bold;
      color: #020107;
  }
  .prism-help .faq-wrapper {
      padding:0 0 60px 0;
  }
  .prism-help .faq-wrapper h2 {
      padding: 0 0 11px 4px;
      font-size: 18px;
      font-weight: bold;
      color: #020107;
  }
  .prism-help .faq-wrapper ul.faq-lst {
    border-top: 1px solid rgba(2,1,7,0.5);
  }
  .prism-help .faq-wrapper ul li.faq-tit {
      padding-left: 12px;
      border-bottom: 1px solid rgba(228,228,228,0.5);
      background: url(../im/prism_bullet.png) no-repeat 0 23px;
      background-size: 5px 5px;
      -webkit-background-size: 5px 5px;
      font-size: 14px;
      line-height: 20px;
  }
  .prism-help .faq-wrapper ul li a.faq-select {
      position: relative;
      display: block;
      text-decoration: none;
      padding:17px 51px 17px 0;
  }
  .prism-help .faq-wrapper ul li.faq-tit a.faq-select::after {
      content:'';
      width: 15px;
      height: 8px;
      position: absolute;
      top: 24px;
      right: 7px;
      background: url(../im/btn_arrow.png) no-repeat 0 0;
      background-size: 15px 8px;
      -webkit-background-size: 15px 8px;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
  }
  .prism-help .faq-wrapper ul li.faq-tit.hide a.faq-select::after {
      transform: rotate(0);
      -webkit-transform: rotate(0);
  }
  .prism-help .faq-wrapper ul li.faq-tit a.faq-select span {
      color: #020107;
      font-size: 14px;
      line-height: 20px;
      font-weight: bold;
  }
  .prism-help .faq-wrapper a.faq-link {
      border-bottom: 1px solid #3a3a3a;
      text-decoration: none;
      color: #3a3a3a;
      word-wrap: break-word;
  }
  .prism-help .faq-wrapper ul li .faq-content {
      position: relative;
      padding : 10px 36px 2px 19px;
      margin-bottom: 28px;
      color: #3a3a3a;
  }
  .prism-help .faq-wrapper ul li .faq-content .paragraph {
      display: block;
      color: #3a3a3a
  }
  .prism-help .faq-wrapper ul li .faq-content .paragraph {
      padding-top: 27px;
  }
  .prism-help .faq-wrapper ul li .faq-content span.paragraph:first-child {
      padding-top: 0;
  }
  .prism-help .faq-wrapper ul li .faq-content>ul {
      padding-top: 27px;
      color: #3a3a3a;
  }
  .prism-help .faq-wrapper ul li .faq-content ul:first-child {
      padding-top: 0;
  }
  .prism-help .faq-wrapper ul li .faq-content ul.table_p_top li{
    padding-bottom: 0 !important;
  }
  .prism-help .faq-wrapper ul li .faq-content::before {
      background-color: #f1f97a;
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 6px;
      width: 2px;
  }
  .prism-help .faq-wrapper ul.faq-lst .faq-tit.hide .faq-content {
  		display: none;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit.hide a.faq-select span {
      font-weight: normal;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit.hide {
      background: none;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li {
      padding-bottom: 27px;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li:last-child {
      padding-bottom: 0;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li strong {
      vertical-align: middle;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc{
    padding:10px 0 0 10px;
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li{
    padding-left:16px;
    padding-bottom:10px;
    position:relative;
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc.bar_list>li{
   padding-left:10px;
}
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li:last-child{
      padding-bottom:0;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li:before{
      content:"";
      display:block;
      position:absolute;
      top:0;
      left:0;
  }
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li:nth-child(1):before{
  content:"a.";
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li:nth-child(2):before{
  content:"b.";
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li:nth-child(3):before{
  content:"c.";
}

.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc.bar_list>li:before{
  content:"-";
}

.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content ul li .inner_desc>li .sub_list>li{
  padding-bottom: 0 !important;
}

  /*이미지 영역*/
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-img {
      padding: 26px 0;
      margin-top: 23px;
      background-color: #f6f6f6;
      border-radius: 10px;
      text-align: center;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-img li {
      padding-bottom: 40px;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-img.ty2 li:first-child{
      padding-bottom:10px;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-img li p, .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-img p {
      padding-top: 13px;
      color: #1b1b1b;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-img li p span {
      display: inline-block;
      padding-bottom: 0;
      font-weight: bold;
  }
  .prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-lst-last {
      padding-top: 27px;
  }

/* 테이블 공통*/
.faq-table li>.faq-bg-wrap{
    margin:23px 0 40px 0;
    padding-bottom:23px;
    border-radius: 10px;
    background-color: #f6f6f6;
    overflow:hidden;
}
.faq-table li .faq-table-wrap{
    padding:0 20px;
}
.faq-table li>.faq-bg-wrap table{
    width:100%;
    border-collapse: collapse;
    table-layout:fixed;
    margin:0 auto;
    line-height:12px;
    font-size:9px;
    border:1px solid #d2d2d2;
    border-right-width:0;
    word-break: break-all;
}
.faq-table li>.faq-bg-wrap table+table{
    margin-top:20px;
}
.faq-table li>strong{
    font-weight:normal;
}
.faq-table li>.faq-bg-wrap table th{
    padding:10px 0;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    border-top:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
.faq-table li>.faq-bg-wrap table tbody th{
    font-weight:normal;
    text-align: left;
    padding: 10px 7px;
    font-size:9px;
}
.faq-table li>.faq-bg-wrap table td{
  padding:10px 7px;
  border-top:1px solid #d2d2d2;
  border-right:1px solid #d2d2d2;
  position:relative;
}
.faq-table li>.faq-bg-wrap table td.border_topnone{
    border-top:none;
}
.faq-table li>.faq-bg-wrap table td>a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    color:#3a3a3a;
}
.faq-table li>.faq-bg-wrap>p{
    text-align:center;
    margin-top:13px;
}


/*테이블 부분 적용*/
.faq-table li>.faq-bg-wrap table:nth-child(1){
  margin-top:26px;
}


/* 테이블 _ 인코더 부분 */
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-encoder-t li>.faq-bg-wrap{
  margin-top:15px;
  padding-bottom: 23px;
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-encoder-t li>.faq-bg-wrap table th{
  padding:5px;
  border-right:1px solid #d2d2d2;
  word-break: break-all;
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-encoder-t li>.faq-bg-wrap table th:last-child{
  border-right:none;
}
.prism-help .faq-wrapper ul.faq-lst li.faq-tit .faq-content .faq-encoder-t li:nth-child(1)>.faq-bg-wrap table td{
 border-right:1px solid #d2d2d2;
 text-align:center;
}

  .faq-footer {
      padding-bottom: 27px;
      text-align: center;
      font-size: 10px;
      color: #929292;
  }
  .faq-footer a {
      text-decoration: none;
      color: #929292;
  }

  /* error */
  .content.network {
    height: 100%;
    background-color: #fff;
}
.content.network .prism-area .prism-box p {
    text-align: center;
}
.network_error p {
    margin-bottom: 23px;
    font-size: 16px;
    color: #1b1a1f;
    line-height: 20px;
}
.network_error p:before {
    content: '';
    display: block;
    width: 56px;
    height: 93.5px;
    margin: 0 auto 23px;
    background: url(../im/img_error.png) 0 0 no-repeat;
    background-size: 56px 93.5px;
    -webkit-background-size: 56px 93.5px;
}
.network_error .page_reload {
    display: block;
    width: 86px;
    height: 38px;
    margin: 0 auto;
    background: url(../im/img_redirect.png) 0 0 no-repeat;
    background-size: 86px 38px;
    -webkit-background-size: 86px 38px;
}
[lang=en] .network_error .page_reload, [lang=zh-hans] .network_error .page_reload, [lang=zh-hant] .network_error .page_reload, [lang=ja] .network_error .page_reload {
    display: block;
    width: 86px;
    height: 38px;
    margin: 0 auto;
    border-radius: 2px;
    background-image: none;
    background-color: #424145;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 36px;
}

/* password */
.content.pw {
    height: 100%;
    background-color: #000;
}

  /* footer */
  .footer {
      padding-bottom: 27px;
      text-align: center;
  }
  .footer .en {
      font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
  }
  .footer span {
      font-size: 10px;
      color: #929292;
  }
  .footer a {
      text-decoration: none;
      color: #929292;
  }
  .btn_top {
      display: block;
      width: 41px;
      height: 41px;
      position: fixed;
      bottom: 15px;
      right: 15px;
      background: url(../im/btn_top.png) no-repeat 50% 0;
      background-size: 41px 41px;
      -webkit-background-size: 41px 41px;
  }
  /* 애니메이션 */
  .prism-intro .ani_effect01 .section-title{
    opacity: 1;
    animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .6s;
  	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .6s;
  }
  .prism-intro .ani_effect01 h3.title{
 opacity: 1;
    animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .7s;
  	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .7s;
  }
  .prism-intro .ani_effect01 .sub-text{
    opacity: 1;
    animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .8s;
  	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .8s;
  }
  .prism-intro .ani_effect01 .mobile_box{
    opacity: 1;
    animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
  	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
  }
  .prism-intro .ani_effect01 p.txt-noti {
     opacity: 1;
     animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
  	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
  }
  .prism-intro .ani_effect01 .video-list{
    opacity: 1;
    animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
    -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
  }

    .prism-intro .intro-effect.ani_effect01 .tab-container{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
       -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) .9s;
    }
    .prism-intro .intro-effect.ani_effect01 .tab-content{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
      	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }
    .prism-intro .intro-platforms.ani_effect01:after{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
      	-webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }
    .prism-intro .intro-interface.ani_effect01:after{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
        -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }
    .prism-intro .intro-device.ani_effect01:after{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
        -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }
    .prism-intro .intro-beauty.ani_effect01:after{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
        -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }
    .prism-intro .intro-stability.ani_effect01:after{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
        -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }
    .prism-intro .intro-pcapp-comments.ani_effect01:after{
        opacity: 1;
        animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
        -webkit-animation: ani_01 cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
    }



  /* 애니메이션 */
  @keyframes ani_01 {
      from {
          opacity: 0;
      	transform:translateY(100px);
  		-webkit-transform:translateY(100px);
      }
      to {
          opacity: 1;
  		transform:translateY(0);
  		-webkit-transform:translateY(0);

      }
  }

  
@media all and (max-width:320px){

    .prism-intro .intro-effect{
        height: 870px;
    }

    .prism-help .faq-wrapper ul li .faq-content{
        padding: 10px 10px 2px;
    }

}