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

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

body{font-size: 15px;font-family:'secgcr';line-height:26px;}
.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 }

.align_c{text-align:center;}
.align_r{}
.show, .block {display:block;}
.hide {display:none;}
.wa, .hidden_txt {text-indent:-9999px;font-size:0px;position:absolute;top:-9999px;}
.white{color:#fff;}

.serif{font-family:'garamond' !important;font-size:20px;vertical-align:middle;}


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

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


/* popup */
/* popup */
.popup {position:absolute; left:0px; top:0px; width:1280px; height:900px;  z-index:10000;}
.popup p{font-family:'secgcr';font-size:14px; color:#000; line-height:24px; text-align:justify; letter-spacing:0;}
.popup span{font-family:'secgcr';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.inverse 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 .close-btn a:focus{ outline:1px dotted #000}

.video-container .close-video {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#000;}
.video-container .close-video 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 .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;}

.popup-pgs {height: 900px;}

.popup .popup1{ z-index: 1;}
.popup .popup2{ z-index: 2;}
.popup .popup3{ z-index: 3; background:#777;}
.popup .popup4{ z-index: 4; background:#ffff00;} 


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


/***********************font style*********************/
.pages{background:#fff;}
.pages p{font-family:'secgcr'; font-size:15px; color:#000; line-height:26px; letter-spacing:0;}
.pages p.strong{font-family:'secgcb'; font-size:20px; color:#000; line-height:28px; letter-spacing:0;}

/*공통*/
a.box .click_next{float:right;background:url('../img/click_arrow.png') no-repeat 0 0;width:62px;height:30px;margin:65px 40px 0 0;}
a.box .click_next span{position:absolute;top:9999px;text-indent:-9999px;height:0;visibility:hidden;}
a.box:hover .click_next{background:url('../img/click_arrow.png') no-repeat 0 -30px;}

.bg_blue_bd{background:url('../img/bg_blue_border.gif') no-repeat 0 0;}

/***********************page style*********************/
.page01{}
.page01 .cover_wrap{position:relative;width:1280px;height:900px;overflow:hidden;background:url('../img/cover_bg.jpg') no-repeat 0 0;text-align:center;}
.page01 .cover{margin:116px 0 0 188px;}


.page02{background:url('../img/page02_bg.jpg') no-repeat 0 0;}
.page02 .txt01{margin:305px 0 0 0;text-align:center;}

.page03{background:url('../img/page03_bg.jpg') no-repeat 0 0;}
.page03.popup1{background-position:0 -900px;}
.page03.popup2{background-position:0 -1800px;}
.page03.popup3{background-position:0 -2700px;}
.page03 .title_wrap{position:relative;}
.page03 .title{position:absolute;top:204px;left:148px;z-index:20;}
.page03 p.txt{margin-top:39px;}

.page04{background:url('../img/outro_bg.jpg') no-repeat 0 0;}
.page04 .title{text-align:center;margin-bottom:47px;padding:100px 0 52px 0;background:url('../img/page04_tit_line.png') no-repeat center 100%;}
.page04 .title .txt01{padding-top:35px;}
.page04 .contents{text-align:center;}
.page04 .contents ul{width:931px;margin:33px auto 0;}
.page04 .contents ul li{display:inline-block;width:267px;margin-right:61px;}
.page04 .contents ul li dl{background:url('../img/outro_notebook_bg.png') no-repeat;height:358px;padding-top:202px;}
.page04 .contents ul li dl dt, dd{display:block;}
.page04 .contents ul li dl dt{font-family:'samsungif_bd';font-size:18px;margin-bottom:13px;}
.page04 .contents ul li dl dd{}
.page04 .contents ul li dl dd a{display:block;height:41px;background:url('../img/bg_wallpaper_size.gif') no-repeat;}
.page04 .contents ul li dl dd a.size1{background-position:0 0}
.page04 .contents ul li dl dd a.size2{background-position:0 -41px}
.page04 .contents ul li dl dd a.size3{background-position:0 -82px}
.page04 .contents ul li dl.wallpaper1{background-position:0 0;}
.page04 .contents ul li dl.wallpaper2{background-position:-277px 0;}
.page04 .contents ul li dl.wallpaper3{background-position:-554px 0;}
.page04 .contents ul li.last{margin-right:0;}


/*팝업*/
.popup .pop_txt{font-size:14px;font-family:'secgcr';line-height:22px;text-align:center;color:#000;margin-top:50px;}
.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 {position:absolute; top: 0px; left: 0; width:1280px; height:755px; padding-top:145px; background:#000;}
.popup .video-player { position:relative; width:1210px; height:680px;  margin:0px auto 0 auto; background-color:#000; }

.popup-content-wrap{position:relative;height:900px;}
.popup-pgs {background:#fff;height:900px;}
.popup-pgs > div:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}
.popup-pgs .pop_txt_area{width:50%;height:638px;padding-top:262px;float:left;background:#f0f0f0;}
.popup-pgs .pop_txt_area p{color:#000;text-align:center;padding-top:47px;background:url('../img/bg_txt.gif') no-repeat center top;margin-bottom:50px;}
.popup-pgs .pop_txt_area .video_btn{background:none;padding-top:0px;}
.popup-pgs .pop_txt_area .video_btn a{display:inline-block;width:180px;height:44px;background:url('../img/btn_play_video.gif') no-repeat left top;}
.popup-pgs .pop_txt_area .video_btn a:hover{background:url('../img/btn_play_video.gif') no-repeat left bottom;}
.popup-pgs .pop_txt_area .video_btn a span{text-indent:-9999px;font-size:0px;position:absolute;top:-9999px;}

.popup-pgs .pop_txt_area p{font-size:14px;line-height:26px;}
.popup-pgs .pop_txt_area .strong{color:#000;font-size:17px;font-family:'secgcb';}
.popup-pgs .pop_infograph{width:50%;height:100%;float:right;}

.popup .bn-pop-prev, .popup .bn-pop-next {display:block; position:absolute; left:50%; margin-left:-30px; width:60px; height:44px; overflow:hidden;}
.popup .bn-pop-prev {background:url('../img/pop_btn_up.png') 0 0 no-repeat; top:12px; z-index:10000;}
.popup .bn-pop-next {background:url('../img/pop_btn_dn.png') 0 0 no-repeat; bottom:11px; z-index:10000;}
.popup .bn-pop-prev.inverse {background:url('../img/pop_btn_up_bk.png') 0 0 no-repeat;}
.popup .bn-pop-next.inverse {background:url('../img/pop_btn_dn_bk.png') 0 0 no-repeat;}
.popup .bn-pop-prev span, .popup .bn-pop-next span {text-indent:-10000px; display:none;}

.br_none{border-right:none !important;} 
.bb_none{border-bottom:none !important;}
.bg_none{background:none !important;}
.hidden{text-indent:-9999px;font-size:0px;position:absolute;top:-9999px;}

/*common*/
.popup01 .pop-pgs01 .pop_wrap:after,
.popup02 .pop-pgs01 .pop_wrap:after,
.popup02 .pop-pgs02 .pop_wrap:after,
.popup03 .pop-pgs01 .pop_wrap:after,
.popup04 .pop-pgs01 .pop_wrap:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}

/*popup01*/
.popup01 .pop-pgs01{background:#fbfbfc;}
.popup01 .pop-pgs01 .sequence_wrap{position:relative;width:1280px;height:900px;overflow:hidden;}
.popup01 .pop-pgs01 .sequence_wrap .sequence{margin-top:0;}

.popup01 .pop-pgs02 .txt_wrap{margin:367px 0 0 640px;}
.popup01 .pop-pgs02 .txt01{margin:0 0 30px 0;}
.popup01 .pop-pgs02 .txt02{font-size:20px;margin:0 0 30px 0;letter-spacing:1px;}
.popup01 .pop-pgs02 .txt03{line-height:30px;}

/*popup02*/
.popup02 .pop-pgs02 .txt_wrap{margin:144px 0 0 640px;}
.popup02 .pop-pgs02 .txt01{font-size:20px;margin:0 0 26px 0;line-height:32px;letter-spacing:1px;}
.popup02 .pop-pgs02 .txt02{line-height:30px;}

/*popup03*/
.popup03 .pop-pgs02 .txt_wrap{margin:145px 0 0 720px;}
.popup03 .pop-pgs02 .txt01{margin:0 0 27px 0;}
.popup03 .pop-pgs02 .txt02{font-size:20px;margin:0 0 26px 0;letter-spacing:1px;line-height:32px;}
.popup03 .pop-pgs02 .txt03{line-height:30px;}

.popup03 .pop-pgs03 .image_wrap{position:relative;}
.popup03 .pop-pgs03 .image_wrap .image{position:relative;}
.popup03 .pop-pgs03 .image_wrap .image>div{position:absolute;top:0;left:0;}

.cover{position:relative;width:900px;height:600px;background:url(../img/cover.jpg) no-repeat 0 0;}
.cover img{position:absolute;top:349px;left:241px;}
.cover img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;}
.animation{position:relative;width:1280px;height:900px;background:url(../img/page03_animation.jpg) no-repeat 0 0;}
.popup01 .pop-pgs01 .sequence_wrap{width:1280px;height:900px;background:url(../img/popup1_animation.jpg) no-repeat 0 0;}
.popup02 .pop-pgs01 .sequence_wrap{width:1280px;height:900px;background:url(../img/popup2_animation.jpg) no-repeat 0 0;}
.popup03 .pop-pgs01 .sequence_wrap{width:1280px;height:900px;background:url(../img/popup3_animation.jpg) no-repeat 0 0;}

.cssanimations .cover.on{
	-webkit-animation:coverpage 2s 0.1s steps(29) forwards;
	animation:coverpage 2s 0.1s steps(29) forwards;
	-webkit-animation-play-state:running;animation-play-state:running
}
.cssanimations .cover.on.stop{-webkit-animation-play-state:paused;animation-play-state:paused}

.cssanimations .animation.on{
	-webkit-animation:page03_animation 0.8s 0.8s steps(25) forwards;
	animation:page03_animation 0.8s 0.8s steps(25) forwards;
	-webkit-animation-play-state:running;animation-play-state:running
}
.cssanimations .animation.on.stop{-webkit-animation-play-state:paused;animation-play-state:paused}

.cssanimations .popup01 .pop-pgs01 .sequence_wrap.on{
	-webkit-animation:sequence01 2s 1s steps(29) forwards;
	animation:sequence01 2s 1s steps(29) forwards;
	-webkit-animation-play-state:running;animation-play-state:running
}
.cssanimations .popup01 .pop-pgs01 .sequence_wrap.on.stop{-webkit-animation-play-state:paused;animation-play-state:paused}

.cssanimations .popup02 .pop-pgs01 .sequence_wrap.on{
	-webkit-animation:sequence02 2s 1s steps(29) forwards;
	animation:sequence02 2s 1s steps(29) forwards;
	-webkit-animation-play-state:running;animation-play-state:running
}
.cssanimations .popup02 .pop-pgs01 .sequence_wrap.on.stop{-webkit-animation-play-state:paused;animation-play-state:paused}

.cssanimations .popup03 .pop-pgs01 .sequence_wrap.on{
	-webkit-animation:sequence03 2s 1s steps(29) forwards;
	animation:sequence03 2s 1s steps(29) forwards;
	-webkit-animation-play-state:running;animation-play-state:running
}
.cssanimations .popup03 .pop-pgs01 .sequence_wrap.on.stop{-webkit-animation-play-state:paused;animation-play-state:paused}


@keyframes coverpage {
	from {background-position:0 0}
	to{background-position:0 -17400px}
}

@keyframes page03_animation {
	from {background-position:0 0}
	to{background-position:0 -22500px}
}

@keyframes sequence01 {
	from {background-position:0 0}
	to{background-position:0 -26100px}
}

@keyframes sequence02 {
	from {background-position:0 0}
	to{background-position:0 -26100px}
}

@keyframes sequence03 {
	from {background-position:0 0}
	to{background-position:0 -26100px}
}