@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Roboto,Noto Sans CJK KR,Tahoma,"Noto Sans KR",sans-serif,Arial,Tahoma,"돋움",Dotum;font-size:16px;line-height:1.25em}
html,body{height:100%;overflow-x:hidden;-webkit-text-size-adjust:none}
body{font-size:14px;color:#000;-webkit-overflow-scrolling:touch}
fieldset,li,img{border:0;vertical-align:top}
dl,ul,ol,li{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button[disabled]{cursor:default}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
a[href^=tel] {color:inherit;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
table caption {display:none;height:0;font-size:0;line-height:0}
select,input{border:0;-webkit-border-radius:0;border-radius:0;background:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type="number"]{-moz-appearance:textfield} /* FF */
hr{display:none}
::-ms-clear {display:none} /* IE10+ */
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
*:focus{outline:1px dotted rgba(0, 0, 0, 0.8)}
.for-a11y,
.blind,
legend,
#skip-navigation{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
#skip-navigation__content{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
#skip-navigation a{position:absolute;left:0;top:-100px;z-index:1020;display:block; padding:9px 0;width:100%;background:#1179ea;font-size:0;line-height:0;color:#fff;text-align:center;text-decoration:none}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input{line-height:100% !important}
}

.page__error{overflow:hidden}
.sprite__error,
.sprite__error--before::before,
.sprite__error--after::after{overflow:hidden;display:inline-block;font-size:0;background:url(//pics.mysmilepay.com/sprite/error/sprite__error.png) no-repeat;background-size:450px auto}
.sprite__error--before::before,
.sprite__error--after::after{content:''}

.box__header{position:relative;width:100%;height:60px;z-index:10}
.box__header .box__header-inner{position:fixed;top:0;left:0;right:0;width:100%;height:60px;background-color:#fff}
.box__header .box__header-content{position:relative;max-width:768px;margin:0 auto}
.box__header .button__back{position:absolute;top:0;left:0;width:48px;height:48px}
.box__header .button__back:before{position:absolute;top:8px;left:8px;width:32px;height:32px;background-position:-240px 0}
.box__header .box__header-title{box-shadow:0 0 0 1px #eee;box-sizing:border-box;display:-webkit-flex;display:flex;height:60px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#000}
.box__header .box__header-title .box__title .text{font-family:'Gmarket Sans';font-size:18px;font-weight:500;line-height:24px;color:#222;white-space:nowrap}
.box__header--border .box__header-inner{border-bottom: 1px solid #f5f5f5;}
.platform__web .box__header{height:48px}
.platform__web .box__header .box__header-inner{height:48px}
.platform__web .box__header .box__header-title{height:48px}
.box__header .button__back{height:60px}
.box__header .button__close{position:absolute;right:8px;top:14px;height:32px;font-size:0;}
.box__header .button__close:before{width:32px;height:32px;background-position:0 0}
.platform__web .box__header .button__close{top:8px}

.box__topaz-error{height:100vh;background:#fff}
.box__topaz-error.box__business-error{background:#f5f5f5}
.box__topaz-error .text__topaz-error{position:relative;padding:260px 12px 0;text-align:center;}
.box__topaz-error .text__topaz-error:before{position:absolute;top:120px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:180px;height:140px;display:block;content:''}
.box__topaz-error.box__system-error .text__topaz-error:before{background:url(//pics.mysmilepay.com/single/error/image__system-error.png)no-repeat;background-size:180px auto}
.box__topaz-error.box__business-error .text__topaz-error:before{background:url(//pics.mysmilepay.com/single/error/image__business-error.png)no-repeat;background-size:180px auto}
.box__topaz-error .text__topaz-error .text__emphasis{display:block;font-family:'Gmarket Sans';font-size:22px;font-weight:500;line-height:28px;color:#222;letter-spacing:-0.5px;word-break:keep-all}
.box__topaz-error .text__topaz-error .text__supply{display:inline-block;margin-top:8px;font-family:'Gmarket Sans';font-size:14px;font-weight:500;line-height:20px;color:#757575;word-break:break-all}
.box__topaz-error .text__topaz-error .text__error-code{display:inline-block;margin-top:8px;font-family:'Gmarket Sans';font-size:14px;font-weight:500;line-height:20px;color:#757575;word-break:break-all}
.box__topaz-error .button__reture-home{position:fixed;left:50%;bottom:30px;-webkit-transform:translate(-50%);transform:translate(-50%);width:232px;height:56px;background-color:#fff;font-family:'Gmarket Sans';font-size:16px;color:#2c2c2c;border:1px solid #e0e0e0;border-radius:44px;text-align:center;}
.box__topaz-error .button__reture-home:after{width:16px;height:16px;background-position:-34px 0;vertical-align:-3px}
.box__information{background-color:#fff;border-radius:8px;margin:40px 16px 0;padding:16px}
.box__information .text__title{display:block;margin-bottom:2px;font-family:'Gmarket Sans';font-size:13px;line-height:20px;color:#616161}
.box__information .list__information li{position:relative;padding-left:10px;margin-top:2px;font-size:13px;line-height:20px;color:#9e9e9e}
.box__information .list__information li::before{content:'·';position:absolute;top:0;left:0;margin-right:10px}