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

body{background:#fff}
.bn-back {position:absolute; top:0; right:0; display:none; z-index:100;}
.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;}

.top-deco {position:absolute; top:30px; left:140px; display:none; z-index:10;}

.sns-bns {position:absolute; bottom:30px; left:32px; display:none; z-index:10;}
.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;}

/* 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 {position:absolute; left:50%; top:95%; z-index:10; margin-left:-115px;}
.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-start {background:url('../img/indicator-start.png') 0 0 no-repeat !important;}
.indicator-start.on { background-position:0 -26px !important; }
.on{background-color:#000;}

div.pages {position:absolute; top:0; left:0; background-color:#fff;}
.content_page_wrap {display:none;}


/* contents */
/* 2014.05.26 webFont ADD */
.webfont{ font-size: 15px; font-family: secgcm; line-height: 28px; letter-spacing: 0px; text-align:justify; word-break: normal; color: #000}
.webfont span {letter-spacing: 0;}
/* 2014.05.26 webFont ADD */
.webfont, .pages, h3, .bg-con{position:absolute;}
.pages, .cover {position: absolute; width: 1280px; height: 900px}
.pages { background-position: 0px 0px; background-repeat: no-repeat}

/* pages */
.cont01 .cover{ background-image: url('../img/bg_cont01.jpg')}
.cont01 h3 { z-index: 1; left: 169px; top: 216px;}
.cont01 .webfont { z-index: 1; left: 171px; top: 320px;}
.cont01 .txt01 { margin-bottom: 14px;}
.cont01 .btn-play{position:absolute; top: 480px; left: 170px;}
.cont01 .btn-play a {width:173px; height:61px;}

.cont02 { background-image: url('../img/bg_cont02.jpg')}
.cont02 h3 { z-index: 1; left: 699px; top: 438px;}
.cont02 .webfont { z-index: 1; left: 701px; top: 542px;}

.cont03 { background-image: url('../img/bg_cont03.jpg')}
.cont03 h3 { z-index: 1; left: 169px; top: 138px;}
.cont03 .webfont { z-index: 1; left: 169px; top: 243px;}

.cont04 { background-image: url('../img/bg_cont04.jpg')}
.cont04 h3 { z-index: 1; left:418px; top: 606px;}
.cont04 .webfont { z-index: 1; top: 746px; left:0; width: 1280px; text-align: center;}

.cont05 {}
.cont05 .bg-con img{ position: absolute; left: 0px; top:0px}
.cont05 .bg-con .bg2{ z-index: 2}
.cont05 .onview, .cont05 .offview{ width: 280px; height: 100px; position: absolute; top:400px; z-index: 10}
.cont05 .onview a, .cont05 .offview a{display: block}
.cont05 .onview{ right: 80px}
.cont05 .offview{ left: 80px}

.cont06 { background-image: url('../img/bg_cont06.jpg')}
.cont06 h3 { z-index: 1; left: 383px; top: 451px;}
.cont06 .webfont { z-index: 1; top: 656px; left:0; width: 1280px; text-align: center;}

.cont07 { background-image: url('../img/bg_cont07.jpg')}
.cont07 h3 { z-index: 1; left: 169px; top: 268px;}
.cont07 .webfont { z-index: 1; left: 171px; top: 421px;}

.cont08 { background-image: url('../img/bg_cont08.jpg')}
.cont08 h3 { z-index: 1; left: 179px; top: 634px;}
.cont08 .webfont { z-index: 1; left: 178px; top: 693px;}

.cont09 { background-image: url('../img/bg_cont09.jpg')}
.cont09 h3 { z-index: 1; left: 169px; top: 567px;}
.cont09 .webfont { z-index: 1; left: 170px; top: 671px;}

.cont10 { background-image: url('../img/bg_cont10.jpg')}
.cont10 .webfont { z-index: 1; left: 130px; top: 134px;}

.cont11 .cover{ background-image: url('../img/bg_cont11.jpg')}
.cont11 h3 { z-index: 1; left: 169px; top: 80px;}
.cont11 .webfont { z-index: 1; left: 168px; top: 183px;}
.cont11 .txt01 { margin-bottom: 14px;}
.cont11 .btn-play{position:absolute; top: 311px; left: 170px;}
.cont11 .btn-play a {width:173px; height:61px;}

/* .popup .video { position:absolute; left:0px; top:143px; width:1208px; height:608px; } */
.popup .video { position:absolute; left:0px; top:0px; width:1208px; height:608px; }
.cover {position:absolute;}
.cover .bg-con{position:absolute;}
.cover .txt-con {position:absolute; top:201px; left:227px;}
.popup {position:absolute;}
.popup {position:absolute; z-index:1000; width:1280px; height:900px; background-color:#000;}
.popup .close-btn {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#fff;}
.popup .close-btn a { display:block; background:url('../img/close_btn.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}
.popup .video-container {width:1210px; height:680px; margin:145px 0 0 36px; }
.popup .video-player { width:1210px; height:680px; background-color:#000; }

/* brightcove panel */
button {border:0}

.fe_brightcovePanel{overflow:hidden}
.brightcovePanel { position:absolute; width:1210px; 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; border:none }
.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}
.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%; }


/* focus */
a:focus{outline:1px dotted #000}
.close-btn a:focus{outline:1px dotted #fff}