@import url("libs/reset.css");
@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; }



#nfc { position:relative; width:1280px; margin:0 auto; }

/* keyVisual */
#nfc #keyVisual { position:relative; overflow:hidden; width:1280px; height:830px; }
#nfc .obfWrap { position:absolute; width:3840px; }
#nfc .visual { float:left; }
#nfc #visual_1 .bg_1 { position:absolute; width:1280px; height:830px; background:url('../img/nfc/keyVisual1_1.jpg') no-repeat; display:none; }
#nfc #visual_2 .bg_1 { position:absolute; width:1280px; height:830px; background:url('../img/nfc/keyVisual2_1.jpg') no-repeat; display:none; }
#nfc #visual_3 .bg_1 { position:absolute; width:1280px; height:830px; background:url('../img/nfc/keyVisual3_1.jpg') no-repeat; display:none; }
#nfc .title { position:relative; height:200px; background:url("../img/nfc/bg_h2.png") no-repeat center 88px; }
#nfc .titleWrap { position:relative; top:173px; height:113px; overflow:hidden; }
#nfc .titleWrap .titleWrap-body { position:relative; height:100%; }
#nfc .titleWrap .titleWrap-body h2 { width:100%; color:#333; letter-spacing:-2px; }
#nfc .bullet { position:absolute; width:100%; left:0; bottom:30px; text-align:center; }
#nfc .bullet li { display:inline; }

/* situation */
#nfc #situation { width:100%; position:relative; background:#fff;}
#nfc #situation h3 { margin-bottom:15px; font-size:22px; font-family:"SamsungIF_Bd", arial, sans-serif;}
#nfc .situBox{width:100%; position:relative;}
#nfc .situBox:after{content:""; display:block; clear:both;}
#nfc .situBox > div{float:left; margin:0 4px 4px 0;}
#nfc .situBox > div.situ6{margin-right:0;}
#nfc .situBox.normal { width:770px; position:relative; }
#nfc .situBox.normal > div.situ6{position:absolute; right:-208px; top:0;}
#nfc .situBox a{overflow:hidden; float:left;}
#nfc .situBox a:hover img{margin:-4px;}
#nfc .situBox .active a img{margin:-4px;}
#nfc #situation-movie-wrap { position:relative; left:0px; width:1280px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#0376D7; height:0px; display:none; }
#nfc #situation-movie-wrap h3 { color:#fff; }
#nfc #situation-movie-wrap .situBox a:hover{border:4px solid #fff;}
#nfc #situation-movie-wrap .situBox .active a{overflow:hidden; float:left; border:4px solid #fff;}
#nfc #situation-movie { width:980px; padding:40px 150px; margin:0 auto; overflow:hidden; background:#0376D7; }
#nfc #situation-movie .situMovie { position:relative; width:980px; height:525px; margin-bottom:20px; }
#nfc #situation-normal-wrap { position:relative; width:1280px; background:#fff; }
#nfc #situation-normal-wrap h3 { color:#333; }
#nfc #situation-normal-wrap .situBox a:hover { border:4px solid #0376D7; }
#nfc #situation-normal-wrap .situBox .active a { overflow:hidden; float:left; border:4px solid #0376D7; }
#nfc #situation-normal { width:980px; padding:40px 150px; margin:0 auto; overflow:hidden; background:#fff; }
#nfc #situation-plus { position:absolute; left:1092px; top:0px; width:38px; height:58px; cursor:pointer; }
#nfc #situation-plus a { display:block; width:38px; height:58px; }
#nfc .situMovie{margin-bottom:20px;}
#nfc .situMovie .situMovie1{background:url("../img/nfc/bg_situ01.jpg") no-repeat 0 0;}
#nfc .situMovie .situMovie2{background:url("../img/nfc/bg_situ02.jpg") no-repeat 0 0;}
#nfc .situMovie .situMovie3{background:url("../img/nfc/bg_situ03.jpg") no-repeat 0 0;}
#nfc .situMovie .situMovie4{background:url("../img/nfc/bg_situ04.jpg") no-repeat 0 0;}
#nfc .situMovie .situMovie5{background:url("../img/nfc/bg_situ05.jpg") no-repeat 0 0;}
#nfc .situMovie .situMovie6{background:url("../img/nfc/bg_situ06.jpg") no-repeat 0 0;}
#nfc .situMovie > div{width:980px; height:525px; position:relative; margin:0 auto; letter-spacing:0;}
#nfc .situMovie > div h4{font-size:32px; font-family:"SamsungIF_Bd", arial, sans-serif;}
#nfc .situMovie > div p{font-size:16px; line-height:20px;}
#nfc .situMovie > div p.converting{position:absolute; bottom:0;}
#nfc .situMovie > div p.play{position:absolute; left:388px; top:205px; display:none;}				/* play */
#nfc .situMovie > div.right p.play{position:absolute; left:428px; top:205px;}
#nfc .situMovie > div.left h4{padding:45px 0 20px 40px; font-size:32px; line-height:35px; letter-spacing:-1px; font-family:"SamsungIF_Bd", arial, sans-serif;}
#nfc .situMovie > div.left p{padding-left:40px;}
#nfc .situMovie > div.left p.converting{left:40px; padding:0;}
#nfc .situMovie > div.right h4{text-align:right; padding:45px 40px 20px 0; font-size:32px; line-height:35px; letter-spacing:-1px; font-family:"SamsungIF_Bd", arial, sans-serif;}
#nfc .situMovie > div.right p{text-align:right; padding-right:40px;}
#nfc .situMovie > div.right p.converting{right:40px; padding:0;}
#nfc .situMovie > div.black{color:#333;}
#nfc .situMovie > div.white{color:#fff;}
#nfc .situMovie > div.smallH4 h4{font-size:22px; line-height:26px;}
#nfc .popupBg2 { display:none; position:absolute; opacity:0.7; top:0px; left:0px; width:100%; height:780px; background:#000000; z-index:100; }
#nfc .popupWrap2 { position:absolute; left:0; top:0; width:100%; height:780px; z-index:105; }
#nfc #popup2 { position:relative; }
#nfc #popup2 div { }
#nfc #popup2 #popupContainer2 { position:relative; width:980px; height:780px; left:150px; top:80px; }
#nfc #popup2 .close2 { position:absolute; left:1152px; top:50px; }

/* howToUse */
#nfc #howToUse { width:100%; height:780px; position:relative; border-bottom:1px solid #0376D7; background:url("../img/nfc/bg_how.png") no-repeat center 0; border-top: 1px solid white;}
#nfc #howToUse .useContents .useStep span a { }
#nfc #howToUse h2 { position:absolute; top:70px; left:0; width:160px; height:40px; float:left; margin-left:4px; background:url("../img/nfc/bg_howUl1.png") no-repeat; z-index:100; }
#nfc #howToUse h2:first-child { margin-left:0; }
#nfc #howToUse h2 a { display:block; width:160px; height:40px; }
#nfc #howToUse h2 a span{ visibility:hidden; }
#nfc #howToUse h2.h2_1 { left:150px; width:600px; background-position:0 0; }
#nfc #howToUse h2.h2_2 { left:314px; background-position:-164px 0; }
#nfc #howToUse h2.h2_3 { left:478px; background-position:-328px 0; }
#nfc #howToUse h2.active{ background:url("../img/nfc/bg_howUl1_active.png") no-repeat; }
#nfc #howToUse h2.active.h2_1 { background-position:0 0; }
#nfc #howToUse h2.active.h2_2 { background-position:-164px 0; }
#nfc #howToUse h2.active.h2_3 { background-position:-328px 0; }
#nfc #howToUse .useContents { width:980px; height:780px; padding:0 150px; position:relative; margin:0 auto; display:none; }
#nfc #howToUse .useText { width:500px; margin-top:140px; }
#nfc #howToUse .useText h3 { margin-bottom:80px; color:#fff; font-size:42px; letter-spacing:-1px; font-family: "SamsungIF_Bd", arial, sans-serif;}
#nfc #howToUse .useText .useStep { margin-bottom:15px; font-size:36px; color:#fff; letter-spacing:-1px; font-family: "SamsungIF_Bd", arial, sans-serif;}
#nfc #howToUse .useText .useStep img { vertical-align:bottom;}
#nfc #howToUse .useText p { font-size:16px; color:#fff; margin-bottom: 40px;}
#nfc #howToUse .useText p.small { font-size:13px; margin:50px 0 0 0;}
#nfc #howToUse .useText p.small em { line-height:210%;}
#nfc #howToUse .useText .view { width:192px; border:3px solid #fff; background:#0376D7; margin-bottom:15px; padding:2px 0; text-align:center; font-size:16px; font-family: "SamsungIF_Bd", arial, sans-serif;}
#nfc #howToUse .useText .view a { display:block; width:192px; color:#fff; }
#nfc #howToUse .comment{position:absolute; top:730px; right:15px; color:#000; text-align:right; text-decoration:underline; z-index:90; }
#nfc #howToUse .motionWrap { position:absolute; overflow:hidden; bottom:0; right:0; width:600px; height:560px; }
#nfc #howToUse .motion { position:absolute; width:600px; height:600px; }
#nfc #howToUse .motion > div { position:absolute; }
#nfc #howToUse .motion1 { position:relative; }
#nfc #howToUse .motion2.next { left:600px; top:0; }
#nfc #howToUse .motion1 .phone { left:100px; width:338px; height:451px; background:url("../img/common/phone.png") no-repeat 0 0; }
#nfc #howToUse .motion1 .scene { position:relative; left:13px; top:40px; width:205px; height:359px; background:#000; }
#nfc #howToUse .motion1 .scene_current { position:relative; }
#nfc #howToUse .motion1 .scene_next { position:absolute; left:0px; top:0px; display:none; }
#nfc #howToUse .motion1 .hand { top:210px; left:115px; display:none; }
#nfc #howToUse .motion2 .use1-3-1 { position:absolute; width:550px; height:560px; }
#nfc #howToUse .motion2 .use1-3-1 > div { position:absolute; }
#nfc #howToUse .motion2 .use1-3-1 .print { top:90px; right:50px; }
#nfc #howToUse .motion2 .use1-3-1 .report { top:90px; left:166px; }
#nfc #howToUse .motion2 .use1-3-1 .report .cover { position:absolute; top:0px; left:0px }
#nfc #howToUse .motion2 .use1-3-1 .report .paper { position:relative; top:30px; left:55px; }
#nfc #howToUse .motion2 .use1-3-1 .tap { top:200px; left:26px; }
#nfc #howToUse .motion2 .use2-3-1 > div { position:absolute; }
#nfc #howToUse .motion2 .use2-3-1 .tap { top:200px; left:26px; }
#nfc #howToUse .motion2 .use3-3-5 > div { position:absolute; }
#nfc #howToUse .motion2 .use3-3-5 .tap { top:200px; left:26px; }
#nfc #howToUse .usePointer { position:absolute; left:0px; top:0px; cursor:pointer; width: 70px; height: 70px; overflow:hidden; }
#nfc #howToUse .usePointer div {position:relative;}
#nfc #howToUse .usePointer img { width:70px; height:70px; }
#nfc .popupBg1 { display:none; position:absolute; opacity:0.7; top:0px; left:0px; width:100%; height:780px; background:#000000; z-index:100; }
#nfc .popupWrap1{ position:absolute; left:0; top:0; width:100%; height:780px; z-index:105; }
#nfc #popup1 { position:relative; }
#nfc #popup1 #popupContainer1 { position:relative; width:980px; height:610px; left:150px; top:80px; }
#nfc #popup1 .close1 { position:absolute; left:1152px; top:50px; }


/* more */
#nfc #more { position:relative; width:1280px; }
#nfc .whatIsWrap { position:relative; left:0px; width:1280px; border-top:1px solid #fff; background:#0376D7; height:0px; display:none; }
#nfc .whatIs{width:980px; position:relative; margin:0 auto; padding:75px 0; color:#fff; }
#nfc .whatIs h3{font-size:42px; text-decoration:underline; padding:0 0 20px 0; letter-spacing:-2px; font-family: "SamsungIF_Bd", arial, sans-serif; }
#nfc .whatIs h4{font-size:26px; margin-bottom:15px; line-height:28px; font-family: "SamsungIF_Bd", arial, sans-serif; }
#nfc .whatIs p{font-size:16px; line-height:20px; }
#nfc .whatIs .whatDl{margin-bottom:25px; font-size:16px; line-height:20px; }
#nfc .whatIs .whatDl dd{color:#FFF; }
#nfc .whatIs .whatDl dt{margin-bottom: 4px; }
#nfc .whatIs .whatDl1 { padding-left:100px; background:url("../img/nfc/bg_icon.png") no-repeat 0 3px; }
#nfc .whatIs .whatDl2 { margin-top:15px; }
#nfc .whatIs p.img { position:absolute; top:135px; right:0; }
#nfc .whatIs .view { width:192px; border:3px solid #fff; background:#0376D7; margin-bottom:15px; padding:2px 0; text-align:center; font-size:16px; font-family: "SamsungIF_Bd", arial, sans-serif;}
#nfc .whatIs .view a { display:block; width:192px; color:#fff; }
#nfc .learnMoreWrap { position:relative; width:1280px; background:#fff; }
#nfc .learnMore { position:relative; padding:40px 0 50px 150px; }
#nfc .learnMore h3 { font-size:22px; color:#333; margin-bottom:10px; font-family: "SamsungIF_Bd", arial, sans-serif;}
#nfc .learnMore p { font-size:16px; color:#333; margin-bottom:10px;}
#nfc .learnMore p.more { width:192px; border:3px solid #0376D7; background:#fff; margin-bottom:15px; padding:2px 0; text-align:center; font-size:16px; font-family: "SamsungIF_Bd", arial, sans-serif;}
#nfc .learnMore p.more a { display:block; width:192px; color:#0376D7;}
#nfc #more-plus { position:absolute; left:1092px; top:0px; height:58px; cursor:pointer; }
#nfc #more-plus a { display:block; }
#nfc .popupBg3 { display:none; position:absolute; opacity:0.7; top:0px; left:0px; width:100%; height:610px; background:#000000; z-index:100; }
#nfc .popupWrap3 { position:absolute; left:0; top:0; width:100%; height:610px; z-index:105; }
#nfc #popup3 { position:relative; }
#nfc #popup3 div { }
#nfc #popup3 #popupContainer3 { position:relative; width:980px; height:610px; left:150px; top:15px; }
#nfc #popup3 .close3 { position:absolute; left:1152px; top:5px; }
#nfc .whatIs dt.small, #nfc .whatIs dd.small { font-size:13px; line-height: 120%;}