@charset "utf-8";

/* Reset */
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', 'Gmarket Sans', sans-serif}
html,body{-webkit-text-size-adjust:none}
body{font-size:18px;line-height:1.56;color:#616161;letter-spacing:-1.5px}
fieldset,li,img{border:0;vertical-align:top}
dl,ul{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
a[href^=tel]{color:inherit;text-decoration:none}
hr{display:none}
.for-a11y{overflow:hidden;position:absolute;top:-999px !important;left:-999px !important;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}

/* skipnavi */
#skipnavi{margin:0;padding:0}
#skipnavi a{position:absolute;left:0;top:-100px;z-index:5000;display:block;padding:8px 0 7px;width:100%;background:#1179ea;color:#fff;text-align:center;text-decoration:none}
#skipnavi a:active,#skipnavi a:focus{top:0;font-size:12px;font-weight:bold;line-height:1.5}

/* header */
#header{border-bottom:1px solid #e4e4ff;background:#f5f5ff}
#header .inner{width:1200px;margin:0 auto;padding:84px 121px 52px 117px}
#header .logo{float:right;width:150px;height:34px;background:url(//pics.mysmilepay.com/smilepay/pc/ko/logo.png) no-repeat 0 0}
#header .title{height:104px;font-size:42px;line-height:1.24;color:#000}

#container{width:1200px;margin:0 auto;padding:56px 0 46px}
.screen_reader_manual{position:relative;padding-left:266px}
.list_tab{position:absolute;top:0;left:0px}
.list_tab li{margin-bottom:12px}
.link_tab{display:block;width:162px;padding-left:24px;line-height:56px;color:#616161;background:#f5f5f5;border-radius:12px}
.link_tab.select{color:#fff;background:#222}
.box_contents{padding-top:12px}
.box_contents .title{margin-bottom:16px;font-size:24px;line-height:0.93;color:#222}
.box_contents .title_sub{margin-bottom:16px;font-size:20px;line-height:1.3;color:#222}
.box_contents .title_sub .num{margin-right:20px}
.box_tab_contents.hide{display:none}
.box_tab_contents{display:block;overflow:hidden}
.text_day{display:block;margin-bottom:24px;color:#9e9e9e}
.text_day + .list li{margin-bottom:20px}
.text{margin-bottom:16px;font-weight:normal}
.text + .subtitle{margin-top:16px}
.list{overflow:hidden;padding-left:16px;margin-bottom:12px}
.list li{padding-left:14px;margin-bottom:12px}
.list_sub{margin-left:16px}
.list_sub li{padding-left:7px}
.list_step{padding-left:0;margin-top:12px;list-style:none}
.list_step li{position:relative;padding-left:23px;margin-bottom:0}
.list_step li .num{position:absolute;top:0;left:0}
.box{padding:24px 32px 8px;margin-bottom:24px;background:#f5f5f5;border-radius:12px}
.box_mini{padding:7px 0 7px 20px;margin-top:-6px;border-radius:8px}
.box_mini .text{margin-bottom:0;line-height:38px}
.box_section{margin-bottom:26px}
.list_link{padding:16px 11px 32px}
.list_link .link,.subtitle{display:inline-block;position:relative;padding-left:16px;font-size:20px;line-height:38px;color:#067dfd}
.list_link .link:before,.subtitle:before{position:absolute;top:15px;left:0;width:6px;height:6px;background:#067dfd;border-radius:50%;content:''}
.subtitle{margin-top:8px;margin-bottom:16px;font-weight:normal;color:#424242}
.subtitle:before{background:#424242}