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

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

body {font-family:'secgcr'; 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 {position:absolute; top:30px; left:29px; 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');}

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

.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 */
.gotop {position:absolute; bottom:23px; right:38px; width:65px; height:10px; padding:30px 10px; background:url(../img/btn_top.png) 50% 50% no-repeat; text-indent:-999em; font-size:0;}
.ib {display:inline-block;}

.cover {position:relative; width:100%; height:860px; padding-top:150px; background:#151515; text-align:center;}
.cover .dot {position:absolute; top:0; left:0; width:114px; height:114px;}
.cover h1 {width:637px; height:291px; margin:0 auto 120px; background:url(../img/cover_title.png) no-repeat; text-indent:-999em; font-size:0;}
.cover .sub_title {width:662px; height:30px; margin:0 auto 32px; background:url(../img/cover_sub_title.png) no-repeat; text-indent:-999em; font-size:0;}
.cover p {margin-bottom:17px; line-height:28px; font-size:16px; color:#fff;}

.section h2 {text-indent:-999em; font-size:0;}
.section .column p {margin-bottom:19px; line-height:26px; font-size:15px; text-align:justify;}
.section .column .em {font-weight:bold;}

.section.acc1 {height:1263px; background:url(../img/bg_section1.jpg) no-repeat;}
.section.acc1 h2 {width:480px; height:469px; margin:0 0 98px 124px; padding-top:100px; background:url(../img/title_section1.png) no-repeat 0 100%;} 
.section.acc1 .column {width:485px; margin-left:124px;}

.section.acc2 {position:relative; height:1720px; background:url(../img/bg_section2.jpg) no-repeat;}
.section.acc2 h2 {width:578px; height:471px; margin:0 0 0 124px; padding-top:80px; background:url(../img/title_section2.png) no-repeat 0 100%;} 
.section.acc2 .column {position:absolute; top:240px; left:767px; width:390px;}

.section.acc3 {height:1525px; background:url(../img/bg_section3.jpg) no-repeat;}
.section.acc3 h2 {width:750px; height:470px; margin:0 0 685px 124px; padding-top:80px; background:url(../img/title_section3.png) no-repeat 0 100%;} 
.section.acc3 .column {width:645px; margin-left:124px;}

.section.acc4 {position:relative; height:1603px; background:url(../img/bg_section4.jpg) no-repeat;}
.section.acc4 h2 {width:821px; height:359px; margin:0 0 647px 124px; padding-top:80px; background:url(../img/title_section4.png) no-repeat 0 100%;} 
.section.acc4 .column {width:455px; margin-left:700px;}
.section.acc4 .animation {position:absolute; top:621px; left:524px; width:628px; height:409px;}

.outro {width:100%; height:668px; background:#151515; text-align:center;}
.outro h2 {width:382px; height:72px; margin:0 auto 34px; padding-top:100px; background:url(../img/outro_title.png) no-repeat 0 100%; text-indent:-999em; font-size:0;}
.outro p {margin-bottom:17px; line-height:26px; font-size:15px; color:#fff;}

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