.hidden {position:fixed; left:-999999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; opacity:0; visibility:hidden;}
.txt_hidden {font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
caption, legend {height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; margin-top:-1px;}


html.intro, html.intro body {height:100%; font-size:0; line-height:0; text-align:center; background:url("/service1/img/bg.jpg") repeat 50% 0;}
html.intro .introWrap {min-width:1000px; height:100%; white-space:nowrap;}
html.intro .vAlign {display:inline-block; height:100%; vertical-align:middle;}
html.intro .wrap {position:relative; display:inline-block; vertical-align:middle; width:980px; padding:20px; white-space:normal;}
html#ie7.intro .wrap {display:inline;}
html.intro .wrap .text {width:410px; text-align:left; display:inline-block; vertical-align:middle;}
html#ie7.intro .wrap .text {display:inline;}
html.intro .wrap .text h1 {font-size:40px; line-height:50px; font-weight:900; color:#333;}
html.intro .wrap .text strong {display:block; font-size:16px; line-height:20px; padding-left:3px; color:#333;}
html.intro .wrap .text p {margin-top:30px;font-size:18px; line-height:28px; color:#444;}
html#ie7.intro .wrap .text p,
html#ie8.intro .wrap .text p {letter-spacing:-2px;}
html.intro .wrap .text p mark {font-weight:900; color:#c90909;}
html.intro .wrap .text p.qrGuide {margin-top:60px; font-size:13px; line-height:20px; color:#777;}
html.intro .wrap .text .bnn {margin-top:20px; overflow:hidden;}
html.intro .wrap .text .bnn .qrCode {float:left; width:100px;}
html.intro .wrap .text .bnn .naver {float:left; margin:10px 0 0 20px;}
html.intro .wrap .text .bnn .naver dt {font-size:16px; line-height:20px; font-weight:700; color:#444;}
html.intro .wrap .text .bnn .naver dt mark {color:#2db400; font-weight:900;}
html.intro .wrap .text .bnn .naver dd {margin-top:10px;}
html.intro .wrap .text .bnn .naver dd a {display:block; width:230px; height:26px; padding:0 10px; border:8px solid #2db400; font-size:13px; line-height:26px; font-weight:700; color:#000; background:url("../img/intro/naver_arrow.png") no-repeat 100% 50% #fff;}
html.intro .wrap .view {display:inline-block; vertical-align:middle;}
html#ie7.intro .wrap .view {display:inline;}
html.intro .wrap .view .btn {width:100px; display:inline-block; vertical-align:middle;}
html#ie7.intro .wrap .view .btn {display:inline;}
html.intro .wrap .view .btn button {width:100%; font-size:14px; line-height:30px; font-weight:700; color:#333; margin-bottom:30px;}
html.intro .wrap .view .btn button img {display:block;}
html.intro .wrap .view .frame {background:no-repeat 50% 50%; margin:0 28px 0 40px; display:inline-block; vertical-align:middle;}
html#ie7.intro .wrap .view .frame {display:inline;}
html.intro .wrap .view .frame .screen {height:100%; overflow:hidden; background:#fff;}
html.intro .wrap .view .frame .screen > div {margin-right:-17px; height:100%; overflow-x:hidden; overflow-y:scroll;}
html#ie7.intro .wrap .view .frame .screen > div {margin-right:0;}
html.intro .wrap .view .frame .screen > div > div {min-height:100%;}
html.intro .wrap .view .frame iframe {display:block; width:100%;}
html.intro .wrap .view .frame.iphone {width:320px; height:568px; padding:119px 41px; background-image:url("/service1/img/iphone.png");}
html.intro .wrap .view .frame.galaxy {width:342px; height:605px; padding:64px 30px 65px; background-image:url("/service1/img/galaxy.png");}