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


body{background:#fff}

/* btns 20140619 */
.bn-back, .bn-preview, .bn-next{display:none; position:absolute;} 
.bn-back {top:0; right:0; z-index:10;}
.bn-back:focus { outline: 1px dotted #000}
.bn-preview {top:50%; left:0; margin-top:-33px;z-index:100; padding:23px 25px;}
.bn-next {top:50%; right:0; margin-top:-33px; z-index:100; padding:23px 25px;}
.bn-back span, .bn-preview span, .bn-next span{display:block; text-indent:-9999px; overflow: hidden}
.bn-back span{width:60px; height:60px; background:url('../img/bn_back.png') no-repeat left top}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back_white.png') no-repeat left top}
.inverse.bn-preview span{background:url('../img/bn_preview_white.png') no-repeat left top}
.inverse.bn-next span{background:url('../img/bn_next_white.png') no-repeat left top}

/* sns 20140619 */
.sns-bns {position:absolute; bottom:40px; left:32px; display:none; z-index:10000;}
.sns-bns li {border-bottom:1px solid #000}
.sns-bns li.inverse{border-bottom:1px solid #fff;}
.sns-bns li a { display:block; width:21px; height:51px; background-position:left center; background-repeat:no-repeat; text-indent:-9999px; overflow: hidden }
.sns-bns li.sns_3 { border: none}
.sns-bns li.sns_0 a{background-image:url('../img/bn_facebook.png');}
.sns-bns li.sns_1 a{background-image:url('../img/bn_twitter.png');}
.sns-bns li.sns_2 a{background-image:url('../img/bn_qqq.png');}
.sns-bns li.sns_3 a{background-image:url('../img/bn_google.png');}
.sns-bns li.inverse.sns_0 a{background-image:url('../img/bn_facebook_white.png');}
.sns-bns li.inverse.sns_1 a{background-image:url('../img/bn_twitter_white.png');}
.sns-bns li.inverse.sns_2 a{background-image:url('../img/bn_qqq_white.png');}
.sns-bns li.inverse.sns_3 a{background-image:url('../img/bn_google_white.png');}

/* container */
.body_wrap{width:100%; height:100%}
.content_container {position:absolute; top:0; left:50%; margin:0 0 0 -640px; width:1280px; height:900px; overflow:hidden; display:none; background: #fff !important}
div#content-page {position:relative;}
.pages {width:1280px; height:900px; display:none;}
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }

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

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-147px; }
.indicator li{position:relative; width:15px; height:15px; margin: 0px 6px 0px 0px; float: left; cursor : pointer;}
.indicator li a{display:block; width:15px; height:15px; text-indent:-10000px; overflow:hidden;}
.indicator-btn {background:URL('../img/indicator.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator_white.png') 0 0 no-repeat;} /* 20140619 jong */
.indicator-btn.inverse.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}

div.pages {position:absolute; top:0; left:0;}

.content_page_wrap {display:none;}


/* contents */

/* page 1 */
#page1 {background-color:#fff;}
#page1 .bg-con{position:absolute;}
#page1 .bg-con img{position:absolute;}
#page1 .txt-con {position:absolute;top:50%; left:50%; width:1280px; left:50%; top:428px; margin-left:-640px }
#page1 .txt-con .txt-1{position:absolute; width:1000px; left:50%; top:0; margin-left:-500px; text-align:center;}
#page1 .txt-con .txt-2{position:absolute; width:1000px; left:50%; top:5px; margin-left:-500px; text-align:center;}

/* page 2 */
#page2 .bg-con{position:absolute;}
#page2 .txt-con {position:absolute;top:220px; left:190px;}

/* page 3 */
#page3 .bg-con{position:absolute;}
#page3 .bg-con img{position:absolute;}
#page3 .txt-con {position:absolute; top:131px; left:118px;}

/* page 4 */
#page4  {background:#fff;}
#page4 .bg-con{position:absolute;}
#page4 .txt-con {position:absolute; top:360px; left:675px;}

/* page 5 */
#page5  {background:#fff;}
#page5 .bg-con{position:absolute;}
#page5 .bg-con img{position:absolute;}
#page5 .txt-con {position:absolute; top:50%; left:50%; margin:-23px 0 0 -146px;}

/* page 6 */
#page6  {background:#fff;}
#page6 .bg-con{position:absolute;}
#page6 .txt-con {position:absolute; top: 487px; left: 209px;}

/* page 9 */
#page7  {background:#fff;}
#page7 .bg-con{position:absolute;}
#page7 .txt-con {position:absolute; top:439px; left:177px;}

/* page 8 */
#page8  {background:#fff;}
#page8 .bg-con{position:absolute;}
#page8 .txt-con {position:absolute; top:439px; left:149px;}

/* page 9 */
#page9  {background:#fff;}
#page9 .bg-con{position:absolute;}
#page9 .txt-con {position:absolute; top:358px; left:202px;}

/* page 10 */
#page10  {background:#fff;}
#page10 .bg-con{position:absolute;}
#page10 .txt-con {position:absolute; top:358px; left:202px;}

/* page 11 */
#page11  {background:#fff;}
#page11 .bg-con{position:absolute;}
#page11 .txt-con {position:absolute; top:533px; left:153px;}

/* page 12 */
#page12  {background:#fff;}
#page12 .bg-con{position:absolute;}
#page12 .txt-con {position:absolute; top:134px; left:192px;}

/* page 13 */
#page13  {background:#fff;}
#page13 .bg-con{position:absolute;}
#page13 .roll{position:absolute; top: 367px; left: 592px;}
#page13 .roll img{position:absolute;}
#page13 .txt-con {position:absolute; top:90px; left:113px;}

/* page 14 */
#page14  {background:#fff;}
#page14 .cover {position:absolute;}
#page14 .cover .bg-con{position:absolute;}
#page14 .cover .txt-con {position:absolute; top:201px; left:227px;}
#page14 .cover .btn-play{position:absolute; top: 484px; left: 227px;}
#page14 .cover .btn-play a {width:173px; height:61px;}
#page14 .popup {position:absolute;}
#page14 .popup {position:absolute; z-index:1000; width:1280px; height:900px; background-color:#000;}
#page14 .popup a { display:block; background:url('../img/close_btn.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:30px 0 0 1160px; overflow:hidden;}	/* outline:none; */
#page14 .popup a:focus { outline: 1px dotted #fff}
#page14 .popup .video-container {width:1208px; height:608px;margin:21px 0 0 40px; }
#page14 .popup .video-player { width:1208px; height:608px; background-color:#000; }
/* .popup .video { position:absolute; left:0px; top:143px; width:1208px; height:608px; } */
.popup .video { position:absolute; left:0px; top:0px; width:1208px; height:608px; }

/* brightcove panel */
button {border:0}
.fe_brightcovePanel{overflow:hidden}

.brightcovePanel { position:absolute; width:1208px; height:40px; overflow:hidden; filter:Alpha(opacity=0.1); opacity:0.01; background-image:url(http://www.samsung.com/common/img/bg_panel.gif); z-index:0; }
.brightcovePanel.show {filter:Alpha(opacity=100) !important; opacity:1 !important;z-index:4000 !important;}
.brightcovePanel .leftPanel {float:left}
.brightcovePanel .rightPanel {float:right}
.brightcoveContainer .video{ position:relative;	width:100%; height:100%; z-index:3000; }
.brightcovePanel button { float:left;width:50px;height:36px;overflow:hidden;padding-top:40px; margin: 1px; font-family: Arial, verdana, sans-serif;color: #000;font-size: 1.1em;background-repeat: no-repeat;
}
.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;}


/* loading */
.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:76px; height:16px; background:url('../img/loading.png') 0 0; }
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }


/* 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%; }


/* ie9 PNG fix */
#page1 .txt-1 img {zoom: 1; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";}
#page1 .txt-2 img {zoom: 1; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";}