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

/*
------------------------------------------------
 common 
------------------------------------------------
*/

body{}
.body_wrap{width:1280px; height:900px;}
.content_container { display:none; position:absolute; top:0; left:50%; width:1280px; height:900px; margin:0 0 0 -640px; overflow:hidden;}
.content_page_wrap { display:none;}
/*#content_page {position:absolute; width:1280px; height:900px; z-index:1;}*/
div.pages { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.acc_tag{position:absolute; left:-9999px; top:-9999px; height:0px; width:0; text-indent:-9999px; font-size:0 }

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

/* btns 20140619 */
.bn-back, .bn-preview, .bn-next{display:none; position:absolute;}
.bn-back {top:0; right:0; z-index:10;}
.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; overflow: hidden; text-indent:-9999px }
.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');}


/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-126px; }
.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;}

/* focus */
.sns-bns li a:focus { outline: 1px dotted #000}
.indicator-btn a:focus { outline: 1px dotted #000}
a.bn-next:focus { outline: 1px dotted #000}
a.bn-preview:focus { outline: 1px dotted #000}
.sns-bns li.inverse a:focus { outline: 1px dotted #fff}
.indicator-btn.inverse a:focus { outline: 1px dotted #fff}
a.bn-next.inverse:focus { outline: 1px dotted #fff}
a.bn-preview.inverse:focus { outline: 1px dotted #fff}

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

/*
------------------------------------------------
 customized contents
------------------------------------------------
*/
.mask, .animate{ width: 1280px; height: 900px; position: absolute;}

.page01 { background: url("../img/bg_sc01.jpg") no-repeat }
.page01 h1, .page01 h2 {text-indent: -9999px; position: absolute; }
.page01 h1{ background: url("../img/txt_sc01_1.png") no-repeat; width: 234px; height:19px; left: 523px;	top: 143px;}
.page01 h2{ background: url("../img/txt_sc01_2.png") no-repeat; width: 762px; height: 208px; left: 260px; top: 302px;}
.page01 .webfont{ position: absolute; left: 0px; top: 551px; width: 1280px; text-align: center; line-height: 26px; letter-spacing: -0.35px;}

.page02 { background: url("../img/bg_sc02.jpg") no-repeat }
.page02 .webfont{ position: absolute;left: 664px; top: 485px; width: 790px; }
.page02 .webfont p{ width: 400px; padding: 33px 0 0 23px; }


.page03 { background: url("../img/bg_sc03.jpg") no-repeat}
.page03 .webfont{ position: absolute; left: 820px; top: 402px; width: 291px; }

.page04 { background: #fff; position: relative}
.page04 .mask{ z-index: 5; background: url("../img/bg_sc04_mask.png") no-repeat bottom; }
.page04 .animate{ z-index: 2}
.page04 .animate span{ position: absolute; left: 0; top: 0; display: block;}
.page04 .webfont{ position: absolute; left: 93px; top: 458px; width: 790px; z-index: 10}
.page04 .webfont p{ padding: 30px 0 0 25px; width: 385px;}

.page05 {  background: url("../img/bg_sc05.jpg") no-repeat}
.page05 .webfont{ position: absolute; position: absolute; left: 177px; top: 385px; width: 288px;}

.page06 { background: #fff; position: relative}
.page06 .mask{ z-index: 5; background: url("../img/bg_sc06_mask.png") no-repeat 0 0; }
.page06 .animate{ z-index: 2}
.page06 .animate span{ position: absolute; left: 0; top: 0; display: block}
.page06 .webfont{ position: absolute; left: 914px; top: 674px; width: 350px; z-index: 10}

.page07 { background: url("../img/bg_sc07.jpg") no-repeat}
.page07 .webfont{ position: absolute; left: 910px; top: 560px; width: 290px; }

.page08 { background: url("../img/bg_sc08.jpg") no-repeat}
.page08 .webfont{ position: absolute; left: 243px; top: 625px; 
	width: 790px; }

.page09 { background: url("../img/bg_sc09.jpg") no-repeat}
.page09 .webfont{ position: absolute; left: 120px; top: 149px; width: 399px; }

.page10 { background: url("../img/bg_sc10.jpg") no-repeat}
.page10 .webfont{ position: absolute; left: 243px; top: 625px; 
	width: 790px; }

.page11 .cover{ background: url("../img/bg_sc11.jpg") no-repeat;}
.page11 .webfont{ position: absolute; left: 120px; top: 719px; width: 790px; }
.page11 .btn-play{position: absolute; right: 209px; bottom: 127px;}
.page11 .animate { position: absolute; left: 344px; top: 116px; width: 595px; height: 346px;}
.page11 .animate span{ position: absolute; left: 0; top: 0; display: block}

.page12 { background: url("../img/bg_sc12.jpg") no-repeat}
.page12 .webfont{ position: absolute; left: 488px; top: 432px; width: 790px; }

.pages, .cover{position:absolute; width:1280px; height: 900px}

/* popup */
.popup { position:absolute; left:0px; top:0px; width:1280px; height:900px; z-index:10000; background:#fff;}
.popup .close-btn {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#000;}
.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 .close-btn a:focus{ outline:1px dotted #fff}


/* 2014.05.19 webFont ADD */
/*.webfont_head{ margin-bottom:18px; font-size: 18px; line-height: 28px; font-family:secgcb}*/
.webfont{ font-size: 15px; font-family: secgcm; line-height: 28px; letter-spacing: -0.5px; text-align:justify; word-break: normal; color: #333}
.webfont span { letter-spacing: 0; }
/* 2014.05.19 webFont ADD */


/* .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:681px; margin:145px 0 0 36px; }
.popup .video-player { width:1210px; height:681px; 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;}