@import url("font.css");

/* common */
.main_page img { vertical-align:top; }
.main_page { overflow-x:hidden; }
.main_page a { text-decoration:none; color:#666; }
.main_page h2 { text-align:center; font-family:"SamsungIF_Bd", arial, sans-serif; font-size:50px; line-height:110%; }
.main_page  { width:100%; height:100%; font-family:"SamsungIF_Rg", arial, sans-serif; font-size:12px; color:#666; }
.main_page .centerBox { width:1280px; margin:0 auto; }
.main_page .dpNone { display:none; }

/* wrap */
#wrap-sp { background:#e1e1e1; opacity:0 }

/* LoadingBar */
#preloader {width:0;}
.introBox { position:relative; min-width:1280px; width:100%; margin:0 auto; height:680px; background:url("../img/bg_loading.png") repeat; }
.introObj{ position:absolute; width:530px; height:216px; background:url("../img/bg_left.png") no-repeat 451px 0; }
.introObj > div{position:absolute; bottom:70px; }
.introObj > div.barWrap{left:0; bottom:71px; width:418px; height:10px; z-index:1; overflow:hidden;}
.introObj > div.barWrap .barBg{position:absolute; left:0; top:0; width:418px; height:10px; z-index:1; background:url("../img/bg_loadingbar.jpg") no-repeat 0 0;}
.introObj > div.left{ left:0; z-index:100; }
.introObj > div.left h1{ margin-bottom:2px; z-index:100; }
.introObj > div.left h1 img{ z-index:100; }
.introObj > div.right{ right:0; }

/* GNB */
#headerWrap { min-width:1280px; width:100%; position:relative; z-index:1000; }
#headerWrap #header-sp { width:100%; height:49px; border-bottom:1px solid #0376D7; background:url("../img/bg_gnb.png") repeat-x; }
#headerWrap #header-sp .gnb { width:1280px; margin:0 auto; }
#headerWrap #header-sp .gnb:after{ display:block; content:""; clear:both; }
#headerWrap #header-sp .gnb h1 { float:left; }
#headerWrap #header-sp .gnb h1 a { padding:0; }
#headerWrap #header-sp .gnb h2 { float:left; font-size:14px; line-height:49px; background:url("../img/bg_li.png") no-repeat right 0; }
#headerWrap #header-sp .gnb h2.youTube { float:right; height:49px; background:url("../img/bg_li.png") no-repeat left 0; }
#headerWrap #header-sp .gnb h2.youTube img { padding-top:15px }
#headerWrap #header-sp .gnb a { color:#333; display:block; padding:0 34px; }
#headerWrap #header-sp .gnb h2.active { background-color:#0376D7; }
#headerWrap #header-sp .gnb h2.active a { color:#fff; }
#headerWrap #header-shadow { width:100%; height:17px; background:url("../img/bg_shadow.png") no-repeat center 0; }

/* Footer */
#footerWrap { position:relative; width:1280px; margin:0 auto; color:#fff; border-top:5px solid #0376D7; font-size:14px; font-family:"SamsungIF_Rg", arial, sans-serif; }
#footerWrap .share{ width:980px; padding:0 150px; background:#0376D7;}
#footerWrap .share p { font-size:14px; line-height:40px; }
#footerWrap .share p img { vertical-align:middle; }
#footerWrap .share span.mg { margin-right:8px; }
#footerWrap .footer { position:relative; width:980px; padding:30px 150px; background:#000;}
#footerWrap .footText { margin-bottom:37px; }
#footerWrap .footText p { line-height:20px; color:#B9B9B9; }
#footerWrap .footLogo { position:absolute; right:150px; bottom:30px; }


/* -----------------------------------------------------------------------
// 00. Hands-on video
// --------------------------------------------------------------------- */

#hands { position:relative; min-width:1280px; width:100%; overflow:hidden; background:url("../img/hands/bg_keyVisual.png") repeat;}
#hands .keyVisual { width:1280px; height:680px; position:relative; margin:0 auto; text-align:center; color:#fff; background:url("../img/hands/visual.jpg") no-repeat 0 0;}
#hands .keyVisual h1{position:absolute;}
#hands .keyVisual h1.logo{top:30px; left:30px;}
#hands .keyVisual h1.logo_samsung{top:30px; right:30px;}
#hands .keyVisual p.text{font-size:22px; padding:120px 0 10px 0; line-height:100%;}
#hands .keyVisual h2{font-size:50px; letter-spacing:-1px;}
#hands .keyVisual p.play{width:125px; margin:20px auto 42px;}
#hands .keyVisual p.obj{position:absolute; width:100%; bottom:-130px;}

#hands .popupBg { display:none; position:absolute; opacity:0.7; top:0px; left:0px; width:100%; height:680px; background:#000000; z-index:100; }
#hands .popupWrap{ position:absolute; left:0; top:0; width:100%; height:780px; z-index:101; }
#hands #popup { position:relative; }
#hands #popup #popupContainer { position:absolute; top:48px; width:980px; height:585px; }
#hands #popup .close { margin: 0 auto; width: 70px; padding-left: 1100px; padding-top: 40px; }
#hands .guide{position:absolute; top:640px; width:100%; text-align:center; font-size:14px; color:#fff;}