@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Roboto:400, 100, 300, 700');
@import  url('https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext,greek-ext,greek,vietnamese,cyrillic,cyrillic-ext');

* {margin:0;padding:0;}
html {}
body {font:12px/1.3em "Roboto", "Malgun Gothic" ,Dotum, Helvetica, AppleGothic;}
h1, h2, h3, h4, h5, h6, h7 {font-size:100%;font-weight:normal;}

/*reset*/
html, body {width:100%;height:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:none 0}
img, fieldset, iframe {border:0 none}
table, div {border-collapse:collapse}
select, input, img, li {vertical-align:middle;text-align:left}
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal;font-weight :normal}
ul, li, ol {list-style-type:none}
caption, th {text-align :left}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block}
audio, canvas, progress, video {display:inline-block;vertical-align:baseline}
audio:not([controls]) {display:none;height:0}
[hidden], template {display:none}
a {color:#444;text-decoration:none}
a:hover {text-decoration:underline}

body{font-size:12px;line-height:140%;font-family:"Roboto", "Malgun Gothic" ,Dotum, Helvetica, AppleGothic;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

/* layout */
div#wrap	{position:relative;padding:0;min-width:360px;max-width:100%;border:0px none;margin:0 auto;}
div#header		{position:relative;z-index:1;}
div#container	{}
div#contents	{overflow:hidden;position:static;}
div#footer		{}

/* promotion */
#wrap {}

/* header */
#header {position:relative;max-width:100%;min-width:320px;margin:0 auto;padding-top:2%;background:#00bbd3;padding:20px 0px 0;height:290px;}
#header div.logo {display:block;width:64px;height:30px;background:url('../image/logo_samsungpay.png') no-repeat 0 0;background-size:64px auto;margin-left:20px;}
#header h1 {font-weight:normal !important;}
#header span.coming {display:block;text-align:center;font:;padding-top:33px;color:#fafafa;font:300 36px/36px Roboto;padding-bottom:0;}
#header span.welcome {display:block;text-align:center;font:;padding-top:6px;color:#fafafa;font:300 20px/20px Roboto;padding-bottom:10px;}
#header span.tbox {display:block;font-size:15px;line-height:18px;font-weight:400;color:#fafafa;text-align:center;margin-bottom:0px;}
#header span.tlink {display:block;font-size:15px;line-height:18px;font-weight:400;color:#fafafa;text-align:center;margin-bottom:60px;}
#header span.btn {position:absolute;margin:0 auto;bottom:20px;}
#header span.down {display:block;width:15px;height:8px;background:url('../image/icon_down.png') no-repeat center 0;background-size:15px auto;width:100%;}

.section01 {position:relative;width:100%;display:block;height:510px;background:#fafafa;}
.section01:after {content:'';display:block;clear:both}
.section01 .text {width:100%;background:url('../image/03_img.jpg') no-repeat center 0;background-size:100% auto;height:510px;margin:0 auto;}
.section01 .text:after {content:'';display:block;clear:both}
.section01 > .text > .in {min-width:320px;display:block;margin:0 auto;padding:22px 20px 0;}
.section01 > .text > .in > p.num {display:block;font:15px/15px Roboto;color:#fff;}
.section01 > .text > .in > p.title {display:block;font:500 23px/23px Roboto;margin:0 auto;text-align:center;color:#fff;padding-top:19px;}
.section01 > .text > .in > p.intext {display:block;font:16px/16px Roboto;text-align:center;color:#fff;padding-top:44px;padding-bottom:0;background:url('../image/03_line.png') no-repeat center 21px;background-size:40px auto;font-weight:500;}
.section01 > .text > .in > p.stext {position:relative;display:block;font:13px/18px Roboto;text-align:center;color:#fff;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

#container{font-family:'Roboto', 'Malgun Gothic';width:100%;min-height:100px;}
.section02 {position:relative;width:100%;display:block;height:497px;background:url('../image/01_bg.jpg') no-repeat 0 0;background-size:100% auto}
.section02:after {content:'';display:block;clear:both}
.section02 .text {width:100%;height:497px;margin:0 auto;}
.section02 .text:after {content:'';display:block;clear:both}
.section02 > .text > .in {min-width:320px;display:block;margin:0 auto;padding:22px 20px 0;}
.section02 > .text > .in > p.num {display:block;font:15px/15px Roboto;color:#4a5449;}
.section02 > .text > .in > p.title {display:block;font:500 23px/23px Roboto;margin:0 auto;text-align:center;color:#4f584f;padding-top:19px;}
.section02 > .text > .in > p.intext {display:block;font:16px/16px Roboto;text-align:center;color:#50574f;padding-top:44px;padding-bottom:0px;background:url('../image/01_line.jpg') no-repeat center 21px;background-size:40px auto;font-weight:500;}
.section02 > .text > .in > p.stext {position:relative;display:block;font:13px/18px Roboto;text-align:center;color:#747f73;}
.section02 > .text > .in > p.img {width:225px;margin:0 auto;padding-top:18px;padding-right:0;}
.section02 > .text > .in > p.img img {width:100%;}

.section03 {position:relative;width:100%;display:block;height:430px;background:#fafafa;}
.section03:after {content:'';display:block;clear:both}
.section03 .text {width:100%;background:url('../image/02_img.png') no-repeat center 245px;background-size:90px auto;height:430px;margin:0 auto;}
.section03 .text:after {content:'';display:block;clear:both}
.section03 > .text > .in {min-width:320px;display:block;margin:0 auto;padding:22px 20px 0;}
.section03 > .text > .in > p.num {display:block;font:15px/15px Roboto;color:#565656;}
.section03 > .text > .in > p.title {display:block;font:500 23px/23px Roboto;margin:0 auto;text-align:center;color:#565656;padding-top:19px;}
.section03 > .text > .in > p.intext {display:block;font:16px/16px Roboto;text-align:center;color:#565656;padding-top:44px;padding-bottom:0;background:url('../image/02_line.jpg') no-repeat center 21px;background-size:40px auto;font-weight:500;}
.section03 > .text > .in > p.stext {position:relative;display:block;font:13px/18px Roboto;text-align:center;color:#7e7e7e;}

.section04 {position:relative;width:100%;display:block;height:360px;background:#fcfbf7 url('../image/04_img.jpg') no-repeat center bottom;background-size:100% auto;}
.section04:after {content:'';display:block;clear:both}
.section04 .text {width:100%;margin:0 auto;height:300px;}
.section04 .text:after {content:'';display:block;clear:both}
.section04 > .text > .in {min-width:320px;display:block;margin:0 auto;padding:22px 20px 0;}
.section04 > .text > .in > p.num {display:block;font:15px/15px Roboto;color:#fff;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.section04 > .text > .in > p.title {display:block;font:500 23px/23px Roboto;margin:0 auto;text-align:center;color:#fff;padding-top:19px;}
.section04 > .text > .in > p.intext {display:block;font:16px/16px Roboto;text-align:center;color:#565654;padding-top:45px;padding-bottom:0;background:url('../image/04_line.png') no-repeat center 21px;background-size:40px auto;font-weight:500;}
.section04 > .text > .in > p.stext {position:relative;display:block;font:400 13px/18px Roboto;text-align:center;color:#fff;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.section04 > .text > .in > p.stext02 {position:relative;display:block;font:400 13px/18px Roboto;text-align:center;color:#fff;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;padding-top:0;}
.section04 > .text > .in > p.stext02 span.url a {color:#96ffff;filter: alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;text-decoration:underline;}

.section05 {position:relative;width:100%;display:block;height:280px;background:#fafafa;}
.section05:after {content:'';display:block;clear:both}
.section05 .text {width:100%;height:280px;margin:0 auto;}
.section05 .text:after {content:'';display:block;clear:both}
.section05 > .text > .in {min-width:320px;display:block;margin:0 auto;padding:22px 20px 0;}
.section05 > .text > .in > p.num {display:block;font:15px/15px Roboto;color:#565656;}
.section05 > .text > .in > p.title {display:block;font:500 23px/23px Roboto;margin:0 auto;text-align:center;color:#565656;padding-top:19px;}
.section05 > .text > .in > p.intext {display:block;font:16px/16px Roboto;text-align:center;color:#565656;padding-top:44px;padding-bottom:0;background:url('../image/02_line.jpg') no-repeat center 21px;background-size:40px auto;font-weight:500;}
.section05 > .text > .in > p.stext {position:relative;display:block;font:400 13px/18px Roboto;text-align:center;color:#7f7d7c;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.section05 > .text > .in > p.stext02 {position:relative;display:block;font:400 13px/18px Roboto;text-align:center;color:#7e7e7e;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;padding-top:0;}
.section05 > .text > .in > p.stext02 span.url a {color:#00bbd3;filter: alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;text-decoration:underline;}

.section06 {position:relative;width:100%;display:block;background:#ececec;}
.section06:after {content:'';display:block;clear:both}
.section06 .text {width:100%;margin:0 auto;}
.section06 .text:after {content:'';display:block;clear:both}
.section06 > .text > .in {min-width:320px;display:block;margin:0 auto;padding:22px 20px 22px;}
.section06 > .text > .in > p.stext {position:relative;display:block;font:400 13px/18px Roboto;color:#7f7f7f;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}