@charset "utf-8";

/* reset */
*, *:after, *:before{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-text-size-adjust:none;text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-font-smoothing:antialiased
}
html, body{height:100%}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, textarea, select{margin:0;padding:0;border:0;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font:1rem/1.2 'Roboto','Apple SD Gothic Neo', sans-serif;letter-spacing:-.01rem;color:#000;-webkit-text-size-adjust:none}
body.type{background-color:#ecf0f1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
hr{display:none}
img, video, audio, object, embed, iframe{max-width:100%}
img{height:auto;vertical-align:top}
em, i, address{font-style:normal}
a{text-decoration:none}
h1,h2,h3,h4,h5,strong,b,th{font-weight:500}
pre{word-break:break-all;white-space:pre-line}
.scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
:focus{outline:0}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}


/*Common*/
#wrap { width: 100%; min-height: 100%; padding: 5rem 1.25rem 3rem; background-color: #ffffff; position: relative; }
#st_bar { position: fixed; height: 3.125rem; line-height: 3.125rem; font-size: 1.2rem; background: #fff; left: 0; right: 0; top: 0; text-align: center; z-index: 9999999999; }
#st_bar .st_left { background: #fff url(../images/btn_back.png) no-repeat; background-size: 3.125rem auto; display: inline-block; width: 3.125rem; height: 3.125rem; position: absolute; left: 0; top: 0; }
#st_bar .st_right { background: #fff url(../images/btn_close.png) no-repeat; background-size: 3.125rem auto; display: inline-block; width: 3.125rem; height: 3.125rem; position: absolute; right: 0; top: 0; }
.title_bl { margin-bottom: 0.7rem; color: #1774ff; font-size: 1.1rem; font-weight: bold; line-height: 1.4rem; word-break: keep-all; }/*201027//color 수정*/
.title_wh { margin-bottom: 0.7rem; color: #ffffff; font-size: 1.1rem; font-weight: bold; line-height: 1.4rem; word-break: keep-all; }
.sub_bk { margin-bottom: 2rem; color: #000000; font-size: 1rem; line-height: 1.3rem; display: inline-block; word-break: keep-all; }
.mb0 { margin-bottom: 0 !important; }
.pt_8 { padding-top: 8.2rem !important; }

/*Tap*/
#tab_bar{position:fixed;height:3.125rem;line-height:3.125rem;font-size:1.1rem; background:#fff;left:0;right:0;top:3.125rem;text-align:center;z-index:99999999} 
#tab_bar ul{display:table;}
#tab_bar ul li{display:table-cell;border-bottom:0.1875rem solid #eee;width:37.5rem}
#tab_bar ul li.on{border-bottom:0.1875rem solid #1774ff;}/*201027//border 수정*/
.tab_step { display: none; }
.tab_step.on { display: block; }

/*페이코인(PCI) 결제*/
.pci_part ul { margin-top: 2rem; }
.pci_part ul li { margin-left: 1rem; padding-top: 0.65rem; color: #a0a0a0; font-size: 0.875rem; line-height: 1.1rem; display: list-item; position: relative; word-break: keep-all; }
.pci_part ul li:first-child { padding-top: 0; }
.pci_part ul li:before { content:"※"; margin-left: -1rem; position: absolute; }
.o_img img { width: 100%; }
.btn_group { width: 100%; margin-top: 2rem; display: table; overflow: hidden; }
.btn_group button { width: 48.5%; height: 2.75rem; font-size: 0.94rem; display: inline-block; cursor: pointer; float: left; }
.btn_bl { margin-right: 1.5%; background-color: #1774ff; color: #ffffff; }/*201027//background 수정*/
.btn_gr { margin-left: 1.5%; background-color: #353d59; color: #ffffff; }
.line_gr { width: 100%; height: 0.07rem; margin-top: 2rem; margin-bottom: 2rem; background-color: #e4e7ed; display: block; }

/*가맹점 안내*/
.f_cover { margin-bottom: 2rem; }
.bg_gr { background-color: #1774ff !important; }/*201027//background 수정*/
.franchise { width: 100%; }
.franchise li { width: 100%; margin-bottom: 0.5rem; min-height: 4.875rem; background-color: #ffffff; border-radius: 0.25rem; display: table; }
.franchise li:last-child { margin-bottom: 0px; }
.f_img { width: 40%; border-right: 0.07rem dashed #dbdbdb; text-align: center; vertical-align: middle; display: table-cell; }
.f_img img { width: auto; text-align: center; }
.f_txt { width: 60%; padding: 1.25rem; vertical-align: middle; display: table-cell; }
.f_txt p { margin-bottom: 0.5rem; font-size: 0.95rem; color: #000000; }
.f_txt span { font-size: 0.8rem; color: #a0a0a0; }

/*결제방법 안내*/
.m_cover { margin-bottom: 2rem; }
.method { width: 100%; margin-top: 2rem; }
.method li { width: 100%; margin-bottom: 2rem; min-height: 6.25rem; display: table; }
.m_img { width: 33%; text-align: center; vertical-align: middle; display: table-cell; }
.m_txt { width: 62%; padding-left: 5%; vertical-align: middle; display: table-cell; }
.m_txt p { margin-bottom: 0.7rem; font-size: 1rem; color: #000000; word-break: keep-all; }
.m_txt span { font-size: 0.855rem; color: #a0a0a0; line-height: 1.1rem; word-break: keep-all; display: inline-block; }
.img_off1, .img_on2 { background: center center no-repeat url(../images/img_method1.png); background-size: 74%; }
.img_off2 { background: center center no-repeat url(../images/img_method2.png); background-size: 74%; }
.img_off3 { background: center center no-repeat url(../images/img_method3.png); background-size: 74%; }
.img_off4, .img_on4 { background: center center no-repeat url(../images/img_method4.png); background-size: 74%; }
.img_on1 { background: center center no-repeat url(../images/img_method5.png); background-size: 74%; }
.img_on3 { background: center center no-repeat url(../images/img_method6.png); background-size: 74%; }
.img_on5 { background: center center no-repeat url(../images/img_method7.png); background-size: 74%; }
.img_on6 { background: center center no-repeat url(../images/img_method8.png); background-size: 74%; }
.pos { width: 100%; }
.pos li { width: 100%; padding: 1.25rem; margin-top: 0.5rem; min-height: 4.875rem; background-color: #ffffff; border: 0.07rem solid #dbdbdb; border-radius: 0.25rem; display: table; }
.pos li:first-child { margin-top: 0; }
.p_img { width: 35%; text-align: center; vertical-align: middle; display: table-cell; }
.p_img img { width: auto; text-align: center; }
.p_txt { width: 65%; vertical-align: middle; display: table-cell; }
.p_txt p { font-size: 0.95rem; color: #000000; text-align: right; }
.caution { width: 100%; padding: 1rem; margin-top: 2rem; background-color: #f5f8fc; border-radius: 0.25rem; }
.caution dt { margin-bottom: 0.7rem; font-size: 0.9rem; color: #f43939; }
.caution dd { font-size: 0.855rem; color: #a0a0a0; line-height: 1.1rem; word-break: keep-all; }

/*200515_추가*/
.c_pointer { cursor: pointer; }

/*210317 추가*/
.guide_main img { width: 100%; float: left; }