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

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

body{font-family:'samsungif_rg';font-size: 15px;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;background:#000;}
.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;box-sizing:border-box;}
.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:-52px; }
.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;}

/* focus */
.sns-bns li a:focus { outline: 1px dotted #fff}
.indicator-btn a:focus { outline: 1px dotted #fff}
a.bn-next:focus { outline: 1px dotted #fff}
a.bn-top:focus { outline: 1px dotted #fff}
a.bn-bottom:focus { outline: 1px dotted #fff}
a.bn-preview:focus { outline: 1px dotted #fff}
.sns-bns li.inverse a:focus { outline: 1px dotted #000}
.indicator-btn.inverse a:focus { outline: 1px dotted #000}
a.bn-next.inverse:focus { outline: 1px dotted #000}
a.bn-preview.inverse:focus { outline: 1px dotted #000}

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

/* popup */
.popup { position:absolute; left:0px; top:0px; width:1280px; height:900px;  z-index:10000; background:#fff;}
.popup p{font-family:'samsungif_rg'; font-size:15px; color:#fff; line-height:28px; text-align:justify; letter-spacing:-.5px;}
.popup span{font-family:'samsungif_rg'; 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.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}

.popup-pgs{display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.popup-pgs > div:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}

.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:0; z-index:10000;}
.popup .bn-pop-next {background:url('../img/pop_btn_dn.png') 0 0 no-repeat; bottom:0; 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;}

.webfont{ font-size: 14px; font-family:'samsungif_medium'; line-height: 23px; letter-spacing: -1px; text-align:justify; word-break: normal;}
.webfont span { letter-spacing: 0; }

.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; display:none;}
.popup .video-player { position:relative; width:1210px; height:680px;  margin:0px auto 0 auto; background-color:#000; }
.popup .video-container .close-video {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#000;}
.popup .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;}

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

.bn-top {display:none;}
.bn-bottom {display:none;}

/* page Common */
.bn-top {
	position: absolute;
	top: 0%;
	right: 50%;
	margin-right: -33px;
	z-index: 100;
	padding: 25px 23px;
}
.bn-bottom {
	position: absolute;
	bottom: 0%;
	right: 50%;
	margin-right: -33px;
	z-index: 100;
	padding: 25px 23px;
}
.bn-top span {
	width: 21px;
	height: 14px;
	background: url('../img/bn_top.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bn-top.inverse span {
	width: 21px;
	height: 14px;
	background: url('../img/bn_top_black.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.bn-bottom span {
	width: 21px;
	height: 14px;
	background: url('../img/bn_bottom.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.txt-ds{position: absolute;bottom: 20px;right: 20px;width: 222px;height: 18px;background: url('../img/txt_designsamsung.png') no-repeat 0 0;z-index: 1000;}
.txt-ds.gray{background: url('../img/txt_designsamsung_gray.png') no-repeat 0 0;}
.txt-ds span{position: absolute;top: -9999px;text-indent: -9999px;}

/* vertical-box */
.txtlayer, .concept-img { position: absolute;}
.txtlayer { z-index: 2}
.wa{text-indent:-9999px;position:absolute;top:-9999px;font-size:0;}

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

/* page */
.page01 {background:url(../img/bg_page01.jpg) no-repeat;}
.page01 h1 {text-indent:-999em; font-size:0;}

.page02 {background:url(../img/bg_page02.jpg) no-repeat;}
.page02 .txt_wrap {position:absolute; top:266px; left:0; width:1280px; text-align:center;}
.page02 .txt_wrap h2 {margin-bottom:20px; line-height:40px; font-family:'secgcm'; font-size:26px;}
.page02 .txt_wrap h3 {margin-bottom:23px; line-height:42px; font-size:20px;}
.page02 .txt_wrap p {margin-bottom:18px; line-height:26px; font-size:15px;}

.page03 {background:url(../img/bg_page03.jpg) no-repeat;}
.page03 .txt_wrap {position:absolute; top:236px; left:0; width:1280px; text-align:center;}
.page03 .txt_wrap p {margin-bottom:23px; line-height:26px; font-size:15px;}
.page03 .txt_wrap p.large {line-height:30px; font-size:20px;}

.page04 {background:url(../img/bg_page04.jpg) no-repeat;}
.page04 .dim {position:absolute; top:0; left:0; width:1280px; height:900px; background:url(../img/bg_dim_white.png) no-repeat; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.page04 .aniTxt01 {position:absolute; top:133px; left:0; width:1280px; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.page04 .aniTxt01 h2 {margin-bottom:25px; line-height:40px; text-align:center; font-family:'secgcm'; font-size:26px;}
.page04 .aniTxt01 p {line-height:26px; text-align:center; font-size:15px;}
.page04 .list_insight {position:absolute; top:407px; left:60px;}
.page04 .list_insight li {float:left; width:290px; height:260px; border-left:1px solid #cdcdcd; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.page04 .list_insight li:first-child {border-left:0;}
.page04 .list_insight li strong {display:block; padding:43px 0 84px; background:url(../img/ico_insight.png) no-repeat 50% 100%; line-height:28px; text-align:center; font-family:'secgcm'; font-size:18px;}
.page04 .list_insight li span {display:none; padding-top:185px; background:url(../img/img_insight.png) no-repeat; line-height:26px; text-align:center; font-size:15px;}
.page04 .list_insight li.item1 span {background-position:0 0;}
.page04 .list_insight li.item2 span {background-position:-290px 0;}
.page04 .list_insight li.item3 span {background-position:-580px 0;}
.page04 .list_insight li.item4 span {background-position:-870px 0;}
.page04 .list_insight li:hover strong {display:none;}
.page04 .list_insight li:hover span {display:block;}

.page05 {background:url(../img/bg_page05.jpg) no-repeat;}
.page05 .list_wrap {margin:396px 0 0 70px;}
.page05 .list_wrap:after {content:""; display:block; clear:both;}
.page05 .list_wrap li {float:left; width:380px; line-height:32px; text-align:center; font-family:'secgcm'; font-size:26px; cursor:pointer;}
.page05 .list_wrap li span {display:block; width:55px; height:55px; margin:30px auto 0; background:url(../img/ico_index.png) no-repeat;}
.page05 .list_wrap li:hover span {background-position:0 -65px;}

.page06 {background:url(../img/bg_page06.jpg) no-repeat;}
.page06 .outer_wrap {padding:187px 0 0 180px;}
.page06 .outer_wrap h2 {margin-bottom:27px; line-height:40px; text-align:left; font-family:'secgcm'; font-size:26px;}
.page06 .outer_wrap p {margin-bottom:17px; line-height:26px; text-align:left; font-size:15px;}

.btn_download {display:inline-block; margin-top:15px; width:177px;height:38px;background:url(../img/btn_download_pdf.png) no-repeat;}
.btn_download:hover {background-position:0 -48px;}
.btn_download span {text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}
.btn_link_samsung {display:inline-block; margin-top:15px; margin-left:6px; width:177px;height:38px;background:url(../img/btn_sec.png) no-repeat;}
.btn_link_samsung:hover {background-position:0 -48px;}
.btn_link_samsung span {text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}

/* popup */
.popup-content-wrap {position:relative; width:1280px; height:900px;}
.popup-pgs {position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}

.popup01 .popup1-1 {background:url(../img/bg_popup01_1.jpg) no-repeat;}
.popup01 .popup1-1 h2 {padding:325px 0 38px; line-height:42px; text-align:center; font-family:'secgcm'; font-size:36px;}
.popup01 .popup1-1 p {line-height:32px; text-align:center; font-size:18px; color:#000;}
.popup01 .popup1-2 {background:url(../img/bg_popup01_2.jpg) no-repeat;}
.popup01 .popup1-2 .dim {position:absolute; top:0; left:0; width:1280px; height:900px; background:url(../img/bg_dim_white.png) no-repeat; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.popup01 .popup1-2 .txt_wrap {position:absolute; top:348px; left:0; width:1280px;}
.popup01 .popup1-2 .txt_wrap p {line-height:32px; text-align:center; font-size:18px; color:#000; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.popup01 .popup1-3 .gallery_bg li {position:absolute; top:0; left:0; width:1280px; height:900px; background-repeat:no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;}
.popup01 .popup1-3 .gallery_bg .bg1 {background-image:url(../img/bg_popup01_3_1.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';opacity:1;}
.popup01 .popup1-3 .gallery_bg .bg2 {background-image:url(../img/bg_popup01_3_2.jpg);}

.popup02 .popup2-1 {background:url(../img/bg_popup02_1.jpg) no-repeat;}
.popup02 .popup2-1 h2 {padding:314px 0 36px; line-height:42px; text-align:center; font-family:'secgcm'; font-size:36px;}
.popup02 .popup2-1 p {margin-bottom:13px; line-height:32px; text-align:center; font-size:18px; color:#000;}
.popup02 .popup2-1 p.small {line-height:26px; font-size:14px;}
.popup02 .popup2-2 {background:url(../img/bg_popup02_2.jpg) no-repeat;}
.popup02 .popup2-2 .dim {position:absolute; top:0; left:0; width:1280px; height:900px; background:url(../img/bg_dim_white.png) no-repeat; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.popup02 .popup2-2 .txt_wrap {position:absolute; top:352px; left:0; width:1280px;}
.popup02 .popup2-2 .txt_wrap p {line-height:32px; text-align:center; font-size:18px; color:#000; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.popup02 .popup2-3 .gallery_bg li {position:absolute; top:0; left:0; width:1280px; height:900px; background-repeat:no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;}
.popup02 .popup2-3 .gallery_bg .bg1 {background-image:url(../img/bg_popup02_3_1.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';opacity:1;}
.popup02 .popup2-3 .gallery_bg .bg2 {background-image:url(../img/bg_popup02_3_2.jpg);}

.popup03 .popup3-1 {background:url(../img/bg_popup03_1.jpg) no-repeat;}
.popup03 .popup3-1 h2 {padding:380px 0 36px; line-height:42px; text-align:center; font-family:'secgcm'; font-size:36px; color:#fff;}
.popup03 .popup3-1 p {margin-bottom:13px; line-height:32px; text-align:center; font-size:18px; color:#fff;}
.popup03 .popup3-1 p.small {line-height:26px; font-size:14px;}
.popup03 .popup3-2 {background:url(../img/bg_popup03_2.jpg) no-repeat;}
.popup03 .popup3-2 .dim {position:absolute; top:0; left:0; width:1280px; height:900px; background:url(../img/bg_dim_white.png) no-repeat; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.popup03 .popup3-2 .txt_wrap {position:absolute; top:368px; left:0; width:1280px;}
.popup03 .popup3-2 .txt_wrap p {line-height:32px; text-align:center; font-size:18px; color:#000; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.popup03 .popup3-3 .gallery_txt {top:270px;}
.popup03 .popup3-3 .gallery_bg li {position:absolute; top:0; left:0; width:1280px; height:900px; background-repeat:no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;}
.popup03 .popup3-3 .gallery_bg .bg1 {background-image:url(../img/bg_popup03_3_1.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';opacity:1;}
.popup03 .popup3-3 .gallery_bg .bg2 {background-image:url(../img/bg_popup03_3_2.jpg);}

.descView {display:none;}
.gallery_txt {position:absolute; top:245px; left:810px; z-index:5;}
.gallery_txt strong {display:block; margin-bottom:28px; line-height:30px; font-family:'secgcm'; font-size:18px;}
.gallery_txt p {margin-bottom:22px; line-height:26px; font-size:15px; color:#000;}
.gallery_txt p span.small {line-height:26px; font-size:14px; color:#000;}
.gallery_txt .navi:after {content:""; display:block; clear:both;}
.gallery_txt .navi li {float:left; width:12px; height:12px; margin-right:3px; background:url(../img/bg_galley_navi.png) no-repeat -33px 0; text-indent:-999em; font-size:0; cursor:pointer;}
.gallery_txt .navi li.on {width:29px; background-position:0 0;}

.borderradius .gallery_txt .navi li {float:left; width:8px; height:8px; margin-right:3px; border:2px solid #000; border-radius:8px; background:#cacaca; text-indent:-999em; font-size:0; cursor:pointer;}
.borderradius .gallery_txt .navi li.on {width:25px; border:2px solid #000; border-radius:8px; background:#000;}
.borderradius .popup03 .popup3-3 .gallery_txt .navi li {background:#ebebeb;}
.borderradius .popup03 .popup3-3 .gallery_txt .navi li.on {background:#000;}
.csstransforms .gallery_txt .navi li {border-radius:8px; -webkit-transition:all 1s; transition:all 1s;}
.csstransforms .gallery_txt .navi li.on {border-radius:8px; opacity:1}