@import url("fonts.css");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,strong,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{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{height:100%;margin-right:0;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic}html>body{overflow:hidden;-webkit-overflow-scrolling:touch;height:100%;min-height:-webkit-fill-available}.main_wrap,.cont{min-height:-webkit-fill-available}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-weight:400;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font-size:13px;color:#000;background-color:white;letter-spacing:normal;-webkit-touch-callout:none;-webkit-user-select:none !important;-moz-user-select:-moz-none !important;-ms-user-select:none !important;user-select:none !important}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}div{box-sizing:border-box}img{pointer-events:none}table{border-collapse:collapse;border-spacing:0}button{border:0;margin:0;padding:0;border:0 none;background-color:transparent;cursor:pointer;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font:unset}button,button:focus,input,input:focus,label,label:focus,li,li:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pad20{padding:20px}.pad10{padding:10px}.mb0{margin-bottom:0 !important}.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.main_wrap{letter-spacing:normal}.main_wrap .cont{width:100%}.main_wrap .cont section{padding:0 0 20px}.main_wrap .cont section header{box-sizing:border-box;position:fixed;display:block;width:100%;height:62px;padding:16px;top:0;background-color:#fff;z-index:11}.main_wrap .cont section header.iosNotch{top:calc(constant(safe-area-inset-top) + 0px);top:calc(env(safe-area-inset-top) + 0px)}.main_wrap .cont section header .header{position:relative;display:inline-flex;justify-content:space-between;align-items:center;width:100%;height:auto;padding:0}.main_wrap .cont section header .header .header_tit{display:inline-block;width:100%;font-size:18px;font-weight:400;line-height:24px;text-align:left}.main_wrap .cont section header .header .header_btn.close{position:relative;display:block;width:auto;height:auto;padding:0;float:right}.main_wrap .cont section header .header .header_btn.close img{content:url(../images/ac_close_nor.png);display:inline-block;width:32px;min-width:32px;height:32px;cursor:pointer}.main_wrap .cont section header+.code-wrap{width:100%;height:100%;margin-top:62px;top:0}.main_wrap .cont section header+.code-wrap.iosNotch{height:calc(-webkit-fill-available - 62px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));height:calc(-webkit-fill-available - 62px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:calc(constant(safe-area-inset-top) + 0px);top:calc(env(safe-area-inset-top) + 0px)}.main_wrap .cont section header+.code-wrap.iosNotch .tab_container{height:calc(100vh - 128px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));height:calc(100vh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.main_wrap .cont section .code-wrap{position:absolute;display:inline-block;width:100%;height:100%;background-color:#fff;z-index:0}.main_wrap .cont section .code-wrap .code-div{width:100%;height:100%}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap{position:fixed;display:inline-flex;width:100%;max-width:800px;height:66px;padding:8px 0 0;background-color:#fff;z-index:1}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont{display:inline-flex;width:100%;height:46px;padding:0 20px;border-radius:46px}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont::before{content:'';position:absolute;display:inline-block;width:calc(100% - 40px);height:46px;border-radius:46px;background-color:#f7f7f7;z-index:-1}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont .tab_btn{display:none}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont .tab_btn:checked+.tab_label{font-weight:500;color:#fff}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont .tab_btn#tab1:checked ~ .tab_slider{transform:translate(0, 0)}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont .tab_btn#tab2:checked ~ .tab_slider{transform:translate(100%, 0)}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont .tab_label{flex:1 1;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:50%;height:100%;padding:12px;font-size:16px;font-weight:400;line-height:22px;text-align:center;color:#000;cursor:pointer;transition:all 0.2s ease-in-out;z-index:3}.main_wrap .cont section .code-wrap .code-div .tab_button_wrap .tab_button_cont .tab_slider{position:absolute;display:inline-block;width:calc(50% - 20px);height:46px;background-color:#f8b73d;border-radius:46px;z-index:2;transition:all 0.2s ease-in-out}.main_wrap .cont section .code-wrap .code-div .tab_container{display:inline-block;position:relative;width:100%;height:calc(100vh - 128px);margin-top:66px;overflow:auto}.main_wrap .cont section .code-wrap .code-div .tab_container .tab_content{position:absolute;display:inline-block;width:100%;height:100%;padding:0 20px;top:0;opacity:1;transition:opacity 0.1s ease-in-out}.main_wrap .cont section .code-wrap .code-div .tab_container .tab_content.hidden{height:0;opacity:0;pointer-events:none;user-select:none;z-index:-1}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs){margin:0;padding:0}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li{list-style:none;padding:0;font-size:14px;line-height:20px;margin-bottom:12px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering{list-style:none;list-style-position:inside;font-family:'Roboto';font-weight:500}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:before{position:absolute;line-height:20px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(1):before{content:'1'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(2):before{content:'2'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(3):before{content:'3'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(4):before{content:'4'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(5):before{content:'5'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(6):before{content:'6'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:nth-child(7):before{content:'7'}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering:last-child{margin-bottom:0}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering .numbering_tit{box-sizing:border-box;position:relative;display:inline-block;width:100%;padding-left:20px;padding-right:0;line-height:20px;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font-weight:400;word-break:break-all}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering .description,.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.numbering .numbering_tit+p{font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font-weight:400;transform:rotate(-0.04deg)}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.listing{list-style:none;list-style-position:inside;font-family:'Roboto';font-weight:500;margin-bottom:0}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.listing:before{content:'-';position:absolute;line-height:20px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.listing+.listing{padding-top:10px !important}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.listing .listing_tit{position:relative;display:inline-block;padding-left:10px;line-height:20px;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font-weight:400}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li.listing .listing_tit a{text-decoration:none;color:#000}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li .description,.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li .listing_tit+p{font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font-weight:400 !important;transform:rotate(-0.04deg)}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span:not(.accent){font-weight:500;padding:0 16px 0 0;line-height:16px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span:not(.accent)+p{margin-top:1px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span.roboto{font-family:'Roboto';font-weight:500}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span.sub{font-weight:500;padding:0 16px 0 20px;line-height:16px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span.question{position:relative;display:inline-block;width:calc(100% - 22px);height:auto;padding:0 0 0 22px;font-size:14px;font-weight:400;line-height:16px;color:#666}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span.question::before{content:'';display:inline-block;width:14px;height:14px;transform:translate(0, 2px);background-image:url(../images/ic_alert.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.6}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li span.question+.question{margin-top:4px}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li p{width:100%;font-size:14px;line-height:20px;color:#000;padding:0 20px;word-break:keep-all}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li p .description{color:#999;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;font-weight:400 !important;transform:rotate(-0.04deg)}.main_wrap .cont section .code-wrap .code-div ul:not(.tabs) li p+p{margin-top:1px}.main_wrap .cont section .code-wrap .code-div ul.qna_container{display:inline-block;width:calc(100% + 40px);margin:0 0 0 -20px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box{width:100%;height:auto;padding:0;margin:0}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box:last-child{margin-bottom:104px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box:last-child:not(.active) .qna_qbox{border-bottom:1px solid rgba(0,0,0,0);transition:all 0.2s 0.3s ease-in-out}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box.active .qna_qbox:before{content:'';background-image:url(../images/ic_q_sel.png);transition:all 0.5s ease-in-out}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box.active .qna_qbox:after{content:'';background-image:url(../images/12.png)}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box.active .qna_qbox span{font-weight:500}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box.active .qna_txtbox{display:block;height:auto;max-height:700px;overflow:auto;transition:max-height 0.5s ease-in-out}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box.active .qna_txtbox p,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box.active .qna_txtbox li{opacity:1;transition:opacity 0.5s ease-in-out}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_qbox{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:20px;margin:0;border-bottom:1px solid #eee;cursor:pointer}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_qbox:before{content:'';display:inline-block;width:25px;min-width:25px;height:25px;background-image:url(../images/ic_q_nor.png);background-size:contain;background-position:center;background-repeat:no-repeat;transition:all 0.5s ease-in-out}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_qbox:after{content:'';display:inline-block;width:12px;min-width:12px;height:8px;background-image:url(../images/13.png);background-size:contain;background-position:center;background-repeat:no-repeat}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_qbox span{width:calc(100% - 37px);font-size:14px;font-weight:400;line-height:20px;padding:0 16px 0 8px;word-break:break-all;transition:0.5s ease-in-out}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox{display:block;width:100%;height:auto;max-height:0;background-color:#f7f7f7;overflow:hidden;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1)}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li{opacity:0;transition:opacity 0.5s ease-in-out;font-family:'Roboto', 'Noto Sans kr', sans-serif, Droid Sans, AppleGothicNeoSD, malgun gothic;width:calc(100% - 40px);padding:20px;font-size:14px;font-weight:400;line-height:20px;word-break:break-all}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p+ul>li,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li+ul>li{padding-top:0 !important;margin-bottom:0}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p:not(:last-child),.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li:not(:last-child){padding:20px 20px 12px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p.description,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p .description,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li.description,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li .description{width:100%;margin-top:4px;padding:0;font-size:14px;color:#999}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p.reference,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p .reference,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li.reference,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li .reference{width:calc(100% - 59px);padding:0 20px 0 39px;font-size:14px;color:#666}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p.reference:first-child,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p .reference:first-child,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li.reference:first-child,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li .reference:first-child{padding:20px 20px 20px 39px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p.reference:last-child,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p .reference:last-child,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li.reference:last-child,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li .reference:last-child{padding:0 20px 20px 39px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p.reference::before,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p .reference::before,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li.reference::before,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li .reference::before{content:'※';display:inline-block;position:absolute;width:15px;height:auto;transform:translate(-19px, 0);color:#999}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p.reference+.reference,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p .reference+.reference,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li.reference+.reference,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox li .reference+.reference{margin-top:4px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox ul{padding-bottom:20px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox ul+p{padding:20px !important}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox ul li:last-child{padding-bottom:0 !important;margin-bottom:0 !important}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox p+p{padding-top:0}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox .numbering,.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox .listing{padding-bottom:0}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox .qna_imgbox{display:inline-block;width:100%;height:auto;margin:5px 0 12px}.main_wrap .cont section .code-wrap .code-div ul.qna_container .qna_box .qna_txtbox .qna_imgbox img{width:100%;height:100%;pointer-events:auto;cursor:pointer}.main_wrap .cont section .code-wrap .code-div ul+h1.tit{margin:33px 0 5px}.main_wrap .cont section .code-wrap .code-div h1.tit{font-size:16px;line-height:22px;font-weight:500;margin:24px 0 16px}.main_wrap .cont section .code-wrap .code-div .info_wrap{display:inline-block;width:100%;height:auto;padding:20px;background-color:#fff8df;border-radius:8px}.main_wrap .cont section .code-wrap .code-div .info_wrap+.description_wrap{margin-top:8px}.main_wrap .cont section .code-wrap .code-div .description_wrap{display:inline-block;width:100%;height:auto}.main_wrap .cont section .code-wrap .code-div .description_wrap .list_p{box-sizing:border-box;display:inline-block;width:100%;height:auto;padding:0 0 0 11px;font-size:12px;font-weight:400;line-height:18px;color:#666}.main_wrap .cont section .code-wrap .code-div .description_wrap .list_p::before{content:'';display:inline-block;position:absolute;width:3px;height:3px;transform:translate(-11px, 7px);border-radius:3px;background-color:#666}.main_wrap .cont section .code-wrap .code-div .description_wrap .list_p+.list_p{margin-top:4px}.main_wrap .cont section .code-wrap .code-div .description_wrap .list_p:last-child{margin-bottom:104px}.main_wrap .cont section .btn_wrap{box-sizing:border-box;display:inline-block;width:100%;height:72px;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 30%);opacity:1;transition:all 0.25s ease-in-out}.main_wrap .cont section .btn_wrap.iosNotch{height:calc(constant(safe-area-inset-bottom) + 72px);height:calc(env(safe-area-inset-bottom) + 72px)}.main_wrap .cont section .btn_wrap.iosNotch .btn{margin-bottom:calc(constant(safe-area-inset-bottom) + 16px);margin-bottom:calc(env(safe-area-inset-bottom) + 16px)}.main_wrap .cont section .btn_wrap.fixed{position:fixed;bottom:0;left:0}.main_wrap .cont section .btn_wrap.hidden{opacity:0;user-select:none}.main_wrap .cont section .btn_wrap.hidden .btn{pointer-events:none;cursor:default}.main_wrap .cont section .btn_wrap .btn{box-sizing:border-box;display:inline-block;width:calc(100% - 32px);height:56px;margin:0 16px 16px;padding:16px;border-radius:12px;font-size:16px;font-weight:500;word-break:keep-all;background-color:#f8b73d;color:#fff;line-height:1}.accent{font-weight:900 !important}@media screen and (min-width: 942px) and (max-width: 2560px){header{max-width:768px !important;display:flex !important;margin-left:auto !important;margin-right:auto !important}.code-wrap,.main_wrap,.btn_wrap{max-width:800px !important;display:flex !important;margin-left:auto !important;margin-right:auto !important}.btn_wrap.fixed{left:unset !important}.code-wrap,.main_wrap .top_cont_box .top_title_sub{font-size:21px !important}}

/*# sourceMappingURL=cashback_style.css.map */