@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;}*/
/* 20140722 jongjin*/
.pages, .popup-pages { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}/* 2014.07.22 jongjin */
.popup-pages:first-child{display: block; }
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }

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


/* btns */
.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; overflow: hidden;}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview_white.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next_white.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back.png') no-repeat left top;}
.inverse.bn-preview span{background:url('../img/bn_preview.png') no-repeat left top;}
.inverse.bn-next span{background:url('../img/bn_next.png') no-repeat left top;}

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

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-51px; }
.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_white.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator.png') 0 0 no-repeat;}
.indicator-btn.inverse.on {background:URL('../img/indicator_on.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%; }

/*
------------------------------------------------
 customized contents
------------------------------------------------
*/
.content_page_wrap {}

.cover{position:absolute; width:1280px; height: 900px}
.page01 { background: url("../img/bg_sc01.jpg") no-repeat #000}
.page01 h1 { position: absolute; left: 123px; top: 404px; z-index: 2;}
.page01 .mask { background: url("../img/img_cover_mask.png") no-repeat; position: absolute; left: 0; width: 1280px; height:2200px; z-index: 1 }

.page02 { background: #000}
.page02 h2, .page03 h2, .page03 h2, .page04 h2 { position: absolute; left: 541px; top: 116px; z-index: 10}
#animateBox01 { overflow: hidden; position: absolute; left: 0; top: 0; width: 1353px; height: 900px; position: relative}
#animateBox01 .philosophy{ position: absolute; background: url("../img/bg_sc02.jpg") no-repeat; width: 1680px; height: 1300px; left:0; top:0; z-index: 1 }
#animateBox01 p { position: absolute; left: 50%; top: 50%; z-index: 5}
#animateBox01 .txt{ width: 845px; height: 451px; margin:-157px 0 0 -460px; }
#animateBox01 .txt span{background-image: url("../img/txt_philosophy01.png"); display: block; background-repeat: no-repeat; opacity: 0;}
#animateBox01 .space { background: none; position: absolute; top: -9999}
#animateBox01 .p0{ background-position:0px 0; height: 163px}
#animateBox01 .p1{ background-position:0px -163px; height: 100px; }
#animateBox01 .p2{ background-position:0px -272px; height: 140px; margin-top: 43px}

.page03 { background: #000}
#animateBox02 { overflow: hidden; position: absolute; left: 0; top: 0; width: 1280px; height: 900px; position: relative}
#animateBox02 .philosophy{ position: absolute; background: url("../img/bg_sc03.jpg") no-repeat; width: 1680px; height: 1300px; left:0; top:0; z-index: 1 }
#animateBox02 p { position: absolute; left: 50%; top: 50%; z-index: 5}
#animateBox02 .txt{ width: 572px; height:138px; margin:-82px 0 0 -286px; }
#animateBox02 .txt span{background-image: url("../img/txt_philosophy02.png"); display: block; height:30px; background-repeat: no-repeat; opacity: 0;}
#animateBox02 .p0{ background-position:0px 0 }
#animateBox02 .p1{ background-position:0px -30px }
#animateBox02 .p2{ background-position:0px -60px }
#animateBox02 .p3{ background-position:0px -119px; margin-top: 29px;}

.page04 { background: #000}
#animateBox03 { overflow: hidden; position: absolute; left: 0; top: 0; width: 1280px; height: 900px; position: relative}
#animateBox03 .philosophy{ position: absolute; background: url("../img/bg_sc04.jpg") no-repeat; width: 1680px; height: 1300px; left:0; top:0; z-index: 1 }
#animateBox03 p { position: absolute; left: 50%; top: 50%; z-index: 5}
#animateBox03 .txt{ width: 780px; height:54px; margin: -28px 0 0 -390px; }
#animateBox03 .txt span{background-image: url("../img/txt_philosophy03.png"); display: block; height:34px; background-repeat: no-repeat; opacity: 0;}
#animateBox03 .p0{ background-position:0px 0 }
#animateBox03 .p1{ background-position:0px -34px }

.page05 { background: #000}

.slide_box { position: absolute; left: 0; top:0; z-index: 15}
.slide_box li {
	cursor:pointer;
	width: 184px;
	height: 900px;
	box-sizing: border-box;
	border-style: solid;
	border-width: 0px;
	border-color: #fff;
	position: absolute;
	overflow: hidden;
}

.slide_box li.on { border-width: 4px; border-color: #fff;}

.slide_box .menutxt {left:0px; top:50%; text-align: center; position: absolute;  width: 100%; height: 900px; margin-top: -450px; z-index: 15;}
.slide_box .menutxt a { display: block; width: 100%; height: 774px; padding: 126px 0 0 0;}
.slide_box .menutxt a:focus { outline: 1px solid #fff}
.slide_box li .line { position: absolute; opacity: 0; z-index: 14; width: 182px; height: 900px; left: 50%; top: 50%; margin: -449px 0 0 -91px; background: url("../img/bg_panal_on.png") no-repeat;}

div.blindLine { position: absolute; width: 1280px; height: 900px; background: url("../img/bg_panal_off.png") no-repeat; z-index: 10; left: 0; top: 0}
#slideBox .thumb { position: absolute; width: 1280px; height: 900px; left: 0; top: 0; z-index: 9}
#slideBox .thumb li{ position: absolute; width: 184px; height: 900px; overflow: hidden}
#slideBox .thumb li>div{position: absolute; width: 100%; height: 900px; background: url("../img/bg_silde_main.jpg") no-repeat 0px 0px; z-index: 8; }

#slideBox .thumb .bg0 div{ background-position: 0px 0px}
#slideBox .thumb .bg1 div{ background-position: -183px 0px}
#slideBox .thumb .bg2 div{ background-position: -366px 0px}
#slideBox .thumb .bg3 div{ background-position: -548px 0px}
#slideBox .thumb .bg4 div{ background-position: -731px 0px}
#slideBox .thumb .bg5 div{ background-position: -914px 0px}
#slideBox .thumb .bg6 div{ background-position: -1096px 0px}

#slideBox { background: #000}
#slideBox .visual { width: 100%; height: 900px; position: absolute; left: 0; top:0; z-index: 1; overflow: hidden}
#slideBox .visual ul { width: 100%; height: 100%;}
#slideBox .visual li { opacity: 0;}
#slideBox .visual li, #slideBox .visual span{ width: 100%; display: block; height: 100%; position: absolute; left: 0; top:0;}
#slideBox .visual span img{ width: 100%; height: 100%;}
#slideBox .visual .img01{ z-index: 2;}
#slideBox .visual .img02{ z-index: 3}

/* popup */
.popup { position:absolute; left:0px; top:0px; width:1280px; height:900px; z-index:10000; background:#fff;}
.popup .close-btn { position: absolute; z-index: 1000; right: 30px; top: 30px; width:83px; height:83px;}
.popup .close-btn a {
	display:block;
	width:83px; height:83px;
	background: url('../img/close_btn.png') 0 0 no-repeat;
	text-indent:-9999px; overflow:hidden; color:#fff;
}
.popup .close-btn.inverse a{background:url('../img/close_btn_black.png') 0 0 no-repeat; color:#000}

/* working */
.bn-pop-prev, .bn-pop-next {
	_display: none;
	position: absolute;
	left: 50%;
	z-index: 100;
	margin-left: -31px;
	width: 19px;
	padding: 12px 21px;
	_background-color: rgba(80, 134, 230, 0.5);
}
.bn-pop-prev {top:11px}
.bn-pop-next {bottom:11px}
.bn-pop-prev span, .bn-pop-next span{display:block; width:19px; height:11px; background:url('../img/popup/arrow_pop.png') no-repeat; text-indent:-9999px; overflow: hidden;}
.bn-pop-prev span{background-position: 0 0; _background-color:rgba(190,255,140,0.5);}
.bn-pop-next span{background-position: 0 -42px; _background-color:rgba(190,255,140,0.5);}
.inverse.bn-pop-prev span{background-position: 0 -21px }
.inverse.bn-pop-next span{background-position: 0 -63px}

.pop-haed{
	position:absolute;
	left:-9999px; top:-9999px;
	visibility:hidden;
	height:0px; width:0;
	text-indent:-9999px; font-size:0
}

.popup .pop_hdcopy{
	position: absolute;
	left:0; top:65px;
	width:1280px;
	height: 18px;
	overflow: hidden;
	z-index: 10;
	text-align:center;
}

.popup .pop_hdcopy.inverse img{margin-top:-18px}

.popup .text_wrap{
	position: absolute;
	z-index: 10;
}

.popup .pics_wrap{ position:relative; width: 1280px; height: 900px;}
.popup .pics_wrap img {
	position: absolute;
	left:0;
	top:0;
}
.popup .pics_wrap .pic_index1{z-index:1}
.popup .pics_wrap .pic_index2{z-index:2}
.popup .pics_wrap .pic_index3{z-index:3}
.popup .pics_wrap .pic_index4{z-index:4}
.popup .pics_wrap .pic_index5{z-index:5}

#popup-1 .pgview1 .text_wrap{left:60px; top:64px}
#popup-1 .pgview1 .text_wrap h4{margin-bottom:126px}
#popup-1 .pgview1 .text_wrap h5{margin-bottom:23px}
#popup-1 .pgview2 .text_wrap{left: 802px; top: 530px;}
#popup-1 .pgview2 .text_wrap h4{margin-bottom:109px}
#popup-1 .pgview2 .text_wrap h5{margin-bottom:27px}
#popup-1 .pgview2 .text_wrap p { margin: 0 0 0 -2px}

#popup-2 .pgview1 .text_wrap{left: 56px; top: 86px;}
#popup-2 .pgview1 .text_wrap h4{margin-bottom:150px}
#popup-2 .pgview1 .text_wrap h5{margin-bottom:26px; margin-left: 4px;}
#popup-2 .pgview1 .txt_cont{margin-left: 3px;}
#popup-2 .pgview2 .text_wrap{left:0; top:724px; width:1280px}
#popup-2 .pgview2 .text_wrap .txt_cont{text-align:center}

#popup-3 .pgview1 .text_wrap{left:88px; top:95px}
#popup-3 .pgview1 .text_wrap h4{margin-bottom:82px}
#popup-3 .pgview1 .text_wrap h5{margin-bottom:24px; margin-left: 4px}
#popup-3 .pgview1 .txt_cont{margin-left: 6px;}

#popup-3 .pgview2 .text_wrap{left:0; top:665px; width:1280px}
#popup-3 .pgview2 .text_wrap .txt_cont{text-align:center; margin-left: 4px}

#popup-4 .pgview1 .text_wrap{left:0; top:73px; width:1280px; text-align:center}
#popup-4 .pgview1 .text_wrap h4{margin-bottom:79px}
#popup-4 .pgview1 .text_wrap h5{margin-bottom:24px}
#popup-4 .pgview2 .text_wrap{left:897px; top:258px;}
#popup-4 .pgview2 .text_wrap h5{margin-bottom:53px}

#popup-5 .pgview2 .text_wrap{left:0; top:0}
#popup-5 .pgview3 .text_wrap{left: 161px; top: 684px;}
#popup-5 .pgview3 .text_wrap h5,
#popup-5 .pgview3 .text_wrap .txt_cont{float:left; }
#popup-5 .pgview3 .text_wrap h5{margin-right:55px}
#popup-5 .pgview4 .text_wrap{left:0; top:583px; width: 1280px}
#popup-5 .pgview4 .text_wrap .txt_cont{text-align: center}
#popup-5 .pgview6 .text_wrap{left:0; top:456px; width: 1280px}
#popup-5 .pgview6 .text_wrap .txt_cont{text-align: center}

#popup-6 .pgview2 .text_wrap{left:0; top:0}
#popup-6 .pgview3 .text_wrap{left:0; top:285px; width: 1280px}
#popup-6 .pgview3 .text_wrap .txt_cont{text-align: center}
#popup-6 .pgview4 .text_wrap{left:0; top:726px; width: 1280px}
#popup-6 .pgview4 .text_wrap .txt_cont{text-align: center}
#popup-6 .pgview6 .text_wrap{left: 884px; top: 282px;}
#popup-6 .pgview6 .text_wrap h5{margin-bottom:60px}

#popup-7 .pgview2 .text_wrap{left:0; top:0}
#popup-7 .pgview3 .text_wrap{left:0; top:721px; width: 1280px}
#popup-7 .pgview3 .text_wrap .txt_cont{text-align: center}
#popup-7 .pgview4 .text_wrap{left:60px; top:294px;}
#popup-7 .pgview4 .text_wrap h5{margin-bottom:60px}
#popup-7 .pgview6 .text_wrap{left: 919px; top: 315px;}
#popup-7 .pgview6 a.btn-video{ position: absolute; right: 89px; top: 533px; z-index: 1;}
#popup-7 .pgview7 { background: #000; }
#popup-7-pg7 .close-video {position:absolute; z-index: 9999; right: 36px; top: 48px; width:83px; height:83px; background: #000}
#popup-7-pg7 .close-video a{display:block; width:83px; height:83px; background: url('../img/btn_close.png') 0 0 no-repeat; text-indent:-9999px; overflow:hidden; color:#fff;}
#popup-7-pg7 video { 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; background-color:#000;}

.popup .video-container { width:1229px; height:691px; margin:142px 0 0 26px; }
.popup .video-player { width:1229px; height:691px; background-color:#000; }

/* brightcove panel */
button {border:0}
.fe_brightcovePanel{overflow:hidden}
.brightcovePanel { position:absolute; width:1229px; 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;}