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

body{}
.body_wrap{width:100%; height:100%}
.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; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }
.hide_text{position:absolute; left:-9999px; top:-9999px; width:0; height:0; visibility:hidden;font-size:0;}

/* 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:-75px; }
.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;}

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

/* brightcove panel */
.fe_brightcovePanel{overflow:hidden}
.brightcovePanel { position:absolute; left:0; top:0; width:1080px; height:40px; 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}
.brightcovePanel .rightPanel {float:right}
.brightcoveContainer .video{position:relative;	z-index:3000;width:100%;height:100%}
.brightcovePanel button {float:left;width:50px;height:40px;overflow:hidden;padding-top:40px;font-family: Arial, verdana, sans-serif;color: #000;font-size: 1.1em;background-repeat: no-repeat;
}
.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;}

/*
------------------------------------------------
 customized contents
------------------------------------------------
*/

/* 2014.04.28 webFont ADD */
.content_container .webfont{ font-size: 14px; font-family: secgcm; line-height: 28px; letter-spacing: 0; text-align:justify; color: #535353}
/* 2014.04.28 webFont ADD */

.cover {position:absolute; width:1280px; height:900px;}
.intro_galaxy { position:absolute; left: 949px; top: 111px; z-index: 9}#page1 img{display: block}
#page1 .mc_s5 { position:absolute; left: 0px; top:148px}
#page1 .mc_galaxy { position:absolute; right: -92px; top: 111px;}
#page1 .left_txt { position:absolute; left: 34px; top: 399px; z-index: 10}

#page2 .mc_txt01 { position:absolute; left: 377px; top: 258px;}
#page2 .mc_txt02 { position:absolute; left: 376px; top: 308px;}
#page2 .webfont { position:absolute; left: 377px; top: 597px; font-size: 15px}
#page2 .intro_galaxy { position:absolute; left: -113px; top:111px}

#page3 p { position:absolute; left:0px; top:456px;}
#page3 h3 { position:absolute; left: 123px; top: 627px;}
#page3 .webfont { position:absolute; left: 121px; top: 706px; width: 652px}

#page4 p { position:absolute; left:0px; top:456px;}
#page4 h3 { position:absolute; left: 121px; top: 177px;}
#page4 .webfont { position:absolute; left: 640px; top: 172px; width: 522px;}
#page4 .img_box {position:absolute; left: 50px; top: 400px; width: 1180px; height: 410px; overflow: hidden;}
#page4 .img_box span{ display: block; width: 400px; height: 400px; text-indent: -9999px}
#page4 .img01{position:absolute; left: 8px; top: 0px;}
#page4 .img02{position:absolute; left: 395px; top: 54px;}
#page4 .img03{position:absolute; left: 642px; top: 27px;}
#page4 .img04{position:absolute; left: 868px; top: 0px;}
#page4 .img01 span{background: url(../img/p3_img01.png) no-repeat 0px 0px; height: 305px}
#page4 .img02 span{background: url(../img/p3_img02.png) no-repeat 0px 0px; width: 256px; height: 230px}
#page4 .img03 span{background: url(../img/p3_img03.png) no-repeat 0px 0px; width: 233px; height: 362px}
#page4 .img04 span{background: url(../img/p3_img04.png) no-repeat 0px 0px; width: 268px; height: 296px}

.img_box span.onload { position: absolute; z-indeemx: 10; top:0px; left: 0px}
.img_box span.overimg { position: absolute; z-index: 5; top:0px; left: 0px}
.img_box em.msg { position: absolute; width: 77px; height:62px; display: block; 
background: url(../img/p3_img01_text.png) no-repeat 0px 0px; left: 258px; top: 24px; text-indent: -9999px;}

#page4 .img01 span.overimg{background: url(../img/p3_img01_on.png) no-repeat 0px 0px;}
#page4 .img02 span.overimg{background: url(../img/p3_img02_on.png) no-repeat 0px 0px;}
#page4 .img03 span.overimg{background: url(../img/p3_img03_on.png) no-repeat 0px 0px;}
#page4 .img04 span.overimg{background: url(../img/p3_img04_on.png) no-repeat 0px 0px;}

#page4 .img01 span.onload{background: url(../img/p3_img01_t.png) no-repeat 0px 0px;}
#page4 .img02 span.onload{background: url(../img/p3_img02_t.png) no-repeat 0px 0px;}
#page4 .img03 span.onload{background: url(../img/p3_img03_t.png) no-repeat 0px 0px;}
#page4 .img04 span.onload{background: url(../img/p3_img04_t.png) no-repeat 0px 0px;}

.noOver .img01 span{background: url(../img/p3_img01_t.png) no-repeat 0px 0px !important;}
.noOver .img02 span{background: url(../img/p3_img02_t.png) no-repeat 0px 0px !important;}
.noOver .img03 span{background: url(../img/p3_img03_t.png) no-repeat 0px 0px !important;}
.noOver .img04 span{background: url(../img/p3_img04_t.png) no-repeat 0px 0px !important;}
.noOver .msg { display: none !important;}

#page5 p { position:absolute; left:0px; top:456px;}
#page5 h3 { position:absolute; left: 123px; top: 307px;}
#page5 .webfont { position:absolute; left: 122px; top: 448px; width: 505px;}

#page7 p { position:absolute; left:0px; top:456px;}
#page7 h3 { position:absolute; left: 600px; top: 295px;}
#page7 .txt01 { position:absolute; left: 599px; top: 446px; width: 269px;}
#page7 .txt02 { position:absolute; left: 895px; top: 446px; width: 273px;}

#page8 p { position:absolute; left:0px; top:456px;}
#page8 .mc_galaxy { position:absolute; right: -85px; top: 111px;}
#page8 h3 { position:absolute; left: 207px; top: 316px;}
#page8 .webfont { position:absolute; left: 207px; top: 462px; width: 566px; line-height: 30px}


.border { border:1px solid red }
.on{ background-color:#000; }
.hide {display:none;}
.show {display:block;}
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.bottom { position:absolute; bottom:0px; }
.shadow {
	-moz-box-shadow: 5px 5px 6px #222222;
	-webkit-box-shadow: 5px 5px 6px #222222;
	box-shadow: 5px 5px 6px #222222;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#222222')";	/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#222222');/* For IE 5.5 - 7 */
}