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

/***********************font style*********************/
.pages p{font-family:'secgcm'; font-size:15px; color:#fff; line-height:28px; text-align:justify; letter-spacing:-.5px;}
.pages span{font-family:'secgcm'; color:#fff; line-height:inherit;}
/***********************page style*********************/
.page01 {background:url(../img/bg_sc_01.jpg) no-repeat 0px 0px;}
.page01 span{display:block; padding-top:189px; text-align:center;}
.page01 h1{padding-top:31px; text-align:center;}
.page02{position:relative;}
.page02> img:first-child{top:0; left:0;}
.page02> img{position:absolute; bottom:0; left:0;}
.page02 div{position:absolute; top:639px; left:148px; width:962px;}
.page02 div h3{margin-bottom:27.5px;}
.page03{background:url(../img/bg_sc_03.jpg) no-repeat 0px 0px;}
.page03 h3{text-align:center; margin:324px 0 33.4px 0;}
.page03 p{text-align:center; font-size:16px; line-height:30px;}
.page03 span{display:block; font-size:14px; line-height:1; padding:220.5px 0 0 148px; letter-spacing: -0.5px;}
.page04{position:relative;}
.page04> img:first-child{top:0; left:0;}
.page04> img{position:absolute; bottom:0; left:0;}
.page04 div{position:absolute; top:569px; left:146px; width:804px;}
.page04 div p{margin:37.5px 0 0 -1px;}
.page05{position:relative;}
.page05> img:first-child{top:0; left:0; z-index:1;}
.page05> img{position:absolute; bottom:0; left:0;}
.page05 .txt-wrapper{position:absolute; top:579px; left:135px; width:1008px;}
.page05 .txt-wrapper div:first-child{width:466px; float:left;}
.page05 .txt-wrapper div{width:463px; float:right;}
.page05 .txt-wrapper div p{font-size:14px; font-style:italic; line-height:26px;}
.page05 .txt-wrapper div:first-child p{margin-bottom:14px;}
.page05 .txt-wrapper div p{margin-bottom:40px; text-indent: -9px; padding-left:9px;}
.page05 .txt-wrapper div span{display:block; font-size:16px; float:right;}
.page06{background:#e9e9e8;}
.page06> img{display:block; margin:113px auto 39.5px auto;}
.page06 p{color:#333; text-align:center;}
.page08{background:#e9e9e8;}
.page08 h3{margin:76px 0 30.5px 0; text-align:center;}
.page08 p{color:#333; text-align:center;}
.page08 a {position:absolute; left:291px; top:304.5px;}
.page08 a img {display:block;}
.page08 .video-wrapper img{display:block; width:699px; margin:0 auto;}
.page08 span.video-tit{display:block; font-size:18px; color:#333; text-align:center; line-height:initial; padding-top:434.5px;}
.page08 span.ref{display:block; font-size:14px; color:#5d5d5d; line-height:initial; padding:75px 0 0 162px; letter-spacing: -0.5px;}

.slideBox,
.thumb-imgs,
.slideBox ul.panel,
.slideBox .textBox,
.thumb-imgs li p,
.thumb-imgs ul,
.thumb-imgs li{
	position: absolute;
	left: 0;
	top: 0;
	width: 1280px;
	height: 900px;
	display: block;
}


.slideBox { z-index: 250}

.slideBox .menuList {
	position: absolute;
	z-index: 300;
	width: 1280px;
	height: 900px;
	left: 0;
	top: 0;
}
.slideBox .menuList li {
	position: absolute;
	width: 426px;
	top: 0;
	height: 900px;
}
.slideBox .menuList li a {
	width: 100%;
	height: 900px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.slideBox .menuList .menu0{ left: 0;}
.slideBox .menuList .menu1{ left: 426px;}
.slideBox .menuList .menu2{
	/*left:inherit !important;*/
	right:0 !important;
}

/* menu Text */
.slideBox .textBox{ z-index: 200}
.slideBox .textBox ul {
	width: 1155px;
	height: 157px;
	position: absolute;
	left: 56px;
	top: 401px;
	/* background: url("http://221.141.1.35:8080/designfever/kr/contents/galaxy_edge/img/bg_slide_menu.png") no-repeat bottom; */
}
.slideBox .textBox li {
	width: 385px;
	height: 158px;
	position: relative;
	float: left;
}


/* images panel */
.slideBox ul.panel { z-index: 150;}
.slideBox .panel li {
	position: absolute;
	top: 0;
	height: 900px;
}
.slideBox .panel .menu0 {
	width: 426px;
	background: url("../img/bg_slied_menu0.jpg") no-repeat left top;
}
.slideBox .panel .menu1 {
	width: 427px;
	background: url("../img/bg_slied_menu1.jpg") no-repeat center top;
}
.slideBox .panel .menu2 {
	width: 426px;
	background: url("../img/bg_slied_menu2.jpg") no-repeat right top;
}
.slideBox .panel li .mask {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 900px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.slideBox .panel .menu0 .mask {
	width: 100%;
	background: url("../img/bg_slied_menu0_on.jpg") no-repeat left top
}
.slideBox .panel .menu1 .mask {
	width: 100%;
	background: url("../img/bg_slied_menu1_on.jpg") no-repeat center top
}
.slideBox .panel .menu2 .mask {
	width: 100%;
	background: url("../img/bg_slied_menu2_on.jpg") no-repeat right top
}


/* .slide_box {}
.slide_box ul{ overflow: hidden;}
.slide_box li{ position: absolute; width:426px; height: 900px; cursor: pointer; z-index: 1; overflow: hidden}

.slide_box li>a { display: block; width: 100%; height: 899px; position: absolute; left:0; top:0;}
.slide_box li.active { z-index: 1000;}
.slide_box li .mask { position: absolute; left: 0; top:0; width: 100%; height: 900px; z-index: 5; background: #fff}
.slide_box li .onimg { position: absolute; left: 0; top:0; width: 100%; height: 900px; z-index: 6;}
.slide_box li .txtBox { position: absolute;left: 19px; top: 44px;}
.slide_box li .onTxt, .slide_box li .offTxt {position: absolute; left: 0; top:0;}
.slide_box li .onTxt { z-index: -1}
.slide_box li.active .onTxt{ z-index: 11;}
.slide_box li.menu1{ background: url(../img/bg_siide01.jpg) no-repeat 0px 0px;}
.slide_box li.menu2{ background: url(../img/bg_siide02.jpg) no-repeat 50% 0px;}
.slide_box li.menu3{ background: url(../img/bg_siide03.jpg) no-repeat 50% 0px;}

.slide_box li.menu1 .onimg{ background: url(../img/bg_siide01on.jpg) no-repeat 0px 0px;}
.slide_box li.menu2 .onimg{ background: url(../img/bg_siide02on.jpg) no-repeat 50% 0px;}
.slide_box li.menu3 .onimg{ background: url(../img/bg_siide03on.jpg) no-repeat 50% 0px;} */



.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 p{font-family:'secgcm'; font-size:15px; color:#fff; line-height:28px; text-align:justify; letter-spacing:-.5px;}
.popup span{font-family:'secgcm'; color:#fff; line-height:inherit;}
.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 #000}
.popup02 .close-btn a { display:block; background:url('../img/close_btn_black.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}
.popup.movie .close-btn a {background:url('../img/close_btn.png') 0 0 no-repeat; color: #fff}
.popup.movie .close-btn a:focus{ outline:1px dotted #fff}
.popup .video { position:absolute; left:0px; top:0px; width:1208px; height:608px; }
.popup .video-container {width:1210px; height:680px; margin:145px 0 0 36px; }
.popup .video-player { width:1210px; height:680px; background-color:#000; }

.popup .product-nav {padding-top: 32px}
.popup .product-nav li{ float: left; margin-right: 10px;}
.popup .product-nav a{ display: block; position: relative; width:76px; height: 50px; overflow: hidden;}
.popup .product-nav a img{ width: 76px; height: 50px;}
.popup .product-nav li.on a{ width: 72px; height: 46px; border: 2px solid #5e513e;}
.popup .product-nav li.hover a{ width:72px; height: 46px; border: 2px solid #444; opacity:0.6; filter:alpha(opacity=60)}
.popup .product-nav li.on a img, .popup .product-nav li.hover a img{margin:-2px 0 0 -2px}
.popup .webfont { position: absolute; z-index: 2;}
.popup .product-bg{}
.popup .product-bg li{display:none; position:absolute; left:0; top:0; z-index: -1}
.popup .product-bg li:first-child{display:block}

.movie { background: #000}
.preview01 .webfont { top:129px; left: 100px;}
.preview01 .webfont p{ padding-top: 12px; width: 450px}

.preview02 .webfont { top: 130px; left: 97px;}
.preview02 .webfont p{ padding-top: 14px; width: 410px}
.preview02 .product-nav {padding-top: 30px}

.preview03 .webfont { top: 193px; left: 102px;}
.preview03 .webfont p{ padding-top: 14px; width: 430px}
.preview03 .product-nav {padding-top: 30px}

.preview04 .webfont { top: 472px; left: 100px;}
.preview04 .webfont p{ padding-top: 13px; width: 455px}

.preview05 .webfont { top: 255px; left: 135px;}
.preview05 .webfont p{ padding-top: 28px; width: 405px; padding-left: 3px;}

.popup-pgs {display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.popup-pgs:first-child {display: block;}

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

.popup-pgs {height: 900px;}

.popup .pop_hdcopy.inverse img{ margin-top:-18px}
.popup .text_wrap{
	position: absolute;
	z-index: 10;
}
 .popup .popup1{ z-index: 1;}
.popup .popup2{ z-index: 2;}
.popup .popup3{ z-index: 3; background:#777;}
.popup .popup4{ z-index: 4; background:#ffff00;} 
/* .popup h3,
.popup .webfont{
	position: absolute;
} */

/*******************************custom popup style****************************************/
.popup p{font-family:'secgcm'; font-size:15px; color:#fff; line-height:28px; text-align:justify; letter-spacing:-.5px;}
.popup span{font-family:'secgcm'; color:#fff; line-height:inherit;}
.popup01{background:url('../img/bg_sc_06_2.jpg') 0px 0px no-repeat;}
.popup01 h3{text-align:center; margin:114px 0 48.5px 0;}
.popup01 p{text-align:center; margin-bottom:71.5px;}
.popup01> img{display:block; margin:0 auto;}
.popup02{background:url('../img/bg_sc_06_3.jpg') 0 0 no-repeat;}
.popup02 h3{margin:72px 0 80px; text-align:center;}
.popup02 .img-box{width:808px; margin:0 auto;}
.popup02 .img-box img{display:block; float:left; margin-left:64px;}
.popup02 .img-box img:first-child{margin-left:0;}
.popup02 span{display:block; font-size:13px; margin:17px 0 38.5px 724px; letter-spacing: -0.2px;}
.popup02 p{text-align:center;}
.popup03 .popup3-1{background:url('../img/bg_sc_06_4_1.jpg') 0px 0px no-repeat;}
.popup03 .popup3-1 h3{text-align:center; padding:114px 0 47.5px 0;}
.popup03 .popup3-1 p{text-align:center; margin-bottom:72.5px;}
.popup03 .popup3-1> img{position:absolute; top:initial; left:50%; margin-left:-366.5px; z-index:10000;}
.popup03 .popup3-2{background:url('../img/bg_sc_06_4_1.jpg') 0px 0px no-repeat;}
.popup03 .popup3-2> img{position:absolute; top:224px; left:130px;}
.popup03 .popup3-2 h3{padding:622px 0 32.5px 0; text-align:center;}
.popup03 .popup3-2 p{text-align:center;}
.popup03 .popup3-2 .deco{position:absolute; left:133px; top: 233px;}
.popup03 .popup3-2 .slider {z-index:10000;}



.popup03 .indicators {position:absolute; left:50%;}
.popup03 .popup3-1 .indicators {top:360px; margin-left:-23.5px;}
.popup03 .popup3-2 .indicators {top:202px; margin-left:-14px;}
.popup03 .slider img {display:block; position:absolute;}
.popup03 .slider img:first-child {z-index:30;}
.popup03 .popup3-1 .slider {position:absolute; left:337px; top:406px; overflow:hidden; width:598px; height:342px;}
.popup03 .popup3-2 .slider {position:absolute; left:348px; top:232px; overflow:hidden; width:590px; height:329px;}
.popup03 .indicators a {display:block; width:9px; height:9px; background:url('../img/indi_off.png') 0 0 no-repeat; float:left; margin-left:10px; cursor:default;}
.popup03 .indicators a:first-child {margin-left:0;}
.popup03 .indicators a.on { background:url('../img/indi_on.png') 0 0 no-repeat; z-index:1000;}
.popup03 .bn-pop-prev, .popup03 .bn-pop-next {display:block; position:absolute; left:50%; margin-left:-30px; width:60px; height:44px; overflow:hidden;}
.popup03 .bn-pop-prev {background:url('../img/pop_btn_up.png') 0 0 no-repeat; top:0; z-index:10000;}
.popup03 .bn-pop-next {background:url('../img/pop_btn_dn.png') 0 0 no-repeat; bottom:0; z-index:10000;}
.popup03 .bn-pop-prev span, .popup03 .bn-pop-next span {text-indent:-10000px; display:none;}

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

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