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

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

body {font-family:'secgcr', 'samsungonelatin400'; line-height:26px; font-size:15px;}
.body_wrap {width:1280px; height:900px;}
.content_container {display:none; position:relative; top:0; left:50%; width:1280px; margin:0 0 0 -640px; overflow:hidden; background:#fff;}
.content_page_wrap {display:none;}
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; width:0; height:0px; 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;}
.inverse.bn-back span{background:url('../img/bn_back.png') no-repeat left top;}

/* sns */
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}
.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');}

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

.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;}
.vjs-control-bar,
.vjs-loading-spinner,
.vjs-text-track-display,
.vjs-big-play-button{display:none;}
video{width:100%;}

#content .old_version .sns-bns{top:-9999px;}
#content .old_version_list .sns-bns{top:-9999px;}

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

/* page */
#container {background:#fff;}
.section {max-width:1920px; height:930px; margin:0 auto; overflow:hidden;}

.cover {position:relative; width:100%; height:100%; background:url(../img/bg_cover.jpg) no-repeat 50% 0 #e9cdcb;}
.cover h1 {width:724px; height:109px; margin:0 auto 520px; padding-top:97px; background:url(../img/tit_cover.jpg) no-repeat 0 100%; text-indent:-999em; font-size:0;}
.cover h2 {width:520px; height:34px; margin:0 auto 17px; background:url(../img/txt_cover.jpg) no-repeat 0 100%; text-indent:-999em; font-size:0;}
.cover p {line-height:26px; font-size:15px; text-align:center; color:#000;}

.index {position:relative; width:100%; height:100%;}
.index .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
.index h2 {position:absolute; top:295px; left:50%; width:310px; height:174px; margin-left:-155px; background:url(../img/tit_index.png) no-repeat 0 100%; text-indent:-999em; font-size:0;}
.index button {position:absolute; top:526px; left:50%; width:108px; height:108px; margin-left:-54px; background:url(../img/btn_play_video.png) no-repeat; text-indent:-999em; font-size:0;}

.outro {position:relative; width:100%; height:100%; background:url(../img/bg_outro.jpg) no-repeat 50% 100% #ad994e;}
.outro .column {position:absolute; top:144px; left:965px; width:660px; margin-left:-75px;}
.outro .column h2 {width:427px; height:108px; margin-bottom:48px; background:url(../img/tit_outro.png) no-repeat; text-indent:-999em; font-size:0;}
.outro .column p {margin-bottom:25px; line-height:26px; font-size:15px; color:#000;}
.outro .column .btn {padding-top:25px;}
.outro .footer_wrap {position:absolute; bottom:0; left:0; right:0;}

.btn {margin-top:70px;}
.btn a {display:inline-block; width:210px; height:45px; margin-right:7px; background-repeat:no-repeat; text-indent:-999em; font-size:0;}
.btn a:hover {background-position:0 -55px;}
.btn .play {background-image:url(../img/btn_play.png);}
.btn .download {background-image:url(../img/btn_download.png);}
.btn .sec {background-image:url(../img/btn_sec.png);}

.popup {position:relative;}
.popup .mask {width:100%; height:100%; background:#000; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
.popup .slider_wrap .dim {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}

.popup1 .visual {position:absolute; top:0; left:-600px; width:600px; height:100%; background:url(../img/visual_popup1.jpg) no-repeat -210px 0; opacity:0;}
.popup1 .slider_wrap {width:100%; height:100%; background:url(../img/bg_popup1_right.jpg) no-repeat 600px 0 #e7e7e7; opacity:0;}
.popup1 .slider_wrap .ani_wrap {position:relative; width:806px; margin-left:710px; padding-top:120px;}
.popup1 .slider_wrap .ani_wrap h3 {opacity:0; position:absolute; top:150px/*120px;*/; left:0; width:100%; height:66px; margin-bottom:22px; background:url(../img/tit_popup1.png) no-repeat 50% 0; text-indent:-999em; font-size:0;}
.popup1 .slider_wrap .ani_wrap .strong {opacity:0; position:absolute; top:245px;/*215px*/; left:0; width:100%; line-height:30px; text-align:center; font-family:'secgcb'; font-size:18px;}
.popup1 .slider_wrap .ani_wrap .txt {opacity:0; position:absolute; top:320px/*290px*/; left:0; width:100%; line-height:26px; text-align:center; font-size:15px; color:#000;}
.popup1 .slider_wrap .ani_wrap .ani_tv {position:absolute; top:427px; left:108px; width:588px; height:333px;}
.popup1 .slider_wrap .ani_wrap .ani_tv img {position:absolute; top:0; left:0; width:588px; height:333px;}
.popup1 .slider_wrap .slider_button {position:absolute; right:-35px; top:430px; width:71px; height:71px; background:url(../img/btn_right.png) no-repeat; opacity:0;}
.popup1 .slider_wrap .slider_button.close {background-image:url(../img/btn_left.png);}

.popup2 .visual {position:absolute; top:0; left:1920px/*1320px*/; width:600px; height:100%; background:url(../img/visual_popup2.jpg) no-repeat 0 0; opacity:0;}
.popup2 .slider_wrap {position:relative; width:100%; height:100%; opacity:0;}
.popup2 .slider_wrap .ani_img {}
.popup2 .slider_wrap .ani_img img {position:absolute; top:0; left:0;}
.popup2 .slider_wrap .ani_txt {position:absolute; top:165px; left:600px; width:600px; text-align:right;}
.popup2 .slider_wrap .ani_txt h3 {width:100%; height:55px; margin-bottom:35px; background:url(../img/tit_popup2.png) no-repeat 100% 0; text-indent:-999em; font-size:0; opacity:0;}
.popup2 .slider_wrap .ani_txt .strong {margin-bottom:20px; line-height:30px; font-family:'secgcb'; font-size:18px; color:#fff; opacity:0;}
.popup2 .slider_wrap .ani_txt .txt {line-height:26px; font-size:15px; color:#fff; opacity:0;}
.popup2 .slider_wrap .ani_txt .txt span {display:block; padding-top:15px; line-height:26px; font-size:13px; color:#fff;}
.popup2 .slider_wrap .slider_button {position:absolute; left:-35px; top:430px; width:71px; height:71px; background:url(../img/btn_left.png) no-repeat; opacity:0;}
.popup2 .slider_wrap .slider_button.close {background-image:url(../img/btn_right.png);}

.popup3 .visual {position:absolute; top:0; left:-600px; width:600px; height:100%; background:url(../img/visual_popup3.jpg) no-repeat -470px 0; opacity:0;}
.popup3 .slider_wrap {position:relative; width:100%; height:100%; background:#c5ada6; opacity:0; overflow:hidden;}
.popup3 .slider_wrap .ani_txt2 {position:absolute; left:1920px/*890px*/; top:580px; width:480px;}
.popup3 .slider_wrap .ani_txt2 h3 {width:100%; height:70px; margin-bottom:20px; background:url(../img/tit_popup3.png) no-repeat; text-indent:-999em; font-size:0;}
.popup3 .slider_wrap .ani_txt2 .strong {margin-bottom:15px; line-height:30px; font-family:'secgcb'; font-size:18px; opacity:0;}
.popup3 .slider_wrap .ani_txt2 .txt {line-height:26px; font-size:15px; color:#000; opacity:0;}
.popup3 .slider_wrap .ani_tv2 {position:absolute; left:1920px/*890px*/; top:0;}
.popup3 .slider_wrap .ani_tv2 img {}
.popup3 .slider_wrap .slider_button {position:absolute; right:-35px; top:430px; width:71px; height:71px; background:url(../img/btn_right2.png) no-repeat; opacity:0;}
.popup3 .slider_wrap .slider_button.close {background-image:url(../img/btn_left.png);}

.movie_pop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;}
.movie_pop iframe{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.movie_pop .btn_close{position:absolute;top:30px;right:30px; width:83px; height:83px; background:url(../img/close_btn.png) no-repeat; text-indent:-999em; font-size:0;}