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

.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;}

.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 #FFF;}
.sns-bns li a > img{margin-top:12px;}
.sns-bns li a > img.mTop14{margin-top:14px;}


.content_container {position:absolute; top:0; left:50%; margin:0 0 0 -640px; width:1280px; height:900px; overflow:hidden; display:none;}
div#content-page {position:relative;}

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

/*
#content_page {position:absolute; left:0; top:0px; width:1280px; height:900px;}
.contents {position:absolute; left:-1280px; display:none; width:1280px; height:900px;}
*/


/*
@media screen and (max-width:1024px) {
	.content_container {width:1024px; height:768px; margin:-334px 0 0 -512px;}
	#content_page {width:1024px; height:768px;}
	#content_page img {width:1024px;}
	.contents {width:1024px; height:768px;}
}

 @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) {
	.content_container {width:1280px; height:800px; margin:-320px 0 0 -640px;}
	.content_page_wrap {padding-left:85px}
	#content_page {width:1115px; height:784px;}
	#content_page img {width:1115px;}
	.contents {width:1024px; height:768px;}
}
#page1 {background:URL('../img/page_01.png') 0 0 no-repeat}
*/

div.pages, div.pages > p, div.pages .text {position:absolute; top:0; left:0;}


.content_page_wrap {display:none;}

/* global */

.pages {width:1280px; height:900px; display:none;}
.left {float:left;}
.right {float:right;}
/*.more-btn, .more-btn-txt {display:block; background:URL('../img/artist_more_btn2.png') 0 0  no-repeat; text-indent:-10000px; overflow:hidden; width:114px; height:58px; margin-top:35px;}*/
.more-btn, .more-btn-txt {position:absolute; display:block; margin-top:12px; }
.close-btn-txt {position:absolute; display:none; margin-top:5px; margin-left:5px; opacity:0;}
.close-btn {position:absolute; display:none; margin-top:6px; margin-left:6px;opacity:0;}
/*.close-btn {display:block; background:URL('../img/artist_close_btn.png') 0 0  no-repeat; text-indent:-10000px; overflow:hidden; width:114px; height:58px; margin-top:35px;}*/

/* navigator */

div.navigator {position:absolute; z-index:100; left:52px; bottom:30px; display:none}
div.navigator ul li {float:left;}
div.navigator ul li a {display:block; text-indent:-10000px; overflow:hidden; height:96px; margin-left:-3px;}
div.navigator ul li.nav-0 a {background:URL('../img/nav_0.png') 0 0  no-repeat; width:74px;}
div.navigator ul li.nav-0.on a {background:URL('../img/nav_0_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-0 a:hover {background:URL('../img/nav_0_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-1 a {background:URL('../img/nav_1.png') 0 0  no-repeat; width:130px;}
div.navigator ul li.nav-1.on a {background:URL('../img/nav_1_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-1 a:hover {background:URL('../img/nav_1_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-2 a {background:URL('../img/nav_2.png') 0 0  no-repeat; width:130px;}
div.navigator ul li.nav-2.on a {background:URL('../img/nav_2_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-2 a:hover {background:URL('../img/nav_2_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-3 a {background:URL('../img/nav_3.png') 0 0  no-repeat; width:68px;}
div.navigator ul li.nav-3.on a {background:URL('../img/nav_3_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-3 a:hover {background:URL('../img/nav_3_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-4 a {background:URL('../img/nav_4.png') 0 0  no-repeat; width:81px;}
div.navigator ul li.nav-4.on a {background:URL('../img/nav_4_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-4 a:hover{background:URL('../img/nav_4_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-5 a {background:URL('../img/nav_5.png') 0 0  no-repeat; width:130px;}
div.navigator ul li.nav-5.on a {background:URL('../img/nav_5_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-5 a:hover {background:URL('../img/nav_5_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-6 a {background:URL('../img/nav_6.png') 0 0  no-repeat; width:105px;}
div.navigator ul li.nav-6.on a {background:URL('../img/nav_6_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-6 a:hover {background:URL('../img/nav_6_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-7 a {background:URL('../img/nav_7.png') 0 0  no-repeat; width:97px;}
div.navigator ul li.nav-7.on a {background:URL('../img/nav_7_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-7 a:hover {background:URL('../img/nav_7_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-8 a {background:URL('../img/nav_8.png') 0 0  no-repeat; width:108px;}
div.navigator ul li.nav-8.on a {background:URL('../img/nav_8_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-8 a:hover {background:URL('../img/nav_8_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-9 a {background:URL('../img/nav_9.png') 0 0  no-repeat; width:121px;}
div.navigator ul li.nav-9.on a {background:URL('../img/nav_9_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-9 a:hover {background:URL('../img/nav_9_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-10 a {background:URL('../img/nav_10.png') 0 0  no-repeat; width:85px;}
div.navigator ul li.nav-10.on a {background:URL('../img/nav_10_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-10 a:hover {background:URL('../img/nav_10_on.png') 0 0  no-repeat;}*/

div.navigator ul li.nav-11 a {background:URL('../img/nav_11.png') 0 0  no-repeat; width:83px;}
div.navigator ul li.nav-11.on a {background:URL('../img/nav_11_on.png') 0 0  no-repeat;}
/*div.navigator ul li.nav-11 a:hover {background:URL('../img/nav_11_on.png') 0 0  no-repeat;}*/

/* main */

#page1 {background:URL('../img/page_01.jpg') 0 0  no-repeat;}
#page1 h1 {position:absolute; left:50%; top:88px; margin-left:-205.5px;}

#page1 .menus {position:absolute;}
#page1 .menus a {display:block; text-indent:-10000px; overflow:hidden;}

#page1 .menu-0 { left:89px; top:267px;}
#page1 .menu-0 a { background:URL('../img/p1_menu_0.png') 0 0  no-repeat; width:316px; height:369px;}
#page1 .menu-0 a:hover {background:URL('../img/p1_menu_0_on.png') 0 0  no-repeat;}

#page1 .menu-1 { left:126px; top:693px;}
#page1 .menu-1 a { background:URL('../img/p1_menu_1.png') 0 0  no-repeat; width:182px; height:151px;}
#page1 .menu-1 a:hover {background:URL('../img/p1_menu_1_on.png') 0 0  no-repeat;}

#page1 .menu-2 { left:426px; top:636px;}
#page1 .menu-2 a { background:URL('../img/p1_menu_2.png') 0 0  no-repeat; width:130px; height:151px;}
#page1 .menu-2 a:hover {background:URL('../img/p1_menu_2_on.png') 0 0  no-repeat;}

#page1 .menu-3 { left:491px; top:363px;}
#page1 .menu-3 a { background:URL('../img/p1_menu_3.png') 0 0  no-repeat; width:247px; height:157px;}
#page1 .menu-3 a:hover {background:URL('../img/p1_menu_3_on.png') 0 0  no-repeat;}

#page1 .menu-4 { left:598px; top:558px;}
#page1 .menu-4 a { background:URL('../img/p1_menu_4.png') 0 0  no-repeat; width:198px; height:171px;}
#page1 .menu-4 a:hover {background:URL('../img/p1_menu_4_on.png') 0 0  no-repeat;}

#page1 .menu-5 { left:823px; top:647px;}
#page1 .menu-5 a { background:URL('../img/p1_menu_5.png') 0 0  no-repeat; width:159px; height:210px;}
#page1 .menu-5 a:hover {background:URL('../img/p1_menu_5_on.png') 0 0  no-repeat;}

#page1 .menu-6 { left:824px; top:363px;}
#page1 .menu-6 a { background:URL('../img/p1_menu_6.png') 0 0  no-repeat; width:159px; height:128px;}
#page1 .menu-6 a:hover {background:URL('../img/p1_menu_6_on.png') 0 0  no-repeat;}

#page1 .menu-7 { left:955px; top:206px;}
#page1 .menu-7 a { background:URL('../img/p1_menu_7.png') 0 0  no-repeat; width:182px; height:182px;}
#page1 .menu-7 a:hover {background:URL('../img/p1_menu_7_on.png') 0 0  no-repeat;}

#page1 .menu-8 { left:1035px; top:430px;}
#page1 .menu-8 a { background:URL('../img/p1_menu_8.png') 0 0  no-repeat; width:159px; height:134px;}
#page1 .menu-8 a:hover {background:URL('../img/p1_menu_8_on.png') 0 0  no-repeat;}

#page1 .menu-9 { left:991px; top:705px;}
#page1 .menu-9 a { background:URL('../img/p1_menu_9.png') 0 0  no-repeat; width:202px; height:152px;}
#page1 .menu-9 a:hover {background:URL('../img/p1_menu_9_on.png') 0 0  no-repeat;}

/* Intro */

/*#page2 {background:URL('../img/page_02.jpg') 0 0  no-repeat;}*/
#page2 .top {position:absolute; left:379px; top:58px;}
#page2 .top h2 {margin:20px 0;}
#page2 .top p {margin:0 auto;}
#page2 .top p.txt1 {width:184px;}
#page2 .top p.txt2 {width:220px;}
#page2 .bot {width:1280px; height:688px; background:URL('../img/p2_box_bg.png') 0 0  repeat; position:relative; top:212px;}
#page2 .contents {width:845px; margin:0 auto; padding-top:90px;}
#page2 .contents .left p {margin-top:147px;}
#page2 .contents .right h3 {margin-top:12px;}
#page2 .contents .right p {margin-top:79px;}
#page2 .contents .right a {display:block; text-indent:-10000px; overflow:hidden; background:URL('../img/p2_btn_play.png') 0 0  no-repeat; width:403px; height:75px; margin-top:40px;}
#page2 .artist-motion {background:URL('../img/page_02.jpg') 0 0  no-repeat;}

#page2-pop {position:absolute; background:#000000; width:1280px; height:900px;}
#page2-pop .movie-close-btn { position:absolute; margin-top:30px; right:30px; }
#page2-pop .movie-close-btn a { display:block; width:82px; height:83px; overflow:hidden; background:URL('../img/btn_close.png') 0 0  no-repeat; text-indent:-10000px; }

.popup .video-container {width:1280px; height:680px;margin-top:140px; }
.popup .video-player {width:1280px; height:680px;display:block; background-color:#000; }


/* Artist */

.artist {position:absolute; width:1280px; height:900px;}
.artist .loop {width:1280px; height:900px; background-color:#000;}
.artist .loop img {position:absolute; left:0; top:0; filter:Alpha(opacity=0); opacity:0;}
/*.artist .title {position:absolute; left:119px; top:68px;}*/
.artist .content {position:absolute; left:119px; top:342px;}
.artist .content h4 {margin-bottom:23px;}
.artist .content .para-1 p {margin-bottom:50px;}
.artist .popup{position:absolute; left:0; top:0px;}

.artist1 {background:URL('../img/p_artist1_pop.jpg') 0 0  no-repeat;}
.artist2 {background:URL('../img/p_artist2_pop.jpg') 0 0  no-repeat;}
.artist3 {background:URL('../img/p_artist3_pop.jpg') 0 0  no-repeat;}
.artist4 {background:URL('../img/p_artist4_pop.jpg') 0 0  no-repeat;}
.artist5 {background:URL('../img/p_artist5_pop.jpg') 0 0  no-repeat;}
.artist6 {background:URL('../img/p_artist6_pop.jpg') 0 0  no-repeat;}
.artist7 {background:URL('../img/p_artist7_pop.jpg') 0 0  no-repeat;}
.artist8 {background:URL('../img/p_artist8_pop.jpg') 0 0  no-repeat;}
.artist9 {background:URL('../img/p_artist9_pop.jpg') 0 0  no-repeat;}

.artist-motion {position:absolute; width:1280px; height:900px;}


/* outro */

#page12 {background:URL('../img/page_03.jpg') 0 0  no-repeat;}
#page12 h3 {margin: 15px 0 0 12px;}


/*.video-container iframe {display:none; background-color:#333333; width:1280px; height:730px;}*/
.pages .title {position:absolute; left:119px; top:68px; z-index:10}
.pages .title a {position:absolute; margin-top:132px; width:120px; height:82px;}

/* image indicator */

.img-indicator {position:absolute; z-index:9; top:222px; left:266px; display:none;}
.img-indicator li{position:relative; width:15px; height:15px; margin: 0px 7px 0px 0px; float: left; cursor : pointer;}
.img-indicator li a{display:block; width:15px; height:15px; text-indent:-10000px; overflow:hidden;}
.img-indicator li a img{position:absolute;}
.img-indicator li a .indicator-45{display:none; filter:Alpha(opacity=0); opacity:0;}
.img-indicator li a .indicator-90{display:none; filter:Alpha(opacity=0); opacity:0;}

h3 {position:absolute;}

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

.fe_brightcovePanel{overflow:hidden}
.brightcovePanel { position:absolute; width:1209px; height:38px; padding:1px 0; overflow:hidden; filter:Alpha(opacity=0.1); opacity:0.01; z-index:0; left:36px; 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%; }