@import url('../../../css/webfont.css');

/* common */
/*.content_container {display:none; position:relative; width:1280px; height:900px; margin:0 auto; overflow:hidden}*/
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }
.content_container {position:absolute; top:0; left:50%; margin:0 0 0 -640px; width:1280px; height:900px; overflow:hidden; display:none;}
.content_page_wrap { display:none; }
div.pages { position:absolute; top:0; left:0; }
.side-txt.meaningful {position:absolute; top:387px; left:36px;}
.side-txt.about {position:absolute; top:423px; left:36px;}

.show { display:block; }
.hide { display:none; }

/* btns */
.bn-back {position:absolute; top:0; right:0; display:none; z-index:10;}
.bn-preview {position:absolute; top:50%; left:0; margin-top:-33px; display:none;z-index:100; padding:23px 25px;}
.bn-next {position:absolute; top:50%; right:0; margin-top:-33px; display:none;z-index:100; padding:23px 25px;}

/* portal link */
.btns {position:absolute; right:130px; bottom:24px; z-index:1000}
.btns a {display:block; overflow:hidden; text-indent:-10000px; width:184px; height:12px; padding:8px 0 12px 11px;}
.btns .mPortal {background:url('../img/nav_milano.png') 15px 10px no-repeat; border:5px solid #000; margin:-5px 0 5px -5px;}

/* sns */
.sns-bns {position:absolute; bottom:96px; left:32px; display:none;  z-index:1000;}
.sns-bns li {}
.sns-bns li a { display:block; width:21px; height:51px }
.sns-bns li a.underline{border-bottom:1px solid #000;}
.sns-bns li a > img{margin-top:12px;}
.sns-bns li a > img.mTop14{margin-top:14px;}


/* loading */

.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:100px; height:10px; opacity: 1;}
.loading .loading-list { width: 100%; height: 100%; display: flex; justify-content: space-around;}
.loading .loading-dot {width: 8px; height: 8px; border-radius: 100%;}
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }


/* 딜레이가 들어간 순차 확대 애니메이션 */
.loading .loading-dot {
  animation: loadingPulse 1.2s infinite ease-in-out;
  transform-origin: center center;
  background-color: #000; 
  opacity: 0.3;          
}

/* 각 dot에 순차 딜레이 */
.loading .loading-dot:nth-child(1) { animation-delay: 0s; }
.loading .loading-dot:nth-child(2) { animation-delay: 0.1s; }
.loading .loading-dot:nth-child(3) { animation-delay: 0.2s; }
.loading .loading-dot:nth-child(4) { animation-delay: 0.3s; }
.loading .loading-dot:nth-child(5) { animation-delay: 0.4s; }

@keyframes loadingPulse {
   0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 1;      
    transform: scale(1.1); 
  }
}



/* info_rotate */

.info_rotate { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999; display:none; }
.info_rotate img { width:100%; }

/* brightcove panel */
button {border:0}
.fe_brightcovePanel{overflow:hidden}
.brightcovePanel { position:absolute; left:0; top:0; width:1017px; height:38px; padding:1px 0; overflow:hidden; filter:Alpha(opacity=0.1); opacity:0.01; z-index:0; background-image:url(http://www.samsung.com/common/img/bg_panel.gif) }
.brightcovePanel.show {filter:Alpha(opacity=100) !important; opacity:1 !important;z-index:4000 !important;}
.brightcovePanel .leftPanel {float:left; margin-left:1px}
.brightcovePanel .rightPanel {float:right}
.brightcoveContainer .video{position:relative;	z-index:3000;width:100%;height:100%}
.brightcovePanel button {float:left;width:50px; height:38px; padding:0; margin-right:1px; overflow:hidden; text-indent:-9999px; background-repeat: no-repeat; background-position:left -1px }
.brightcovePanel button:focus{outline:1px dotted #fff}
.brightcovePanel .rewind {background-image: url(http://www.samsung.com//common/img/btn_rewind.gif); }    
.brightcovePanel .play {background-image: url(http://www.samsung.com//common/img/btn_play.gif);}    
.brightcovePanel .pause {background-image: url(http://www.samsung.com//common/img/btn_pause.gif); }    
.brightcovePanel .forward {background-image: url(http://www.samsung.com//common/img/btn_forward.gif); }
.brightcovePanel .mute {background-image: url(http://www.samsung.com//common/img/btn_volon.gif); }
.brightcovePanel .volume-down {background-image: url(http://www.samsung.com//common/img/btn_voldown.gif); }
.brightcovePanel .volume-up {background-image: url(http://www.samsung.com//common/img/btn_volup.gif); }
.brightcovePanel .muted{background-image: url(http://www.samsung.com//common/img/btn_volmute.gif);}
.endofbrightcove{overflow:hidden;width:0px;height:0px;position:absolute}
.liveregion{overflow:hidden;width:0px;height:0px}
/* brightcove, youtube panel css add 20120618 acgyjjeong */
.brightcovePanel .rightPanel a, .youtubePanel .rightPanel a {overflow:hidden;display:inline-block;float:left;height:40px;}
.brightcovePanel .rightPanel button.bc-cc {width:34px;background-image:url(http://www.samsung.com//common/img/btn_bc_cc.png);}
.brightcovePanel .rightPanel button.bc-cc.over {background-image:url(http://www.samsung.com//common/img/btn_bc_cc_over.png) !important;}
.brightcovePanel .rightPanel button.bc-cc.on {background-image:url(http://www.samsung.com//common/img/btn_bc_cc_on.png) !important;}
.brightcovePanel .rightPanel a.bc-yt {padding-right:10px;}
.youtubePanel .rightPanel a.youtube-share {display:inline-block;padding:0 15px 0 17px;background:url(http://www.samsung.com//common/img/bg_yt_share_line.gif) no-repeat left top ;line-height:40px;color:#fff;font-size:11px;font-weight:bold;}
.youtubePanel .rightPanel a.youtube-share:hover {color:#00a8e1;text-decoration:none;}


.pages {width:1280px; height:900px; background:url(../img/bg_teaser.gif) no-repeat right bottom; display:none;}
.pages h1{padding:83px 0 0 130px;}
.pages p.subtxt{padding:18px 0 0 130px;}
.video-container {position:relative; width:1017px; height:590px; margin:32px 0 0 130px; bottom:2px; }
.video-container p {visibility:hidden; width:0; height:0; font-size:0;}