@charset "utf-8";
/* Copyright (c) NHN Entertainment. All rights reserved.
AUTHORS HIVELAB Web Standard 1Team 201401 */

@font-face { font-family: ng; font-weight:400; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic.eot); /* IE9 Compat Modes */
    src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic.woff) format('woff'), /* Modern Browsers */ url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic.ttf) format('truetype'); /* Safari, Android, iOS */ }

@font-face { font-family: ng; font-weight: 700; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic-Bold.eot); /* IE9 Compat Modes */
    src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic-Bold.woff) format('woff'), /* Modern Browsers */ url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/NanumGothic-Bold.ttf) format('truetype'); /* Safari, Android, iOS */ }

@font-face { font-family: Roboto; font-style: normal; font-weight: normal; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Regular.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Regular.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Regular.ttf) format('truetype'); }

@font-face { font-family: Roboto-Bold; font-style: normal; font-weight: normal; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Bold.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Bold.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Roboto-Bold.ttf) format('truetype'); }

@font-face { font-family: NotoSans; font-style: normal; font-weight: 100; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-thin.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-thin.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-thin.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-thin.ttf) format('truetype'); }

@font-face { font-family: NotoSans; font-style: normal; font-weight: 300; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-light.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-light.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-light.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-light.ttf) format('truetype'); }

@font-face { font-family: NotoSans; font-style: normal; font-weight: 350; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-demilight.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-demilight.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-demilight.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-demilight.ttf) format('truetype'); }

@font-face { font-family: NotoSans; font-style: normal; font-weight: normal; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-regular.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-regular.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-regular.ttf) format('truetype'); }

@font-face { font-family: NotoSans; font-style: normal; font-weight: bold; src: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-bold.eot),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-bold.woff) format('woff'),
url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/notokr-bold.ttf) format('truetype'); }

@font-face { font-weight:700; font-family:'Pretendard Variable'; src:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Bold.eot); src:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Bold.eot?#iefix) format('embedded-opentype'),url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Bold.woff) format('woff'),url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Bold.ttf) format('truetype') }
@font-face { font-weight:500; font-family:'Pretendard Variable'; src:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Medium.eot); src:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Medium.eot?#iefix) format("embedded-opentype"),url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Medium.woff) format("woff"),url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Medium.ttf) format("truetype") }
@font-face { font-weight:400; font-family:'Pretendard Variable'; src:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Regular.eot); src:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Regular.eot?#iefix) format('embedded-opentype'),url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Regular.woff) format('woff'),url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/font/Pretendard-Regular.ttf) format('truetype') }

:root { --brand-color: #FF2233 }
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; -webkit-text-size-adjust: none }
dl, ul, ol, menu, li { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
input, select, textarea { vertical-align: middle }
fieldset, img, button { border: 0 none; vertical-align: top }
button { overflow: visible; margin: 0; padding: 0; border: 0 none; background: none; cursor: pointer }
button::-moz-focus-inner { padding: 0; border: 0 }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal }
table { border: 0; border-collapse: collapse; vertical-align: top }
html { width: 100%; height: 100% }
body { min-height: 100%; background: #fff }
body, th, td, input, select, textarea, button { font-family: 'Apple SD Gothic Neo', '나눔고딕', NanumGothic, ng, '돋움', dotum, Helvetica, sans-serif; font-size: 16px; line-height: 1.27; letter-spacing: -1px; color: #2a303a }
a { color: #767676; text-decoration: none; cursor: pointer }
a:focus, a:active, a:hover, a:focus { color: #767676; text-decoration: underline }
::-webkit-input-placeholder { color: #999 }
:-moz-placeholder { color: #999 }
::-moz-placeholder { color: #999 }
:-ms-input-placeholder { color: #999 }
input[type='checkbox'] { width: 13px; height: 13px; vertical-align: top; -webkit-appearance: checkbox }

/* common */
.blind, caption span { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 1px; font-size: 0; line-height: 0; white-space: nowrap; *text-indent: -999em }
#skip { height: 0 }
#skip a { display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center }
#skip a:focus,#skip a:active { position:absolute; top:0; z-index:120; height:35px; padding:10px 0 0; background:var(--brand-color); color:#fff; font-size:1.4em; font-weight:bold }

.pr { position: relative }
.fl { float: left }
.fr { float: right }
.fclear:after { display: block; clear: both; height: 0; content: '' }
.fclear { *zoom: 1 }
.al { text-align: left !important }
.ac { text-align: center }
.ar { text-align: right }
.vm { vertical-align: middle }
.vt { vertical-align: top !important }
.ls0 { letter-spacing: 0 }
.txt_nomal { font-weight: normal }
.txt_grey { color: #565960 }
.txt_grey2 { color: #999 }
.txt_blue { color: #0060ff }
.txt_blue2 { color: #1972b1 !important }
.txt_red { color:var(--brand-color) !important }
.txt_red2 { color:var(--brand-color) }
.txt_green { color: #01b806 }
.txt_number { font-family: Tahoma, sans-serif }
.txt_en { letter-spacing: 0 }
.b0 { border: 0 }
.em { font-weight: bold }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.visual h3 span, .bl_down, .bn_x, .caution_tb .mk_ex, .caution_tb .mk_po, .bl_prev, .bl_next, .ic_arrow,
.cardinfo td .cardimg, .help .mk_ex, .ic_new, .search dt, .caution .mk_ex, .confirm .mk_ex, .logo, .bn_lyclose span,
.paging2 .prev, .paging2 .next, .srchdl_lst .word, .pay_method .inp_chk, .sp { display: inline-block; overflow: hidden; width: auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_v1.png) no-repeat; line-height: 9999px; vertical-align: top }
.partner .ico, .partner .bg, .appbanner a, .appbanner .tit, .btn_ios, .spm { display: inline-block; overflow: hidden; width: auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/spm_v2.png) no-repeat; line-height: 9999px; vertical-align: top }
.btn_pay_more .sp,.txt_pass .ico_check, .ico_tip, .radio-mark, .checkbox-mark, .sp_payco, .payco_h, .payco_intro, .payco_partner, .payco_event, .payco_mypayco, .txt_coupon, .ico_coupon, .ic_new, .flogo, .sel_fam .ico_arr, .paging [class^='btn_'], .paging > [class^='prev'], .paging > [class^='next'], .paginate > [class^='prev'], .paginate > [class^='next'], .lst_franchise .btn_new_window,.ico_pay,.btn_trash2,.btn_lock,.btn_unlock,.btn_lockall,.btn_unlockall,.sel_bx .ico_arr,.btn_open .ico,.btn_tx .ico,.ico_em_info,.btn_ico_inline .ico:after, .radio_mark, .checkbox_mark,.magazine_btn_area .btn_prev,.magazine_btn_area .btn_next { overflow:hidden; display:inline-block; width:auto; height:auto; line-height:999px; vertical-align:top; background:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_v6.png) no-repeat }
.sp_txt,.ico_editor_pick,.ico_series { overflow:hidden; display:inline-block; width:auto; height:auto; line-height:200px; vertical-align:top; background:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_txt_v19_v3.png) no-repeat }
.sp_main_txt { overflow: hidden; display: inline-block; width: auto; height: auto; line-height: 200px; vertical-align: top; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_txt_1.png) no-repeat }
.sp_main { overflow: hidden; display: inline-block; width: auto; height: auto; line-height: 200px; vertical-align: top; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_6.png) no-repeat }
.sp_load { display: inline-block; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_loading2.png) no-repeat; line-height: 999px; vertical-align: top }
body { position: relative; min-width: 1024px; max-width: 2560px; margin: 0 auto }
.wrap { position: relative; width: 1026px; margin: 0 auto; background-color: #fff; *zoom: 1 }
.wrap:after { content: ''; display: block; clear: both }

/* bn */
.bn_wrap { margin-top: 20px; text-align: center }
.bn_wrap.v2 { margin-top: 30px }
.bn_wrap.v3 { margin-top: 70px }
.bn { display: inline-block; margin: 0 1px 0 0; vertical-align: top }
.bn * { display: block; width: 100%; height: 100%; cursor: pointer; text-decoration: none !important }
.bn_big { width: 198px; height: 48px; border-width: 1px; border-style: solid }
.bn_big * { font-size: 18px; font-weight: 700; line-height: 48px; text-align: center }
.bn_big .ft_size { font-size: 16px }
.bn_mid { width: 108px; height: 28px; border-width: 1px; border-style: solid }
.bn_mid * { font-size: 12px; line-height: 28px; text-align: center }
.bn_mid2 { width: 78px; height: 32px; border-width: 1px; border-style: solid }
.bn_mid2 * { font-size: 12px; line-height: 32px; text-align: center }
.bn_sm { width: 58px; height: 28px; border-width: 1px; border-style: solid }
.bn_sm * { font-size: 12px; line-height: 28px; text-align: center }
.bn_l { width: 130px; height: 39px; border-width: 1px; border-style: solid }
.bn_l * { font-size: 13px; font-weight: 700; line-height: 39px; text-align: center }
.bn_disabled * { color: #aaacae !important }
.bn_rd, .bn_rd a:hover, .bn_rd a:active, .bn_rd a:focus { border-color: #6e6a67; background: #6e6a67; color: #fff }
.bn_rd button:hover { background: #6e6a67 }
.bn_bk, .bn_bk a:hover, .bn_bk a:active, .bn_bk a:focus { border-color: #4a4f56; background: #565960; color: #fff }
.bn_rd *, .bn_bk * { color: #fff }
.bn_gy, .bn_gy a:hover, .bn_gy a:active, .bn_gy a:focus { border-color: #bfbfbf; background: #fff; color: #191a1c }
.bn_gy * { color: #191a1c }
.bn_gy2, .bn_gy2 a:hover, .bn_gy2 a:active, .bn_gy2 a:focus { border-color: #aaacaf; background: #fff; color: #565960 }
.bn_gy2 * { color: #565960 }
.bn_disabled * { color: #aaacae !important }
.bn_disabled, .bn_disabled a:hover, .bn_disabled a:active, .bn_disabled a:focus { border-color: #d2d2d2; background: #dadada; color: #aaacae }

/* form */
.inp { height: 32px; padding-left: 20px; border: 1px solid #d4d4d4; background: #fff; font-size: 12px; line-height: 32px; color: #666; }
.inp.bgw { background: #fff }
.sel { display: inline-block; height: 26px; padding: 3px 4px 3px 8px; border: 1px solid #b3b3b3; background: #fff; vertical-align: middle }
.sel select { width: 100%; height: 19px; margin: 0; padding: 0; border: 0; background: #fff; font-size: 13px; line-height: 100%; *height: 100% }
.sel.small { height: 24px; border-color: #d4d4d4 }
.sel.small select { height: 17px; font-size: 12px }
.inp_chk input[type='checkbox'] { margin-top: 2px }
.pr .help_txt { position: absolute; left: 42px; top: 25px; color: #999; font-size: 12px }

/* layout */
/*#header { *zoom:1; } */
#header:after { overflow: hidden; display: block; clear: both; content: '' }
#container { position: relative; padding: 30px 0 80px; background-color: #ececec; *zoom: 1; }
#container:after { display: block; clear: both; height: 0; content: '' }
#footer { border-top: 1px solid #f5f5f5; background: #fff }
#footer .wrap { width: 760px; padding: 60px 0 80px 180px }
#footer.main_f { background: #2b2c31 }
.snb_wrap { float:left; width:186px; padding-bottom:20px; background:#f4f4f4 }
.content { float: right; width: 1026px; min-height: 863px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_snb.gif) repeat-y; *zoom: 1 }
.content:after { display: block; clear: both; content: '' }
.content, .payco_main { max-height: 9999999px }

/* header */
.logo { position: absolute; left: 5px; top: 40px; width: 135px; height: 32px }
.global { height: 30px; border-bottom: 1px solid #f0f0f0; font-size: 12px; line-height: 30px; letter-spacing: 0; color: #b1b1b4; zoom: 1 }
.global:after { overflow: hidden; display: block; clear: both; content: '' }
.global ul { overflow: hidden; float: right }
.global li { float: left; margin-left: 10px; padding: 0 0 0 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bl_left.png) no-repeat 0 10px; color: #76797e }
.global li:first-child { background: none; margin-left: 0 }
.global li a { color: #424242 }
.global li em { color: #ff3131 }
.global li.mr { padding-right: 5px }
.global .lst_notice { overflow: hidden; position: relative; float: left; height: 30px; margin-left: 20px }
.lst_notice ul { overflow: visible; position: relative; top: 0; left: 0; margin: 0; height: auto; float: none; *zoom: 1 }
.lst_notice .notice { overflow: hidden; float: none; padding: 0; margin-left: 5px; color: #424242; text-overflow: ellipsis; white-space: nowrap; background: none; margin: 0; line-height: 30px }
.lst_notice .notice a { margin-left: 3px }
.lst_notice .notice em { color: #424242 }
.lst_notice .ico_bell, .lst_notice .ico_new, .ico_evt { display: inline-block; overflow: hidden; width: auto; height: auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png) no-repeat; line-height: 200px; vertical-align: top }
.lst_notice .ico_bell { float: left; width: 11px; height: 14px; margin: 13px 14px 0 0; background-position: -407px -103px }
.lst_notice .ico_new { display: inline-block; width: 29px; height: 13px; margin: 12px 0 0 10px; background-position: -420px -103px }
.global .myinfo { display: inline-block; vertical-align: top }
.global .btn_myinfo { display: inline-block; padding: 0 7px; margin: 5px 0 0 8px; height: 18px; line-height: 18px; vertical-align: top; text-decoration: none; border: 1px solid #d3d3d3; }
.gnb .wrap { height: 110px; border-bottom: 4px solid #ff1414 }
.gnb ul { float: right; margin-right: -6px; padding-top: 32px }
.gnb li { float: left; margin-left: 13px; letter-spacing: 0 }
.gnb li a { display: block; padding: 10px; font-size: 20px; font-weight: bold; color: #29303a }
.gnb li a:hover { color: #ff1414; font-weight: 700 }
.gnb li a em { font-weight: 700 }
.gnb li.on a { color: #ff1414 }

/* snb */
.snb_header_wrap { height:184px; background-color:var(--brand-color) }
.snb_header { padding: 25px 0 0 30px }
.snb_header .tit_mypayco { width:101px; height:52px; background-position:-128px -362px }
.snb_header .tit_mypayco_1 { width: 74px; height: 12px; margin-top: 21px; background-position: 0 -855px }
.snb_header .tit_partner { display: block; width: 63px; height: 24px; background-position: -128px -324px }
.snb_header .tit_partner_1 { width: 59px; height: 12px; margin-top: 14px; background-position: 0 -487px }
.snb_header .tit_customer { width: 94px; height: 24px; background-position: -202px -326px }
.snb_header .tit_customer_1 { width: 112px; height: 13px; margin-top: 14px; background-position: -61px -487px }
.snb_header .tit_paycointro { width: 101px; height: 52px; background-position: -239px -362px }
.snb_header .tit_paycointro_1 { width: 98px; height: 12px; margin-top: 21px; background-position: 0 -75px }
.snb_header .tit_event { width: 115px; height: 24px; background-position: -414px -195px }
.snb_header .tit_event_1 { display: block; width: 82px; height: 13px; margin-top: 14px; background-position: -406px -219px }
.snb_header .tit_magazine { display:block; width:93px; height:22px; background-position:-239px -1020px }
.snb_banner_area { margin-top: -88px; padding: 15px 15px 0 }
.snb_banner_area_mt0 { margin-top: 0; }
.snb_banner_area .sp_txt { display: block; font-size: 0; vertical-align: baseline; background-position: 0 0; }
.snb_banner_area .box_img { position: relative; }
.snb_banner_area .box_img img { width: 100%; }
.snb_banner_area .box_img .chatbot_link,.snb_banner_area .box_img .email_link { position:absolute; top:105px; left:16px; right:16px; height:25px }
.snb_banner_area .box_img .email_link { top:185px; height:50px }
.banner_gitfcard { display: block; padding: 25px 0 25px 18px; border-bottom: 1px solid #e8e8e8; background-color: #fff }
.banner_gitfcard .banner_tit { width:93px; height:14px; margin-bottom:8px; background-position:-76px -535px; background-size:441.5px 550px }
.banner_gitfcard .banner_dsc { width:107px; height:13px; margin-bottom:5px; background-position:-171px -520px; background-size:441.5px 550px }
.banner_gitfcard .banner_dsc2 { width:124px; height:12px; margin-bottom:14px; background-position:-171px -533px; background-size:441.5px 550px }
.banner_gitfcard .banner_btn { width:103px; height:12px; background-position:-330px -448px; background-size:441.5px 550px }
.banner_cashbill { display: block; padding: 25px 0 25px 18px; border-bottom: 1px solid #e8e8e8; background-color: #fff }
.banner_cashbill .banner_tit { width:93px; height:14px; margin-bottom:8px; background-position:-338px -342px; background-size:441.5px 550px }
.banner_cashbill .banner_dsc { width:90px; height:29px; margin-bottom:14px; background-position:-338px -358px; background-size:441.5px 550px }
.banner_cashbill .banner_btn { width:89px; height:12px; background-position:-338px -389px; background-size:441.5px 550px }
.banner_refund { display: block; padding: 25px 0 25px 18px; border-bottom: 1px solid #e8e8e8; background-color: #fff }
.banner_refund .banner_tit { width:86px; height:15px; margin-bottom:9px; background-position:-338px -485px; background-size:441.5px 550px }
.banner_refund .banner_dsc { width:89px; height:46px; margin-bottom:14px; background-position:-338px -501px; background-size:441.5px 550px }
.banner_refund .banner_btn { width:53px; height:12px; background-position:-283px -509px; background-size:441.5px 550px }
.banner_appevent { display: block; padding: 25px 0 25px 18px; border-bottom: 1px solid #e8e8e8; background-color: #fff }
.banner_appevent .banner_tit { width: 111px; height: 35px; margin-bottom: 8px; background-position: -660px -170px }
.banner_appevent .banner_dsc { width: 116px; height: 47px; margin-bottom: 14px; background-position: -722px -208px }
.banner_appevent .banner_btn { width: 109px; height: 12px; background-position: -675px -110px }
.banner_security { display:block; padding:25px 0 25px 18px; border-bottom:1px solid #e8e8e8; background-color:#fff }
.banner_security .banner_tit { width:122px; height:16px; margin-bottom:9px; background-position:0px -1020px }
.banner_security .banner_dsc { width:108px; height:48px; margin-bottom:14px; background-position:-130px -1020px }
.banner_security .banner_btn { width:51px; height:11px; background-position:0px -1040px }
.banner_service { display:block; padding:0; background-color:#fff }
.banner_service .banner_tit { min-height:88px; line-height:88px; background:url(//image.toast.com/aaaaac/www/user_guide_banner_service.png) 0 0 no-repeat; border-bottom:1px solid #e8e8e8 }
.snb_appstore_area { padding: 15px 15px 1px }
.snb_appstore_area ul { border-bottom: 1px solid #e9e9e9 }
.snb_appstore_area li { border-bottom: 1px solid #f4f4f4 }
.snb_appstore_area li a { display: block; padding: 19px 19px; background: #fff }
.snb_appstore_area .sp_txt { display: block; width: 121px; height: 29px; }
.snb_appstore_area .appstore { background-position: -627px -420px }
.snb_appstore_area .googleplay { background-position: -751px -420px }
.snb_appstore_area li:last-child { border-bottom: 1px solid #dfdfdf }
.call_area { margin: -89px 0 0; padding: 14px 15px 0; background-color: #f4f4f4 }
.call_area .call { background-color: #fff; padding: 23px 0 20px; color: #9a9a9a; text-align: center; font-size: 11px }
.call_area .call strong { display: block; color: #8c97cb; font-size: 20px; margin-bottom: 8px; line-height: 21px; letter-spacing: 0px }
.snb_wrap .add_banner { display: block; margin: 0 auto; padding: 15px }
.snb_wrap .add_banner a { display: block }
.snb_wrap .add_qr_banner { position: relative; display: block; padding: 15px }
.add_banner + .add_qr_banner { margin-top: -15px }
.nav_intro + .add_qr_banner { margin-top: -68px }
.snb_header_wrap + .add_qr_banner { margin-top: 0 }
.snb_wrap .add_qr_banner .qr { position: absolute; top: 126px; left: 57px }
.snb_wrap .add_qr_banner .sms { overflow: hidden; position: absolute; top: 218px; left: 39px; width: 108px; height: 34px; line-height: 100px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/blank.gif) no-repeat }
.snb_wrap .snb_banner_area + .call_area { margin-top:0 }

/* footer */
.flogo { position: absolute; left: 0; top: 58px; width: 100px; height: 40px; background-position: -256px -440px }
.finfo { overflow: hidden; margin-left: -28px; font-size: 12px }
.finfo:after { overflow: hidden; display: block; clear: both; content: '' }
.finfo li { float: left; padding: 0 9px }
.finfo li:first-child { background: none; padding-left: 28px; }
.finfo li a, .finfo li a:hover { color: #404040 }
.address { margin: 25px 0 0 -10px; font-size: 11px; line-height: 1.7; color: #888 }
.address span { margin-left: 10px }
.address a { color: #333; letter-spacing: 0 }
.address a.corp_info { margin-left: 10px; text-decoration: underline }
.address p { margin-top: 7px }
.copyright { margin-top: 23px; font-family: verdana, Dotum, '돋움', Arial; font-size: 11px; color: #888 }
.copyright a { color: #888 }
.sel_fam { position: absolute; width: 130px; height: 20px; top: 60px; right: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_sel.gif) repeat-x; border: 1px solid #9e9e9e }
.sel_fam a { display: block; height: 18px; padding-left: 8px; font-size: 11px; line-height: 20px; letter-spacing: 0; text-decoration: none; color: #000; cursor: pointer }
.sel_fam .ico_arr { position: absolute; width: 5px; height: 9px; top: 50%; right: 7px; margin-top: -4px; background-position: -133px -90px }
.sel_fam ul { display: none; position: absolute; top: -1px; left: -16px; width: 128px; border: 1px solid #c4c4c4; z-index: 10 }
.sel_fam.on ul { display: block }
.sel_fam li { position: relative; font-size: 11px; background: #fff }
.sel_fam li a { height: 27px; padding-left: 16px; line-height: 27px; background: #fff }
.sel_fam li a span { display: none; position: absolute; width: 5px; height: 6px; top: 50%; left: 6px; margin-top: -4px; background-position: -113px -231px }
.sel_fam li a:hover { background: #f1f1f1 }
.sel_fam li a:hover span { display: block }
.sel_fam li:first-child a { color: #f0200b }
.sel_fam li:first-child a:hover { background: #fff }

/* contents */
.location { float: right; margin: -12px -2px 0 0 }
.location li { float: left; margin-right: 8px; font-size: 11px; color: #999 }
.location li a, .location li em { font-size: 12px }
.location li a { margin-right: 9px; color: #999 }
.location li em { color: #999 }

/* table */
/*.tbl { border-bottom:1px solid #ccc } */
.tbl table { width: 100%; table-layout: fixed; border: 0 }
.tbl th, .tbl td { margin: 0; padding: 0 0; border: 0; border-top: 1px solid #ededed; font-size: 14px }
.tbl tr:first-child th, .tbl tr:first-child td { border-color: #ddd }
.tbl th { background: #f8f8f8; font-size: 13px; font-weight: bold; color: #666; text-align: left; vertical-align: top }
.tbl th .thin_ic { position: relative; display: inline-block; padding: 29px 0 27px 20px }
/*.tbl th .thin_ic span { position:absolute; left:8px; top:29px; width:4px; height:4px; background-position:-231px -48px } */
.tbl th .thin_ic .bl_ess { background-position: -231px -42px }
.tbl td { height: 29px; font-size: 12px; line-height: 1.7; text-align: left; vertical-align: middle }
.tbl td .bn_r { padding-right: 38px }
.tbl tr.none td { border-top: 0 }

.tbl_vt table { clear: both; width: 100%; border: 0; table-layout: fixed }
.tbl_vt th, .tbl_vt td { border: 0; font-size: 12px; text-align: center; vertical-align: middle }
.tbl_vt th { height: 44px; color: #fff; background-color: #6e6a67; line-height: 44px }
.tbl_vt td { min-height: 54px; color: #666; line-height: 45px; border-bottom: 1px solid #e4e4e4; text-align: left }
.tbl_vt td:first-child, .tbl_vt th:first-child { padding: 0 10px 0 20px }
.tbl_vt .last td { border-bottom: 1px solid #cecece }
.tbl_vt .txt_result { padding: 86px 0; font-size: 14px; text-align: center; line-height: 1.4; color: #565960 }
.tbl_vt .txt_result strong { display: inline-block; font-size: 18px; font-weight: normal; margin-bottom: 24px; color: #444 }
.tbl_vt .txt_result strong + p { font-size: 13px; line-height: 18px; color: #999 }
.tbl_vt .txt_result a { text-decoration: underline }
.tbl_vt .tdin { display: block }
.tbl_vt .inp_chk, .tbl_vt .date { text-align: center }

.help { width: 702px; margin-top: 40px; padding: 31px 33px; border: 1px solid #ededed; background-color: #f4f4f4; font-size: 12px; line-height: 20px; color: #999; text-indent: 7px }
.help .mk_ex { position: absolute; top: 40px; left: 33px; width: 2px; height: 2px; vertical-align: middle; background-color: #999; *top: 6px }
.help a { color:var(--brand-color); text-decoration:underline }
.btn_more { display: inline-block; padding: 6px 20px 5px; border: 1px solid #ccc; font-size: 13px; color: #333; line-height: 14px; text-align: center }
.btn_more:hover, .btn_more:focus, .btn_more:active, .btn_more:focus { color: #333 }
.bl_prev, .bl_next { display: inline-block !important; margin-top: 11px; *margin-top: 4px }
.bl_prev { width: 4px; height: 5px; margin-right: 6px; background-position: -256px -41px }
.bl_next { width: 4px; height: 5px; margin-left: 6px; background-position: -250px -41px }
.caution,.confirm { font-size:12px; color:var(--brand-color) }
.confirm { color: #01b806 }
.caution .mk_ex, .confirm .mk_ex { width: 13px; height: 13px; margin: 1px 5px 0 0; background-position: -133px -49px }
.confirm .mk_ex { background-position: -253px -69px }
.caution_tb { position: relative; margin-top: 13px; padding-left: 18px; font-size: 13px; font-weight: bold; color: #565961; line-height: 1.3 }
.caution_tb .mk_ex, .caution_tb .chk { position: absolute; left: 0; top: 2px; width: 13px; height: 13px; background-position: -231px -54px }
.caution_tb .chk { *top: 1px; background: none }
.bl_down { width: 7px; height: 5px; background-position: -145px -69px }
.bl_ess { width: 4px; height: 4px; font-size: 13px; color: #ea1f1f }
.bl_sq li { margin-top: 6px; padding-left: 7px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bl_sq.png) no-repeat 0 6px; font-size: 12px; color: #565960 }

.ess { position: relative; font-size: 12px; color: #666; text-align: right }
.ess em { font-weight: bold; color: #444 }
.ess.mt { margin-top: 21px }

.desc_vt { margin-top: 40px }
.desc_vt.v2 { padding-bottom: 16px; border-bottom: 1px solid #e6e6e6 }
.desc_vt + .faqlist { margin-top: 37px }

/* my */
.hi { margin-top: 16px; padding: 54px 0 53px 60px; border-top: 1px solid #ccc; color: #565960 }
.hi p { margin-top: 11px }
.hi .person { font-size: 24px; font-weight: 700; line-height: 1.3 }
.hi .person em { font-weight: 700; color: #ff1414 }

.bx { height: 91px; padding: 57px 0 0 85px; border: 1px solid #e6e6e6; background: #f5f5f5; font-size: 14px }
.bx label { display: inline-block; width: 80px; padding-left: 16px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bl_left.png) no-repeat 0 -14px }
.bx .caution { margin: 14px 0 0 99px; font-size: 12px }

/* cs */
.search { height: 103px; margin-top: 20px; padding: 20px 0 0 20px; border: 1px solid #ededed; background: #f4f4f4 }
.search .sel { width: 206px; background: #ffffff; line-height: 1.4 }
.search .inp { margin-left: 7px; margin-right: 6px }
.search .selectbox-label { font-size: 12px }
.search dl { margin: 16px 0 0 238px; line-height: 12px }
.search dt { position: relative; margin: 0; padding-right: 10px; font-weight: bold; font-size: 11px; vertical-align: middle; background: none; line-height: 12px; color: #666 }
.search dt:after { position: absolute; right: 0; top: 1px; display: block; content: ''; clear: both; height: 10px; width: 1px; background-color: #666 }
.search dd { display: inline-block; line-height: 12px; color: #888 }
.search dd a { display: inline-block; margin: 0 3px 0 5px; vertical-align: middle; font-size: 11px; color: #888 }
.sch_result { height: 17px; margin-bottom: 14px; padding-top: 13px; font-size: 14px }
.sch_result em { font-weight: bold; color: #ff1414 }
.search .btn_search, .search .btn_search button { width: 78px }
.search2 { position: absolute; right: 0; bottom: 0; font-size: 0 }
.search2 .inp { padding-left: 10px; letter-spacing: 0 }
.search2 .btn_search { display: inline-block; width: 56px; height: 34px; margin-left: 5px; border: 1px solid #aaa; font-size: 12px; font-weight: bold; color: #444; letter-spacing: 0; vertical-align: middle }
.search_wrap { position: relative; height: 34px; padding-right: 240px }
.search_wrap + .qnalist { margin-top: 10px }
.search_wrap .result_area { display: none }
.search_wrap.search_result { height: auto }
.search_wrap.search_result .main_tit { margin-bottom: 36px }
.search_wrap.search_result .result_area { display: block; padding-bottom: 5px; font-size: 0; color: #2e2e2e }
.search_result .result_area em, .search_result .result_area span { display: inline-block; font-size: 12px; vertical-align: middle }
.search_result .result_area .keyword { overflow:hidden; max-width:350px; font-weight:bold; color:var(--brand-color); text-overflow:ellipsis; white-space:nowrap }
.search_result .result_area .txt_dsc { margin-left: 3px }
.search_result .result_area .result_num { vertical-align: top }

.srchdl_lst { margin: 16px 0 0 238px; line-height: 12px }
.srchdl_lst .word { position: relative; margin: 0; padding-right: 10px; font-size: 11px; vertical-align: middle; background: none; line-height: 12px; color: #666 }
.srchdl_lst .word:after { position: absolute; right: 0; top: 1px; display: block; content: ''; clear: both; height: 10px; width: 1px; background-color: #666 }
.srchdl_lst .lst { display: inline-block; line-height: 12px; color: #888 }
.srchdl_lst .lst a { display: inline-block; margin: 0 3px 0 5px; vertical-align: middle; font-size: 11px; color: #888 }

.tab_category { border: 1px solid #d4d4d4 }
.tab_category li { position: relative; width: 52px; height: 32px; border-left: 1px solid #eee; float: left; *z-index: -1 }
.tab_category li:first-child { border-left: 0 }
.tab_category li a { display: block; height: 100%; color: #666; text-align: center; font-size: 12px; background-color: #fff; line-height: 32px }
.tab_category li.on { z-index: 10 }
.tab_category li.on a { position: absolute; top: -1px; right: -1px; left: -1px; height: 34px; font-weight: bold; text-decoration: none; color: #2d2d2d; border: 1px solid #969696; z-index: 10; height: 32px; bottom: -1px; }

.faqlist td a { position: relative; display: inline-block; margin-left: 25px; color: #666 }
.faqlist td.answer .inner { margin: 0 10px 0 168px; padding: 30px 0 40px; line-height: 2; text-align: left }
.faqlist td .on { color: #333; font-weight: bold }
.faqlist .btn_center { position: relative; margin-top: -1px; background-color: #fff }

.info_result { margin-top: 19px; padding: 70px 0 30px; color: #999; text-align: center; border-top: 1px solid #ededed }
.info_result strong { font-size: 18px; font-weight: normal; color: #444 }
.info_result p { margin-top: 22px; font-size: 13px; line-height: 1.4 }

.inplist { margin-top: 13px }
.inplist td { height: auto }
.inplist td div { padding: 19px 0 19px 30px }
.inplist .sel.ml { margin-left: 5px }
.inplist .sel.ml2 { margin-left: 17px }
.inplist .inp { padding-left: 12px; background: #fff; font-size: 13px; color: #565961 }
.inplist .mid { margin: 0 2px 0 1px; color: #999 }
.inplist textarea { padding: 8px 15px; height: 106px; line-height: 1.27 }

.inplist .alram_txt { margin-top: -2px; font-size: 13px; color: #3f3f3f }
.inplist .inp_phone { margin: 10px 0 0; padding: 0 0 }
.inplist .inp_phone input[type='checkbox'] { margin: -2px 5px 0 0; vertical-align: middle }
.inplist .inp_phone input[type='text'] { letter-spacing: 1px }
.inplist .mid_desh { margin: 0 1px 0 -1px; color: #999 }
.inplist .inp_file { padding: 0 }
.inplist .inp_file .bn { position: relative; margin-left: 3px; vertical-align: middle; cursor: pointer }
.inp_file .bn input { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=1) }
.inplist .sel_file { overflow: hidden; display: inline-block; width: 379px; height: 32px; padding: 0 15px; line-height: 32px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #b3b3b3 }
.sel_file button { overflow: hidden; display: inline-block; width: 59px; height: 19px; line-height: 100px; vertical-align: middle; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/btn_file.gif) no-repeat }
.sel_file span { font-size: 13px; color: #565960; vertical-align: top }

.filelist { overflow: hidden; width: 403px; height: auto; margin-top: 10px; padding: 0 0 7px 5px; border: 1px solid #b3b3b3 }
.filelist li { float: left; margin: 5px 0 0 10px; font-size: 12px; color: #999 }
.filelist li .bn_x { overflow: hidden; width: 18px; height: 17px; line-height: 200px; margin: 2px 0 0 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_delete.gif) no-repeat }
.inplist tr.last td div { padding: 18px 12px 16px }
.inplist tr.last .caution_tb:first-child { margin-top: 0 }

.help.v2 { padding: 25px 25px }
.cs_info { margin-top: 10px; padding-top: 15px; border-top: 1px solid #ccc; zoom: 1 }
.cs_info:after { display: block; clear: both; height: 0; content: '' }
.cs_info .cslink { overflow: hidden; float: left; margin-top: 8px }
.cs_info .cslink li { float: left; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bl_left.png) no-repeat 0 -103px }
.cs_info .cslink li:first-child { margin-left: 2px; background: none }
.cs_info .cslink li a { display: block; padding: 0 15px; color: #565960; text-decoration: none }
.cs_info .cslink li a:hover { text-decoration: underline }

.txt_pcess { padding-top: 27px; margin: 19px 0 0 0; font-size: 14px; line-height: 1.4; color: #444; border-top: 1px solid #ededed }
.txt_pcess em { color: #2a303a }
.step_pcess { margin: 27px 0 40px; height: 94px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_step_pcess.png) no-repeat; *zoom: 1 }
.step_pcess:after { display: block; clear: both; height: 0; content: '' }
.step_pcess li { position: relative; float: left; width: 154px; height: 94px; margin-bottom: 0; color: #999; font-size: 15px; font-weight: 600; text-align: center }
.step_pcess_v2 li { width: 108px; margin-right: 25px; padding-left: 43px; background-position: 0 -318px }
/*.step_pcess li:first-child { padding-left:15px; background-position:-15px -69px } */
.step_pcess_v2 li:first-child { padding-left: 15px; background-position: -28px -318px }
.step_pcess_v2 li.on:first-child { background-position: -273px -318px }
.step_pcess_v2 li strong { text-indent: 14px }
/*.step_pcess li:first-child strong { text-indent:0px } */
.step_pcess li a, .step_pcess li span, .step_pcess_v2 li span { overflow: hidden; display: block; width: 154px; height: 94px; line-height: 9999px }
.step_pcess li span { padding-top: 51px }
.step_pcess li a:hover, .step_pcess li.on a { color: #2a303a; text-decoration: underline }
.step_pcess li a:hover strong, .step_pcess li.on a strong { text-decoration: none }
.step_pcess .dn_mg { padding-top: 58px }
.step_pcess_v2 .dn_mg { padding-top: 64px }
.step_pcess li p { display: none; position: absolute; top: 84px; left: 50%; width: 100px; margin-left: -60px; padding: 13px 10px 10px; background: #ff1414; color: #fff; font-size: 12px; font-weight: normal; text-align: center; z-index: 200 }
.step_pcess li.on p, .step_pcess li:hover p { display: block }
.step_pcess li .ic_arrow { position: absolute; right: 54px; top: -6px; width: 11px; height: 6px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_ic_arrow.png) no-repeat 50% 0 }
.step_pcess_v2 .on { background-position: -245px -318px }
.step_pcess_v2 .on span, .step_pcess_v2 .on strong { color: #fff }

.qnalist { margin-top: 20px }
.qnalist td { color: #565960; text-align: left }
.qnalist td a { position: relative; display: inline-block; margin-left: 22px; font-size: 12px; color: #333 }
.qnalist td a.on { font-weight: bold }
.tbl_vt .ic_new { position: absolute; right: -20px; top: 16px; height: 12px; width: 12px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_new.gif) no-repeat }
.qnalist td .tdin { padding-left: 12px }
.qnalist .date { font-size: 12px; letter-spacing: 0; text-align: center }
.qnalist .inp_chk { text-align: center }
.qnalist input[type='checkbox'] { margin-right: 15px }
.qnalist .answer .inner { text-align: left; padding: 0 10px 0 60px; margin: 30px 0 40px; line-height: 2 }

.qnaview { line-height: 1.5; vertical-align: top }
.qnaview.q { margin-top: 10px }
.qnaview dt { position: relative; padding: 12px 140px 13px 68px; background: #6e6a67; font-size: 13px; font-weight: bold; color: #fff; letter-spacing: 0 }
.qnaview dt .date { position: absolute; top: 2px; right: 20px; width: 110px; height: 42px; font-size: 11px; font-weight: normal; color: #fff; line-height: 42px; text-align: right }
.qnaview dt .mark { position: absolute; top: 0; left: 22px; width: 29px; height: 44px; line-height: 44px }
.qnaview dd { padding: 24px 30px 40px 70px; font-size: 12px; line-height: 24px }
.qnaview.a dd { border-bottom: 1px solid #8f8f91 }

.table_bt { position: relative }
.table_bt .bn { position: absolute; left: 0; top: -13px }
.bn_group { overflow: hidden; padding-top: 15px }

.blind ol, ol.blind { list-style: decimal }

/* main */
/* point */
.txt_bx { height: 128px; margin: 15px 0 60px; background: #f5f5f5; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #e6e6e6 }
.txt_bx .caution_tb { margin: 57px 0 0 240px; line-height: 16px }
.txt_bx .caution_tb .mk_ex { top: 1px }
.my_point .caution_tb { margin: 45px 0 0 0; padding-left: 0; height: 40px; font-size: 18px; font-weight: 500; line-height: 40px; text-align: center; color: #2a303a }
.my_point .caution_tb .mk_po { position: static; height: 40px; width: 40px; margin-right: 22px; background-position: -11px -270px }
.my_point .point_num { margin-left: 25px; font-size: 30px; font-weight: 500; line-height: 40px; color: #ff1414; font-family: Tahoma, Helvetica, sans-serif; vertical-align: -4px }
.my_point h3 { border-bottom: 1px solid #555; padding-bottom: 20px }
.my_point .tab_category { float: left; height: 35px; margin: 20px 0 30px }
.my_point .tab_category li { background-position: 0 -60px }
.my_point .tab_category li, .my_point .tab_category li.on { width: 65px; line-height: 35px }
.my_point .tab_category li:first-child.on a { width: 67px }
.my_point .tab_category li.on a { width: 67px; height: 35px }
.my_point .tab_category li a { height: 33px; padding: 0 }
.date_area { float: right; margin: 20px 0 30px }
.date_area.float_l { float:left }
.date_area .date_bx { position: relative; float: left; z-index: 100 }
.date_area .date_bx .inp { padding-left: 10px }
.date_area .time_bx { float:left; margin-left:4px }
.date_area .time_bx .selectbox-label { padding:10px 13px 10px 7px; background-position:100% 50% }
.date_area .btn_date { position: absolute; width: 15px; height: 14px; top: 50%; right: 10px; background-position: -11px -77px; margin-top: -7px; }
.date_area .btn_quiry { float: left; margin-left: 7px }
.date_area .txt_bar { float: left; width: 10px; text-align: center; height: 34px; line-height: 34px; color: #999 }

/* error */
.error_h { margin: 116px auto 35px; font-size: 24px; color: #565960; text-align: center; border-bottom: 0 }
.error_txt { padding-bottom: 58px; border-bottom: 1px solid #ccc; font-size: 14px; color: #565960; text-align: center }
.btn_home { display: block; margin: 30px auto 200px; height: 50px; width: 200px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/sp_btn.png) no-repeat 0 -440px }

.leav_area { margin-top: 60px; padding: 39px 40px; border: 1px solid #ccc }
.leav_area p { font-size: 14px; font-weight: bold }
.leav_area .dn_line { display: inline; font-size: 20px; font-weight: bold; color: #565960; border-bottom: 1px solid #565960 }
.leav_area p span { letter-spacing: 0 }
.leav_area .bl_desh { border: none; margin: 0; padding: 34px 0 2px }
.leav_area .bl_desh li span { margin: 0 6px 0 0 }
.leav_area .bl_desh li { color: #2a303a }
.leav_area .bl_desh p { font-size: 13px; color: #999; line-height: 21px; font-weight: normal }
.inp_ckbx { padding: 8px 0 22px; border-bottom: 1px solid #ccc; color: #999; font-size: 13px; line-height: 25px }
.inp_ckbx .chk { display: block; float: left; height: 18px; width: 20px; padding: 7px 0 0 5px }
.inp_ckbx .inp { border: 0; background: none; padding: 0 }
.inp_ckbx.v2 { border-bottom: 0 }
.leav_area .pass_bx { margin-top: 14px }
.leav_area .tbl_bx { position: relative; padding-top: 10px; line-height: 34px }
.leav_area .tbl_bx .fakeInput { position: absolute; top: 17px; left: 235px; width: 218px; height: 31px; padding-left: 20px; text-align: left; color: #95969e; font-size: 14px; margin-top: 2px; line-height: 31px; background-color: rgb(255, 255, 255) }
.leav_area.v2 .fakeInput { top: 13px; left: 131px }
.leav_area .tbl_bx strong { font-size: 14px; color: #575b61 }
.leav_area .dt_l { width: 130px; float: left; color: #575b61; font-weight: normal }
.leav_area .dt_l span { margin: 0 20px 0 5px }
.leav_area .caution { margin-left: 131px; padding-top: 15px; clear: both; font-size: 12px }
.leav_area .caution .mk_ex { margin-top: 0 }

/* section */
.section .desc_vt { margin: 42px 0 22px; line-height: 24px }
.section .desc_vt:first-child { margin: 40px 0 44px; line-height: 24px }
.bt.v2 { margin-top: 0; border-top: 0 }
.lst_epc { overflow: hidden; margin: -42px 0 0 -35px }
.lst_epc li { float: left; width: 210px; height: 161px; margin: 42px 0 0 35px; letter-spacing: 0 }
.lst_epc p { margin-top: 17px; text-align: center }
.lst_epc span { display: block; margin: 0 auto; font-size: 12px; line-height: 18px; letter-spacing: 0; color: #999 }
.lst_epc .none { line-height: 20px; }
.lst_epc .num { display: block; font-size: 14px; font-weight: bold; line-height: 20px; letter-spacing: 0; color: #2a303a }
.lst_epc + .bl_sq { margin: 62px 0 40px }
.bt + .lst_epc { margin-top: -7px }
.bl_sq.v4 { border-top: 1px solid #f2f2f2 }
.bl_sq.v4 li:first-child { margin-top: 23px }
.lst_epc2 { overflow: hidden; margin: 0 5px 0 -8px }
.lst_epc2 li { float: left; width: 163px; padding: 32px 0 30px; margin: 30px 0 0 13px; text-align: center; border: 1px solid #f0f0f0 }
.lst_epc2 .tit { display: block; font-size: 12px; color: #424242 }
.lst_epc2 .btn_lnk, .lst_epc2 .btn_stat { width: 95px; height: 29px; margin-top: 14px; font-size: 11px; line-height: 29px }
.lst_epc2 .btn_lnk { width: 59px; padding-right: 36px; text-align: right; text-decoration: none; color: #fff; background-position: -314px 0 }
.lst_epc2 .btn_stat { color: #545454; background-position: -314px -31px }
.lst_epc2 .br { display: inline-block; vertical-align: top; margin-top: 3px; }
.lst_epc2 .coming { padding: 0; height: 148px; font-size: 16px; font-weight: bold; line-height: 148px; letter-spacing: 0; color: #d0d0d0 }
.section .desc_vt.v3 { margin: 36px 0 32px; line-height: 30px; }
.desc_vt.v3 em { font-weight: bold }
.step_pcess.epc { margin-top: 35px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2 }
div.epc { overflow: hidden; margin-top: 28px }

.tab_cont { display: none; height: 775px }
.tab_cont.show { display: block }
.tab_cont .bl_sq { margin-bottom: 50px; padding: 18px 12px; background: #f9f9fc }
.txt_result { clear: both; font-size: 12px; text-align: right; line-height: 16px; margin-bottom: 4px; *zoom: 1 }
.txt_result em { font-weight: bold; letter-spacing: 0 }
.txt_tbldsc { font-size: 14px; font-weight: bold; line-height: 30px }
.txt_tbldsc em { font-weight: bold; color: #ff1414 }
.tbl_vt .tbl_foot th, .tbl_foot td { font-size: 18px; font-weight: bold; background: #eee; color: #2a303a; border-top: 1px solid #ccc }
.tbl_vt .tbl_foot th { padding-left: 22px; text-align: left }
.tbl_vt .tbl_foot td { padding-right: 22px; text-align: right; color: #ff1414 }
.tbl_vt .bl_sq { margin-top: 25px; padding-left: 22px }

/* layer_pop */
.dimmed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)' }
.bn_lyclose { position: absolute; top: 0; right: 0; width: 42px; height: 42px }
.tpbar, .ltbar, .rtbar, .btbar { position: absolute; background: #fff }
.tpbar, .btbar { height: 7px; width: 100% }
.ltbar, .rtbar { top: 0; width: 7px; height: 100% }
.tpbar { top: -7px }
.btbar { bottom: -7px }
.ltbar { left: -7px }
.rtbar { right: -7px }
.round_lt, .round_rt, .round_lb, .round_rb { overflow: hidden; position: absolute; width: 7px; height: 7px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/sp_line.png); vertical-align: top }
.round_lt { left: -7px; top: -7px; background-position: 0 0 }
.round_rt { right: -7px; top: -7px; background-position: 0 -16px }
.round_lb { left: -7px; bottom: -7px; background-position: 0 -8px }
.round_rb { right: -7px; bottom: -7px; background-position: 0 -24px }

/*구매내역 팝업*/
.tbl_ly { width: 100%; table-layout: fixed; border: 0; }
.tbl_ly th, .tbl_ly td { font-size: 12px; line-height: 20px; color: #8e8e8e }
.tbl_ly th { text-align: left; }
.tbl_ly td { text-align: right; }
.tbl_ly .line th, .tbl_ly .line td { padding-bottom: 6px }
.tbl_ly .em_row th, .tbl_ly .em_row td { padding-top: 6px; font-weight: bold; border-top: 1px solid #f2f2f2; }
.tbl_ly .em_row th { color: #383838 }
.tbl_ly .em_row td { color: #ff1414 }
.tbl_ly .em_row_all th, .tbl_ly .em_row_all td { font-weight: bold; color: #ff1414 }
.layer_type2 .ly_detail { padding: 20px 0 }
.tbl_ly_v2 th { padding-left: 20px }
.tbl_ly_v2 td { padding-right: 20px }
.em_row_v2 th, .em_row_v2 td { background: #f2f2f2 }
.em_row_v2 th { padding-bottom: 6px }
.em_row_v2 td { padding-bottom: 6px }
.tbl_ly_v2 .last th, .tbl_ly_v2 .last td { padding-top: 6px }

/*마이페이지 */
.leav_area2 { margin-top: 50px; padding: 42px 0 69px; text-align: center; background: #f5f5f5; border-color: #f7f7f7; border-top-color: #dcdcdc }
.leav_area2 .dn_line { font-size: 18px; letter-spacing: 0; border: 0; color: #313131 }
.leav_area2 .pass_bx { margin-top: 5px }
.leav_area2 .txt_dsc { margin-top: 0; font-size: 14px; font-weight: normal; color: #313131 }
.leav_area2 .tbl_bx { padding-top: 17px }
.leav_area .inp { background: #fff }
.leav_area.v2 { background: #f5f5f5; border-color: #f2f2f2 }
.leav_area.v2 .dn_line { font-size: 18px; letter-spacing: 0; color: #565961; border: 0 none }
.leav_area.v2 .bl_desh { margin-left: 8px; padding: 17px 0 7px }
.leav_area.v2 .bl_desh li { font-size: 13px; line-height: 19px }
.leav_area.v2 .tbl_bx { padding-top: 12px }
.leav_area.v2 .tbl_bx strong { letter-spacing: 0 }
.leav_area.v2 .dt_l { font-size: 13px; color: #565961 }
.leav_area .caution.v2 { position: absolute; bottom: -24px; left: 0; padding: 0; height: 14px; line-height: 14px; }
.leav_area2 .caution.v2 { margin-left: 234px }
.leav_area .bl_desh.v2 { padding-top: 12px }
.leav_area .bl_desh.v2 li { line-height: 23px }
.leav_area.v2 .top_mg { padding: 6px 0 5px }
.leav_area .bl_desh .txt_red { font-weight: bold; color: #ff1414 }
.leav_area p { margin-top: 30px }
.leav_area p:first-child { margin-top: 0 }
.leav_area p em { font-weight: bold; letter-spacing: 0; color: #ff1414; }

.location + .my_point .txt_bx { margin-top: 0; border-top: 0 }
.location + .my_point .caution_tb { margin-top: 0; padding-top: 45px; }
.location + .my_point .caution_tb .mk_po { top: 46px }
.pinfo { margin-top: 18px }
.pinfo table { width: 100%; table-layout: fixed }
.pinfo th, .pinfo td { vertical-align: middle }
.pinfo tr:first-child th, .pinfo tr:first-child td { border-color: #555; }
.pinfo .inp_ckbx { display: inline-block; padding: 0; font-size: 14px; line-height: normal; border: 0 none; color: #2a303a }
.pinfo .inp_ckbx .chk { display: inline-block; width: 14px; height: 16px; float: none; vertical-align: middle; padding: 0; }
.pinfo .td { position: relative; padding: 10px 0; height: 30px; line-height: 50px; }
.pinfo .td .bn { position: absolute; top: 50%; right: 0; margin-top: -15px; }
.pinfo .td .txt { height: 30px; line-height: 30px }
.pinfo .td .txt_adr { display: inline-block; margin-right: 120px; line-height: 21px }
.pinfo .txt span { vertical-align: middle }
.pinfo .tr .td { line-height: 50px }
.pinfo .tr .td, .pinfo .tr .txt { height: auto; line-height: normal }
.pinfo .tr .inp_ckbx { margin-top: 8px }
.pinfo .tr th { vertical-align: top; padding-top: 16px; }
.pinfo tr:first-child th { vertical-align: top }
.pinfo tr:first-child th, .pinfo tr:first-child .td { padding-top: 10px }
.pinfo tr.tr:first-child th, .pinfo tr.tr:first-child .td { vertical-align: top }
.pinfo tr:first-child th, .pinfo tr.tr:first-child .td { padding-top: 16px }
.pinfo tr.tr:first-child .bn { margin-top: -12px }
.cardinfo.myservice { margin-top: 47px }

/*메인*/
.gnb.v2 .wrap { overflow: hidden; height: 77px; border-bottom: 0; }
.top { position: relative; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5; }
.top h1 { margin: 60px 0 28px; font-size: 50px; font-weight: bold; line-height: 60px; letter-spacing: -2px; text-align: center }
.top h1 em { font-weight: bold; color: #ff1414 }
.top h1 span { display: block; margin-bottom: 7px; font-size: 28px; font-weight: normal; line-height: normal }
.top .spm { position: absolute; bottom: -123px; left: 50%; width: 47px; height: 47px; margin-left: -31px; background-position: -202px 0 }
.top .spm:hover { background-position: -381px -63px }
.feature { overflow: hidden; margin: 90px auto 0 }
.feature .col { float: left; width: 305px; margin-left: 7px; text-align: center }
.feature .col:first-child { margin-left: 0 }
.feature .col img { vertical-align: top }
.feature .tit { overflow: visible; height: 38px; margin-top: 23px; font-size: 36px; line-height: 38px; border: 0; }
.feature .txt_dsc { height: 72px; margin-top: 24px; font-size: 14px; line-height: 24px }
.feature a.spm { width: 175px; height: 44px; margin-top: 40px; padding-left: 25px; font-size: 13px; line-height: 44px; text-align: left; letter-spacing: 0; text-decoration: none; background-position: 0 0; color: #fff; }
.feature a.spm span { font-weight: bold }
/* .btm { margin-top:120px; padding-top:68px; border-top:1px solid #e5e5e5 } */
.btm { padding-top: 68px; margin-top: 120px; border-top: 1px solid #e5e5e5 }
.btm .tit { margin-bottom: 64px; height: auto; font-size: 16px; text-decoration: underline; text-align: center; border: 0 none }
.btm .partner { margin-bottom: 100px; }
.partner ul { overflow: hidden; width: 822px; margin: 0 auto }
.partner li { position: relative; float: left; width: 183px; height: 183px; margin-left: 30px; text-align: center; line-height: 183px; }
.partner li:first-child { margin-left: 0 }
.partner .txt { position: relative; font-size: 18px; font-weight: bold; color: #d0d0d0; }
.partner .txt img { vertical-align: middle }
.partner .bg { position: absolute; width: 183px; height: 183px; top: 0; left: 0; background-position: 0 -89px }
.partner .ico { position: absolute; width: 61px; height: 61px; top: 0; right: 0; z-index: 10; }
.partner .ico.new { background-position: -251px 0 }
.partner .ico.open { height: 48px; padding-top: 13px; background-position: -367px -112px; font-weight: bold; font-size: 11px; color: #fff; letter-spacing: 0; line-height: 15px }
.partner .link_more { display: block; padding: 30px 76px 70px; text-align: right }
.partner .link_more a { color: #2a303a; text-decoration: underline }
.link_franchise { position: relative; color: #000 }
.link_franchise .sp { position: absolute; top: 5px; right: -14px; width: 6px; height: 9px; background-position: -128px -231px }
.link_franchise:hover { color: #ff1414 }
.link_franchise:hover .sp { background-position: -120px -231px }
/* .appbanner { margin-top:100px; background:#525965 } */
.appbanner { background: #525965 }
.appbanner .inner { position: relative; height: 231px; background: #525965 }
/*#content .appbanner .inner { width:940px } 개발서버 적용시 ie_fix.css 에 포함되어야 함*/
.appbanner .cont { padding: 62px 112px 0 355px }
.appbanner .qr_code { overflow: hidden; position: absolute; top: 0; left: 168px; width: 153px; height: 192px; margin-top: 39px; line-height: 999px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/img_qr_v2.png) no-repeat }
.appbanner .tit { display: block; width: 222px; height: 24px; margin: 0 auto; background-position: 0 -63px }
.appbanner a, .appbanner .btn_ios { clear: both; width: 214px; height: 64px; margin-left: 10px }
.appbanner .android { background-position: 0 -283px }
.appbanner .btn_ios { background-position: -216px -349px }
.appbanner .ios .btn_ios { background-position: -216px -283px }
.appbanner .dsc { margin: 10px 0 18px; font-size: 14px; letter-spacing: 0; text-align: center; color: #fff }

/* 간편결제 */
.easypay h3 { font-size: 22px; }
.easypay .desc_vt { margin: 99px 0 15px }
.easypay .desc_vt:first-child { margin-bottom: 36px }
.easypay .feat { margin-top: 0; padding: 36px 0 66px; border: 0 }
.easypay .feat li { width: 120px; margin-left: 27px }
.easypay .feat li:first-child { margin-left: 0 }
.easypay .feat p { margin-top: 13px }
.easypay .feat .tit { margin-top: 18px; font-size: 18px }
.easypay .feat .tit span { font-size: 14px }
.easypay .feat .txt_red { margin-top: 8px; font-size: 10px; line-height: 14px }
.easypay .step_pcess { height: 380px; margin-top: 18px }
.easypay .step_pcess strong { top: 20px }
.easypay .step_pcess span { width: 120px; padding-top: 41px }
.easypay .step_pcess_v2 li { width: 158px; margin-right: 0; margin-left: 38px; padding: 0; }
.easypay .step_pcess_v2 li:first-child { width: 120px; margin-left: 0; background-position: -38px -318px }
.easypay .step_pcess_v2 li:first-child strong { text-indent: -5px }
.easypay .step_pcess_v2 .dn_mg { width: 120px; padding: 50px 0 0 38px }
.easypay .step_pcess img { position: absolute; bottom: -248px; left: 50%; margin: 20px 0 0 -54px }
.easypay .step_pcess li:first-child img { margin-left: -61px }

/* 150325 */
.pay_method { position: relative; margin-top: 75px; border-bottom: 1px solid #dcdcdc }
.pay_method h3 { padding-bottom: 18px; border-bottom: 1px solid #555; }
.pw_bx { position: relative; width: 100%; height: 93px; margin-top: 18px; border-top: 1px solid #dcdcdc; background: #f5f5f5 }
.pw_bx .desc { padding-left: 22px; line-height: 93px; color: #2a303a; }
.pw_bx .desc .day { font-weight: bold; color: #ff1313 }
.pw_bx .pw_pay { display: block; position: absolute; top: 29px; right: 29px; width: 145px; height: 34px; background: #fff; border: 1px solid #bfbfbf; text-align: center; font-size: 13px; line-height: 34px; text-decoration: none; color: #2a303a }
.pay_method ul { margin: 30px 0 10px -17px; *padding-bottom: 30px; *zoom: 1 }
.pay_method ul:after { display: block; content: ''; clear: both }
.pay_method li { overflow: hidden; float: left; position: relative; width: 195px; height: 102px; margin: 0 0 20px 17px; padding: 15px 15px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/img_card_bg.png) 0 0 no-repeat; color: #fff; font-size: 15px }
.pay_method .card_add { width: 225px; height: 132px; padding: 0; text-align: center; line-height: 132px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/img_card_bg_gr.png); color: #83858c }
.pay_method .card_add a { position: relative; display: block; width: 100%; height: 132px; font-weight: bold; color: #83858c; text-decoration: none; font-size: 16px }
.pay_method .card_add .ico_plus { display: inline-block; width: 20px; height: 21px; margin: -2px 5px 0 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/sp_v1.png) 0 -312px no-repeat; vertical-align: middle; *vertical-align: top; }
.pay_method .card_cont .method_num { position: absolute; top: 58px; left: 0; width: 100%; font-size: 18px; font-family: tahoma, sans-serif; letter-spacing: 1px; text-align: center; }
.pay_method .card_init { margin: 29px auto 31px }
.card_init .card_add { float: none; width: 294px; height: 172px; margin: 0 auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img_/img_card_bg_gr2.png) no-repeat }
.card_init .card_add a { height: 172px; line-height: 172px; }
.card_init .card_add .ico_plus { width: 22px; height: 22px; background-position: -22px -312px; }
.pay_method .inp_chk { position: absolute; top: 15px; left: 50%; width: 16px; height: 16px; margin-left: 81px; cursor: pointer; background-position: 0 -334px }
.pay_method .inp_chk.checked { background-position: 0 -352px; }
.pay_method .inp_chk input { position: absolute; left: -999px; }
.pay_method .inp_chk input { visibility: hidden }

/* 150409 */
.txt_result2 { position: relative; margin-top: 19px; text-align: left }
.txt_result2 .bn { position: absolute; bottom: 6px; right: 0 }
.al span, .al .em { display: block; margin-leftin-top: 4px; font-size: 12px; color: #8e8e8e; line-height: 18px }
.al .em { color: #ff1414 }
.prd_price2 a { font-weight: bold; color: #2b2f3a }
.bn_mid3 { width: 71px; height: 32px; border-width: 1px; border-style: solid }
.bn_mid3 * { font-size: 12px; line-height: 32px; text-align: center }
.em_row span { display: block; font-size: 11px; font-weight: normal; color: #8e8e8e }
.layer_type2 { margin-left: 150px }
.prd_btn { padding: 12px 0 }
.prd_btn .bn + .bn { margin-top: 5px }

/*간편결제 주문내역*/
.layer_type_noti { width: 258px; margin-left: 199px }
.layer_type_noti .ly_detail_txt { padding: 25px 0 20px }
.layer_type_noti .ly_head h1 { font-weight: normal }
.txt_qa { padding: 0 0 13px; font-size: 12px; text-align: center; line-height: 16px; color: #8e8e8e }
.txt_qa strong { display: block; line-height: 20px; color: #2b2f3a }
.txt_qadsc { padding: 12px 0 11px; font-size: 11px; line-height: 18px; text-align: center; color: #888; background: #f2f2f2 }
.ly_btn { margin-top: 15px; text-align: center }
.layer_type_tip { width: 253px; margin-left: 204px }
.layer_type_tip p { padding: 16px 0 17px; font-size: 12px; line-height: 18px; text-align: center; color: #8e8e8e }

/* 201505 */
.content { float: none }
.main_content { float: left }
.main_col { position: relative; width: 770px; min-height: 792px; padding: 47px 35px 80px }
.link_bnr { display: block; margin-top: 20px }
.dashboard { position: relative; height: 184px; *zoom: 1; z-index: 10 }
.dashboard:after { content: ''; display: block; clear: both }
.dashboard .col { float: left; width: 270px; height: 184px; letter-spacing: -1px }
.dashboard .col_header { width: 300px }
.dashboard .col_panel { position: relative; padding: 22px 24px 24px; height: 46px; background-color: #4b4644 }
.dashboard .col_panel:first-child { padding-top: 24px; height: 44px }
.dashboard .col_header .col_panel { height: 136px; padding-left: 35px; background-color: #413e3d }
.dashboard .light_gray { background-color: #57514d; z-index: 10 }
.col_panel .panel_tit { height: 14px; line-height: 14px }
.col_panel .panel_cont { position: relative; height: 23px; margin-top: 7px }
.col_panel .panel_cont.ellipsis_type { height: auto }
.panel_cont.ellipsis_type .txt_stat { display: block; overflow: hidden; padding-right: 21px; text-overflow: ellipsis; white-space: nowrap }
.col_panel .txt_stat { font-size: 24px; font-weight: bold; line-height: 26px; color: #fcfcfc; line-height: 26px }
.col_header .txt_stat { display: block; font-size: 29px; line-height: 41px }
.col_panel .txt_mystat { position: absolute; left: 0; top: 41px; display: block; height: 22px; line-height: 22px; margin-top: 11px; font-size: 13px; color: #fff }
.col_panel .txt_month { float: left; height: 15px; margin-right: 4px; font-size: 15px; line-height: 12px; color: #9a9592 }
.col_panel .txt_mystat .ico_up, .col_panel .txt_mystat .ico_down { vertical-align: middle }
.col_panel .txt_mystat .txt_add_info { font-weight: bold; vertical-align: middle; color: #a09893 }
.txt_month { font-family: 'Verdana', 'Apple SD Gothic Neo', '나눔고딕', NanumGothic, ng, '돋움', dotum, sans-serif }
.col_panel .txt_num { font-weight: normal }
.panel_cont .txt_stat .txt { display: inline-block; vertical-align: top; line-height: 28px; }
.col_panel .txt_stat .txt_num { display: inline-block; font-size: 27px }
.col_header .col_panel .txt_num { font-size: 34px; vertical-align: top }
.col_header .txt_mystat .txt_num { font-size: 16px; vertical-align: middle }
.col_header .panel_cont { height: auto; margin-top: 1px; }
.col_header .panel_cont .txt { display: inline-block; vertical-align: middle; }
.col_header .txt_stat .txt { line-height: 40px; vertical-align: top }
.col_header .txt_mystat .txt { line-height: 21px }

.ly_panel_cont { display: none; position: absolute; left: 0; top: 92px; width: 222px; padding: 0 24px 24px; background-color: #4b4644; font-size: 13px; color: #fcfcfc; box-shadow: 0 1px 0 rgba(0, 0, 0, .1) }
.show .ly_panel_cont { display: block }
.show .btn_link { background-position: -25px -172px }
.light_gray.show .btn_link { background-position: 0 -172px }
.col_panel.show { background-color: #4b4644 }
.panel_info { padding-top: 24px; border-top: 1px solid #67605c }
.panel_info li { height: 16px; line-height: 14px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.panel_info li:first-child { margin-top: 0 }
.btn_setting { display: block; margin-top: 24px; background-color: #3c3837; color: #a69e9a; text-align: center; line-height: 37px }
.btn_setting:hover, .btn_setting:active, .btn_setting:focus { color: #a69e9a; text-decoration: none }
.btn_setting strong { color: #fcfcfc; font-weight: normal }
.light_gray.show { background-color: #57514d }
.light_gray .ly_panel_cont { background-color: #57514d }
.light_gray .panel_info { border-top: 1px solid #6e6763 }
.light_gray .btn_setting { background-color: #433f3d }

.panel_tit .sp_txt { height: 14px }
.panel_tit .txt_total { width: 80px; background-position: 0 0 }
.panel_tit .txt_patron { width: 91px; background-position: 0 -16px }
.panel_tit .txt_payment { width: 103px; background-position: 0 -32px }
.panel_tit .txt_mypoint { width: 64px; background-position: 0 -48px }
.panel_tit .txt_mycoupon { width: 52px; background-position: -485px 0 }
.ico_up { width: 9px; height: 8px; background-position: 0 -53px }
.ico_down { width: 9px; height: 8px; background-position: 0 -63px }
.btn_link { position: absolute; top: 3px; right: -2px; width: 23px; height: 22px; background-position: -11px -53px }
.panel_initial .panel_cont .btn_setting { margin-top: 0; font-size: 13px; color: #fff }
.link_setting { display: inline-block; position: relative; padding-right: 12px; font-size: 13px; color: #fff; line-height: 29px }
.link_setting:hover, .link_setting:focus, .link_setting:active { color: #fff }
.link_setting .ico_arr { position: absolute; top: 12px; right: 4px; width: 3px; height: 5px; background-position: -140px -90px; cursor: pointer }
.col_panel .img_loading { overflow: hidden; line-height: 200px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/loading_grey3.gif) no-repeat }
.col_header .img_loading { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/loading_grey1.gif) no-repeat }
.light_gray .img_loading { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/loading_grey2.gif) no-repeat }

.txt_stat a, .panel_info li a { color: #fff }
.txt_stat a { display: inline-block; vertical-align: top; }
.txt_stat a:hover { border-bottom: 2px solid #fff; text-decoration: none }
.col_header a:hover span { text-decoration: none }
.panel_info li a:hover { text-decoration: underline; border-bottom: 0 }

/* snb */
.snb_nav { margin:13px 10px 88px 30px }
.snb_nav > li { position: relative; padding: 26px 0 27px; height: auto }
.snb_nav > li a { display: block; }
.snb_nav a:hover { text-decoration: none }
.snb_nav > li:after { content: ""; position: absolute; bottom: 0; width: 126px; border-bottom: 1px solid #e3e3e3 }
.snb_nav .solo_tit { padding: 27px 0 }
.snb_nav.nav_partner { margin-bottom: 20px }
.snb_sub { display: none }
.snb_sub li.on a { color:var(--brand-color) }
.snb_item .snb_sub_tit { font-size: 17px; font-weight: bold; color: #2d2d2d; line-height: 21px }
.snb_item .snb_sub_tit:hover { color:var(--brand-color) }
.snb_item .snb_sub_tit.on { color:var(--brand-color) }
.snb_item .snb_sub_tit.spacing { letter-spacing:-1.5px }
.snb_item .snb_sub_lst { margin-top: 10px; font-size: 14px; font-weight: bold; color: #999; line-height: 16px }
.snb_item .snb_sub_lst.spacing { letter-spacing: -2.1px }
.snb_item .snb_sub_lst:hover { color:var(--brand-color) }
.snb_item.on .snb_sub { display: block }
.snb_item .snb_sub li { position: relative }
.snb_item .snb_sub li:after { display: block; clear: both; content: '' }
.snb_item .snb_sub li:first-child { margin-top: 5px }
.snb_item .snb_sub li.inc_flag { font-size: 0; }
.snb_item .snb_sub li.inc_flag a { display: inline-block; position: relative; padding-right: 44px; }
.snb_item .snb_sub li .ico_new { position: absolute; top: 3px; right: 0px; width: 36px; height: 14px; margin-left: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat -97px -290px; text-indent: -999px }
.ico_beta { display: inline-block; overflow: hidden; width: 39px; height: 14px; margin-left: 7px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat -203px -292px; line-height: 999px; vertical-align: top }

/* list */
.notice_lst1 { padding-top: 7px; }
.notice_lst1_item { position: relative; margin-top: 1px; padding-left: 8px; font-size: 12px; line-height: 18px; color: #999999; letter-spacing: 0; }
.notice_lst1_item:first-child { margin-top: 0; }
.notice_lst1_item:after { display: block; clear: both; content: ''; position: absolute; top: 8px; left: 2px; width: 2px; height: 2px; background-color: #999999; }

.notice_lst2 { margin-top: 7px }
.notice_lst2_item { position: relative; padding-left: 7px; font-size: 12px; line-height: 18px; color: #2d2d2d; text-align: left }
.notice_lst2_item:before { position: absolute; top: 0; left: 0; content: '-' }
.notice_lst2_item.normal { padding-left: 0 }
.notice_lst2_item.normal:before { display: none }

.notice_lst3 { padding-top: 7px }
.notice_lst3_item { position: relative; margin-top: 1px; padding-left: 8px; font-size: 12px; line-height: 18px; color: #7c7c7c; letter-spacing: 0 }
.notice_lst3_item:first-child { margin-top: 0 }
.notice_lst3_item:after { display: block; clear: both; content: '*'; position: absolute; top: 0; left: 0; font-size: 12px; line-height: 18px; color: #7c7c7c }

/* my content */
.main_tit { display: block; font-size: 24px; color: #2d2d2d; line-height: 30px }
.tit_waithistory { width: 80px; background-position: 0 -183px }
.tit_payhistory { width: 80px; background-position: 0 -208px }
.tit_vocucher { width: 106px; background-position: 0 -233px }
.tit_creditcard { width:170px; background-position:-531px -766px }
.tit_cash { width:102px; background-position:-703px -766px }
.tit_security { width: 106px; background-position: 0 -258px }
.tit_idsecurity { width: 147px; background-position: -225px -766px }
.tit_coupon { width: 67px; background-position: -533px -25px }
.tit_point { width: 154px; background-position: -278px -610px }
.tit_franchise { width: 60px; background-position: -214px -299px }
.tit_paydetail { width: 80px; background-position: 0 -422px }
.tit_online { width: 127px; background-position: 0 -616px }
.tit_offline { width: 147px; background-position: -129px -616px }
.tit_tmoneypartner { width: 218px; background-position: 0 -640px }
.tit_accdetail { width: 80px; background-position: -324px -472px }
.tit_safety { width:127px; background-position:-309px -665px }
.tit_orderinfo { width: 54px; background-position: -110px -415px }
.tit_payinfo { width: 52px; background-position: -336px 0 }
.tit_charge_payinfo { width: 53px; background-position: -559px -207px }
.tit_charge_payinfo2 { width: 85px; background-position: -559px -225px }
.tit_cancelinfo { width: 52px; background-position: -336px -19px }
.tit_dealinfo { width: 53px; background-position: -110px -433px }
.tit_refundinfo { width:55px; background-position:-529px -172px }
.tit_charge_dealinfo { width: 55px; background-position: -559px -243px }
.tit_sellerinfo { width: 70px; background-position: -225px -415px }
.tit_sellerinfo2 { width: 70px; background-position: -586px -190px }
.tit_activityinfo { width: 85px; background-position: -448px -502px }
.tit_logininfo { width: 99px; background-position: -448px -522px }
.tit_deduction { width: 335px; background-position: -494px -452px }
.tit_receiptinfo { width: 96px; height: 16px !important; background-position: -438px -655px }
.tit_chargeinfo { width: 55px; height: 16px !important; background-position: -216px -476px }
.tit_depositinfo { width:58px; height:15px !important; background-position:-647px -225px }
.tit_refund_info { width: 55px; height: 16px !important; background-position: -529px -172px }
.tit_refund_account { width: 54px; height: 15px !important; background-position: -586px -172px }
.tit_refund_price { width: 52px; height: 15px !important; background-position: -531px -190px }
.tit_faq { width: 48px; background-position: -282px -173px }
.tit_apply { width: 122px; background-position: -223px -223px }
.tit_qna { width: 140px; background-position: -190px -148px }
.tit_notice { width: 83px; background-position: -239px -198px }
.tit_refund_extend { width: 137px; background-position: -723px -942px }
.tit_area { font-size: 0 }
.tit_area .main_tit { display: inline-block }
.tit_area .ico_beta { width: 50px; height: 19px; margin-top: 2px; background-position: -203px -308px }

.ico_wait { width: 48px; height: 48px; background-position: -152px 0 }
.ico_confirmwait { width: 48px; height: 48px; background-position: -202px 0 }
.ico_payment { width: 46px; height: 48px; background-position: -152px -50px }
.ico_realpay { width: 35px; height: 48px; background-position: -207px -197px }
.ico_discount { width: 46px; height: 48px; background-position: -200px -50px }
.ico_availpoint { width: 48px; height: 48px; background-position: -152px -247px }
.ico_earnpoint { width: 53px; height: 48px; background-position: -152px -147px }
.ico_usedpoint { width: 53px; height: 48px; background-position: -152px -197px }
.ico_passpoint { width: 41px; height: 48px; background-position: -207px -147px }
.ico_availcoupon { width: 48px; height: 48px; background-position: -152px -99px }
.ico_closedcoupon { width: 49px; height: 48px; background-position: -152px -296px }
.ico_pilediscount { width: 48px; height: 48px; background-position: -202px -246px }
.ico_account { width: 48px; height: 48px; background-position: -252px 0 }
.ico_deduct { width: 46px; height: 48px; background-position: -248px -50px }
.ico_tmoney { width: 46px; height: 48px; background-position: -252px -100px }

.txt_wait { width: 88px; background-position: -144px -344px }
.txt_confirmwait { width: 112px; background-position: 0 -419px }
.txt_payment { width: 61px; background-position: -144px -359px }
.txt_realpay { width: 88px; background-position: -144px -374px }
.txt_realpay2 { width: 61px; background-position: -191px -419px }
.txt_discount { width: 61px; background-position: -144px -389px }
.txt_availpoint { width: 87px; background-position: -150px -434px }
.txt_earnpoint { width: 77px; background-position: 0 -449px }
.txt_usedpoint { width: 77px; background-position: -79px -449px }
.txt_passpoint { width: 86px; background-position: -158px -449px }
.txt_availcoupon { width: 78px; background-position: -256px -342px }
.txt_closedcoupon { width: 77px; background-position: -256px -361px }
.txt_pilediscount { width: 73px; background-position: -75px -434px }
.txt_account { width: 47px; background-position: -207px -359px }
.txt_deduction { width: 47px; background-position: -207px -389px }
.txt_tmoney { width: 81px; background-position: -144px -404px }

.details_box { position: relative; background: #f4f4f4; border: 1px solid #ededed; padding: 49px 0; margin: 20px 0 0 }
.details_box.details_box_type1 { padding: 63px 0 70px; }
.details_box ul { *zoom: 1 }
.details_box ul:after { display: block; clear: both; content: '' }
.details_box li { float: left; text-align: center; font-size: 15px; line-height: 15px; color: #2d2d2d }
.details_box .txt_num { font-family: 'Verdana', 'Apple SD Gothic Neo', '나눔고딕', NanumGothic, ng, '돋움', dotum, sans-serif }
.details_box span.txt_num { font-weight: normal }
.details_box .details_info { border-left: 1px solid #e3e3e3 }
.details_box li:first-child .details_info { border-left: 0 }
.point .details_info, .coupon .details_info { min-height: 174px }
.lst_type2 li { width: 50% }
.lst_type3 li { width: 33.3% }
.lst_type4 li { width: 25% }
.details_box span.sp_payco { display: block; margin: 0 auto 12px }
.details_box .sp_payco.not { background-position: -85px -53px }
.details_box .txt { display: block; height: 13px; margin: 0 auto 22px }
.details_box .txt_availcoupon, .details_box .txt_closedcoupon { height: 16px; margin-bottom: 18px }
.details_box .txt + p, .details_box .txt_wrap + p { font-weight: 600 }
.details_box .txt_wrap { height: 13px; margin: 0 auto 22px; text-align: center; font-size: 0; line-height: 12px; *line-height: 13px }
.details_box .txt_wrap .txt { display: inline-block; margin: 0; *display: inline }
.details_box .txt_wrap strong { display: inline-block; margin-right: 1px; vertical-align: top; font-size: 15px; color: #999; *line-height: normal; *margin-top: -3px }
.details_box .txt_none { display: inline-block; padding: 12px 0 11px; vertical-align: top }

.point_box { overflow: hidden; position: relative; width: 708px; height: 276px; background: #f4f4f4; border: 1px solid #ededed; padding: 0 30px; margin: 20px 0 0 }
.point_tit1 { position: relative; color: #2d2d2d; font-size: 18px; font-family: 'ngb'; line-height: 26px }
.point_tit1 .point { position: absolute; right: 0; color: #ea1f1f; font-size: 22px; font-family: 'Roboto-Bold'; text-align: right }
.point_tit1 .sp_payco { width: 27px; height: 27px; margin-right: 7px; background-position: -302px -217px }
.point_tit2 { position: relative; color: #2d2d2d; font-size: 16px; line-height: 24px }
.point_txt2 { margin-left: 2px }
.point_tit2 .point { position: absolute; right: 0; color: #ea1f1f; font-size: 20px; font-family: 'Roboto'; text-align: right }
.point_detail_lst li { position: relative; margin-bottom: 9px; color: #666; font-size: 13px }
.point_detail_lst .point_detail_item { position:relative; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid #e3e3e3; color:#2d2d2d; font-size:13px }
.point_detail_lst .point_detail_item.type_normal { margin-top:4px; padding:0; border:0 }
.point_detail_lst .point_detail_item:last-child { border-bottom:0 }
.point_detail_lst .point { position: absolute; right: 3px; color: #ea1f1f; font-size: 14px; font-family: 'Roboto'; text-align: right }
.point_detail_lst .sp_payco { width: 8px; height: 8px; margin: 3px 6px 0 0; vertical-align: top; background-position: -331px -217px }
.point_box .date { margin: 4px 0 0 2px; color: #999; font-size: 13px }
.point_lst1 { padding-bottom: 18px; border-bottom: 1px solid #e3e3e3 }
.point_lst2 { padding-top: 27px }
.point_box_item1 { float: left; width: 323px; height: 246px; padding: 30px 30px 0 0; border-right: 1px solid #e3e3e3 }
.point_box_item1 .point_detail_lst { padding: 10px 0 0 36px }
.point_box_item2 { float: left; width: 324px; height: 244px; padding: 32px 0 0 30px }
.point_box_item2 .point_detail_lst { padding-top: 12px }
.point_box_item2 .sp_payco { margin-top:3px }
.point_notice { margin-top:14px; padding:13px; background:#ececec }
.point_notice .point_notice_item,.point_notice .point_notice_txt { font-size:11px; font-weight:400; color:#666; line-height:15px; letter-spacing:-0.08em }
.point_notice .point_notice_item { position:relative; margin:8px 0 0; padding-left:6px }
.point_notice .point_notice_item:first-child { margin:0 }
.point_notice .bar { position:absolute; top:6px; left:0; width:4px; height:1px; background:#666 }

.hint_wrap { display: inline-block; position: relative; top: -2px; margin-left: 4px; z-index: 10 }
.hint_wrap .btn_hint { width: 16px; height: 16px; background-position: -32px -154px }
.hint_wrap .ly_hint { display: none; padding: 20px; position: absolute; top: 18px; left: 0; border: 1px solid #4d4d4d; background-color: #fff; text-align: left }
.hint_wrap.on .ly_hint { display: block }
.hint_wrap.right .ly_hint { left: auto; right: 0 }
.hint_wrap .hint_txt { display: block; font-size: 12px; line-height: 20px; color: #666; white-space: nowrap }
.details_box .btn_details { margin: 22px auto 0 }
.details_box .btn.btn_regi { margin: 22px auto 0; padding-left: 48px }
.details_box .btn_regi span { padding-right: 48px }
.details_box .btn_coupon:hover { color: #666; text-decoration: none }
.details_box .btn_coupon .btn_bg { display: block; height: 32px; padding: 0; background: none }
.receipt .details_box { padding: 30px 20px; font-size: 13px; line-height: 20px }
.btn_right { position: absolute; right: 20px; top: 50%; margin-top: -21px }
.txt_link { text-decoration:underline; color:var(--brand-color) }
.txt_link:hover,.txt_link:active,.txt_link:focus,.link_info:focus,.link_info:active { color:var(--brand-color) }
.ft_gray { color: #999 }
.details_info .ft_gray { font-size: 13px; letter-spacing: 0; margin-top: 10px; line-height: 13px; *line-height: normal }
.info_box { padding: 35px 0 }
.info_box .txt_info { padding: 0 19px; font-size: 13px; line-height: 22px; letter-spacing: 0; color: #666 }
.info_box .btn_inquiry { top: 50%; margin-top: -16px }
.info_box + .sub_col, .details_box + .sub_col { border-top: 0; margin-top: 0; }

.lst_info_box { padding: 28px 29px }
.lst_info_box .txt_info { font-size: 13px; font-weight: bold; color: #343434; letter-spacing: -1px }
.lst_info_box .lst_noti li { position: relative; padding-left: 7px; font-size: 12px; color: #666; line-height: 20px; letter-spacing: -1px }

.details_box.lst_info_box .txt_info + .lst_noti { margin-top: 14px }
.details_box.lst_info_box .lst_noti li { float: none; text-align: left }

.deposit_box { padding:33px 0 31px; margin-top:9px; text-align:center; letter-spacing:0 }
.deposit_box .txt_date { font-size:15px; color:var(--brand-color); line-height:14px }
.deposit_box .txt_bank { margin-top:16px; font-size:20px; color:#3b3b3b; line-height:22px }
.deposit_box .txt_money { margin-top:5px; font-size:20px; color:#3b3b3b; line-height:22px }
.deposit_box .txt_money span { display:inline-block; margin-top:2px; vertical-align:top; }
.deposit_box .txt_money span:first-child { margin-top:0; font-size:25px; font-weight:bold; }
.deposit_box2 { padding:62px 0; text-align:center }
.deposit_box2 p { font-size:15px; color:#393a3a; font-weight:bold }
.txt_deposit { margin-top:18px; font-size:12px; color:#2d2d2d }

.tab_area { margin-top: 40px; border-bottom: 2px solid #6e6a67; background-color: #f4f4f4 }
.main_tit + .tab_area { margin-top: 20px }
.tab { height: 44px; background-color: #f4f4f4; border: 1px solid #ededed; border-bottom: 0 }
.tab_item { position: relative; float: left; width: 159px; height: 44px }
.tab_l .tab_item { width: 192px }
.tab_item a { display: block; font-size: 13px; text-align: center; line-height: 44px; color: #666; border-right: 1px solid #e3e3e3 }
.tab_item a:hover, .tab_item a:focus, .tab_item a:active { text-decoration: none }
.tab_item.on a { position: absolute; top: -1px; left: -1px; right: 0; bottom: 0; background-color: #6e6a67; font-weight: bold; line-height: 45px; color: #fff; border-right: 0 }
.main_col.point .tab_item { width: 154px }
.main_col.point .tab_item.on { z-index: 1 }
.main_col.point .tab_item:first-child { width: 152px; border: 0 }
.main_col.point .tab_item a { border-left: 1px solid #e3e3e3; border-right: 0 }
.main_col.point .tab_item.on a { right: -1px; z-index: 10 }
.main_col.point .tab_item:first-child a { border: 0 }
.tab_area.faq_tab { margin: 40px 0 30px }
.faq_tab .tab { border: 0 }
.faq_tab .tab_item { width: auto }
.faq_tab .tab_item a { border-top: 1px solid #ededed; border-right: 0 }
.faq_tab .tab_item.on a { position: static; border-top: 1px solid #6e6a67 }
.faq_tab .item1 a { border-left: 1px solid #ededed }
.faq_tab .item1.on a { border-left: 1px solid #6e6a67 }
.faq_tab .item6 a { border-right: 1px solid #ededed }
.faq_tab .item6.on a { border-right: 1px solid #6e6a67 }
.faq_tab .item1 { width: 99px }
.faq_tab .item2 { width: 120px }
.faq_tab .item3 { width: 94px }
.faq_tab .item4 { width: 165px }
.faq_tab .item5 { width: 137px }
.faq_tab .item6 { width: 155px }
.sub_msg + .tab_dsc { padding-top: 0 }
.tab_dsc { padding: 16px 0; border-bottom: 1px solid #e4e4e4 }
.tab_dsc .txt { position: relative; font-size: 12px; line-height: 17px; color: #999 }
.tab_dsc .txt.inner_dot { padding-left: 5px }
.tab_dsc2 { padding: 17px 0 0; font-size: 12px; color: #666; line-height: 16px }
.tab_dsc .link,.tab_dsc2 .link { font-size:12px; color:var(--brand-color); text-decoration:underline }
.inquiry_area { position: relative; margin-top: 20px; padding: 19px; background-color: #f4f4f4; border: 1px solid #ededed; *zoom: 1 }
.inquiry_area:after { display: block; clear: both; content: '' }
.tab_dsc + .inquiry_area { margin-top: -1px }
.category_area + .inquiry_area { margin-top: 40px }
.inquiry_area_top { margin-top: 40px }
.inquiry_area .tab_category, .inquiry_area .date_area { margin: 0 }
.inquiry_area .tab_category { position: absolute; top: 19px; left: 19px }
.inquiry_area .tab_category.float_r { float:right; position:relative; top:0; left:0 }
.inquiry_area .tab_category.float_r li { border-left-color:#d4d4d4 }
.inquiry_area .txt_dsc { position: absolute; top: 50%; right: 19px; margin-top: -8px; font-size: 13px; color: #343434; letter-spacing: -1px }
.inquiry_area .txt_dsc .txt_color { font-weight:bold; color:var(--brand-color) }

.inquiry_area .inquiry_top { margin-bottom:11px; *zoom:1 }
.inquiry_area .inquiry_top:after { display:block; clear:both; content:'' }
.inquiry_area .inquiry_bottom { *zoom:1 }
.inquiry_area .inquiry_bottom:after { display:block; clear:both; content:'' }
.inquiry_area .inquiry_bottom .select_wrap { float:left }
.inquiry_area .inquiry_bottom .keyword_search { float:right; width:367px; padding:0; *zoom:1 }
.inquiry_area .inquiry_bottom .keyword_search:after { display:block; clear:both; content:'' }
.inquiry_bottom .keyword_search .search_input_area { float:left }
.inquiry_bottom .keyword_search .btn_inquiry { position:static; float:right; height:auto; border:1px solid #6e6a67 }
.inquiry_bottom .keyword_search .search_input_area .inp { width:175px }
.inquiry_area .inquiry_bottom #sel1 .selectbox-source,.inquiry_area .inquiry_bottom #sel2 .selectbox-source { width:132px; height:34px; padding-left:10px; font-size:12px; border:1px solid #d4d4d4; -webkit-appearance:none }
.inquiry_area .inquiry_top .date_area .time_bx #sel3 .selectbox-source,.inquiry_area .inquiry_top .date_area .time_bx #sel4 .selectbox-source { width:49px; height:34px; padding-left:7px; font-size:12px; line-height:12px; border-color:#d4d4d4; -webkit-appearance:none }


.inquiry_area .select_wrap { *zoom:1 }
.inquiry_area .select_wrap:after { display:block; clear:both; content:'' }
.inquiry_area .tab_category.fixed { float:left; position:relative; top:0; left:0 }
.inquiry_area .tab_category.fixed li { width:51px }
.inquiry_area .select_wrap .select_box { float:left }
.inquiry_area .select_wrap .select_box + .select_box { margin-left:11px }
.inquiry_area + .section_table { margin-top:19px }

.part_online, .part_online2 { padding-top: 20px }
.part_online .inquiry_area, .part_online2 .inquiry_area { margin-top: 0 }
.part_online2 .inquiry_area_top { margin-top: 20px }
.part_online2 .category_area { margin-top: 20px }
.part_online2 .info_cat a { margin-left:7px; color:var(--brand-color) }
.part_online2 .info_cat a:first-child { margin-left: 0 }
.part_online2 .btn_func .btn_ly { height:25px; border-color:#d9d9d9; color:#666; line-height:25px }
.noti_wrap { width: 702px; margin-top: 40px; padding: 31px 33px 23px; border: 1px solid #ededed; background-color: #f4f4f4 }
.noti_wrap .notice_tit { width: 210px; height: 19px; margin-bottom: 5px; background-position: -463px -693px }
.noti_wrap .tit { font-size: 13px; color: #666 }
.noti_wrap .lst_noti { margin-top: 8px }
.noti_wrap .lst_noti a { text-decoration: underline }
.noti_wrap .lst_noti .link_txt { position:relative; font-weight:bold; color:var(--brand-color); text-decoration:none; }
.noti_wrap .lst_noti .link_txt:after { position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:var(--brand-color); content:''; }
.noti_wrap .lst_noti li { position: relative; font-size: 12px; line-height: 20px; color: #999; padding: 0 0 4px 7px }
.noti_wrap .lst_noti ul li { padding-left: 6px; text-indent: -6px }
.noti_wrap .txt_noti { font-size: 12px; line-height: 20px; color: #999; letter-spacing: -1px }
.tm_useguide .noti_wrap { padding: 32px 33px }
.tm_useguide .noti_wrap .tit { margin-top: 19px }
.tm_useguide .noti_wrap .lst_noti { margin-top: 0; padding: 16px 11px 5px }
.tm_useguide .noti_wrap .lst_noti li { padding: 0; color: #777; line-height: 17px }
.dot { position: absolute; left: 0; top: 8px; width: 2px; height: 2px; vertical-align: middle; background-color: #999; *top: 6px }
.dot.color { background-color:var(--brand-color) }
.link { color:var(--brand-color); text-decoration:underline }
.link:hover,.link:focus,.link:active { color:var(--brand-color); text-decoration:underline }
.noti_wrap2 { position: relative; margin-top: 90px; padding: 45px 26px 46px; border: 1px solid #f2f2f2; background: #f9f9f9 }
.noti_wrap2 .txt { font-size: 14px; color: #585858; line-height: 20px; letter-spacing: 0 }
.noti_wrap2 .btn_link { display: inline-block; position: absolute; top: 50%; right: 26px; min-width: 158px; height: 40px; margin-top: -20px; padding: 0 10px; border: 1px solid #e5e5e5; background: #fff; font-size: 14px; color: #585858; line-height: 40px; letter-spacing: 0; text-align: center }

.noti_wrap3 { width: 612px; margin: 40px auto 0; padding: 33px 33px 27px 33px; border: 1px solid #ededed; background-color: #f4f4f4 }
.noti_wrap3 .tit { font-size: 13px; color: #666 }
.noti_wrap3 .lst_noti { margin-top: 8px }
.noti_wrap3 .lst_noti a { text-decoration: underline }
.noti_wrap3 .lst_noti .link_txt { font-weight:bold; color:var(--brand-color) }
.noti_wrap3 .lst_noti li { position: relative; font-size: 12px; line-height: 20px; color: #999; padding: 0 0 2px 7px }
.noti_wrap3 .lst_noti ul li { padding-left: 6px; text-indent: -6px }
.noti_wrap3 .lst_noti em { color:var(--brand-color) }

/* button */
.btn { display: inline-block; height: 42px; padding-left: 30px; color: #fff; line-height: 42px; font-weight: bold; font-size: 13px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_btn.png) no-repeat 0 0; cursor: pointer }
.btn:hover, .btn:focus, .btn:active { color: #fff }
.btn_bg { display: inline-block; height: 42px; padding-right: 30px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_btn.png) no-repeat 100% -44px }
.btn_center { text-align: center; padding-top: 20px }
.btn_bottom_area { padding-top: 30px; border-top: 1px solid #cecece; text-align: center }
.btn_coupon, .btn_large { height: 48px; background-position: 0 -88px; line-height: 48px }
.btn_coupon:focus { color: #666 }
.btn_large .btn_bg { height: 48px; background-position: 100% -138px }
.btn_grey { background-position: 0 -186px }
.btn_grey .btn_bg { background-position: 100% -228px }
.btn_gray { background-color: #6e6a67; border: 1px solid #6e6a67; color: #fff }
.btn_gray button { border: 0; color: #fff }
.btn_gray:hover, .btn_gray:active, .btn_gray:focus { text-decoration: none; color: #fff }
.btn_white { background-color: #fff; border: 1px solid #d4d4d4 }
.btn_white button { background-color: #fff; border: 0; }
.btn_white:hover, .btn_white:active, .btn_white:focus { text-decoration: none }
.btn_s, .btn_s button { width: 54px; height: 32px; font-size: 12px; line-height: 32px }
.btn_s button { display: block; line-height: normal }
.btn_inquiry, .btn_basic { display: inline-block; height: 30px; padding: 0 12px; border: 1px solid #d4d4d4; font-size: 12px; text-align: center; color: #666; line-height: 30px; vertical-align: middle }
.btn_inquiry:hover, .btn_basic:hover { text-decoration: none }
.btn_inquiry { position: absolute; top: 40px; right: 20px }
.btn_inquiry + .btn_inquiry { top: 77px }
.btn_disabled { display: inline-block; height: 30px; padding: 0 12px; border: 1px solid #d4d4d4; background-color: #ededed; font-size: 12px; text-align: center; color: #a7a7a7; line-height: 30px; vertical-align: middle }
.btn_disabled:hover, .btn_disabled:active, .btn_disabled:focus { color: #a7a7a7; text-decoration: none }
.btn_error { border-color: #fa2829 }
button.btn_inquiry, button.btn_basic { height: 32px; }
button.btn_inquiry:active, button.btn_inquiry:focus, button.btn_inquiry:hover { }
.btn_inquiry.btn_gray { border: none; background-color: #6e6a67; color: #fff; }
.btn_s2 { display: inline-block; width: auto; height: 30px; font-size: 12px; line-height: 30px }
.btn_s2 button { font-size: 12px; line-height: normal }
.btn_s3 { display: inline-block; height: 30px; padding: 0 17px; font-size: 12px; line-height: 30px }
.btn_security { display: inline-block; width: 71px; line-height: normal; border: 1px solid #d4d4d4 }
.btn_security button { display: block; width: 100%; height: 100%; border: 0 }
.btn_toggle { position: relative; width: 62px; height: 30px; padding-right: 12px; border: 1px solid #e1e1e1; font-size: 12px; color: #666; line-height: 30px; text-align: center }
.btn_toggle .bg_arr { position: absolute; top: 14px; right: 10px; width: 7px; height: 4px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_btn_fold.gif) no-repeat -9px 0 }
.show .btn_toggle .bg_arr { background-position: 0 0 }
/* .btn_toggle버튼 상위구조에 show클래스 있어야함 */
.btn_top_right { position: absolute; top: 35px; right: 20px }
.btn_alright { text-align: right }
.btn_alright a, .btn_alright button { position: static }
.btn_m, button.btn_m { width: 69px }
a.btn_m { width: 43px }
.btn_qna { padding-left: 46px }
.btn_qna .btn_bg { padding-right: 46px }
.btn_qna + .btn_qna { margin-left: 10px; background-position: 0 -186px }
.btn_qna + .btn_qna .btn_bg { background-position: 100% -228px }

.btn_ico_inline { overflow:hidden; position:relative; height:14px; padding-right:20px; font-size:12px; line-height:14px; box-sizing:border-box; }
.btn_ico_inline .ico { font-weight:normal; color:#464646; text-decoration:underline; }
.btn_ico_inline .ico:after { display:block; clear:both; content:''; position:absolute; top:0; right:0; width:13px; height:14px; }
.btn_ico_inline .stat:after { background-position:-264px -482px; }

.btn_ico_inline_ml1 { margin-left:17px; }

.section_total { position: relative; min-height: 42px; padding-top: 10px; font-size: 12px; font-weight: bold; color: #666 }
.section_total.total_receipt { padding-top:4px }
.section_total_v2 { padding-top: 24px }
.noti_wrap3 .lst_noti em { color:var(--brand-color) }
.total_count .btn_ico_inline { vertical-align:middle; }
.total_latest { position: absolute; bottom: 8px; right: -10px }
.total_latest li { float: left; padding: 0 10px; font-weight: bold; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_bar.gif) no-repeat 0 50%; color: #767676 }
.total_latest li:first-child { background: none }
.total_latest a { display: block; font-weight: normal; color: #a1a1a1; }

.group_td { position: relative }
.section_table { border-top: 1px solid #cecece }
.border_top_none { border-top:none }
.border_bottom { border-bottom:1px solid #ddd }
.part_offline .section_table { border-top: none }
.part_offline .inquiry_area_top { margin-top:10px }
.section_table table { width: 100% }
.section_table th, .section_table td { border-bottom: 1px solid #e4e4e4 }
.section_table td.td_cancle, .section_table td.td_cancle ~ td { border-bottom:1px dotted #c4c4c4 }
.section_table th { width: 175px }
.section_table td.bg_gray { background-color:#f6f6f6; border-left:1px dashed #dcdcdc; text-align:center; }
.section_table td.bg_gray .group_td { padding:0 }
.section_table td.bg_gray .group_td .btn_ly { float:none; display:inline-block; padding:0 14px; background-color:#fff }
.info_area { padding: 36px 150px 34px 0; font-size: 12px; color: #999; line-height: 27px }
.main_col.point .info_area { padding: 52px 150px 49px 0; font-size: 12px; color: #999; line-height: 27px }
.main_col.point .info_area.deposit { padding:36px 150px 34px 0; font-family:verdana,'Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,'돋움',dotum,Helvetica,sans-serif }
.info_area .tit, .info_area .amount { font-size: 13px; font-weight: bold; color: #2d2d2d }
.info_area .tit { margin-bottom: 3px; line-height: 20px }
.info_area .tit a { color: #2d2d2d }
.info_area .amount { margin-top: 4px }
.group_td .date { margin-left: 8px; padding-left: 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_bar.gif) no-repeat 0 50%; font-size: 12px; color: #999 }
.group_td .point_desc { color:var(--brand-color) }
.group_td .point_detail { color: #2d2d2d }
.group_td .d_day { position: absolute; top: 34px; right: 20px; width: 110px; font-family: verdana, 'Apple SD Gothic Neo', '나눔고딕', NanumGothic, ng, '돋움', dotum, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #2d2d2d; line-height: 22px; text-align: center }
.group_td .d_day em { font-weight:bold; color:var(--brand-color) }
.group_td .d_day span { font-size: 12px; font-weight: normal }
.cancel_area { border: 1px solid #e4e4e4; padding-left: 3px; border-width: 1px 0 }
.cancel_area li { position:relative; padding-left:14px; border-top:1px dotted #c4c4c4; background:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_bar2.gif) no-repeat 0 50%; font-size:13px; color:var(--brand-color); line-height:48px }
.cancel_area li:first-child { border-top: 0 }
.cancel_area li .btn_inquiry { top: 8px }
.group_td .total { height: 48px; padding-left: 3px; font-size: 13px; font-weight: bold; color: #2d2d2d; line-height: 48px }
.group_td .total em { font-weight:bold; color:var(--brand-color) }
.section_table .row_noti { text-align: center; }
.section_table .group_td { padding-left: 20px }
.section_table .group_td .point { display: inline-block; position: absolute; right: 20px; top: 50%; height: 15px; margin-top: -7px; font-family: Verdana; font-size: 13px; font-weight: bold; line-height: 15px }
.section_table .group_td .point.plus { color:var(--brand-color) }
.section_table .group_td .point.minus { color: #1972b1 }
.section_table .group_td .point.multi { height:38px; margin-top:-19px; color:#999999; text-align:right }
.section_table .group_td .point.multi span { display:block; font-weight:normal }
.section_table .group_td .point.multi span:first-child { margin-bottom:8px; color:var(--brand-color); font-weight:bold }
.section_table .group_td .point.expiration { color:var(--brand-color) }
.section_table .img_txt { font-size: 18px; color: #2d2d2d }
.section_table .group_th .partner { display: inline-block; text-decoration: none }
.section_table .group_th img { width: auto; max-width: 135px; height: auto; max-height: 80px }
.section_table .group_th .pay_contact { display:block; margin-top:5px; font-size:12px; font-weight:normal; color:#666; text-decoration:underline }
.section_table .group_th .point_condition { font-size:16px; font-weight:bold; color:#2d2d2d }

.section_table .group_td .detail_lst { padding-left:10px }
.section_table .group_td .detail_lst li { overflow:hidden; position:relative;; padding:33px 265px 35px 0; letter-spacing:0 }
.section_table .group_td .detail_lst li .tit_area .tit { display:block; font-size:13px; font-weight:bold; line-height:20px; color:#2d2d2d }
.section_table .group_td .detail_lst li .tit_area .amount,
.section_table .group_td .detail_lst li .tit_area .amount2,
.section_table .group_td .detail_lst li .tit_area .amount3 { display:block; margin-top:14px; font-size:13px; font-weight:bold; }
.section_table .group_td .detail_lst li .tit_area .amount { color:hsl(205, 75%, 40%) }
.section_table .group_td .detail_lst li .tit_area .amount2 { color:var(--brand-color) }
.section_table .group_td .detail_lst li .tit_area .amount3 { color:#999 }
.section_table .group_td .detail_lst li .tit_area .txt { display:block; margin-top:6px; font-size:12px; color:#999 }
.section_table .group_td .detail_lst li .date_area { position:absolute; top:50%; right:53px; max-width:150px; margin:0; transform:translateY(-50%) }
.section_table .group_td .detail_lst li .date_area .date,.section_table .group_td .detail_lst li .date_area .date_detail { display:block; font-size:12px; color:#999; text-align:right }
.section_table .group_td .detail_lst li .date_area .date_detail { margin-top:6px }
.section_table .group_td .detail_lst li .btn_pay_more { display:block; position:absolute; top:50%; right:12px; margin-top:-11px; padding:5px }
.section_table .group_td .detail_lst li .btn_pay_more .sp { display:block; width:8px; height:13px; background-position:-336px -80px }
.section_table .group_td .detail_lst li + li { border-top:1px dotted #c4c4c4 }
.section_table .group_td .detail_lst li + li .btn_pay_more .sp { background-position:-346px -80px }



.section_table .group_td.tit_area { padding:33px 0 35px }
.section_table .group_td.tit_area .tit { padding:0; line-height:20px; }
.section_table .group_td.tit_area .amount,
.section_table .group_td.tit_area .amount2,
.section_table .group_td.tit_area .amount3,
.section_table .group_td.tit_area .amount4 { display:block; margin-top:14px; font-size:13px; font-weight:bold; }
.section_table .group_td.tit_area .amount { color:#1972b1 }
.section_table .group_td.tit_area .amount2 { color:var(--brand-color) }
.section_table .group_td.tit_area .amount3 { color:#999 }
.section_table .group_td.tit_area .amount4 { color:#59b3ff }
.section_table .group_td.tit_area .txt { display:block; margin-top:6px; font-size:12px; color:#999 }
.section_table .group_td.date_area { position:relative; margin:0; padding-right:43px; text-align:right }
.section_table .group_td.date_area .date,.section_table .group_td.date_area .date_detail { display:block; font-size:12px; color:#999 }
.section_table .group_td.date_area .date { margin:0; padding:0; background:none }
.section_table .group_td.date_area .date_detail { margin-top:6px }
.section_table .group_td.date_area .btn_pay_more { display:block; position:absolute; top:50%; right:12px; margin-top:-11px; padding:5px }
.section_table .group_td.date_area .btn_pay_more .sp { display:block; width:8px; height:13px; background-position:-346px -80px }
.section_table th ~ td .group_td.date_area .btn_pay_more .sp { background-position:-336px -80px }

.group_td em.tit { display: block; padding: 40px 0; font-size: 13px; font-weight: bold; color: #2d2d2d }
.group_td em.tit a { color:#2d2d2d }
.info_area_multi { padding-bottom: 22px }
.info_area_multi .multi_li { position: relative; padding-top: 1px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_dotted_line.gif) repeat-x 0 0 }
.info_area_multi .multi_li:first-child { padding-top: 0; border-top: 1px solid #e4e4e4; background: none; }
.info_area_multi .info_area { padding-top: 14px; padding-bottom: 16px; line-height: 22px }
.info_area_multi .info_area .amount { margin-top: 0 }
.multi_li.cancel .amount { color:var(--brand-color) }
.info_area_multi .btn_inquiry { top: 21px }

/* 환불연장안내 */
.gray_blt { display: inline-block; margin-top: 14px; line-height: 14px; }
.gray_blt .blt { position: relative; padding-left: 9px; font-size: 12px; line-height: 14px; color: #999999; }
.gray_blt .blt:after { display: block; clear: both; content: ''; position: absolute; top: 2px; left: 0; width: 5px; height: 4px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/blt1.png) left top no-repeat; }
.refund_extend_tit { text-align: center; }
.refund_img_tit { display: inline-block; width: 496px; height: 20px; background-position: 0 -968px; }

.half_lst1 { position: relative; overflow: hidden; width: 100%; margin-top: 38px; }
.half_lst1:after { display: block; clear: both; content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #e2e2e2; }
.half_item { float: left; width: 50%; }

.refund_extend_info { margin-top: 2px; color: #2d2d2d; }
.refund_extend_info_tit { font-weight: bold; font-size: 16px; line-height: 18px; }
.refund_extend_info_txt { margin-top: 9px; font-size: 12px; line-height: 14px; }
.refund_extend_info_txt .point_red { color:var(--brand-color) }

/*쿠폰*/
.coupon .tab_area { margin-top: 65px }
.coupon .inquiry_area { margin: 17px 0 0 }
.coupon .section_table thead { display: none }
.coupon .section_table th, .coupon .section_table td { height: 205px }
.coupon .section_table td { height: 179px; padding-top: 26px; vertical-align: top }
.coupon .section_table td:first-child { height: 205px; padding: 0; text-align: center; vertical-align: middle }
.coupon .section_table .group_th img { max-width: 135px; width: auto; height: auto; max-height: 100px }
.coupon .section_table .group_th .img_txt { font-weight: bold }
.coupon .section_table .group_td { padding-left: 20px }
.coupon .cp_tit { padding-right: 50px; font-weight: bold; font-size: 13px; color: #333; line-height: 20px; }
.coupon .end .cp_tit { color: #aaa }
.coupon .cp_tit .ico { display: inline-block; width: 46px; height: 15px; margin-right: 10px; padding-top: 1px; background: #ffb451; font-size: 11px; color: #fff; line-height: 15px; text-align: center }
.coupon .cp_tit .ico.online { background: #ff6866 }
.coupon .cp_tit .ico.promotion { background: #3da3ff }
.coupon .cp_tit .ico.meal { background: #54d144 }
.coupon .cp_tit .ico.membership { background: #58c878 }
.coupon .cp_benefit { margin-top:10px; padding-right:50px; font-weight:bold; font-size:13px; color:var(--brand-color); line-height:15px }
.coupon .cp_condition { margin-top: 8px; padding-right: 50px; font-size: 12px; color: #666; line-height: 15px }
.coupon .cp_condition .pin { display: inline-block; margin-top: 2px; font-family: Tahoma }
.coupon .cp_condition .pin .ico_pin { display: inline-block; overflow: hidden; width: 32px; height: 17px; margin-right: 6px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_pin.png) no-repeat; line-height: 999px; vertical-align: top }
.coupon .cp_partner { margin-top: 18px; font-size: 11px; color: #666; line-height: 13px }
.coupon .link_area { margin-top: 17px; zoom: 1 }
.coupon .link_area:after { display: block; clear: both; content: '' }
.coupon .link_area .link_bx { display: inline-block; float: left; position: relative; padding: 0 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_bar.gif) no-repeat 0 50% }
.coupon .link_area .link_bx:first-child { padding-left: 0; background: none }
.coupon .link_area .link { font-size: 12px; color: #333; text-decoration: underline }
.coupon .link_area .link_bx .ly_desc { display: none; position: absolute; top: 23px; left: 18px; z-index: 10; padding-top: 5px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_arr.gif) no-repeat 9px 0 }
.coupon .link_area .link_bx:first-child .ly_desc { left: 9px }
.coupon .link_area .link_bx.on .ly_desc { display: block }
.coupon .link_area .link_bx .ly_desc .txt_desc { display: inline-block; padding: 9px 13px; background: #888; font-size: 12px; color: #fff; line-height: 15px; white-space: nowrap }
.coupon .cp_expire { font-size: 12px; color: #333; line-height: 15px }
.coupon .cp_expire .txt_number { font-family: Tahoma; color: #666 }
.coupon .cp_count { margin-top: 6px; font-size: 0 }
.coupon .cp_count .ico { display:inline-block; height:17px; padding:0 4px; border-radius:2px; background:var(--brand-color); font-size:11px; color:#fff; line-height:17px }
.coupon .cp_count .ico em { font-family: Tahoma }
.coupon .cp_state { display:block; font-weight:bold; font-size:13px; color:var(--brand-color); line-height:15px; text-align:right }
.coupon .end .cp_benefit, .coupon .end .cp_expire, .coupon .end .cp_expire span, .coupon .end .cp_state { color: #aaa }
.coupon .tbl_type { overflow: hidden; zoom: 1 }
.coupon .tbl_type th, .coupon .tbl_type th:first-child { padding: 0 }
.coupon .tbl_type td { height: 64px; padding: 0; color: #222; line-height: 16px }
.coupon .tbl_type th:first-child .group_th { padding: 0 10px 0 20px }
.coupon .total_price { padding: 43px 30px 33px; text-align: right }
.coupon .total_price .price_in { display: inline-block; *display: inline; *zoom: 1 }
.coupon .total_price .tit { float: left; margin-top: -2px; font-size: 13px; color: #333; line-height: 15px }
.coupon .total_price .ico_equal { display: inline-block; overflow: hidden; float: left; width: 12px; height: 8px; margin-left: 20px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat -244px -197px; line-height: 999px; vertical-align: top }
.coupon .total_price .price { float: left; margin-top: -2px; font-size: 13px; color: #222; line-height: 15px }
.coupon .total_price .txt_number { float:left; width:130px; margin-top:-5px; font-size:20px; color:var(--brand-color); line-height:23px }
.coupon .total_price .txt_unit { float: left; margin: -1px 0 0 10px }
.coupon .section_total .total_count { padding: 18px 0 8px 3px }

/*송금내역*/
.paging { position: relative; height: 36px; margin-top: 24px; text-align: center }
.paging_inner { position: relative; display: inline-block; margin: 0 auto }
.paging strong, .paging a { display: inline-block; width: 34px; height: 34px; margin-left: -1px; border: 1px solid #d4d4d4; font-size: 13px; font-weight: normal; color: #666; line-height: 34px; text-align: center; text-decoration: none }
.paging strong { position: relative; font-weight: bold; border-color: #6e6a67; background: #6e6a67; color: #fff }
.paging_inner strong, .paging_inner a { float: left }
.paging [class^='btn_'], .paging [class^='prev'], .paging [class^='next'] { display: inline-block; width: 34px; height: 34px }
.paging .btn_first, .paging .prev_pag { background-position: 0 -379px }
.paging .btn_prev, .paging .prev { background-position: -36px -379px }
.paging .btn_next, .paging .next { background-position: -72px -379px }
.paging .btn_last, .paging .next_pag { background-position: -108px -379px }
.paging_inner [class^='paging_'] { width: 70px; font-size: 0; }
.paging_prev { position: absolute; top: 0; left: -91px; text-align: right }
.paging_next { position: absolute; top: 0; right: -91px; text-align: left }
.paging_prev [class^='btn_'], .paging_next [class^='btn_'] { float: none }
.paging .prev { margin-right: 20px }
.paging .next { margin-left: 20px }
.paginate { position: relative; height: 36px; margin-top: 24px; text-align: center }
.paginate_inner { position: relative; display: inline-block; margin: 0 auto }
.paginate strong, .paginate a { display: inline-block; width: 34px; height: 34px; margin-left: -1px; border: 1px solid #d4d4d4; font-size: 13px; font-weight: normal; color: #666; line-height: 34px; text-align: center; text-decoration: none }
.paginate strong { position: relative; font-weight: bold; border-color: #6e6a67; background: #6e6a67; color: #fff }
.paginate [class^='prev'], .paginate [class^='next'] { display: inline-block; width: 34px; height: 34px }
.paginate .prev_end { background-position: 0 -379px }
.paginate .prev { background-position: -36px -379px }
.paginate .next { background-position: -72px -379px }
.paginate .next_end { background-position: -108px -379px }
.paging_prev { position: absolute; top: 0; left: -91px; text-align: right }
.paging_next { position: absolute; top: 0; right: -91px; text-align: left }
.paginate .prev { margin-right: 20px }
.paginate .next { margin-left: 20px }

.ly_pop { position: fixed; top: 50%; left: 50%; z-index: 110; margin: -124px 0 0 -110px; padding: 45px 45px 39px; border: 1px solid #4d4d4d; background: #fff }
.ly_content { font-size: 12px; color: #999; line-height: 20px; text-align: center }
.ly_content .ly_tit { margin-bottom: 7px; font-size: 13px; font-weight: bold; color: #2d2d2d }
.ly_content .ly_tit em { font-weight:bold; color:var(--brand-color) }
.ly_footer { margin-top: 30px; text-align: center }
.ly_footer .notice_txt { margin-top:35px; font-size:15px; color:#999; line-height:22px; text-align:center }
.ly_footer .notice_txt + .ly_btn_area { margin-top:46px }
.ly_btn_down { position:relative }
.ly_btn_down:after { position:absolute; top:17px; left:35px; display:inline-block; width:18px; height:17px; background-position:-619px -678px; background-size:auto; content:''; vertical-align:middle }
.ly_btn_down .btn_ly { height:48px; padding:0 30px 0 65px; line-height:48px; font-size:18px; color:#505050; }
.ly_btn_area { display: inline-block; margin: 0 auto }

.btn_ly { display: block; float: left; height: 30px; margin-left: 5px; padding: 0 16px; border: 1px solid #d4d4d4; font-size: 12px; color: #666; line-height: 30px; text-align: center }
.btn_ly:first-child { margin-left: 0 }
.btn_ly:hover, .btn_ly:focus, .btn_ly:active { text-decoration: none }
.btn_ly.btn_confirm { border-color: #6e6a67; background: #6e6a67; color: #fff }
.btn_ly.btn_ly_disable { border-color: #d4d4d4; background: #ededed; }
.btn_ly_close { overflow: hidden; position: absolute; top: 15px; right: 16px; width: 13px; height: 13px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/btn_close.gif) no-repeat; line-height: 9999px; z-index: 10 }
.btn_ly_close.btn_close_left { top:35px; left:27px; width:27px; height:27px; background-position:-620px -648px }
.ly_pop_confirm { position: absolute; width: 264px; padding: 45px 0 39px; margin: 0 0 0 192px }
.ly_pop_alert { width:264px; padding:45px 0 39px }
.ly_pop_confirm2 { width: 344px; margin: -130px 0 0 -80px; padding: 50px 0 39px; letter-spacing: 0 }
.ly_pop_confirm3 { top:0; left:0; width:480px; margin:0; padding:100px 0 50px; letter-spacing:0 }
.ly_pop_inner { position: absolute; width: 250px; margin-left: -125px; padding: 45px 0 39px }
.ly_content .ly_tit .txt_red2 { font-weight: bold }
.ly_pop_ad { margin: -325px 0 0 -480px; padding: 40px 0 0 0; background: transparent; border: 0 }
.ly_pop_ad .ly_content { position: relative }
.ly_pop_ad .btn_ly_play { overflow: hidden; position: absolute; bottom: 180px; left: 82px; width: 266px; height: 69px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/blank.gif); line-height: 9999px }
.ly_pop_ad .btn_ly_close { top: 0; right: 0; width: 28px; height: 28px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/@btn_ly_close.png) }
.ly_pop_ad .checkbox_area { display: inline-block; position: absolute; top: 7px; right: 48px; height: 14px; line-height: 14px; vertical-align: top }
.ly_pop_ad .checkbox_area label { display: inline-block; margin-left: 9px; font-size: 13px; color: #ededed }
.ly_pop_ad .checkbox-applied { width: 14px; height: 14px }
.ly_pop_ad .checkbox-applied span.checkbox-mark { width: 14px; height: 14px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/@sp_checkbox.gif); background-position: 0 0 }
.ly_pop_ad .checkbox-applied span.checkbox-mark.checkbox-checked { background-position: -32px 0 }
.ly_pop_ad .checkbox_area.on label { color: #999 }

.pop_receipt { padding: 19px 30px 50px; border: 0; text-align: left; letter-spacing: 0 }
.pop_recipt_info { display: block; width: 99px; height: 15px; background-position: 0 -283px }
.pop_recipt_info2 { width: 159px; height: 15px; background-position: 0 -300px }
.pop_recipt_cash { width: 157px; height: 15px; background-position: -110px -282px }
.pop_receipt .ly_content { color: #2d2d2d; text-align: left }
.pop_receipt .ly_tit { font-size: 16px }
.pop_receipt .pop_header { padding-bottom: 15px; border-bottom: 1px solid #6e6a67 }
.pop_receipt .lst_payinfo { margin-top: 25px }
.pop_receipt .lst_payinfo dt { margin-top: 27px; font-size: 13px; font-weight: bold; letter-spacing: -1px }
.pop_receipt .lst_payinfo dt:first-child { margin-top: 0 }
.pop_receipt .lst_payinfo dd { margin-top: 8px; color: #666; letter-spacing: -1px }
.pop_receipt .lst_payinfo dd a { color: #659efd; text-decoration: underline }
.pop_receipt .lst_payinfo dd a.txt_link { color:var(--brand-color) }
.pop_receipt .lst_payinfo dd p { position: relative; padding-left: 10px }
.pop_receipt .lst_payinfo .txt_point { margin-right:0; color:var(--brand-color) }
.pop_receipt .lst_payinfo .dsc_area { height: 42px; margin-top: 16px; padding-left: 15px; color: #343434; line-height: 40px; letter-spacing: -1px }
.pop_receipt .lst_payinfo .dsc_area a { color: #767676 }
.pop_receipt .cs_info { margin: 0; padding: 11px 0 6px; border: 0; font-size: 0; text-align: right }
.pop_receipt .cs_info dt, .pop_receipt .cs_info dd { display: inline-block; font-size: 13px; color: #666; letter-spacing: -1px; vertical-align: middle }
.pop_receipt .cs_info dt { font-weight: bold; color: #343434 }
.pop_receipt .cs_info .bar { display: inline-block; width: 1px; height: 12px; margin: -2px 7px 0 9px; background-color: #343434; vertical-align: middle }

.pop_account { padding:100px 0 50px }
.pop_account .ly_tit { font-weight:bold; color:#2d2d2d; text-align:center; font-size:28px }
.pop_account .ly_logo_tit { position:relative; display:inline-block; width:128px; margin:-6px 5px 0 0; font-size:0; vertical-align:middle }
.pop_account .ly_logo_tit img { width:100% }
.pop_account .ly_content { margin-top:-3px }

.pop_btn_area .btn_confirm { width: 78px; height: 36px; line-height: 38px }

.dsc_area { height: 58px; margin-top: 38px; padding: 0 19px; border: 1px solid #ededed; background: #f4f4f4; color: #666; letter-spacing: 0; line-height: 58px }
.dsc_area em { margin-right: 8px; font-weight: bold; color: #2d2d2d }
.dsc_area .link_email { text-decoration: underline }

.ly_content .tit_content { margin-top: 30px; font-size: 13px; line-height: 13px; color: #2d2d2d }
.tbl_form { margin-top: 12px; border: 1px solid #cecece; border-width: 1px 0 }
.tbl_form table { width: 100%; }
.tbl_form th, .tbl_form td { font-size: 12px; border-top: 1px solid #e4e4e4 }
.tbl_form tr:first-child th, .tbl_form tr:first-child td { border-top: 0 }
.tbl_form th { background-color: #f4f4f4 }
.tbl_form .row_form th { vertical-align: top }
.tbl_form .group_th, .tbl_form .group_td { padding-left: 20px }
.tbl_form .group_th { line-height: 40px }
.tbl_form .group_td { padding: 10px 0 10px 20px; }
.tbl_form .group_td .radio_area label { color: #2d2d2d }


.selectbox-noscript * { display: none }
.selectbox-noscript .selectbox-source { display: inline; position: relative; left: 0 }
.selectbox-noscript .selectbox-source * { display: block }
.selectbox-source { position: absolute; left: -9999px }
.selectbox-focused .selectbox-box { border-color: #d7d7d7 }
.selectbox-disabled .selectbox-box { border-color: #d7d7d7 }
.selectbox-box { background: #fff; border: 1px solid #d4d4d4; line-height: 12px; cursor: default }
.selectbox-label { padding: 9px 20px 9px 8px; color: #636469; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_sel.gif) no-repeat 100% 50%; cursor: pointer; }
.selectbox-disabled .selectbox-label { color:#bfbebe; background:none; cursor:inherit }
.selectbox-layer { display: none; position: absolute; border: 1px solid #d7d7d7; border-top: 0; background-color: #eee; z-index: 100 }
.selectbox-list ul { list-style: none; margin: 0; padding: 0 }
.selectbox-list ul li { padding: 1px 8px 2px; line-height: 22px; font-size: 12px; cursor: default; color: #8e8e8e; background-color: #fff }
.selectbox-list ul li:first-child { border-top:0 }
.selectbox-list ul li.selectbox-item-selected { color: #383838; font-weight: bold }
.selectbox-list ul li.selectbox-item-over { background-color:#e9eef9 !important }
.selectbox-list ul .optgroup { position:relative; padding-top:0 }
.selectbox-list ul .optgroup:before { display:inline-block; width:7px; height:6px; margin-right:6px; border-left:1px solid #666; border-bottom:1px solid #666; content:'' }
.selectbox-list ul .optgroup.first { padding-top:5px; padding-bottom:0 }
.selectbox-list ul .optgroup.last { border-top:0 }
.selectbox-list.selectbox-scroll { overflow-x: hidden; overflow-y: scroll }

.input_row { margin-top: 8px; *zoom: 1 }
.input_row:first-child { margin-top: 0 }
.input_row:after { content: ''; display: block; clear: both }
.input_row .select_box, .input_row .txt_bar, .input_row .input_txt_area { float: left }
.input_row .input_txt_area input, .input_row .select_box .select { width: 45px }
.input_txt_area input { width: 100%; height: 30px; padding: 0 10px; font-size: 12px; vertical-align: top; line-height: 30px; border: 1px solid #d4d4d4; color: #2d2d2d }
.input_txt_area.input_error input { border-color: #fa2829 }
.input_row .txt_bar { display: inline-block; margin: 0 3px; width: 4px; height: 32px; line-height: 32px; color: #999 }
.addinfo_area { margin-top: 20px; font-size: 11px; color: #999 }
.addinfo_area label { font-weight: bold; font-size: 12px; color: #2d2d2d }
.addinfo_area .addinfo_txt { line-height: 20px; margin-top: 2px }

/* table */
.tbl_type table { width: 100%; table-layout: fixed }
.tbl_type th, .tbl_type td { font-size: 12px; text-align: center }
.tbl_type th { background-color: #6e6a67; color: #fff; line-height: 44px }
.tbl_type td { padding: 7px 0; height: 30px; border-bottom: 1px solid #e4e4e4; color: #666; line-height: 20px }
.tbl_type td:first-child, .tbl_type th:first-child { padding: 0 10px 0 20px }
.tbl_type tr:last-child td { border-bottom: 1px solid #cecece }
.tbl_type .txt_lf, .txt_lf { text-align: left }
.tbl_type .txt_rgt, .txt_rgt { text-align: right }
.tbl_type .txt_ct { text-align: center }
.tbl_type .txt_result { padding: 86px 0; font-size: 14px; text-align: center; line-height: 1.4; color: #565960 }
.tbl_type .txt_result strong { display: inline-block; font-size: 24px; margin-bottom: 24px }
.tbl_type .txt_result a { text-decoration: underline }
.row_noti { height: 300px }
.row_noti strong, .row_noti a { font-size: 13px; font-weight: normal; line-height: 22px }
.row_noti .td_txtnoti { display: block; color: #666; }
.row_noti .td_txtlink { font-size:13px; font-weight:bold; text-decoration:underline; color:var(--brand-color) }

.tbl_board1 { width: 100%; table-layout: fixed; margin-top: 37px; border-bottom: 1px solid #dddddd; }
.tbl_board1 th, .tbl_board1 td { font-size: 12px; line-height: 18px; }
.tbl_board1 th.th_last, .tbl_board1 td.td_last { border-right: none; }
.tbl_board1 th { height: auto; border-top: 1px solid #dddddd; border-right: 1px solid #ededed; background-color: #f8f8f8; color: #666666; text-align: center; box-sizing: border-box; }
/* td값에 들어가져 있는 relative때문에 th,td 동일 속성값 분리사용 */
.tbl_board1 thead th .thin { padding: 14px 14px 13px; }
.tbl_board1 th .thin, .tbl_board1 td .tdin { display: inline-block; padding: 11px 14px 12px; }
.tbl_board1 td { height: auto; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; color: #2d2d2d; text-align: center; vertical-align: middle; word-break: break-all; box-sizing: border-box; }
.tbl_board1 th.th_left, .tbl_board1 td.td_left { text-align: left; }

.deduction_tbl { margin-top: 25px }
.deduction_tbl .tbl_type td { padding: 7px 20px }
.deduction_tbl .tbl_type tr.result td { font-weight: bold; color: #3e3e3e }

.checkbox-applied { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; overflow: hidden; position: relative; width: 15px; height: 15px; vertical-align: top; cursor: pointer }
.checkbox-applied span.checkbox-mark { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background-position: -120px 0; z-index: 1 }
.checkbox-applied span.checkbox-mark.checkbox-checked { background-position: -120px -17px }
.checkbox-applied input { position: absolute; top: 0; left: -9999px; z-index: -1 }
.checkbox_area { height: 15px; line-height: 15px }
.checkbox_area label { margin-left: 4px; font-size: 12px; vertical-align: top }
.checkbox_area + .checkbox_area { margin-left: 20px }

.checkbox_area.v2 { height: auto; margin: 12px 0 -3px; padding-bottom: 15px; border-bottom: 1px solid #949393 }
.checkbox_area.v2 .checkbox-applied { width: 20px; height: 20px }
.checkbox_area.v2 .checkbox-applied span.checkbox-mark { width: 20px; height: 20px; background-position: -301px -286px }
.checkbox_area.v2 .checkbox-applied span.checkbox-mark.checkbox-checked { background-position: -323px -286px }
.checkbox_area.v2 .check_bx { display: block; padding: 3px 0 }
.checkbox_area.v2 label { display: inline-block; min-width: 177px; margin-left: 6px; font-weight: bold; line-height: 20px; color: #666 }
.checkbox_area.v2 .btn_view { font-size: 12px; font-weight: bold; line-height: 20px; color: #ababab; text-decoration: underline }

.radio-applied { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; width: 22px; height: 22px; vertical-align: top; cursor: pointer }
.radio-applied span.radio-mark { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-position: -302px -193px; z-index: 1 }
.radio-applied span.radio-mark.radio-checked { background-position: -326px -193px }
.radio-applied input { position: absolute; top: 0; left: -9999px; z-index: -1 }
.radio_area .lbl { display: inline-block; padding-left: 28px; font-size: 12px; color: #666; line-height: 22px; vertical-align: top; cursor: pointer }
.rdo_bx { position: relative }

.radio_area.v2 .lbl { padding-left: 22px; line-height: 15px; vertical-align: inherit }
.radio_area.v2 .radio-applied { width: 15px; height: 15px }
.radio_area.v2 .radio-applied span.radio-mark { width: 15px; height: 15px; background-position: -314px -258px }
.radio_area.v2 .radio-applied span.radio-mark.radio-checked { background-position: -331px -258px }

/* 나의 결제정보 */
.sub_col { margin-top: 20px; border-top: 1px solid #ededed }
.sub_col.no_service { border-top: 0 }
.sub_col.border_none { border-top: none; }
.sub_tit_area { padding: 40px 0 7px; border-bottom: 1px solid #ededed }
.sub_col .sub_tit_area:first-child { padding-bottom: 0; border: 0 }
.sub_tit_area + .details_box { margin-top: 7px }
.sub_tit { height: 15px }
/* .tit_mypayinfo { width:127px; background-position:-110px -198px } */
.tit_mypayinfo { width: 128px; background-position: -431px -103px }
.tit_paypassword { width: 168px; background-position: -110px -257px }
.tit_paypasswordset { width: 111px; background-position: -110px -223px }
.tit_paymentset { width: 81px; background-position: -110px -240px }
.tit_log { width: 69px; background-position: 0 -300px }
.tit_setsecurity { width:107px; background-position:-445px -385px }
.info_wrap { text-align: center }
.info_wrap p { margin-top: 8px; font-size: 13px; font-weight: bold; color: #999 }
.info_wrap .info_tit { margin-top: 67px; font-size: 20px; font-weight: normal; color: #444 }
.info_wrap .btn { margin-top: 53px }
.info_wrap .caution { font-weight:normal; color:var(--brand-color) }
.details_box em { font-weight:bold; color:var(--brand-color) }

.payment_set_area ul { overflow: hidden; margin: -18px 0 0 -22px; *zoom: 1 }
.payment_set_area ul:after { display: block; clear: both; content: '' }
.payment_set_area ul:first-child { margin-top: 12px }
.payment_set_area li { float: left; width: 242px; margin: 22px 0 0 22px }
.payment_set { position: relative; height: 110px; padding: 15px 20px 22px }
.card_credit { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_credit.png) no-repeat }
.card_phone { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_phone.png) no-repeat }
.card_account { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_account.png) no-repeat }
.card_touch { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_touch.png) no-repeat }
.card_passbook { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_passbook.png) no-repeat }
.card_tmoney { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_tmoney.png) no-repeat }
.card_gift { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_gift.png) no-repeat }
.card_payco { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_payco.png) no-repeat }
.card_etc { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_etc.png) no-repeat }
.card_add { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_blank.png) no-repeat }
.card_mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_card_mask.png) no-repeat; z-index: 10 }

.btn_payment_add { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; font-size: 13px; font-weight: bold; line-height: 148px; color: #666; text-align: center; cursor: pointer; z-index: 0 }
.btn_payment_add:hover { text-decoration: none }
.btn_payment_add .ico { display: block; width: 44px; height: 31px; margin: 0 auto 9px; background-position: 0 0 }
.btn_payment_add .txt { display: inline-block; line-height: normal; vertical-align: middle }
.payment_name { float: left; display: inline-block; *display: inline; position: relative; height: 22px; font-size: 15px; font-weight: 400; color: #fff; text-shadow: 0 1px 0 #555; vertical-align: top; z-index: 11; *zoom: 1 }

.card_edit_area { position: relative; float: left; margin-left: 10px }
.card_edit_area input { display: block; width: 100%; height: 22px; padding-left: 5px; border: 0; font-size: 12px; font-weight: bold; color: #444; line-height: 22px; vertical-align: top; -webkit-border-radius: 1px; border-radius: 1px }
.card_edit_area label { position: absolute; top: 0; left: 36px; font-size: 12px; color: #2d2d2d; line-height: 22px; text-shadow: none }
.payment_name .txt_dsc { margin-left: 3px; font-size: 13px; font-weight: bold; color: #cce8fe; text-shadow: none; }
.btn_complete { position: absolute; top: 0; right: 0; width: 22px; height: 22px; background-position: -46px 0 }
.card_tmoney .payment_name, .card_payco .payment_name { overflow: hidden; line-height: 200px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat }
.card_tmoney .payment_name { width: 72px; height: 24px; background-position: -70px -177px }
.card_payco .payment_name { width: 66px; height: 16px; margin-top: 4px; background-position: 0 -196px }
.payment_set .payco_point { position: absolute; top: 80px; left: 19px; font-weight: bold; color: #fff }
.payment_set .payco_point dt { font-size: 13px }
.payment_set .payco_point dd { margin-left: -2px; font-size: 18px; line-height: 36px; }
.payment_set .payco_point dd em { font-size: 24px }
.inp_edit_area { position: absolute; top: 0; left: 0; right: 30px }

.number_area { position: absolute; top: 62px; left: 0; right: 0; text-align: center }
.num { overflow: hidden; display: inline-block; width: 10px; height: 13px; line-height: 200px; margin-left: 1px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_num.png) no-repeat; vertical-align: top }
.num:first-child { margin-left: 0 }
.spacer { background-position: -1000px }
.star { background-position: -12px 0 }
.num1 { background-position: -24px 0 }
.num2 { background-position: -36px 0 }
.num3 { background-position: -48px 0 }
.num4 { background-position: -60px 0 }
.num5 { background-position: -72px 0 }
.num6 { background-position: -84px 0 }
.num7 { background-position: -96px 0 }
.num8 { background-position: -108px 0 }
.num9 { background-position: -120px 0 }
.num0 { background-position: -132px 0 }
.txt_skt { width: 48px; background-position: 0 -15px }
.txt_kt { width: 37px; background-position: -50px -15px }
.txt_lg { width: 37px; background-position: -89px -15px }
.txt_skt, .txt_kt, .txt_lg { margin-right: 15px }

.payment_set .btn_edit { float: right; width: 22px; height: 22px; margin-left: 3px; background-position: -46px 0 }
.inp_edit_area + .btn_edit, .btn_edit.done { background-position: -104px -337px }
.payment_set .btn_delete { position: absolute; bottom: 13px; right: 13px; width: 25px; height: 25px; background-position: -10000px 0 }
.payment_set .btn_delete:hover { background-position: -46px -24px }
.payment_set .btn_delete .ico_trash { position: absolute; margin: 0; top: 6px; left: 7px; }
.ico_card { position: absolute; top: 21px; left: 18px; width: 24px; height: 18px; background-position: -46px 0 }
.ico_trash { display: inline-block; width: 11px; height: 13px; margin: 5px 1px 0 2px; background-position: -70px 0; vertical-align: top }
.lst_noti .ico_trash { background-position: -50px -172px }
.btn_setrep { position: relative; float: left; width: 18px; height: 18px; margin: 0 4px 0 -3px; background-position: -83px 0; z-index: 11 }
.btn_setrep.on { background-position: -83px -20px }

.ico_rep { width: 16px; height: 16px; margin: 6px 5px 0 0; background-position: -133px -54px }
.btn_rep { padding-right: 30px; vertical-align: top }
.btn_rep.on { background-color: #f0f0f0; color: #888 }
.btn_rep.on .ico_rep { background-position: -133px -54px }
.btn_rep .ico_rep { background-position: -133px -72px }
.payment_set_area .btn_area { margin: 15px 0 10px }
.payment_set_area .btn_rep { height: auto; padding: 8px 30px 7px 12px; line-height: 15px }
.payment_set_area .btn_rep .ico_rep { margin: -1px 5px 0 0 }
.payment_set_area .btn_wrap { display: inline-block; position: relative }
.payment_set_area .hint_wrap { position: absolute; top: 8px; right: 10px; line-height: 16px }
.payment_set_area .hint_wrap .ly_hint { top: auto; right: 0; bottom: 26px; left: auto }
.payment_set_area .card_add .hint_wrap { top: 87px; right: 65px }
.payment_set_area .card_add .hint_wrap .ly_hint { bottom: 24px }

/* 이용중 서비스 없을때 */
.msg_wrap .msg { margin-top: 10px; font-size: 13px; color: #888; font-weight: normal; line-height: 25px; letter-spacing: 0 }
.msg_wrap .msg em { text-decoration: underline }
.msg_wrap { text-align: center; padding: 150px 0 200px }
.msg_wrap .msg_tit { font-size: 15px; font-weight: normal; color: #444; letter-spacing: 0 }
.msg_wrap + .noti_wrap { margin-top: 0 }

/*슬라이드 배너*/
.banner_area { position: relative; margin-top: 19px; zoom: 1 }
.banner_wrap { overflow: hidden; width: 770px; height: 320px }
.banner_lst { *zoom: 1 }
.banner_lst:after { display: block; clear: both; content: '' }
.banner_lst li { float: left }
.banner_lst li a { display: block; width: 770px; height: 320px; font-size: 0; line-height: 0 }
.banner_lst li a.no_img { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/banner_noimg.jpg) no-repeat }
.banner_lst li a.no_img img { display: none }
.btn_banner_prev, .btn_banner_next { position: absolute; top: 50%; margin-top: -25px; width: 43px; height: 50px; }
.btn_banner_prev { left: 0; background-position: 0 -102px }
.btn_banner_next { right: 0; background-position: -45px -102px }
.banner_paging { position: absolute; right: 0; left: 0; bottom: 20px; font-size: 0; line-height: 0; text-align: center }
.banner_paging a { display: inline-block; float: left; width: 10px; height: 10px; margin-left: 10px; background-position: -63px -154px; font-size: 0; line-height: 0 }
.banner_paging a:first-child { margin-left: 0 }
.banner_paging .on { background-position: -51px -154px }

.banner_area2 { position: relative; margin-top: 20px; padding-bottom: 32px; zoom: 1 }
.banner_area2 .banner_wrap { height: 105px; zoom: 1 }
.banner_area2 .banner_lst li a { height: 105px }
.banner_area2 .banner_paging { bottom: 4px }
.banner_area2 .banner_paging a { width: 19px; height: 19px; margin: 0; background-position: -298px -58px }
.banner_area2 .banner_paging a.on, .banner_area2 .banner_paging a:hover { background-position: -319px -58px }
.banner_area2 .btn_banner_prev, .banner_area2 .btn_banner_next { top: auto; bottom: 0; left: auto; width: 27px; height: 27px; background-position: -302px 0 }
.banner_area2 .btn_banner_prev { right: 27px }
.banner_area2 .btn_banner_next { right: 0; background-position: -329px 0 }
.banner_area2 .btn_banner_prev:hover { background-position: -302px -29px }
.banner_area2 .btn_banner_next:hover { background-position: -329px -29px }

.main_col.point .banner_area2 { margin-bottom: -7px }

.tag_area { position: absolute; top: 29px; right: 4px }
.tag_area:after { display: block; clear: both; content: '' }
.tag_area li { float: left; margin-left: 30px; height: 23px; font-size: 12px; line-height: 23px; color: #666 }
.tag_area li:first-child { margin-left: 0 }
.tag_pay, .tag_coupon, .tag_point { width: 42px; height: 23px; margin-right: 6px; vertical-align: top }
.tag_pay { background-position: -100px -102px }
.tag_coupon { background-position: -100px -127px }
.tag_point { width: 43px; background-position: -100px -152px }

.align { display: inline-block; width: 0; height: 100%; vertical-align: middle }
.lst_franchise { *zoom: 1; position: relative }
.lst_franchise:after { display: block; clear: both; content: '' }
.lst_franchise:before { position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ededed; content: '' }
.lst_franchise .item { float: left; position: relative; width: 196px; height: 231px; padding: 0 30px; border-bottom: 1px solid #ededed; text-align: center; letter-spacing: 0 }
.lst_franchise .cont { display: block; width: 256px; height: 152px; padding-bottom: 38px }
.lst_franchise .img { display: inline-block; height: 60px; margin-top: 39px; line-height: 60px; vertical-align: top }
.lst_franchise .img img { width: auto; max-width: 180px; height: auto; max-height: 60px; vertical-align: middle }
.lst_franchise .tags { position: absolute; top: 126px; right: 0; left: 0; }
.lst_franchise .tags span { margin: 0 0 0 1px }
.lst_franchise .tit { display: inline-block; width: 180px; font-weight: bold; font-size: 18px; color: #333; vertical-align: middle }
.lst_franchise .hash_tag_wrap { margin-top: 6px; font-size: 0; line-height: 20px }
.lst_franchise .hash_tag_area { display: inline-block; margin: 0 3px; vertical-align: top }
.lst_franchise .hash_tag { float:left; font-size:12px; font-weight:600; color:var(--brand-color) }
.lst_franchise .btn_new_window { overflow: hidden; display: inline-block; float: left; width: 10px; height: 10px; margin: 5px 0 0 4px; background-position: -91px -40px; font-size: 1px; line-height: 1000px }
.lst_franchise .keyword_wrap { margin-top: 6px; font-size: 12px; color: #999; line-height: 20px }
.lst_franchise .keyword_wrap span { display: inline-block }
.lst_franchise .hash_tag_wrap + .keyword_wrap { margin-top: 7px }
.lst_wrap .lst_franchise li { height: 211px }
.lst_franchise .hash_tag_wrap { margin-top: 10px }
.lst_wrap .lst_franchise .hash_tag_wrap + .keyword_wrap { margin-top: 5px }

.noti_update { position: relative; margin-top: -1px; font-size: 12px; color: #666; padding-top: 20px; border-top: 1px solid #ddd; z-index: 10 }
.noti_wrap.noti_coupon { padding: 56px 33px 59px; text-align: center }
.noti_wrap.noti_coupon .tit { font-weight: bold; font-size: 14px; color: #333 }
.noti_wrap.noti_coupon .txt { margin-top: 7px; font-size: 12px; color: #666 }
.noti_wrap.noti_coupon .txt + .btn { margin-top: 30px }
.btn .ico_coupon { width: 27px; height: 17px; margin: 16px 8px 0 0; background-position: -103px -34px }

/* 결제 상세 */
.price_table { overflow: hidden }
.price_table .bx_num { float: left; width: 45px; height: 45px; line-height: 45px; text-align: center; border-left: 1px solid #e4e4e4 }
.price_table .bx_price { width: 45px; height: 45px; border-left: 0 }
.price_table.em .bx_num { color: #ff1414 }

.tbl_info table { table-layout: fixed; width: 100%; font-size: 13px; font-weight: normal; letter-spacing: -0.025em; color: #2d2d2d; border: 1px solid #cecece; border-width: 1px 0 }
.tbl_info th, .tbl_info td { font-size: 13px; text-align: left; border-top: 1px solid #e4e4e4 }
.tbl_info tr:first-child th, .tbl_info tr:first-child td { border-top: 0 }
.tbl_info .th, .tbl_info .td { padding: 0 20px; line-height: 45px; font-weight: normal }
.tbl_info .th,.tbl_info .td.em { color:var(--brand-color); font-weight:bold; letter-spacing:-.5px }
.tbl_info .th { text-align: left; color: #666; }
.tbl_info .td { position: relative; min-height: 45px }
.tbl_info tbody th, .tbl_info tbody .th { background-color: #f4f4f4 }
.tbl_info .tbl_receipt th { background-color: #fff }
.tbl_info .tbl_receipt .th { width: 150px; padding: 14px 20px 13px; line-height: 18px }
.tbl_info .tbl_receipt .hint_wrap { line-height: 100%; vertical-align: middle }
.tbl_info .tbl_receipt .th p { display: inline-block; font-weight: normal; line-height: 18px; *display: inline; zoom: 1 }
.tbl_info .tbl_receipt .td { overflow: hidden; padding: 0 }
.tbl_info .txt { display: inline-block; padding: 14px 0; line-height: normal; vertical-align: middle; }
.tbl_info .lst_dsc { line-height: 20px }
.tbl_info .lst_dsc .txt { padding: 0; color: #999 }
.tbl_info .txt + .lst_dsc { margin: -8px 0 17px 0 }
.tbl_info .tbl_receipt.tbl_charge .th { width: 120px }
.tbl_info .tbl_receipt.tbl_charge .row_total .th { width: 140px; padding-right: 0 }
.tbl_receipt .price_table { float: right }
.tbl_receipt .row_total th, .tbl_receipt .row_total td { border-top: 1px solid #cecece; background-color: #f4f4f4 }
.tbl_receipt .row_total .th, .tbl_receipt .row_total .td { font-weight: bold; }
.tbl_receipt .row_em .th,.tbl_receipt .row_em td { color:var(--brand-color) }
.tbl_receipt .row_total .th { width: auto; }
.tbl_receipt .row_total .th p { line-height: 18px }
.tbl_receipt td { width: 45px; border-left: 1px solid #e4e4e4; text-align: center }
.tbl_receipt .row_total td { font-weight: bold }
.tbl_receipt .td_price { border-left: 0 none }
.tbl_receipt .row_total td:first-child { border-left: 0 none }

.refund .tbl_info .td { color: #2d2d2d }

.row_total .txt_add { font-size: 12px; color: #999 }

.info_box .btn_wrap { position: absolute; top: 50%; right: 20px; margin: -17px 0 0 0; }
.btn_wrap .btn_inquiry { position: static; margin: 0 0 0 5px; vertical-align: top }
.btn_wrap .btn_inquiry:first-child { margin: 0 }
.tbl_wrap + .btn_area { margin-top: 20px }
.tbl_wrap .sub_tit_area, .tbl_wrap .sub_tit_area:first-child { height: 15px; padding-bottom: 10px }
.tbl_wrap .link_store { display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -8px; font-size: 13px; color: #000; line-height: 16px; text-decoration: underline }
.btn_fold { width: 18px; height: 18px; background-position: 0 -33px }
.btn_fold.on { background-position: -132px -34px }
.tbl_info .btn_fold { margin-right: 6px; vertical-align: top }
.details_wrap .btn_inquiry { margin: 0 0 0 12px }
/* main */
.payco_btn_area a, .sel_family .ico_arr, .btn_app_store, .btn_google_play,.btn_close_left { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png) no-repeat }
.payco_main .inner { position: relative; width: 1100px; margin: 0 auto; padding: 74px 0 78px; letter-spacing: 0 }
.payco_main .txt_dsc, .payco_main .lst_dsc { display: block; margin-top: 12px; font-size: 13px; color: #666; line-height: 20px; letter-spacing: 0 }
.payco_main .btn_more { position: absolute; right: 0; top: 0 }
.payco_tit { font-size: 26px; font-weight: normal; color: #222; line-height: 100%; text-align: center; letter-spacing: 0 }
.payco_tit .txt_num { position: relative; top: 2px; font-size: 28px; line-height: 31px }
.payco_btn_area { margin-top: 20px; font-size: 0; text-align: center }
.payco_btn_in { display: inline-block; *display: inline; *zoom: 1 }
.payco_btn_area a { float: left; overflow: hidden; width: 240px; height: 45px; margin-left: 20px; font-size: 1px; line-height: 400px }
.payco_btn_area a:first-child { margin-left: 0 }
.payco_btn_area .btn_more_partner { background-position: 0 -117px }
.payco_btn_area .btn_tmoney_partner { background-position: 0 -164px }
.payco_btn_area .btn_ask_partner { background-position: 0 -211px }

.payco_cs { background: #fff }
.payco_cs .inner { padding: 35px 0; zoom: 1 }
.payco_cs .inner:after { display: block; clear: both; content: '' }
.payco_cs .payco_tit { display: inline-block; float: left; font-size: 0; *display: inline; zoom: 1 }
/*.payco_cs .payco_tit .txt { width:69px; height:19px; background-position:-166px -36px } */
.payco_cs .payco_tit .txt { font-size: 21px; line-height: 30px; color: #333; vertical-align: top; }
.payco_cs .payco_tit .txt_num { margin-left: 15px }
.payco_cs .lst_dsc { overflow: hidden; float: left; margin: 8px 0 0 84px }
.payco_cs .lst_dsc li { float: left; margin-left: 19px; padding-left: 20px; font-size: 12px; color: #555; line-height: 14px; background-position: 0 50%; letter-spacing: 0 }
.payco_cs .lst_dsc li a { display: inline-block; margin-left: 7px; color: #555; text-decoration: underline }
.payco_cs .lst_dsc li.time { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_time.png) no-repeat }
.payco_cs .lst_dsc li.tel { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_tel.png) no-repeat }
.payco_cs .lst_dsc li.email { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_email.png) no-repeat }
.payco_cs .lst_cs { float: right; margin-top: 5px }
.payco_cs .lst_cs li { float: left; margin-left: 25px }
.payco_cs li:first-child { margin-left: 0 }
.payco_cs .lst_cs li a { display: block; font-size: 14px; font-weight: bold; line-height: 16px; color: #444; }
.payco_cs .lst_cs li a:hover { margin-bottom: -1px; }

.payco_app { position: relative; overflow: hidden; background-color: #f2f2f2 }
.payco_app .inner { padding: 81px 0; border-top: 1px solid #e6e6e6 }
.payco_app .payco_tit { font-size: 0; text-align: left }
.payco_app .payco_tit .txt { width: 435px; height: 22px; background-position: 0 -736px }
.payco_app .txt_dsc { margin-top: 22px; font-size: 13px; color: #888; line-height: 20px }
.payco_app .payco_btn_area { position: absolute; right: 0; top: 80px; margin-top: 0 }
.payco_app a:first-child { margin-left: 0 }

.payco_app .btn_sms { display: block; float: none; width: 540px; height: 73px; background-position: 0 -414px }
.payco_app .payco_smsbx .txt { margin-top: 13px; font-size: 12px; color: #888; line-height: 15px; text-align: center }
.payco_app .payco_appbtn { margin-top: 48px; zoom: 1 }
.payco_app .payco_appbtn:after { display: block; clear: both; content: '' }
.payco_app .bg_qr { display: block; overflow: hidden; position: absolute; top: 178px; left: 0; width: 120px; height: 120px; bottom: 0; right: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_qr2.png) no-repeat; line-height: 999px; vertical-align: top }
.payco_app_download { margin-top: 48px; }
.payco_app_download:after { display: block; clear: both; content: '' }
.payco_app_download .payco_app_btn { float: left; position: relative; width: 420px; margin-left: 20px; padding: 38px 60px 38px; font-size: 0; background: #fff; *height: 74px; }
.payco_app_download .payco_app_btn:after { position: absolute; left: 0; right: 0; bottom: -4px; height: 4px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/home_qr_v2/bg_download_bx.png) no-repeat; content: ''; }
.payco_app_download .payco_app_btn { *border-bottom: 1px solid #dbdbdb; }
.payco_app_download .payco_app_btn:first-child { margin-left: 0 }
.payco_app_download .btn_app_store, .payco_app_download .btn_google_play { overflow: hidden; display: inline-block; width: 260px; height: 74px; background-color: #fff; vertical-align: top; line-height: 900px }
.payco_app_download .btn_app_store { background-position: -262px -262px }
.payco_app_download .btn_google_play { background-position: -262px -338px }
.payco_app_download .btn_app_bar { display: inline-block; width: 1px; height: 60px; margin: 7px 42px; vertical-align: top; background-color: #f5f5f5 }


#footer.payco_footer { position: relative; margin: 0; padding: 37px 0 108px; border-top: 1px solid #e5e5e5; background: #fff }
.payco_footer .inner { position: relative; width: 1100px; margin: 0 auto; zoom: 1 }
.payco_footer .inner:after { display: block; clear: both; content: '' }
.payco_footer .footer_logo { display: inline-block; overflow: hidden; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 999px; vertical-align: top }
.payco_footer .footer_logo { float: left; width: 90px; height: 36px; background-position: -542px -454px }
.service_area { float: left; margin-top: -3px; margin-left: 62px }

.payco_footer .lst_info { padding-right:300px; zoom:1 }
.payco_footer .lst_info:after { display: block; clear: both; content: '' }
.payco_footer .lst_info li { float: left; margin-left: 19px }
.payco_footer .lst_info li:first-child { margin-left: 0 !important }
.payco_footer .lst_info li a { font-size: 12px; color: #444 }
.payco_footer .lst_info .introduce { width: 44px; height: 11px; background-position: 0 -760px }
.payco_footer .lst_info .member_terms { width: 80px; height: 11px; background-position: -46px -760px }
.payco_footer .lst_info .payco_terms { width: 91px; height: 11px; background-position: -128px -760px }
.payco_footer .lst_info .electronic_terms { width: 104px; height: 11px; background-position: -221px -760px }
.payco_footer .lst_info .billing_terms { width: 115px; height: 11px; background-position: -327px -760px }
.payco_footer .lst_info .private_terms { width: 82px; height: 11px; background-position: -444px -760px }
.payco_footer .lst_info .location_terms { width: 115px; height: 11px; background-position: -529px -760px }
.payco_footer .lst_corpinfo { margin-top: 33px; zoom: 1 }
.payco_footer .lst_corpinfo:after { display: block; clear: both; content: '' }
.payco_footer .lst_corpinfo li { font-size: 12px; color: #888; letter-spacing: 0; line-height: 20px; zoom: 1 }
.payco_footer .lst_corpinfo li:after { display: block; clear: both; content: '' }
.payco_footer .lst_corpinfo span { float: left; margin-left: 19px }
.payco_footer .lst_corpinfo span:first-child { margin-left: 0 }
.payco_footer .lst_corpinfo .link { color: #333; text-decoration: underline }
.payco_footer .lst_corpinfo .corp_no .link { margin-left: 9px }
.payco_footer .copyright { margin-top: 30px; font-weight: normal; font-size: 13px; color: #666 }
.payco_footer .link_copy { color: #666 }
.payco_footer .link_copy:hover { text-decoration: underline }

#footer.payco_footer.sub { padding: 37px 0 84px; border-top: none }
.payco_footer.sub .inner { width: 1027px }
.payco_footer.sub .service_area { padding-top: 1px }
.payco_footer.sub .lst_info li { margin-left: 20px }
.payco_footer.sub .lst_info li:last-child { float: none; margin-left: 0; padding-top: 4px; clear: both }
.payco_footer.sub .sel_family { top: -9px }
.payco_footer.sub .lst_corpinfo { margin-top: 28px }
.payco_footer.sub .award { top: 72px }

.sel_family { position: absolute; top: 50px; right: 0; z-index: 10; width: 140px; height: 30px; border: 1px solid #ccc; font-size: 12px; letter-spacing: 0 }
.main .sel_family { top: -9px }
.sel_family a { padding-left: 10px; color: #6e6a66; text-decoration: none }
.sel_family .tit { display: block; position: relative; height: 30px; background-color: #fff; line-height: 30px }
.sel_family a:hover { text-decoration: none }
.sel_family .lst_family { display: none; position: absolute; top: 100%; left: -1px; width: 100%; border: 1px solid #ccc; border-top: 0 none; background-color: #fff }
.sel_family.on .lst_family { display: block }
.sel_family .lst_family a { display: block; padding-top: 2px; line-height: 28px }
.sel_family .lst_family a:hover, .sel_family .lst_family a:focus { background: #f2f2f2 }
.sel_family .ico_arr { overflow: hidden; position: absolute; right: 10px; top: 12px; width: 11px; height: 6px; background-position: -429px -119px; line-height: 999px; vertical-align: top }
.sel_family.on .ico_arr { background-position: -429px -127px }
.award { display: inline-block; overflow: hidden; position: absolute; right: 10px; top: 69px; width: 51px; height: 70px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_award.png) no-repeat; line-height: 999px; vertical-align: top }
.header { border-bottom: 1px solid #d9d9d9 }
.main_wrapper .header { border-bottom: 0 }
.payco_nav_wrap { position: relative; z-index: 10; width: 1026px; height: 88px; margin: 0 auto }
.payco { float: left; margin: 31px 0 0 20px }
.payco_nav { overflow: hidden; float: right; margin: 35px 20px 0 0 }
.payco_nav:after { display: block; clear: both; content: '' }
.payco_nav li { float: left; margin-left: 20px }
.payco_nav li:first-child { margin-left: 0 }
.payco_nav .nav_last { margin-left: 20px; padding-left: 20px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_bl_m.png) no-repeat 0 0 }
.payco_h { display:block; width:119px; height:27px; background-position:0 -309px }
.payco_logo_h { display: block; width: 104px; height: 24px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/logo_payco_v3.svg) no-repeat; background-size: 104px auto; font-size: 0; line-height: 999px }
.payco_intro { width: 95px; height: 17px; background-position: 0 -214px }
.payco_partner { width: 47px; height: 17px; background-position: -97px -214px }
.payco_event { width: 82px; height: 17px; background-position: 0 -464px }
.payco_mypayco { width: 97px; height: 17px; background-position: -46px -233px }
.payco_nav .on .payco_intro, .payco_nav .on .payco_partner { background-position-y: -252px }
.payco_nav .on .payco_partner_v2 { background-position-x: -308px }
.payco_nav .on .payco_mypayco { background-position: -46px -271px }
.payco_nav .on .payco_mypayco_v2 { background-position: -258px -399px }
.payco_nav .on .payco_event { background-position: -84px -464px }

/* Main Header */
.main { min-width: 1100px }
.main #container { padding: 0 }
.main .payco_main { width: 100% }
.main .payco_main .section { position: relative }
.main .global_bnr { position: relative; height: 50px }
.main .global_in { position: relative; width: 1100px; margin: 0 auto; font-size: 0 }
.main .global_in .global_cont { display: block }
.main .global_bnr .btn_close { display: block; position: absolute; right: -17px; top: 0; z-index: 10; width: 50px; height: 50px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/btn_bnr_close.png) no-repeat }
.payco_header { border-bottom: 0 }
.payco_header .payco_h, .payco_header .payco_nav li .tit, /*.payco_tit .txt,*/
.payco_lst_notice .notice_txt, .payco_userguide .ico_payco_tmoney, .payco_banner .btn_area a { display: inline-block; overflow: hidden; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 999px; vertical-align: top }
.payco_header .global { position: relative; height: 40px; border-bottom: 0 none }
.payco_header .wrap { width: 1100px; margin: 0 auto; zoom: 1 }
.payco_header .global .lst_notice { height: 40px; margin-left: 0 }
.payco_header .lst_notice .notice { padding: 0; color: #444; line-height: 100% }
.payco_header .lst_notice em { font-weight: bold }
.payco_header .lst_notice li a { display: inline-block; overflow: hidden; max-width: 600px; font-size: 12px; color: #444; line-height: 40px; text-overflow: ellipsis; white-space: nowrap }
.payco_header .lst_direct_menu { float: left; margin-top: 14px }
.payco_header .lst_direct_menu li { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bar.png) no-repeat 0 50%; line-height: 14px }
.payco_header .lst_direct_menu li:first-child { padding-left: 0; background: none }
.payco_header .lst_direct_menu li a { display: block; color: #555; vertical-align: middle; line-height: 15px }
.payco_header .lst_util { margin-top: 14px }
.payco_header .lst_util li { padding-top: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bar.png) no-repeat 0 50%; line-height: 14px }
.payco_header .lst_util li:first-child { background-image: none }
.payco_header .lst_util li a { display: block; color: #444; line-height: 15px; vertical-align: middle }
.payco_header .payco_nav_wrap { width: 100%; height: 70px }
.payco_header .payco_nav_in { position: absolute; top: 0; right: 0; left: 0; width: 100%; background: #fff }
.payco_header .payco_nav_bx { width: 1100px; min-height: 22px; margin: 0 auto; padding: 23px 0 25px; zoom: 1 }
.payco_header .payco_nav_bx:after { display: block; clear: both; content: '' }
.payco_header .payco { margin: 0; font-size: 0 }
.payco_header .payco_h { width: 101px; height: 23px; background-position: 0 0 }
.payco_header .payco_nav { margin: 4px 0 0; zoom: 1 }
.payco_header .payco_nav li { position: relative; height: auto; margin: 0; background: none; font-size: 0; line-height: 100% }
.payco_header .payco_nav li.payco_intro { width: 168px }
.payco_header .payco_nav li.payco_partner { width: 114px }
.payco_header .payco_nav li.payco_event { width: 152px }
.payco_header .payco_intro .tit { width: 99px; height: 16px; background-position: 0 -96px }
.payco_header .payco_intro .tit:hover { background-position: -101px -96px }
.payco_header .payco_partner .tit { width: 44px; height: 16px; background-position: -281px 0 }
.payco_header .payco_partner .tit:hover { background-position: -327px 0 }
.payco_header .payco_event .tit { width: 82px; height: 16px; background-position: -215px -96px }
.payco_header .payco_event .tit:hover { background-position: -299px -96px }
.payco_header .payco_guide .tit { width: 76px; height: 16px; background-position: -103px -18px }
.payco_header .payco_guide .tit:hover { background-position: -181px -18px }
.payco_header .payco_mypayco .tit { width: 94px; height: 16px; background-position: -261px -18px }
.payco_header .payco_mypayco .tit:hover { background-position: -357px -18px }
.payco_nav .lst_menu { display: none; margin: 35px 0 -7px; min-height: 200px }
.payco_nav .nav_last .lst_menu { margin-left: -51px; padding-left: 49px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bar3.png) repeat-y }
.payco_nav .lst_menu li { margin-left: 0 }
.payco_nav .lst_menu li { float: none; margin: 0 }
.payco_nav .lst_menu li a { display: block; padding: 7px 0; font-size: 14px; color: #666; letter-spacing: 0; line-height: 16px }
.payco_nav .lst_menu li:first-child a { padding-top: 0 }
.payco_nav .lst_menu li a:hover { color: #f61313 }
.payco_header .payco_nav_in .bg_nav { position: absolute; right: 0; bottom: -3px; left: 0; width: 100%; height: 3px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_nav.png) repeat-x 0 100% }
.btn_top { display: inline-block; overflow: hidden; position: fixed; top: 669px; right: 50%; z-index: 100; width: 74px; height: 85px; margin-right: -732px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png) no-repeat -466px -70px; line-height: 999px; vertical-align: top }
.btn_top:hover { background-position: -466px -157px }
.ico_coupon { width: 28px; height: 17px; margin-right: 5px; background-position: 0 -290px }
.txt_coupon { width: 30px; height: 17px; background-position: -33px -290px }
.payco_video_wrap { position: absolute; top: 0; left: 0; right: 0; width: 100% }
.payco_video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% }

.section .grid { overflow: hidden }
.row { clear: both; overflow: hidden; position: relative; width: 100%; color: #fff }
/*.row.last .img_wrap { text-align:center; max-height:510px } */
.row.last .col_sub { position: relative; float: none; clear: both; margin: 0 auto }
.main .col_sub, .main .col { width: 50%; margin: 0; float: left; clear: none; border: 0 none }
.main .col_sub:after { display: block; clear: both; content: '' }
.img_wrap img { width: 100% }
.sm_img { display: none }

.col_easy { background-color:var(--brand-color) }
.col_point { background-color: #333130 }
.col_coupon { background-color: #fff; color: #222 }
.col_point .col_sub:first-child { float: right }
.btn_join { position: absolute; width: 240px; height: 54px; background-position: -202px -121px }
.col_sub .tit_ico { display: inline-block; margin: 0; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_big_4.png) }
.col_easy .tit_ico { height: 44px; width: 110px; background-position: -348px 0 }
.col_point .tit_ico { height: 65px; width: 67px; background-position: -259px -38px }
.col_coupon .tit_ico { height: 65px; width: 76px; background-position: -369px -46px }
.col_sub .txt_link { font-size:15px; font-weight:bold; text-decoration:none; color:var(--brand-color) }
.col_sub .txt_link .sp_main { width: 5px; height: 9px; margin: -2px 0 0 6px; vertical-align: middle }
.col_easy .txt_link .sp_main { background-position: -318px -45px }
.col_easy .txt_link { color: #ffe8e8 }
.col_easy .col_txt { color: #ffbfbf }
.col_point .col_txt { color: #928c8c }
.col_coupon .col_txt { color: #444 }

.col_point .txt_link { color: #d6d6d6 }
.col_point .txt_link .sp_main { background-position: -311px -45px }
.col_coupon .txt_link .sp_main { background-position: -325px -45px }

.col_content { position: absolute; top: 50%; left: 50% }
.col_easy .col_content { margin-top: -113px; padding-left: 40px }
.col_point .col_content { left: auto; right: 50%; margin-top: -120px; padding-right: 40px; text-align: right }
.col_coupon .col_content { margin-top: -120px; padding-left: 40px }
.col_content .col_tit { margin-top: 36px; font-size: 25px; font-weight: normal }
.col_easy .col_tit { color: #ffe8e8 }
.col_point .col_tit { color: #d6d6d6 }
.col_content .col_txt { margin-top: 14px; font-size: 15px; line-height: 24px }
.col_content .txt_link { display: inline-block; margin-top: 34px; vertical-align: top }

.header_info { position: absolute; top: 50%; left: 50%; width: 960px; height: 395px; margin: -197px 0 0 -480px; font-size: 13px; color: #fff; line-height: 21px }
.header_info .tit { height: 30px; width: 232px; margin-bottom: 15px; background-position: 0 -86px }
/*.btn_mypayco { display:inline-block; margin-top:17px; padding:9px 19px; border:1px solid #fb8989; font-size:12px; color:#fff; line-height:14px; text-align:center } */
.btn_mypayco { display: inline-block; position: absolute; bottom: 20px; left: 50%; width: 148px; margin-left: -74px; padding: 9px 0; border: 1px solid #fb8989; font-size: 12px; color: #fff; line-height: 14px; text-align: center }
.btn_mypayco:hover { color: #fff }

.info_bx .grid_bx { zoom: 1 }
.info_bx .grid_bx:after { display: block; clear: both; content: '' }
.info_bx li { position: relative; float: left; width: 235px; height: 112px; padding: 13px 20px 15px }
.info_bx li.user { height: 74px; padding: 11px 20px 55px; background: #f61313; text-align: center }
.info_bx li.user .col_bxin { display: inline-block; vertical-align: middle; *display: inline; zoom: 1 }
.info_bx li.user .aligner { height: 74px }
.info_bx li.user p { font-size: 13px; color: #fff; letter-spacing: 0; line-height: 19px; text-align: center }
.info_bx li.detail { background: #413e3d }
.info_bx li.point { background: #4b4644 }
.info_bx li.paymethod { background: #57514d }
.info_bx li .tit { padding: 5px 0 19px; font-size: 13px; color: #a79e97; line-height: 16px; letter-spacing: 0 }
.info_bx li .tit .ico { display: inline-block; overflow: hidden; margin: -2px 8px 0 0; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 200px; vertical-align: top }
.ico_evt { width: 46px; height: 17px; margin-left: 10px; background-position: -398px -190px }
.info_bx li.point .tit .ico { width: 21px; height: 21px; background-position: -353px -117px }
.info_bx li.paymethod .tit .ico { width: 17px; height: 21px; background-position: -388px -117px }
.info_bx li .more_link { display: inline-block; position: absolute; right: 20px; bottom: 15px; padding: 5px 9px 4px; border: 1px solid #6a6461; font-size: 11px; color: #a79e97; letter-spacing: 0; line-height: 13px; text-align: center }
.info_bx .user .sp_load { top: 38px; margin-top: 0 }
.info_bx .txt { margin-top: 4px; font-size: 14px; color: #fff; line-height: 17px; text-align: center }
.abslt_txt { position: absolute; left: 19px; bottom: 18px; font-size: 13px; color: #f2f2f2; line-height: 15px; text-align: left }
.abslt_in { display: block; overflow: hidden; max-width: 170px; }
.abslt_txt .date { float: left; font-family: Tahoma; font-size: 13px }
.abslt_cnt { float: left; max-width: 99px; margin-left: 6px }
.abslt_txt .state { float: right; margin-left: 8px; padding-left: 7px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bar6.gif) no-repeat 0 50% }
.abslt_txt .store { display: block; overflow: hidden; font-size: 12px; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap }

.info_bx .link_txt { display: block; font-size: 14px; color: #fff; text-align: center; text-decoration: none }
.info_bx .link_txt .price { display: inline-block; font-family: Tahoma; font-size: 26px; color: #fff; letter-spacing: 0; line-height: 28px; vertical-align: top }
.info_bx .link_txt .txt_unit { display: inline-block; margin: 7px 0 0 9px; font-size: 14px; color: #a79e97; line-height: 16px; vertical-align: top }
.info_bx .link_txt .img_unit { display: inline-block; overflow: hidden; width: 9px; height: 12px; margin: 9px 0 0 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png) no-repeat -376px -117px; line-height: 200px; vertical-align: top }
.info_bx .link_txt .txt_name { display: inline-block; overflow: hidden; width: 100%; margin-top: 3px; font-size: 21px; color: #fff; line-height: 23px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap }
.info_bx .link_txt2 { display: block; margin-top: 0; font-size: 14px; color: #fff; text-align: center; text-decoration: none }
.info_bx .bx_today { background:var(--brand-color) }
.info_bx .bx_today em { display: block; margin-top: 73px; font-size: 16px; line-height: 23px }
.info_bx .bx_today .more_link { color: #fbe0e0 }
.info_bx .more_link .sp_main { margin-left: 5px; height: 9px; width: 5px; background-position: -311px -45px; vertical-align: middle }
.coup_bg { *display: block; height: 35px; width: 56px; margin-top: 74px; background-position: -311px -62px }
.coup_ico { position: absolute; top: 56px; left: 110px; height: 34px; width: 34px; background-position: -344px -26px; line-height: 34px; font-size: 16px }
.btn_plus { display: block; width: 29px; height: 29px; margin: 0 auto; text-align: center }
.btn_plus .ico { display: inline-block; overflow: hidden; width: 29px; height: 29px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png) no-repeat -366px -190px; line-height: 999px; vertical-align: top }
.col_bx .img_loading { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px }
.aligner { display: inline-block; width: 0; height: 100%; vertical-align: middle }
.info_bx .aligner { margin-left: -6px }
.info_bx .link_txt .aligner + span { display: inline-block; padding: 0 40px; vertical-align: middle; line-height: 36px }

.payco_promotion { position:relative; overflow:hidden; height:340px; background-color:var(--brand-color); text-align:center }
.payco_promotion .txt_tit { display: block; width: 456px; height: 23px; margin: 86px auto 0; background-position: 0 0 }
.payco_promotion .btn_join { position: absolute; top: 202px; left: 50%; margin: 0 0 0 -120px }
.payco_promotion .txt_dsc { margin: 16px 0 0 0; font-size: 13px; line-height: 20px; letter-spacing: -1px; color: #ffc8c8 }
.payco_promotion.after { text-align: left; background-color: #333130 }
.payco_promotion .txt_tit2 { display: block; width: 291px; height: 24px; margin: 0; background-position: 0 -25px }
.payco_promotion .promotion_inner { width: 642px; margin: 86px auto 0 }
.payco_promotion .btn_joinapp { position: static; width: 200px; height: 54px; margin: 36px 0 0; background-position: -210px -345px }
.payco_promotion .txt_dsc2 { margin-top: 14px; text-align: left; color: #aaa3a3 }
.payco_promotion .promotion_inner .promotion_deco { position: absolute; left: 50%; bottom: 0; width: 328px; height: 269px; margin-left: -7px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_promotion_deco.png) no-repeat }

.header_content { position: relative; height: 1020px; }
.payco_text { position: absolute; top: 50%; left: 50%; overflow: hidden; width: 313px; margin: -95px 0 0 -156px; text-align: center }
.payco_text .tit { width: 336px; height: 171px; *zoom: 1 }
.payco_text .tit:after { display: block; clear: both; content: '' }
.payco_text [class^='letter'] { display: inline-block; overflow: hidden; float: left; margin: 0 23px 32px 0; width: 25px; height: 25px; line-height: 200px; vertical-align: top; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_animate2.png) no-repeat }
.payco_text .letter2 { background-position: -27px 0 }
.payco_text .letter3 { background-position: -54px 0 }
.payco_text .letter4 { background-position: -81px 0 }
.payco_text .letter5 { background-position: -107px 0 }
.payco_text .letter6 { background-position: -135px 0 }
.payco_text .letter7 { background-position: -162px 0 }
.payco_text .letter8 { background-position: 0 -27px }
.payco_text .letter9 { background-position: -27px -27px }
.payco_text .letter10 { background-position: -54px -27px }
.payco_text .letter11 { background-position: -81px -27px }
.payco_text .letter12 { background-position: -107px -27px }
.payco_text .letter13 { background-position: -135px -27px }
.payco_text .letter14 { background-position: -162px -27px }
.payco_text .letter15 { background-position: 0 -54px }
.payco_text .letter16 { background-position: -27px -54px }
.payco_text .letter17 { background-position: -54px -54px }
.payco_text .letter18 { background-position: -81px -54px }
.payco_text .letter19 { background-position: -107px -54px }
.payco_text .letter20 { background-position: -135px -54px }
.payco_text .letter21 { background-position: -162px -54px }

.btn_start { overflow: hidden; display: inline-block; width: 200px; height: 54px; line-height: 200px; vertical-align: top; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_6.png) no-repeat; background-position: 0 -121px }
.payco_text .btn_start { margin-top: 10px }
.lk_more { position: absolute; height: 17px; width: 33px; bottom: 30px; left: 50%; margin-left: -12px; background-position: 0 -62px }

.payco_banner { position: relative }
.payco_banner .btn_area { position: absolute; top: 451px; right: 50%; z-index: 10; width: 91px; margin-right: -550px; font-size: 0; zoom: 1 }
.payco_banner .btn_area:after { display: block; clear: both; content: '' }
.payco_banner .btn_area a { display: inline-block; float: left; width: 27px; height: 28px; margin-left: 5px }
.payco_banner .btn_area a:first-child { margin-left: 0 }
.payco_banner a.btn_prev { background-position: -404px -492px }
.payco_banner a.btn_prev:hover { background-position: -433px -492px }
.payco_banner a.btn_next { background-position: -462px -492px }
.payco_banner a.btn_next:hover { background-position: -491px -492px }
.payco_banner a.btn_pause { background-position: -520px -492px }
.payco_banner a.btn_pause:hover { background-position: -549px -492px }
.payco_banner a.btn_play { display: none; position: absolute; top: 0; right: 0; left: auto; margin: 0; background-position: -578px -492px }
.payco_banner a.btn_play:hover { background-position: -607px -492px }
.payco_banner .banner_in { overflow: hidden; position: relative; height: 650px; background: #f2f2f2; text-align: center }
.payco_banner .banner_in ul { display: inline-block; *display: inline; *zoom: 1 }
.payco_banner .banner_in li { float: left; margin-left: 50px; padding-top: 457px }
.payco_banner .banner_in li:first-child { margin-left: 0 }
.payco_banner .banner_in .tit { position: relative; z-index: 10; font-size: 14px; color: #595551; letter-spacing: 0; line-height: 18px; text-decoration: none }
.payco_banner .banner_in .tit a { display: block; font-weight: normal; font-size: 15px; color: #666; letter-spacing: 0; line-height: 16px; text-decoration: none }
.payco_banner .banner_in .dark .tit a { color: #fff }
.payco_banner .banner_in li .tit a:hover, .payco_banner .banner_in li.on .tit a { border-bottom: 1px solid #f61313; color: #f61313 }
.payco_banner .banner_in .dark .tit a:hover, .payco_banner .banner_in .dark li.on .tit a { border-color: #fff; color: #fff }
.payco_banner .banner_in .bnr_cont { display: none; position: absolute; top: 0; right: 0; left: 50%; width: 2560px; margin-left: -1280px }
.payco_banner .banner_in li.on .bnr_cont { display: block }
.payco_banner .banner_in .bnr_tit, .payco_banner .banner_in .bnr_txt { position: absolute; top: 0; left: -999px }
.payco_banner .banner_in .btn_evt { display: inline-block; overflow: hidden; position: absolute; left: 50%; top: 320px; z-index: 10; width: 260px; height: 50px; margin-left: -550px; border-radius: 1px; font-size: 15px; color: #fff; line-height: 50px; letter-spacing: 0; text-align: center; vertical-align: top; text-decoration: none }
.payco_banner .banner_in .bnr_img { position: relative; height: 650px; text-align: center }
.payco_banner .banner_in .bnr_img .bg { display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_bnr.png) repeat-x 0 100% }
.payco_userarea { position: relative; margin-top: -140px }
.payco_userarea .inner { padding: 0 }
.payco_userarea .payco_tit { position: absolute; left: -999px; top: 0; font-size: 0; line-height: 0 }
.login_before { position: relative; text-align: center }
.login_before .login_bx { position: relative; z-index: 10; height: 100px; padding-bottom: 1px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_shadow.png) repeat-x 0 100% }
.login_before .before_in { padding: 33px 0 32px; background: #fff }
.login_before .login_txt { display: inline-block; font-size: 13px; color: #666; line-height: 16px; *display: inline; *zoom: 1 }
.login_before .login_txt .p_logo, .login_before .login_txt .ico_arr { display: inline-block; overflow: hidden; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 200px; vertical-align: top }
.login_before .login_txt .p_logo { width: 51px; height: 11px; margin: 3px 3px 0 0; background-position: -353px -140px }
.login_before .login_txt .ico_arr { width: 20px; height: 12px; margin: 3px 0 0 36px; background-position: -407px -119px }
.login_before .btn_login { display: inline-block; width: 100px; height: 35px; margin-left: 36px; background: #595551; font-size: 14px; color: #fff; line-height: 35px; text-align: center }
.login_before .bg_shadow { display: block; position: absolute; right: -1px; bottom: -1px; z-index: 1; width: 1100px; height: 100px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_shadow.png) }
.payco_mainevt { padding: 60px 0; background-color: #f2f2f2 }
.payco_mainevt .inner { padding: 0 }
.payco_mainevt .btn_more { top: -4px }
.payco_mainevt .payco_tit { text-align: center }
.payco_mainevt .payco_tit .txt { width: 102px; height: 19px; background-position: 0 -25px }
.news_bx { position: relative }
.lst_payco_news { overflow: hidden; position: relative; margin: -3px 0 0 -25px; zoom: 1 }
.lst_payco_news li { position: relative; float: left; width: 200px; height: 370px; margin: 25px 0 0 25px; padding-bottom: 1px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_shadow.png) repeat-x 0 100% }
.lst_payco_news .article { display: block; position: relative; height: 146px; padding-top: 224px; background: #fff; cursor: pointer }
/* .lst_payco_news .article:hover { text-decoration:none } */
.lst_payco_news .tit { display: block; padding: 0 14px; font-size: 13px; font-weight: 600; color: #333; line-height: 17px; letter-spacing: 0; text-align: center; letter-spacing: -1px \9 }
.lst_payco_news .tit .txt { display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 33px; text-overflow: ellipsis; *display: block }
/* .lst_payco_news .article:hover .tit .txt { text-decoration:underline } */
.lst_payco_news .photo { overflow: hidden; position: absolute; top: 0; left: 0; width: 200px; height: 200px }
.lst_payco_news .photo img { width: auto; max-width: 100%; height: 100% }
/* .lst_payco_news .article:hover .photo { display:none } */
.lst_payco_news .article .evt_info { display:none; position:absolute; top:0; left:0; width:200px; height:200px; background:var(--brand-color) }
/* .lst_payco_news .article:hover .evt_info { display:block } */
.lst_payco_news .evt_info .type_evt { position: absolute; left: 15px; top: 13px; font-size: 12px; color: #fff; line-height: 15px }
.lst_payco_news .evt_info .price { display: block; margin-top: 77px; color: #fff; font-size: 27px; font-weight: bold; text-align: center }
.lst_payco_news .evt_info .price em { margin-right: 7px; font-weight: bold; font-fmaily: Tahoma; font-size: 30px }
.lst_payco_news .ico_type { display: inline-block; overflow: hidden; position: absolute; right: 11px; bottom: 11px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 200px; vertical-align: top }
.lst_payco_news .ico_type.discount { width: 38px; height: 38px; background-position: -326px -189px }
.lst_payco_news .txt_dsc { display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 50px; margin: 0; padding: 15px 14px 0; font-size: 12px; color: #888; line-height: 17px; text-align: center; text-overflow: ellipsis; *display: block; zoom: 1 }
.lst_payco_news .article:hover .txt_dsc { text-decoration: underline }
.lst_payco_news .date { display: block; position: absolute; right: 0; bottom: 0; left: 0; padding: 12px 14px 16px; border-top: 1px solid #f2f2f2; font-family: tahoma, sans-serif; font-size: 10px; color: #999; letter-spacing: 0; text-align: center }
.lst_payco_news .date.end { padding: 10px 14px 13px; font-family: 'Apple SD Gothic Neo', '나눔고딕', NanumGothic, ng, '돋움', dotum, Helvetica, sans-serif; font-size: 13px; color: #999 }
.payco_rank { position: absolute; top: 25px; right: 0; width: 200px; height: 370px }
.payco_rank .rank_area { position: relative; height: 323px; padding: 30px 0 17px; background: #595551 }
.payco_rank .tit { padding: 0 17px; text-align: left }
.payco_rank .tit .txt, .payco_rank .rank_bx .rank, .payco_rank .ico_win { display: inline-block; overflow: hidden; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 200px; vertical-align: top }
.payco_rank .tit .txt { width: 82px; height: 38px; background-position: -242px -189px }
.payco_rank .sub_tit { margin-top: 14px; padding: 0 17px; font-size: 12px; color: #fff; line-height: 15px }
.payco_rank .rank_in { margin-top: 19px }
.payco_rank .lst_rank li { float: none; width: auto; height: auto; border: 0 none; background: none; margin: 7px 0 -7px }
.payco_rank .lst_rank li:first-child { margin: 0; padding: 13px 0 14px; background: #4b4644 }
.payco_rank .rank_bx { display: block; position: relative; padding: 10px 17px 8px 50px; zoom: 1 }
.payco_rank .rank_bx .rank { position: absolute; left: 20px; top: 50%; width: 21px; height: 21px; margin-top: -11px }
.payco_rank .rank_bx .rank.r1 { background-position: -242px -230px }
.payco_rank .rank_bx .rank.r2 { background-position: -265px -230px }
.payco_rank .rank_bx .rank.r3 { background-position: -288px -230px }
.payco_rank .rank_bx .rank.r4 { background-position: -311px -230px }
.payco_rank .rank_bx .rank.r5 { background-position: -334px -230px }
.payco_rank .rank_bx .rank.r6 { background-position: -357px -230px }
.payco_rank li a { display: block; padding-left: 32px; font-size: 13px; color: #fff }
.payco_rank li a:hover { text-decoration: none }
.payco_rank li a .rank_tit { display: inline-block; overflow: hidden; position: relative; max-width: 110px; margin-top: -2px; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; zoom: 1; line-height: 16px }
.payco_rank li .rank_bx:hover .rank_tit { margin-bottom: -1px; text-decoration: underline }
.payco_rank .ico_win { display: none; position: absolute; right: 20px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-position: -442px -119px }
.payco_rank li .rank_bx:hover .ico_win { display: inline-block }
.payco_partners { background-color: #f2f2f2 }
.payco_partners .inner { padding: 60px 0 74px; background: #fff url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_shadow.png) repeat-x 0 100% }
.payco_partners .payco_tit { padding-bottom: 60px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_part.png) no-repeat 50% 100%; font-size: 0; text-align: center }
.payco_partners .payco_tit .txt { width: 164px; height: 22px; background-position: 0 -46px }
.payco_partners .payco_tit .ico { width: 164px; height: 22px; background-position: -104px -25px }
.payco_partners .lst_partner { overflow: hidden; width: 1040px; margin: 8px auto 0 }
.payco_partners .lst_partner li { float: left; width: 130px; height: 100px; margin-top: 10px }
.payco_partners .lst_partner li a { display: block; width: 100%; height: 100%; line-height: 100px; text-align: center; text-decoration: none }
.payco_partners .lst_partner li img { width: auto; max-width: 120px; height: auto; max-height: 40px; vertical-align: middle }
.payco_partners .lst_partner .tx_logo { *zoom: 1; *display: inline; display: inline-block; font-size: 22px; font-weight: 600; color: #2d2d2d; vertical-align: middle; cursor: pointer }
.payco_userguide { position: relative; padding-top: 90px; background-color: #f2f2f2 }
.payco_userguide .inner { padding: 0 0 69px; border-bottom: 1px solid #e6e6e6 }
.payco_userguide .btn_more { top: -3px }
.payco_userguide .payco_tit { font-size: 0; text-align: left }
.payco_userguide .payco_tit .txt { width: 341px; height: 33px; background-position: 0 -517px }
.payco_userguide .sub_tit { height: auto; margin-top: 17px; font-size: 13px; color: #888; line-height: 20px; text-align: left }
.payco_userguide .guide_wrap { overflow: hidden; margin-top: 58px }
.payco_userguide ul { margin: 0 -50px 0 -50px; zoom: 1 }
.payco_userguide ul:after { display: block; clear: both; content: '' }
.payco_userguide li { float: left; width: 199px; text-align: center; *display: block; border-left: 1px solid #e6e6e6 }
.payco_userguide li:first-child { width: 200px; border-left: 0 none }
.payco_userguide li .guide { display: block; width: 100px; margin: 0 auto; text-align: center }
.payco_userguide .lst_guide .ico, .payco_userguide .more_tip .btn_detail .tit, .payco_userguide .more_tip .btn_detail .ico_arr, .lst_guide .tit, .payco_lst_notice .notice_paging button span { display: inline-block; overflow: hidden; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png); line-height: 999px; vertical-align: top }
.payco_userguide .lst_guide .ico { display: inline-block; width: 80px; height: 80px; margin: 0 auto 6px }
.payco_userguide .lst_guide .online .ico { background-position: 0 -551px }
.payco_userguide .lst_guide .offline .ico { background-position: -82px -551px }
.payco_userguide .lst_guide .order .ico { background-position: -164px -551px }
.payco_userguide .lst_guide .tmoney .ico { background-position: -246px -551px }
.payco_userguide .lst_guide .point .ico { background-position: -328px -551px }
.payco_userguide .lst_guide .remit .ico { background-position: -410px -551px }
.payco_userguide .lst_guide .online:hover .ico { background-position: 0 -633px }
.payco_userguide .lst_guide .offline:hover .ico { background-position: -82px -633px }
.payco_userguide .lst_guide .order:hover .ico { background-position: -164px -633px }
.payco_userguide .lst_guide .tmoney:hover .ico { background-position: -246px -633px }
.payco_userguide .lst_guide .point:hover .ico { background-position: -328px -633px }
.payco_userguide .lst_guide .remit:hover .ico { background-position: -410px -633px }
.payco_userguide .lst_guide .tit { height: 15px; margin: 0 }
.payco_userguide .lst_guide .online .tit { width: 71px; background-position: -465px 0 }
.payco_userguide .lst_guide .online:hover .tit { background-position: -538px 0 }
.payco_userguide .lst_guide .offline .tit { width: 85px; background-position: -453px -18px }
.payco_userguide .lst_guide .offline:hover .tit { background-position: -540px -18px }
.payco_userguide .lst_guide .order .tit { width: 71px; background-position: -493px -35px }
.payco_userguide .lst_guide .order:hover .tit { background-position: -566px -35px }
.payco_userguide .lst_guide .tmoney .tit { width: 38px; background-position: -541px -51px }
.payco_userguide .lst_guide .tmoney:hover .tit { width: 38px; background-position: -581px -51px }
.payco_userguide .lst_guide .point .tit { width: 97px; background-position: -544px -69px }
.payco_userguide .lst_guide .point:hover .tit { width: 97px; background-position: -544px -86px }
.payco_userguide .lst_guide .remit .tit { width: 27px; background-position: -544px -102px }
.payco_userguide .lst_guide .remit:hover .tit { width: 27px; background-position: -544px -119px }
.payco_userguide .btn_detail { display: inline-block; margin-top: 23px; padding: 6px 19px 5px; border: 1px solid #ccc; font-size: 13px; color: #666; line-height: 14px; text-align: center }
.payco_userguide .more_tip .btn_detail { width: 109px; padding: 0; border: 0 none }
.payco_userguide .more_tip .btn_detail .tit { width: 109px; height: 50px; margin: 0; background-position: -242px -117px }
.payco_userguide .more_tip .btn_detail .ico_arr { width: 50px; height: 18px; margin-top: 22px; background-position: -242px -169px }
.payco_userguide .more_tip .btn_detail:hover .ico_arr { background-position: -294px -169px }
.payco_userguide .ico_payco_tmoney { width: 95px; height: 97px; position: absolute; right: 0; top: 0; background-position: -493px -551px }
.payco_lst_notice { overflow: hidden; height: 69px; background: #f2f2f2 }
.payco_lst_notice .inner { padding: 0 }
.payco_lst_notice .notice_bx { zoom: 1 }
.payco_lst_notice .notice_txt { margin-top: 28px; width: 50px; height: 14px; background-position: -131px 0 }
.payco_lst_notice .notice_bx dt, .payco_lst_notice .notice_bx dd { float: left }
.payco_lst_notice .notice_bx dt { width: 127px; height: 69px }
.payco_lst_notice .lst_notice { overflow: hidden; position: relative; float: left; height: 30px; margin-left: 20px }
.payco_lst_notice ul { overflow: visible; position: relative; top: 0; left: 0; margin: 0; height: auto; float: none; *zoom: 1 }
.payco_lst_notice .notice { overflow: hidden; float: none; padding: 0; margin-left: 5px; color: #444; text-overflow: ellipsis; white-space: nowrap; background: none; margin: 0; line-height: 100% }
.payco_lst_notice li a { display: inline-block; overflow: hidden; max-width: 600px; font-size: 13px; color: #444; line-height: 69px; text-overflow: ellipsis; white-space: nowrap }
.payco_lst_notice .notice em { color: #424242 }
.payco_lst_notice .ico_bell, .payco_lst_notice .ico_new { display: inline-block; overflow: hidden; width: auto; height: auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_v6.png) no-repeat; line-height: 200px; vertical-align: top }
.payco_lst_notice .ico_bell { float: left; width: 11px; height: 14px; margin: 28px 14px 0 0; background-position: -407px -103px }
.payco_lst_notice .ico_new { display: inline-block; width: 29px; height: 14px; margin: 27px 0 0 15px; background-position: -420px -103px }
.payco_lst_notice .btn_more { top: 21px }
.payco_lst_notice .notice_paging { position: absolute; right: 97px; top: 21px; zoom: 1 }
.payco_lst_notice .notice_paging:after { display: block; clear: both; content: '' }
.payco_lst_notice .notice_paging button { overflow: hidden; float: left; width: 31px; height: 27px; margin-left: 4px; font-size: 0; cursor: default }
.payco_lst_notice .notice_paging button:first-child { margin: 0 }
.payco_lst_notice .notice_paging button span { display: inline-block; overflow: hidden; width: 5px; height: 10px; margin: 0; cursor: default }
.notice_paging button.active, .notice_paging button.active span { cursor: pointer }
.notice_paging button.prev span { background-position: -103px 0 }
.notice_paging button.prev.active span { background-position: -110px 0 }
.notice_paging button.next span { background-position: -117px 0 }
.notice_paging button.next.active span { background-position: -124px 0 }
.payco_lst_notice .notice_bx:after { display: block; clear: both; content: '' }
.main .payco_partners .payco_tit { padding-bottom: 0px; background: none; font-size: 26px; text-align: center }

/* 입력폼 */
.bn_mid4 { height: 32px; padding: 0 18px; border-width: 1px; border-style: solid }
.bn_mid4 * { font-size: 12px; line-height: 32px; text-align: center }
.bn_gy3, .bn_gy3 a:hover, .bn_gy3 a:active, .bn_gy3 a:focus { border-color: #6e6a67; background: #6e6a67; color: #fff }
.bn_gy3 * { color: #fff }

.inplist .inp_file .bn_mid4 { margin-left: 8px }
.inplist .inp_file .bn_mid4 + .bn_mid4 { margin-left: 3px }

/* datepicker */
.ui-datepicker { display: none; width: 224px; padding: 20px; border: 1px solid #4d4d4d; background-color: #fff }
.ui-datepicker .ui-datepicker-header { position: relative; margin-bottom: 10px; font-weight: bold; font-size: 14px; color: #2d2d2d }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display: inline-block; overflow: hidden; position: absolute; top: 12px; width: 14px; height: 14px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat; line-height: 200px; vertical-align: top; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 60px; background-position: -65px -290px }
.ui-datepicker .ui-datepicker-next { right: 60px; background-position: -81px -290px }
.ui-datepicker .ui-datepicker-title { padding: 12px 0; line-height: 14px; text-align: center }
.ui-datepicker table { width: 100%; border-collapse: collapse }
.ui-datepicker th { padding: 7px 0 8px; font-weight: bold; font-size: 12px; color: #666; text-align: center }
.ui-datepicker td { padding: 7px 0 8px; font-size: 12px; color: #666; text-align: center }
.ui-datepicker .ui-datepicker-week-end:first-child span, .ui-datepicker .ui-datepicker-week-end:first-child a { color:var(--brand-color) }
.ui-datepicker .ui-datepicker-current-day { background:var(--brand-color) }
.ui-datepicker .ui-datepicker-current-day a { font-weight: bold; color: #fff !important }
.ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none }
.ui-datepicker .ui-datepicker-close { display: inline-block; overflow: hidden; position: absolute; top: 10px; right: 10px; width: 23px; height: 23px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat; background-position: -121px -309px; line-height: 200px; vertical-align: top }
.ui-datepicker button.ui-datepicker-current { display: none }
.ui-datepicker .ui-datepicker-year { width:70px; border:0; font-size:14px; font-weight:bold; vertical-align:baseline }

/* 20150623추가 */
/* noti */
.noti { min-height: 0; }
.wrap_noti { width: 460px; margin: 160px auto 0 }
.wrap_noti .tit { margin: 0 auto; }
.wrap_noti .logo_payco { overflow: hidden; display: block; width: 310px; height: 68px; margin: 0 auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_check_title_v2.png) 0 0 no-repeat; line-height: 200px; }
.wrap_noti .sub_tit { display: block; width: 100%; height: auto; padding: 26px 0 47px 0; font-size: 24px; color: #2d2d2d; text-align: center }
.wrap_noti .msg { width: 328px; margin: 0 auto; padding: 49px 66px 50px; background: #f3f3f3 }
.wrap_noti .lst_msg li { position: relative; padding-left: 8px; font-size: 14px; line-height: 34px; letter-spacing: 0 }
.wrap_noti .lst_msg li .bu { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: #999 }
.wrap_noti .lst_msg li em { color:var(--brand-color) }
.wrap_noti .notice { padding: 42px 0 74px; text-align: center; font-size: 14px; color: #2d2d2d; letter-spacing: 0; line-height: 28px }
.wrap_noti .notice .go_mail { text-decoration:underline; color:var(--brand-color) }
.wrap_noti .copy { padding: 18px 0 0; font-size: 12px; color: #999; text-align: center; border-top: 1px solid #e1e1e1; letter-spacing: 0; font-family: tahoma }

/* error */
.error { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: 0 auto; padding-top: 200px; background: #fff }
.error .bg_arror { display: block; width: 97px; height: 88px; margin: 0 auto; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_error.png) 0 0 no-repeat }
.error .tit { margin-top: 37px; text-align: center; letter-spacing: 0 }
.error .desc { margin-top: 12px; font-size: 13px; color: #666; letter-spacing: 0; text-align: center; line-height: 22px }
.error .desc a { text-decoration:underline; color:var(--brand-color) }
.error .btn_cfm { display: block; width: 120px; padding: 0; margin: 33px auto 0 }
.error .btn_cfm .btn_bg { padding: 0; width: 120px; text-align: center; }
.error .msg { width: 335px; margin: 24px auto 0; padding: 34px 0 33px 32px; font-size: 13px; color: #2d2d2d; background: #f3f3f3 }
.error .msg li { position: relative; padding-left: 8px; font-size: 13px; line-height: 26px; letter-spacing: 0; color: #2d2d2d }
.error .msg li .bu { position: absolute; top: 12px; *top: 7px; left: 0; width: 3px; height: 3px; background: #999 }
.error .msg li em { color:var(--brand-color) }
.error .msg + .btn_cfm { display: block; width: 120px; height: 42px; margin: 31px auto 0; font-size: 13px; line-height: 42px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; background: #f02626 }
.error .txt_call { display: block; margin-top: 26px; font-size: 16px; color: #333; text-align: center }
.error .txt_worktime { display: block; margin-top: 6px; font-size: 12px; color: #a9a8a8; text-align: center; letter-spacing: 0 }
.error.bx_prepare { padding-top: 241px }
.error.bx_prepare .bg_arror { width: 98px; height: 87px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img//bg_error2.png) }
.error.bx_prepare .tit { margin-top: 46px; font-size: 26px; color: #333 }
.error.bx_prepare .desc { color: #333 }

/* intro */
.intro { position: relative; padding: 60px 35px 45px }
.intro_list { position: absolute; height: 105px; width: 770px; left: 35px; bottom: 44px }
.intro_list li { float: left; width: 256px; height: 40px; text-align: center; margin-left: 1px }
.intro_list li:first-child { margin-left: 0 }
.intro_list a { display: inline-block; height: 40px; width: 150px; line-height: 200px; overflow: hidden; vertical-align: top; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/blank.gif); cursor: pointer }
.nav_intro .tit1 { width: 83px; height: 15px; background-position: -273px -434px }
.nav_intro .tit2 { width: 105px; height: 15px; background-position: 0 -353px }
.nav_intro .tit3 { width: 120px; height: 15px; background-position: -555px -385px }
.nav_intro .tit4 { width: 106px; height: 15px; background-position: -513px -419px }
.nav_intro .tit5 { width: 103px; height: 17px; background-position: -541px -596px }
.nav_intro .tit6 { width: 49px; height: 15px; background-position: -273px -467px }
.nav_intro .tit9 { width: 135px; height: 15px; background-position: -677px -385px }
.nav_intro .tit1:hover, .nav_intro .on .tit1 { background-position: -273px -451px }
.nav_intro .tit2:hover, .nav_intro .on .tit2 { background-position: 0 -370px }
.nav_intro .tit3:hover, .nav_intro .on .tit3 { background-position: -555px -402px }
.nav_intro .tit4:hover, .nav_intro .on .tit4 { background-position: -513px -436px }
.nav_intro .tit5:hover, .nav_intro .on .tit5 { background-position: -541px -615px }
.nav_intro .tit6:hover, .nav_intro .on .tit6 { background-position: -273px -483px }
.nav_intro .tit9:hover, .nav_intro .on .tit9 { background-position: -677px -402px }
.nav_intro .tit2_1 { width: 87px; background-position: -406px -233px }
.nav_intro .tit2_1:hover, .nav_intro .snb_sub .on .tit2_1 { background-position: -406px -251px }
.nav_intro .tit2_1 + .ico_new { position: absolute; top: 16px; right: -3px }
.nav_intro .tit2_2 { width: 73px; background-position: -345px -528px }
.nav_intro .tit2_2:hover, .nav_intro .snb_sub .on .tit2_2 { background-position: -345px -544px }
.nav_intro .tit2_3 { width: 81px; background-position: -559px -261px }
.nav_intro .tit2_3:hover, .nav_intro .snb_sub .on .tit2_3 { background-position: -559px -275px }
.nav_intro .tit3_1 { width: 62px; background-position: -357px -326px }
.nav_intro .tit3_1:hover, .nav_intro .snb_sub .on .tit3_1 { background-position: -357px -357px }
.nav_intro .tit3_2 { width: 74px; background-position: -357px -341px }
.nav_intro .tit3_2:hover, .nav_intro .snb_sub .on .tit3_2 { background-position: -357px -373px }
.nav_intro .tit3_3 { width: 61px; background-position: -343px -389px }
.nav_intro .tit3_3:hover, .nav_intro .snb_sub .on .tit3_3 { background-position: -343px -405px }
.nav_intro .tit3_4 { width: 86px; height: 13px; background-position: -506px -321px }
.nav_intro .tit3_4:hover, .nav_intro .snb_sub .on .tit3_4 { background-position: -506px -336px }
.nav_intro .tit3_4 + .ico_new { position: absolute; top: 9px; right: -4px }
.nav_intro .tit3_5 { width: 85px; background-position: -594px -321px }
.nav_intro .tit3_5:hover, .nav_intro .snb_sub .on .tit3_5 { background-position: -594px -336px }
.nav_intro .tit3_5 + .ico_new { position: absolute; top: 9px; right: -3px }
.nav_intro .tit3_6 { width: 108px; height: 15px; background-position: -651px -25px }
.nav_intro .tit3_6:hover, .nav_intro .snb_sub .on .tit3_6 { background-position: -651px -42px }
.nav_intro .tit3_6 + .ico_new { position: absolute; top: 10px; right: -23px }
.nav_intro .tit4_1 { width: 74px; background-position: -529px -143px }
.nav_intro .tit4_1:hover, .nav_intro .snb_sub .on .tit4_1 { background-position: -529px -158px }
.nav_intro .tit4_2 { width: 62px; background-position: -495px -251px }
.nav_intro .tit4_2:hover, .nav_intro .snb_sub .on .tit4_2 { background-position: -495px -267px }
.nav_intro .tit4_3 { width: 66px; background-position: -445px -402px }
.nav_intro .tit4_3:hover, .nav_intro .snb_sub .on .tit4_3 { background-position: -445px -418px }
.nav_intro .tit4_4 { width: 86px; background-position: -399px -438px }
.nav_intro .tit4_4:hover, .nav_intro .snb_sub .on .tit4_4 { background-position: -399px -454px }
.nav_intro .tit4_4 + .ico_new { position: absolute; top: 9px; right: -4px }
.nav_intro .tit4_5 { width: 73px; background-position: 0 -592px }
.nav_intro .tit4_5:hover, .nav_intro .snb_sub .on .tit4_6 { background-position: -75px -592px }
.nav_intro .tit4_6 { width: 74px; background-position: -630px -126px }
.nav_intro .tit4_6:hover, .nav_intro .snb_sub .on .tit4_6 { background-position: -706px -126px }
.nav_intro .tit4_7 { width: 90px; background-position: -646px -597px; }
.nav_intro .tit4_7:hover, .nav_intro .snb_sub .on .tit4_7 { background-position: -646px -615px }
.nav_intro .tit5_1 { width: 47px; background-position: -298px -324px }
.nav_intro .tit5_1:hover, .nav_intro .snb_sub .on .tit5_1 { background-position: -298px -339px }
.nav_intro .tit5_2 { width: 23px; background-position: -356px -283px }
.nav_intro .tit5_2:hover, .nav_intro .snb_sub .on .tit5_2 { background-position: -381px -283px }
.nav_intro .tit9_1 { width: 47px; background-position: -603px -351px }
.nav_intro .tit9_1:hover, .nav_intro .snb_sub .on .tit9_1 { background-position: -603px -369px }
.nav_intro .tit9_2 { width: 117px; background-position: -642px -261px }
.nav_intro .tit9_2:hover, .nav_intro .snb_sub .on .tit9_2 { background-position: -642px -276px }
.nav_intro .tit9_3 { width: 47px; background-position: 0 -992px }
.nav_intro .tit9_3:hover, .nav_intro .snb_sub .on .tit9_3 { background-position: -49px -992px }
.nav_intro .tit9_4 { width: 126px; height: 14px; background-position: -738px -598px }
.nav_intro .tit9_4:hover, .nav_intro .snb_sub .on .tit9_4 { background-position: -738px -613px }
.nav_intro .tit3_7 { width: 96px; height: 14px; background-position: -784px -321px }
.nav_intro .tit3_7:hover, .nav_intro .snb_sub .on .tit3_7 { background-position: -683px -321px }
.nav_intro .tit3_8 { width: 96px; height: 14px; background-position: -784px -336px }
.nav_intro .tit3_8:hover, .nav_intro .snb_sub .on .tit3_8 { background-position: -683px -336px }
.nav_intro .tit3_7 + .ico_new, .nav_intro .tit3_8 + .ico_new { position: absolute; top: 11px; right: -11px }

/* 임시 snb */
.nav_intro .tit7 { width: 119px; background-position: 0 -451px }
.nav_intro .tit8 { width: 105px; background-position: -332px -161px }
.nav_intro .tit7:hover, .nav_intro .on .tit7 { background-position: 0 -469px }
.nav_intro .tit8:hover, .nav_intro .on .tit8 { background-position: -332px -178px }
.nav_intro .tit1_1 { width: 87px; background-position: -406px -269px }
.nav_intro .tit1_1:hover, .nav_intro .snb_sub .on .tit1_1 { background-position: -406px -287px }
.nav_intro .tit1_2 { width: 101px; background-position: -502px -289px }
.nav_intro .tit1_2:hover, .nav_intro .snb_sub .on .tit1_2 { background-position: -502px -305px }
.nav_intro .tit7_1 { width: 100px; background-position: -438px -607px }
.nav_intro .tit7_1:hover, .nav_intro .snb_sub .on .tit7_1 { background-position: -438px -623px }
.nav_intro .tit7_1 + .ico_new { position: absolute; top: 9px; right: -18px }
.nav_intro .tit7_2 { width: 62px; background-position: -497px -127px }
.nav_intro .tit7_2:hover, .nav_intro .snb_sub .on .tit7_2 { background-position: -561px -127px }
.nav_intro .tit8_1 { width: 88px; background-position: -439px -153px }
.nav_intro .tit8_1:hover, .nav_intro .snb_sub .on .tit8_1 { background-position: -439px -170px }
.nav_intro .tit8_1 + .ico_new { position: absolute; top: 16px; right: -6px }
.nav_intro .tit8_2 { width: 46px; background-position: -339px -146px }
.nav_intro .tit8_2:hover, .nav_intro .snb_sub .on .tit8_2 { background-position: -387px -146px }
.nav_intro .tit8_3 { width: 46px; background-position: -393px 0 }
.nav_intro .tit8_3:hover, .nav_intro .snb_sub .on .tit8_3 { background-position: -393px -16px }

.tit_guide { width: 147px; background-position: -269px -794px }
.tit_guide_offline { width: 243px; background-position: -285px -841px }
.tit_guide_order { width: 240px; background-position: 0 -665px }
.tit_guide_applogin { width: 220px; background-position: 0 -767px }
.tit_tmoney { width: 236px; background-position: -195px -560px }
.tit_tmoney_apply { width: 309px; background-position: 0 -691px }
.tit_tmoney_present { width: 236px; background-position: -195px -585px }
.tit_poptmoney { width: 169px; background-position: -231px -641px }
.tit_qpayco { width: 124px; background-position: -152px -740px }
.tit_facility { width: 177px; background-position: -494px -477px }
.tit_membership { width: 151px; background-position: -311px -691px }
.tit_accserv { width: 320px; background-position: -522px -869px }
.tit_sc { width: 231px; background-position: -293px -869px }
.tit_widget { width: 268px; background-position: 0 -794px }
.tit_security2 { width: 192px; background-position: -462px -715px }
.tit_guide_otplogin { width: 209px; background-position: -433px -573px }
.tit_guide_auto { width:354px; background-position:-285px -817px }
.tit_guide_giftshop { width: 292px; background-position: 0 -868px }
.tit_guide_cs { width: 218px; background-position: -182px -941px }
.tit_guide_order2 { width: 218px; background-position: -439px -893px }
.tit_guide_order3 { width: 204px; background-position: -642px -574px }
.tit_guide_tmoney { width: 235px; background-position: 0 -893px }
.tit_guide_promotion { width: 320px; background-position: -400px -941px }
.tit_guide_delivery { width: 240px; background-position: -528px -841px }
.tit_guide_deduction { width: 190px; height: 23px; background-position: -595px -521px }
.tit_guide_googleplay { width: 276px; height: 26px; background-position: -605px -143px }
.tit_guide_shopping_saving { width: 194px; height: 23px; background-position: -98px -992px }
.tit_guide_mealticket { width: 244px; background-position: -639px -816px }
.tit_guide_partnership { width: 376px; height: 24px; background-position: -296px -991px }
.tit_guide_atm_out { width: 267px; height: 23px; background-position: -541px -633px }
.tit_guide_atm_in { width: 267px; height: 23px; background-position: -541px -658px }
.tit_guide_auto { width: 355px; background-position: -285px -817px }

.btn_tmoney_download, .btn_tmoney_affiliate, .btn_tmoney_download2, .btn_tmoney_guide, .btn_tmoney_affiliate2, .btn_tmoney_popbenefit, .btn_offline_download, .btn_offline_link, .tm_useguide .btn_tmoney_download, .btn_tmoney_affiliate, .tm_present .btn_tmoney_download, .tm_present .btn_tmoney_guide, .tm_present .btn_tmoney_affiliate, .btn_detail_view, .btn_auto_download, .btn_account_download, .btn_delivery_download, .btn_tmoney_month_pop, .btn_online_store, .btn_offline_store, .btn_receipt_apply, .charge_link_txt, .btn_cs_download, .btn_order_download, .btn_promotion_download, .btn_deduction_download, .btn_shopping_saving_download, .btn_mealticket_download, .btn_mealticket_about1, .btn_mealticket_about2, .btn_account2_download, .btn_partnership_download { overflow: hidden; position: absolute; height: 40px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/blank.gif) repeat 0 0; font-size: 1px; line-height: 200px }
.btn_tmoney_download { top: 729px; left: 87px; width: 146px }
.btn_tmoney_affiliate { bottom: 372px; right: 329px; width: 185px }
.btn_tmoney_download2 { top: 755px; left: 87px; width: 146px }
.btn_tmoney_guide { top: 1085px; left: 87px; width: 186px }
.tm_present .btn_tmoney_guide { width: 195px }
.btn_tmoney_affiliate2 { top: 3520px; left: 419px; width: 174px }
.btn_offline_download { top: 1008px; left: 80px; width: 146px }
.btn_offline_link { top: 404px; left: 205px; width: 137px; height: 22px }
.btn_auto_download { top: 232px; left: 45px; width: 146px }
.btn_deduction_download { top: 238px; left: 45px; width: 146px }
.tab2 .btn_deduction_download { top: 238px; left: 45px; width: 166px }
.btn_shopping_saving_download { top: 184px; left: 45px; width: 146px }
.btn_partnership_download { top: 246px; left: 45px; width: 146px }
.btn_cs_download { top: 886px; left: 85px; width: 146px }
.btn_order_download { top: 178px; left: 45px; width: 146px }
.btn_account2_download { top: 207px; left: 45px; width: 146px }
.btn_promotion_download { top: 304px; left: 45px; width: 146px; }
.btn_delivery_download { top: 165px; left: 45px; width: 146px; }
.btn_tmoney_download { top: 162px; left: 45px; width: 146px; }
.btn_tmoney_month_pop { top: 638px; left: 85px; width: 191px; }
.btn_mealticket_download { top: 249px; left: 45px; width: 146px }
.btn_mealticket_about1 { height: 19px; top: 224px; left: 428px; width: 71px }
.btn_mealticket_about2 { height: 19px; top: 243px; left: 206px; width: 76px }
.btn_online_store { top: 245px; left: 45px; width: 160px }
.btn_offline_store { top: 272px; left: 45px; width: 170px }
.btn_receipt_apply { top: 235px; left: 85px; width: 167px }
.charge_link_txt { bottom: 32px; left: 93px; width: 200px; height: 25px }
.tm_useguide .btn_tmoney_download { top: 241px; left: 52px; width: 146px }
.tm_useguide .btn_tmoney_affiliate { bottom: 59px; left: 281px; width: 205px }
.tm_present .btn_tmoney_download { top: 241px; left: 52px }
.tm_present .btn_tmoney_affiliate { top: 280px; right: 216px; width: 168px }
.guide_poptmoney { border-top: 0 }
.guide_bx { position: relative }
.guide_bx .btn_tmoney_download2 { top: 221px; left: 52px }
.guide_bx .btn_account_download { top: 220px; left: 45px; width: 147px }
.online_order .guide_bx .btn_tmoney_download2 { top: 241px; left: 52px }
.guide_tab_lst .tab1 .btn_tmoney_download2 { top: 246px; left: 51px }
.guide_tab_lst .tab2 .btn_tmoney_download2 { top: 247px; left: 51px }
.guide_bx .btn_tmoney_guide { top: 201px; left: 52px }
.guide_bx .btn_tmoney_popbenefit { top: 497px; left: 52px; width: 186px }
.guide_tab_lst { position: relative; padding-top: 75px }
.guide_tab_lst li { *font-size: 0 }
.guide_tab_lst .guide_tab_tit { position: absolute; top: 0; left: 0; z-index: 10 }
.guide_tab_lst .tab2 .guide_tab_tit { left: auto; right: 0 }
.guide_tab_lst .guide_tab_tit a { display: block; overflow: hidden; height: 75px; width: 384px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_applogin2.png) no-repeat; line-height: 999px; text-decoration: none }
.guide_tab_lst .tab1 .guide_tab_tit a { background-position: 0 -77px }
.guide_tab_lst .tab1.on .guide_tab_tit a { background-position: 0 0 }
.guide_tab_lst .tab2 .guide_tab_tit a { background-position: -388px 0 }
.guide_tab_lst .tab2.on .guide_tab_tit a { background-position: -386px -77px }
.guide_tab_lst .guide_tab_cont { display: none }
.guide_tab_lst li.on .guide_tab_tit { border-bottom-color: #fff; background: #fff }
.guide_tab_lst li.on .guide_tab_tit a { width: 386px }
.guide_tab_lst li.on .guide_tab_tit em { color:var(--brand-color) }
.guide_tab_lst li.on .guide_tab_cont { display: block }
.guide_membership .btn_tmoney_download2 { top: 261px; left: 52px }
.guide_widget { border-top: 0 }
.lst_member { margin: 36px 0 0 0px; zoom: 1 }
.lst_member:first-child { margin-top: 36px }
.lst_member:after { display: block; clear: both; content: '' }
.lst_member li { display: inline-block; height: 40px; margin: 10px 0 0 49px; *display: inline; zoom: 1 }
.lst_member img { display: inline-block; height: 29px; vertical-align: middle }
.lst_member .vmiddle { display: inline-block; width: 0; height: 100%; margin-left: -6px; vertical-align: middle }
.guide_bx .txt { margin-top: 42px; font-size: 14px; color: #777; text-align: center }

/* 문의하기 팝업 */
.pop { width: 480px; min-width: 480px; margin: 0 }
.pop_wrap { padding: 19px 30px 50px; border: 0; text-align: left; letter-spacing: 0; background-color: #fff }
.pop_wrap .ly_tit { margin-bottom: 15px }
.pop_wrap .tit_inquiry { width: 54px; height: 15px; background-position: -211px -282px }
.pop_wrap .ly_content { color: #2d2d2d; text-align: left }
.pop_wrap .ly_content2 { border-bottom: 1px solid #cecece }
.pop_wrap .pop_header { border-bottom: 1px solid #6e6a67 }
.txt_guide_top { height: 90px; line-height: 90px; text-align: center }
.ly_content2 .txt_guide_top { height: 174px; line-height: 174px; }
.txt_guide_top .txt_guide { display: inline-block; font-size: 12px; line-height: 20px; vertical-align: middle }
.txt_guide_top + .tbl_form { margin-top: 0 }
.pop_wrap .tbl_form th { font-weight: normal; color: #666 }
.pop_wrap .tbl_form td { color: #2d2d2d; line-height: normal }
.pop_btn_area .btn_close { display: inline-block; width: 78px; height: 36px; font-size: 12px; line-height: 38px; background-color: #fff; border: 1px solid #d4d4d4; vertical-align: middle }
.pop_btn_area .btn_confirm { display: inline-block; width: 80px; height: 38px; background-color: #6e6a67; font-size: 13px; color: #fff; line-height: 38px; vertical-align: middle }


.video_wrap li { position: relative; margin-top: 35px }
.video_wrap li:first-child { margin-top: 22px }
.video_wrap .tit { display: block; margin-top: 22px; color: #2d2d2d }
.video_wrap + .btn_bottom_area { margin-top: 40px }
.video_wrap { position: relative; border-bottom: 1px solid #cecece; padding-bottom: 39px }
.video_area { position: relative; width: 770px; height: 461px; margin-top: 22px }
.btn_play { overflow: hidden; position: absolute; top: 50%; left: 50%; width: 82px; height: 82px; margin: -41px 0 0 -41px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/btn_play.png) no-repeat; line-height: 9999px }
.btn_share { overflow: hidden; position: absolute; right: 0; bottom: 29px; width: 35px; height: 35px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/btn_share.png) no-repeat -2px -2px; line-height: 9999px; border: 1px solid #d4d4d4 }
.ly_pop_share { display: none; position: absolute; top: auto; left: auto; right: 0; bottom: 70px; width: 253px; height: 135px; margin: 0; padding: 15px 16px 22px; box-shadow: 0 1px #e5e5e5 }
.ly_pop_share .ly_tit { text-align: left }
.ly_pop_share ul { overflow: hidden; margin: 27px 2px 0 }
.ly_pop_share li, .ly_pop_share li:first-child { float: left; width: 25%; margin: 0 }
.ly_pop_share a { color: #666 }
.ly_pop_share a:hover { text-decoration: none }
.ly_pop_share li [class^='btn_'] { display: block; width: 44px; height: 44px; margin: 0 auto 8px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_share.png) no-repeat }
.ly_pop_share li .btn_naverblog { background-position-x: -48px }
.ly_pop_share li .btn_twitter { background-position-x: -96px }
.ly_pop_share li .btn_kakaostory { background-position-x: -144px }
.video_section { padding: 40px 0 38px; border-bottom: 1px solid #e4e4e4 }
.video_section.last { border-bottom: 0 }
.video_section .video_wrap { width: 237px; height: 150px; border-bottom: 0; padding: 0; margin-bottom: 13px }
.video_section .video_area { width: 237px; height: 150px; margin-top: 15px }
.video_section .video_area a { display: block; font-size: 0; line-height: 0 }
.video_section .pos_rb { position: absolute; bottom: 0; right: 0; line-height: 27px; font-size: 13px; color: #ededed; padding: 0 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_alpha50.png) repeat }
.video_section ul { overflow: hidden; margin: 0 0 -8px -29px }
.video_section li { float: left; margin: 0 0 8px 29px; font-size: 14px; color: #2d2d2d }
.video_section li strong { font-weight: normal }
.video_section .video_tit { font-size: 17px; color: #2d2d2d }

/*가맹점*/
.search_tags { margin: -10px 85px 0 0 }
.search_tags .tag { display: inline-block; padding: 9px 15px 8px; margin: 10px 10px 0 0; font-size: 12px; font-weight: bold; line-height: 15px; color: #666; border: 1px solid #d4d4d4; background-color: #fff; letter-spacing: 0 }
.search_tags .tag:first-child { margin-left: 0 }
.search_tags .tag.on,.search_tags strong.tag { color:var(--brand-color); border-color:var(--brand-color); cursor:default }
.inquiry_area .total_count { position: absolute; top: 50%; right: 22px; margin-top: -16px; font-size: 12px; height: 32px; line-height: 32px; color: #666 }
.keyword_search { width: 344px; padding: 20px 0; margin: 0 auto }
.keyword_search .btn_quiry { display: inline-block; margin-left: 10px }
.search_input_area { position: relative; display: inline-block; vertical-align: top }
.search_input_area .lbl_txt { position: absolute; top: 50%; left: 10px; margin-top: -7px; font-size: 12px; color: #999 }
.search_input_area .inp { padding-left: 10px; color: #2d2d2d }

.category_area { margin-top: 40px; }
.lst_category { border: 1px solid #ddd; border-width: 0 1px 1px 0; *zoom: 1 }
.lst_category:after { display: block; clear: both; content: '' }
.lst_category li { float: left; width: 127px; height: 45px; line-height: 45px; border: 1px solid #ddd; border-width: 1px 0 0 1px; *zoom: 1 }
.lst_category li a, .lst_category li strong { position: relative; display: block; height: 100%; font-size: 13px; text-align: center; background-color: #f4f4f4; color: #666 }
.lst_category .on a,.lst_category li strong { font-weight:bold; color:var(--brand-color); background-color:#fff; *cursor:pointer }
.lst_category .on a span,.lst_category strong span { position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid var(--brand-color); z-index:10 }
.lst_category .on a:hover span { text-decoration: underline }
.lst_category .first { width: 128px }
.lst_category li strong { cursor: default }
.lst_category .empty_bx { background: #f4f4f4 }
.lst_category .empty_bx.boder_left_none { width:128px; border-left:none }
.category_area_v2 ul { border-width: 0px 1px 1px 1px }
.category_area_v2 li { width: 191px; border-width: 1px 1px 0 0px }
.category_area_v2 li.first { width: 191px }
.category_area_v2 li.last { width: 192px; border-right: 0 }
.inquiry_area + .category_area { margin-top: 20px }

.total_txt { letter-spacing: -1px; color: #2d2d2d }
.total_txt em { font-weight:bold; color:var(--brand-color) }
.section_total .total_txt { line-height: 42px; letter-spacing: 0 }
.section_total + .section_total { padding-top: 0; border-top: 1px solid #ddd }
.section_total .total_count { padding: 7px 0 7px 3px; font-weight: normal; line-height: 18px }
.section_total .total_count .txt_search_result { font-weight: normal; color: #666 }
.section_total .total_count strong.txt_search_result, .section_total .total_count .txt_search_result.on, .section_total strong.total_tit { font-weight: bold }
dl.info_area { padding: 35px 20px 36px 0; font-size: 13px; line-height: 21px }
.info_area .info_url { overflow: hidden; width: 450px; white-space: nowrap; text-overflow: ellipsis }
.info_area .info_url .name { display: block; color: #666 }
.info_area .info_cat { position: absolute; top: 50%; right: 20px; margin-top: -10px; font-size: 12px; color: #999 }
.info_area .btn_func { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:12px }
.info_area .btn_func .btn_ly { height:25px; padding:0 8px; line-height:25px }
.info_desc { margin: 20px 0 -4px; padding: 16px 0 0; border-top: 1px solid #ededed; font-size: 12px; color: #666; line-height: 19px }
.info_desc a { display:inline-block; color:var(--brand-color) }
.tbl_log { margin-top: 0 }
.tbl_log2 { margin-top: 30px }
.tbl_log tr.on td { border-bottom: 0 none; background: #fafafa; font-weight: bold }
.tbl_log th:first-child { padding: 0 }
.tbl_log th, .tbl_log td { height: 68px; padding: 0; border-bottom: 1px solid #e8e8e8 !important }
.tbl_log .no_border > td { border-top:0; padding-left:20px }
.tbl_log .no_border:last-child > td { border-bottom:0 }
.tbl_log .tbl_type4 thead th,.tbl_log .tbl_type4 thead td { height:40px }
.tbl_log .tbl_type4 thead th:first-child { padding-left:27px }
.tbl_log th { height: auto; padding: 7px 0; background: #fff; font-weight: normal; text-align: center }
.tbl_log .group_th { display: inline-block; line-height: 45px; *display: inline; zoom: 1 }
.tbl_log .row_noti { height: 220px }
.tbl_log .txt_lf .group_th, .tbl_log .txt_lf .group_td { text-align: left }
.tbl_log .logo_bx { display: inline-block; font-size: 16px; color: #333; vertical-align: top }
.tbl_log .logo_bx img { width: 135px; height: 45px }
.tbl_partner_lst .info_area { padding: 40px 20px 40px 0 }
.tbl_partner_lst .info_url { width: 395px; margin-right: 160px }
.tbl_partner_lst .info_url a { display: block }
.tbl_partner_lst .info_url .name { display: block; overflow: hidden; font-weight: bold; text-overflow: ellipsis; white-space: nowrap }
.tbl_partner_lst .info_url .url { display: block; overflow: hidden; font-size: 13px; color: #666; text-overflow: ellipsis; white-space: nowrap }
.tbl_partner_lst .info_url .category { display: block; overflow: hidden; margin-top: 6px; font-size: 12px; color: #999; text-overflow: ellipsis; white-space: nowrap }
.tbl_partner_lst .info_url .addr { display: block; overflow: hidden; margin-top: 10px; font-size: 12px; color: #666; white-space: normal }
.tbl_partner_lst .info_url .addr a { display:inline-block; margin-left:2px; color:var(--brand-color); text-decoration:underline }
.part_offline .tbl_partner_lst .info_area { padding: 37px 20px 37px 0 }
.part_offline .tbl_partner_lst .info_url .category { margin-top: 1px; color: #666 }
.btn_open { display: block; position: relative; width: 55px; height: 30px }
.btn_open .ico { position: absolute; top: 50%; left: 50%; width: 15px; height: 9px; margin: -4px 0 0 -7px; background-position: -340px -58px }
.btn_open.on .ico { background-position: -340px -69px }

.tbl_log .btn_tx { display: inline-block; width: 94px; height: 32px; border: 1px solid #e1e1e1; background: #fff; font-size: 12px; color: #333; line-height: 16px; text-align: center }
.btn_area .btn_tx { float: left; margin-left: 6px }
.btn_area .btn_tx:first-child { margin-left: 0 }
.btn_tx.btn_close { width: 76px; padding: 0; color: #666 }
.btn_tx .ico { display: inline-block; width: 9px; height: 4px; margin-left: 7px; background-position: -90px -102px; vertical-align: middle }
.btn_tx.on .ico { background-position: -90px -108px }
.log_date { position: relative; padding: 0 20px; zoom: 1 }
.log_date:after { display: block; clear: both; content: '' }
.log_date .txt_date { float: left; padding: 33px 0 31px; font-size: 13px; color: #333; line-height: 18px }
.log_date .btn_area { position: absolute; top: 50%; right: 0; margin-top: -16px }
.tbl_type .log_detail td { padding: 0 0 38px; border-top: 1px solid #eaeaea; border-bottom-color: #eaeaea !important }
.log_detail .group_td { margin-top: -1px; padding: 0 }
.tbl_type4 { border: 1px solid #eaeaea; border-width: 1px 0 0 }
.tbl_log .tbl_type4 { margin-bottom: 38px; border-bottom: 1px solid #e9e9e9 }
.tbl_type4 table { table-layout: fixed; width: 100% }
.tbl_type4 th, .tbl_type4 td { height: 30px; padding: 0; font-size: 12px; color: #666; line-height: 16px; text-align: center }
.tbl_type4 th { padding: 3px 0 4px; font-weight: bold; background: #fff; text-align: center }
.tbl_type4 td { height: 50px; padding: 0 5px; border-top: 1px solid #f2f2f2; border-bottom: 0 none !important; background: #fbfbfb }
.tbl_type4 td:first-child { padding: 0 }
.tbl_type4 th:first-child .group_th, .tbl_type4 td:first-child .group_td { padding: 0 20px }
.tbl_type4 tr:last-child td { border-bottom: 0 none !important }
.tbl_type4 tr:last-child td { border-bottom: 0 none }
.tbl_type4 .group_th { display: block; line-height: 16px }
.tbl_type4 .group_td { padding: 0; font-size: 12px; color: #444 }
.tbl_type4 .ellipsis { display: block }
.tbl_type4 .btn_tx { width: 60px; color: #333 }

/* 이벤트 */
.tit_evnetlist { width: 155px; background-position: -374px -766px }
.tit_evnetlist2 { width: 128px; background-position: -276px -299px }
.event_section { margin-top: 20px }
.event_section li { margin-top: 37px }
.event_section li:first-child { margin-top: 0 }
.event_section .event_info { display: block; position: relative; padding-top: 250px }
.event_section .tit { display: block; overflow: hidden; margin-right: 130px; padding-top: 18px; font-weight: 600; font-size: 16px; color: #2d2d2d; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap }
.event_section .banner { position: absolute; top: 0; right: 0; left: 0 }
.event_section .dsc { position: absolute; left: 0; right: 0; bottom: 0; height: 46px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_alpha50.png) repeat; font-size: 14px; color: #fff; line-height: 46px; text-align: center }
.event_section .date { position: absolute; bottom: 0; right: 0; font-size: 12px; color: #999; line-height: 20px; letter-spacing: 0 }
.event_cont { position: relative; margin-top: 20px; padding-top: 30px; border-top: 1px solid #e3e3e3 }
.event_listbx { margin-top: 20px; padding-bottom: 6px }
.event_cont .event_listbx { margin-top: 0 }
.lst_event { position: relative; margin: -10px 0 0 -10px; zoom: 1 }
.lst_event:after { display: block; clear: both; content: '' }
.lst_event li { float: left; width: 250px; margin: 10px 0 0 10px }
.lst_event li .thumb { display: block; position: relative; overflow: hidden; width: 250px; height: 250px; text-align: center }
.lst_event li .type_bi .thumb { width: 248px; height: 249px; border: 1px solid #eee; border-bottom: 0 none; line-height: 249px }
.lst_event li .type_bi .thumb img { display: inline-block; width: auto; max-width: 180px; height: auto; max-height: 60px; vertical-align: middle }
.lst_event li .no_img .thumb { width: 250px; height: 250px; border: 0 none; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/no_img.jpg) no-repeat }
.lst_event li .no_img .thumb img { display: none }
.lst_event li .thumb a { display: block; vertical-align: middle }
.lst_event li .thumb .tag { overflow: hidden; position: absolute; top: 0; left: 0; width: 38px; height: 36px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_event_tag.png) no-repeat; font-size: 12px; color: #fff; line-height: 36px }
.lst_event .last_type_banner .thumb { height: 424px }
.lst_event li .event_infowrap { position: relative; padding: 20px 20px 24px; border: 1px solid #eee; border-top: 0 none; background: #f4f4f4 }
.lst_event li .event_info .onoff { position: absolute; top: 35px; left: 20px; font-size: 12px; color: #ff0013; font-weight: bold }
.lst_event li .event_info .onoff_dot { display: inline-block; overflow: hidden; width: 2px; height: 2px; margin: 4px; background: #c6c6c6; font-size: 0; line-height: 999px; vertical-align: middle }
.lst_event li .event_info .tit_bx { height: 42px; margin-top: 11px; zoom: 1 }
.lst_event li .event_info .tit_bx:after { display: block; clear: both; content: "" }
.lst_event li .event_info .tit { display: -webkit-box; overflow: hidden; float: left; position: relative; max-width: 202px; max-height: 42px; font-size: 14px; font-weight: bold; color: #2d2d2d; line-height: 21px; text-decoration: none; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word }
.lst_event li .event_info .desc { display: block; overflow: hidden; height: 38px; margin-top: 4px; font-size: 12px; color: #666; line-height: 19px; text-decoration: none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; zoom: 1; }
.lst_event li .event_info .date { display: block; overflow: hidden; height: 15px; margin-top: 22px; font-size: 12px; color: #999; line-height: 15px }
.lst_event li .event_info .btn_view { position: absolute; right: 20px; bottom: 34px; overflow: hidden; width: 12px; height: 12px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) -75px -154px no-repeat; vertical-align: top }
.lst_event li .event_tag { overflow: hidden; height: 15px; margin-top: 17px; padding-top: 16px; border-top: 1px solid #dedede; line-height: 15px }
.lst_event li .event_tag a, .lst_event li .event_tag span { font-weight: bold; font-size: 12px; color: #999; line-height: 15px }
.event_detailtop { position: relative; padding-right: 50px }
.event_cont h4 { padding-top: 6px; font-size: 15px; color: #2d2d2d; line-height: 17px }
.event_cont h4 em { font-weight: normal }
.sns_area { position: absolute; right: 0; top: 0 }
.event_detailtop .btn_share { top: 0; bottom: auto }
.event_detailtop .ly_pop_share { top: 40px; bottom: auto }
.event_detailtop .ly_pop_share { top: 40px; bottom: auto; box-shadow: none }
.event_detailtop .event_date { margin-top: 8px; font-size: 12px; color: #999; line-height: 15px }
.event_detailcont { margin-top: 17px; }
.event_cont .btn_area { margin-top: 20px; text-align: right }
.event_cont .btn_area .bn { width: 69px }
.event_cont .btn_area a { color: #666 }
/*이벤트 팝업*/
.pop_wrap .tit_evtend { width: 86px; height: 15px; background-position: -339px -113px }

/* 전체 가맹점 목록 로고사이즈 조정 */
.tbl_partner_lst .group_th .tit, .tbl_partner_lst .group_th a { color: #2d2d2d }

.txt_infobx { margin-top: 10px; padding-left: 10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_bul.gif) 0 6px no-repeat; font-size: 12px; color: #444; line-height: 17px; vertical-align: top }

.manage_method { overflow: hidden; padding: 2px 0 28px; border: 1px solid #ededed; border-top: 0 none }
.manage_method ul { margin: 0 0 0 -1px }
.manage_method ul:first-child { margin: 0 0 0 -1px }
.manage_method ul li { width: 218px; margin: 26px 0 0 29px }
.pay_type { position: relative; width: 218px; height: 134px }
.pay_type .pay_cont { width: 100%; height: 100% }
.pay_type.credit_card .pay_cont { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/card_default.png); background-repeat: no-repeat }
.pay_type.credit_card .CCDI { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCDI.png) }
.pay_type.credit_card .CCBC { background-image: none }
.pay_type.credit_card .CCSU { background-image: none }
.pay_type.credit_card .CCJB { background-image: none }
.pay_type.credit_card .CCKJ { background-image: none }
.pay_type.credit_card .CCLG { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCLG.png) }
.pay_type.credit_card .CCLO { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCLO.png) }
.pay_type.credit_card .CCKE { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCKE.png) }
.pay_type.credit_card .CCHN { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCHN.png) }
.pay_type.credit_card .CCSS { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCSS.png) }
.pay_type.credit_card .CCKM { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCKM.png) }
.pay_type.credit_card .CCNH { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCNH.png) }
.pay_type.credit_card .CCPH { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCPH.png) }
.pay_type.credit_card .CCCT { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCCT.png) }
.pay_type.credit_card .CVSF { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CVSF.png) }
.pay_type.credit_card .CCSC.type1 { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCSC.png) }
.pay_type.credit_card .CCSC.type2 { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCSC2.png) }
.pay_type.credit_card .CCSC.type3 { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCSC3.png) }
.pay_type.credit_card .CCSC.type4 { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCSC4.png) }
.pay_type.credit_card .CCSC.type5 { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/CCSC5.png) }

.frame_line { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/card_frame2.png) !important }
.pay_type .pay_in { position: relative; width: 207px; height: 124px; padding: 10px 0 0 11px }
.pay_type.credit_card .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/card_frame.png) no-repeat }
.pay_type.credit_card2 .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic5.png) no-repeat }
.pay_type.phone .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic.png) no-repeat }
.pay_type.phone_normal .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic2.png) no-repeat }
.pay_type.account .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic3.png) no-repeat }
.pay_type.account2 .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic7.png) no-repeat }
.pay_type.passbook .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic4.png) no-repeat }
.pay_type.gift .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic6.png) no-repeat }
.pay_type.tmoney .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic8.png) no-repeat }
.pay_type.add .pay_in { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_basic9.png) no-repeat }
.pay_type.add .btn_add_method { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; font-size: 0; line-height: 999px; text-indent: 999px }
.pay_opt { margin-top: 13px; font-size: 0; text-align: center }
.pay_optin { display: inline-block; *display: inline; *zoom: 1 }
.pay_opt a { float: left; width: 32px; height: 29px; margin: 0 0 0 7px }
.pay_opt a:first-child { margin-left: 0 }
.pay_opt .btn_setrep { background-position: -268px -166px }
.pay_opt .btn_setrep.on { background-position: -268px -197px }
.pay_opt .btn_trash .sp_payco { width: 32px; height: 29px; background-position: -268px -228px }
.pay_cont .pay_namearea { display: inline-block; overflow: hidden; position: absolute; left: -999px; top: 0; font-size: 0; line-height: 999px; vertical-align: top }
.pay_type.credit_card .pay_cont .pay_namearea { position: absolute; top: 10px; right: 10px; left: 10px; line-height: 15px; zoom: 1 }
.pay_type.credit_card .pay_cont .pay_namearea:after { display: block; clear: both; content: '' }
.pay_cont.CCSC .pay_namearea { display: none }
.pay_type.credit_card .pay_name { display: inline-block; position: static; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/sp_cardlogo_1.png) no-repeat; line-height: 999px; vertical-align: top; *display: inline; zoom: 1 }
.pay_cont .pay_namearea .pay_name { float: left }
.pay_cont .pay_namearea .pay_partner { float: right; margin-top: 5px; font-size: 11px; color: #fff }
.pay_cont .pay_namearea.black .pay_partner { color: #000 }
.pay_cont.CCSS .pay_name { width: 95px; height: 18px; background-position: 0 0 }
.pay_cont.CCSS .black .pay_name { background-position: -97px 0 }
.pay_cont.CCDI .pay_name { width: 78px; height: 18px; background-position: -192px -69px }
.pay_cont.CCDI .black .pay_name { background-position: -194px 0 }
.pay_cont.CCLG .pay_name { width: 79px; height: 22px; background-position: -274px 0 }
.pay_cont.CCLG .black .pay_name { background-position: -355px 0 }
.pay_cont.CCLO .pay_name { width: 100px; height: 16px; background-position: 0 -24px }
.pay_cont.CCLO .black .pay_name { background-position: -102px -24px }
.pay_cont.CCNH .pay_name { width: 100px; height: 18px; background-position: -205px -24px }
.pay_cont.CCNH .black .pay_name { background-position: -307px -24px }
.pay_cont.CCKM .pay_name { width: 100px; height: 19px; background-position: 0 -44px }
.pay_cont.CCKM .black .pay_name { background-position: -102px -44px }
.pay_cont.CCBC .pay_name { width: 80px; height: 22px; background-position: -204px -44px }
.pay_cont.CCBC .black .pay_name { background-position: -272px -69px }
.pay_cont.CCKE .pay_name,
.pay_cont.CCHN .pay_name { width: 94px; height: 19px; background-position: 0 -69px }
.pay_cont.CCKE .black .pay_name,
.pay_cont.CCHN .black .pay_name { background-position: -96px -69px }
.pay_cont.CCPH .pay_name { width: 78px; height: 23px; background-position: -286px -44px }
.pay_cont.CCPH .black .pay_name { background-position: -355px -69px }
.pay_cont.CCCT .pay_name { width: 32px; height: 20px; background-position: -366px -44px }
.pay_cont.CVSF .pay_name { width: 38px; height: 18px; background-position: 0 -94px }
.pay_cont.CVSF .black .pay_name { background-position: -40px -94px }
.pay_type.credit_card .pay_name2 { overflow: hidden; width: 50%; padding-top: 3px; font-size: 12px; color: #fff; line-height: 17px; letter-spacing: 0 }
.pay_type.credit_card .black .pay_name2 { color: #282828 }
.txt_nickname { display: inline-block; position: absolute; right: 13px; top: 13px; font-size: 11px; color: #fff; line-height: 13px; text-align: right; letter-spacing: -1px }
.txt_nickname:after { display: block; clear: both; content: '' }
.txt_nickname.black { color: #282828 }
.credit_card .txt_nickname { top: auto; left: 14px; right: auto; bottom: 9px; height: 18px }
.txt_nickname.edit { position: absolute; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 20; height: 101px; padding: 33px 14px 0; background: #413e3d url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/bg_card_edit.png) no-repeat }
.pay_type .tx { display: inline-block; vertical-align: top }
.txt_nickname.edit .tx { display: none }
.txt_nickname .btn_edit { width: 18px; height: 18px; margin-top: -2px; background-position: -250px -166px; vertical-align: top }
.txt_nickname .tx_inp { display: inline-block; position: relative; margin-top: 9px; }
.txt_nickname h5 { font-size: 12px; color: #fff; text-align: left; }
.txt_nickname input { width: 153px; height: 27px; padding: 0 28px 0 7px; border: 1px solid #353332; font-size: 12px; color: #333; line-height: 27px; }
.txt_nickname .btn_del { position: absolute; right: 0; top: 0; width: 28px; height: 28px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/btn_del.png) no-repeat; font-size: 0; line-height: 999em; }
.txt_nickname .btn_close { position: absolute; right: 0; top: 0; width: 39px; height: 39px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/btn_close.png) no-repeat }
.txt_nickname .btn_area { margin-top: 7px; padding: 0; text-align: center; }
.txt_nickname .btn_area button { display: inline-block; width: 53px; height: 23px; border-radius: 2px; font-size: 12px; line-height: 23px; text-align: center; }
.txt_nickname .btn_area .btn_cancel { background: #fff; color: #333 }
.txt_nickname .btn_area .btn_done { background: #f72c32; color: #fff }
.pay_type .method_num { display: block; position: absolute; top: 84px; left: 13px; font-size: 0; text-align: center }
.pay_type .num_area { display: inline-block; font-size: 0 }
.pay_type .method_num .num_area .num { float: left; width: 10px; height: 13px; margin-left: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/newcard/sp_num2.png) no-repeat; line-height: 999em; vertical-align: top }
.pay_type .method_num .num_area .num:first-child { margin-left: 0; }
.pay_type .method_num .num_area .num0 { background-position: -12px 0 }
.pay_type .method_num .num_area .num1 { background-position: -24px 0 }
.pay_type .method_num .num_area .num2 { background-position: -36px 0 }
.pay_type .method_num .num_area .num3 { background-position: -48px 0 }
.pay_type .method_num .num_area .num4 { background-position: -60px 0 }
.pay_type .method_num .num_area .num5 { background-position: -72px 0 }
.pay_type .method_num .num_area .num6 { background-position: -84px 0 }
.pay_type .method_num .num_area .num7 { background-position: -96px 0 }
.pay_type .method_num .num_area .num8 { background-position: -108px 0 }
.pay_type .method_num .num_area .num9 { background-position: -120px 0 }
.pay_type .method_num .num_area .dash { background-position: -132px 0 }
.pay_type .method_num .num_area .asterik { background-position: 0 0 }
.pay_type .method_num .num_area .spacer { width: 11px; background: none }
.pay_type .method_num.black .num_area .num0 { background-position: -12px -15px }
.pay_type .method_num.black .num_area .num1 { background-position: -24px -15px }
.pay_type .method_num.black .num_area .num2 { background-position: -36px -15px }
.pay_type .method_num.black .num_area .num3 { background-position: -48px -15px }
.pay_type .method_num.black .num_area .num4 { background-position: -60px -15px }
.pay_type .method_num.black .num_area .num5 { background-position: -72px -15px }
.pay_type .method_num.black .num_area .num6 { background-position: -84px -15px }
.pay_type .method_num.black .num_area .num7 { background-position: -96px -15px }
.pay_type .method_num.black .num_area .num8 { background-position: -108px -15px }
.pay_type .method_num.black .num_area .num9 { background-position: -120px -15px }
.pay_type .method_num.black .num_area .dash { background-position: -132px -15px }
.pay_type .method_num.black .num_area .asterik { background-position: 0 -15px }
.pay_type .method_num_v2 { display: block; overflow: hidden; position: absolute; top: 67px; right: 13px; left: 13px; font-family: tahoma; color: #fff; font-weight: bold; font-size: 16px; line-height: 18px; text-align: center; letter-spacing: 1px }
.pay_type.default .method_num_v2 { position:absolute; top:67px; right:13px; left:13px; font-size:16px; text-align:center }
.pay_type .method_num_v2 .star { display: inline-block; margin-top: 3px; vertical-align: top }

.popup { overflow: hidden; position: relative; width: 100%; min-width: 410px; max-width: 0; margin: 0; zoom: 1 }
.popup.coupon2 { min-width: 830px }
.popup.coupon2 .tbl_type td { height: 64px; padding: 0; color: #222 }
.popup.coupon2 .tbl_type tr:last-child td { border-bottom: 1px solid #e4e4e4 }
.popup.coupon2 .tbl_type .txt_lf { padding-left: 20px }
.popup .pop_wrap { overflow: auto; overflow-x: hidden; position: relative; max-height: 572px; padding: 0 }
.popup.coupon .pop_wrap { max-height: 480px }
.popup.coupon2 .pop_wrap { max-height: 550px }
.popup .pop_header { height: 39px; border-bottom: 1px solid #ebebeb; background: #fff; text-align: center }
.popup .pop_contwrap .pop_cont { padding: 0 40px 39px }
.popup h1 { display: inline-block; overflow: hidden; width: 63px; height: 14px; margin-top: 12px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/logo_payco_v3.png) no-repeat; background-size: 63px 14px; line-height: 999px; vertical-align: top; *display: inline; zoom: 1 }
.popup h2 { padding:37px 0 38px; border-bottom:1px solid #e0e0e0; font-size:15px; color:var(--brand-color); line-height:17px; text-align:center }
.popup .pop_in { padding-top: 4px }
.popup h3 { padding: 24px 0 12px; font-size: 13px; color: #333; line-height: 15px }
.popup .txt_desc { font-size: 12px; color: #666; line-height: 20px }
.popup .lst_info li:first-child { margin-top: 0 }
.popup .lst_info li { margin-top: 4px; padding-left: 7px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_dot.gif) no-repeat 0 9px; font-size: 12px; color: #666; line-height: 20px; word-break: break-all; word-wrap: break-word }
.popup .lst_info2 li { padding-left: 0; background: none }
.popup .lst_info .txt_number { font-weight:bold; color:var(--brand-color) }
.popup .lst_info3 { margin-bottom: 4px; padding: 23px 0 27px; border-bottom: 1px solid #e0e0e0; }
.popup .lst_info3 li { font-size: 13px; color: #333 }
.popup .pop_btn_area { margin-top: 36px; text-align: center }
.popup .pop_btn_area a { width: 200px; height: 46px; background: #515361; font-size: 16px; line-height: 46px; text-align: center }
.popup.coupon2 h2 { padding: 0; border: 0 none; font-size: 15px; color: #333; line-height: 17px; text-align: left }
.popup.coupon2 .pop_contwrap .pop_cont { padding: 38px 30px 26px }
.popup.coupon2 .txt_desc { margin-top: 9px }
.popup.coupon2 .inquiry_area { margin-top: 16px; zoom: 1 }
.popup.coupon2 .tbl_type { overflow: hidden; margin-top: 10px; zoom: 1 }
.popup.coupon2 .noti_wrap { margin-top: 30px }
.popup .pop_footer { height: 31px; border-top: 1px solid #f0f0f0; background: #fff }
.popup .pop_footer .copyright { margin: 7px 20px 0 0; font-family: Tahoma; font-size: 12px; color: #646963; line-height: 15px; text-align: right }
.ly_pop.popup { position: fixed; padding: 0; border: 0; margin: -250px 0 0 -205px; }
.ly_pop.pop_coupon2 { margin-top: -204px }
/*오프라인 가맹점*/
.part_info { position: relative }
.part_info .top_area { position: relative; margin-top: 20px; padding: 59px 60px 28px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ccc; zoom: 1 }
.part_info .top_area:after { display: block; clear: both; content: '' }
.part_info h4 { float: left; margin-right: 24px; font-size: 32px; color: #333; line-height: 35px; *display: inline; zoom: 1 }
.part_info .part_service { float: left; margin-top: 7px }
.part_info .category { display: inline-block; font-size: 12px; color: #666 }
.part_info .hashtag { display:inline-block; margin-left:10px; padding-left:11px; background:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bar4.gif) no-repeat 0 50%; font-size:12px; color:var(--brand-color) }
.part_info .hashtag span { margin-left: 4px }
.part_info .hashtag span:first-child { margin-left: 0 }
.part_info .btn_list { display: inline-block; position: absolute; top: 58px; right: 0; width: 54px; height: 32px; border: 1px solid #999; font-size: 12px; color: #333; line-height: 32px; text-align: center }
.partinfo_tit.sp_txt { width: 68px; height: 15px; background-position: -358px -421px }
.part_basic { padding: 20px 0; border-bottom: 1px solid #f2f2f2; zoom: 1 }
.part_basic:after { display: block; clear: both; content: '' }
.part_basic .part_bx { overflow: hidden; margin-bottom: -6px; padding-top: 10px }
.part_basic .sub_info { margin-top: 20px; font-size: 12px; color: #666; line-height: 18px }
.part_basic table { margin-top: 32px; border: 0 none }
.part_basic table th, .part_basic table td { padding: 3px 0 4px; font-size: 12px; text-align: left; vertical-align: top }
.part_basic table th { padding-right: 5px; font-weight: bold; color: #333 }
.part_basic table td { color: #666 }
.part_basic table td a { color: #666; text-decoration: underline }
.store_view { overflow: hidden; float: right; position: relative; width: 370px; height: 247px; margin-left: 15px }
.store_view .logo_partner { position: absolute; left: 0; bottom: 0; width: 120px; height: 40px; padding: 8px; background: #fff }
.event_info { padding: 32px 0 6px; border-bottom: 1px solid #f2f2f2 }
.event_info h5 { font-size: 0 }
.evt_tit.sp_txt { width: 40px; height: 15px; background-position: -358px -438px }
.evtwrap { overflow: hidden; margin-top: 15px }
.event_info .lst_evt { margin: -20px 0 0 -20px; zoom: 1 }
.event_info .lst_evt:after { display: block; clear: both; content: '' }
.event_info .lst_evt li { float: left; width: 243px; height: 101px; margin: 20px 0 0 20px }
.store_srch { padding-top: 18px }
.store_srch .top_area { position: relative; padding: 0; border: 0 none }
.store_srch .srch_area { position: absolute; right: 0; top: -10px; zoom: 1 }
.store_srch .srch_area:after { display: block; clear: both; content: '' }
.store_srch .srch_area .inpbx { float: left; position: relative; width: 160px }
.store_srch .srch_area label { display: inline-block; position: absolute; top: 10px; left: 10px; font-size: 12px; color: #666; line-height: 15px }
.store_srch .srch_area input { width: 116px; height: 22px; padding: 5px 32px 5px 10px; border: 1px solid #d4d4d4; background: #fff; font-size: 12px; color: #666; line-height: 22px }
.store_srch .srch_area button { float: left; width: 56px; height: 34px; margin-left: 4px; background: #6e6a67; font-size: 12px; color: #fff; line-height: 15px }
.store_srch .srch_area .btn_del { display: inline-block; overflow: hidden; position: absolute; top: 50%; right: 7px; width: 20px; height: 20px; margin-top: -10px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_payco_19.png) no-repeat -244px -207px; line-height: 999px; vertical-align: top }
.sp_txt.store_tit { width: 26px; height: 15px; background-position: -358px -455px }
.store_srch h5 .count { margin-left: 9px; font-weight: normal; font-size: 12px; color: #666; line-height: 15px; }
.store_srch h5 .count em { color:var(--brand-color) }
/*.store_srch h5 .count .branch { margin-left:8px; padding-left:8px; background:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bar5.png) no-repeat 0 50% } */
.store_srch .tbl_type { margin-top: 19px }
.store_srch table th, .store_srch table td { height: 59px; padding: 0 0 0 20px; font-size: 12px; color: #333; text-align: left }
.store_srch .tbl_type td:first-child, .store_srch .tbl_type th:first-child { padding: 0 0 0 20px }
.store_srch table th { height: 44px; color: #fff }
.store_srch .tbl_type tr:last-child td { border-bottom: 1px solid #e4e4e4 }
.store_srch table .row_noti { height: 119px }
.store_srch table .row_noti td { padding: 0 20px !important; font-size: 13px; color: #333; text-align: center }
.store_srch .btn_area { margin-top: 25px; text-align: center }
.store_srch .btn_area button { display: inline-block; width: 120px; height: 36px; border: 1px solid #ccc; font-size: 13px; color: #333 }
.main .payco_header { position: relative }
.em_noti_wrap { position: relative; padding: 22px 0 21px; z-index: 11 }
.em_noti { text-align: center; background: #fff }
.em_noti strong { display: block; margin-bottom: 3px; font-size: 15px; font-weight: bold; color: #222 }
.em_noti strong em { margin-right:2px; font-weight:bold; color:var(--brand-color) }
.em_noti a { margin-left: 16px; font-size: 12px; text-decoration: underline; color: #222 }
.em_noti a:first-child { margin-left: 20px; font-size: 12px; color: #222 }
.sp_em_noti, .sp_em_arr { overflow: hidden; display: inline-block; line-height: 200px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_emnoti.gif) no-repeat }
.sp_em_arr { width: 5px; height: 9px; margin-left: 9px }
.btn_em_close { position: absolute; width: 44px; height: 44px; top: 0; right: 0; margin: 0; z-index: 12 }
.btn_em_close .sp_em_noti { position: absolute; top: 16px; left: 16px; width: 13px; height: 13px; background-position: -7px 0; z-index: 12 }

.em_noti_txt { margin-top:10px; padding:0 0 10px; color:var(--brand-color) }
.em_noti_txt strong { font-size: 15px; line-height: 21px }
.em_noti_txt a,.em_noti_txt em { font-weight:bold; text-decoration:underline; color:var(--brand-color) }
/* payco 아이디 소개 */
.tit_paycoid { width: 148px; background-position: 0 -740px }
.pi_guide .btn_detail_view { left: 52px; top: 166px; width: 180px; height: 42px }

/*payco 주요기능 소개*/
.facility_wrap .blind { width: 1px; height: 1px; font-size: 1px; line-height: 999px }
.facility_wrap .sub_tit_wrap { position: relative }
.facility_wrap .en_txt { font-family: Roboto; letter-spacing: normal }
.facility_wrap .guide_bx { position: relative }
.facility_wrap .btn { width:150px; height:40px; padding:0; border:none; background:var(--brand-color) url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/facility/blank.gif) repeat; color:#fff; font-size:12px; line-height:40px; font-weight:normal; text-align:center }
.facility_wrap .btn:hover, .facility_wrap .btn:focus, .facility_wrap .btn:active, .facility_wrap .btn:focus { text-decoration: none }
.facility_wrap .lst_payco_pay { overflow: hidden; position: absolute; top: 199px; left: 42px; text-align: center }
.facility_wrap .lst_payco_pay .pay { position: relative; float: left; width: 228px; height: 329px; margin-top: 123px }
.facility_wrap .lst_payco_pay .pay .dsc_txt { margin-top: 222px; font-size: 13px; letter-spacing: -1px; line-height: 22px; color: #777 }
.facility_wrap .lst_payco_pay .point_txt { font-size:12px; color:var(--brand-color); font-weight:bold }
.facility_wrap .lst_payco_pay .point_txt .en_txt { font-weight: bold }
.facility_wrap .lst_payco_pay .btn_more { position: absolute; bottom: 0; left: 50%; margin-left: -75px }
.facility_wrap .lst_payco_pay .pay1, .facility_wrap .lst_payco_pay .pay2, .facility_wrap .lst_payco_pay .pay3 { margin-top: 0 }
.facility_wrap .lst_certification { position: absolute; top: 710px; left: 24px }
.facility_wrap .lst_certification .service { display: inline-block; float: left; position: relative; text-align: center }
.facility_wrap .lst_certification .service1 { width: 243px }
.facility_wrap .lst_certification .service2 { width: 256px }
.facility_wrap .lst_certification .service3 { width: 216px }
.facility_wrap .lst_certification .service .dsc_txt { margin-top: 50px; font-size: 14px; color: #777; line-height: 22px }
.facility_wrap .lst_certification .point_txt { display:block; margin-top:4px; font-size:12px; color:var(--brand-color); line-height:18px }
.facility_wrap .lst_certification .link_txt { display:block; font-size:12px; color:var(--brand-color); line-height:18px }
.facility_wrap .lst_certification .link_txt:focus, .facility_wrap .lst_certification .link_txt:active, .facility_wrap .lst_certification .link_txt:hover { text-decoration: none }
.facility_wrap .sec3 .cnt_area { position: relative; overflow: hidden; padding: 77px 48px 93px }
.facility_wrap .lst_payco_service .service { overflow: hidden; margin-top: 67px; font-size: 0 }
.facility_wrap .lst_payco_service .service:first-child { margin-top: 0 }
.facility_wrap .service .img_bx { display: inline-block; float: left; width: 330px; margin-right: 63px }
.facility_wrap .service .txt_area { float: left }
.facility_wrap .lst_payco_service .tit_txt { display: block; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/facility/sp_facility_txt_190617.png) no-repeat }
.facility_wrap .lst_payco_service .service .tit_txt { width: 88px; height: 25px }
.facility_wrap .lst_payco_service .service2 .tit_txt { width: 44px; height: 25px; background-position: -90px 0 }
.facility_wrap .lst_payco_service .service3 .tit_txt { width: 44px; height: 25px; background-position: -136px 0 }
.facility_wrap .lst_payco_service .dsc_txt { display: block; padding-top: 13px; font-size: 13px; color: #777; line-height: 22px }
.facility_wrap .lst_payco_service .btn_more { margin-top: 35px; font-weight: bold }
.facility_wrap .lst_product .product { position: absolute }
.facility_wrap .lst_product .product1 { top: 512px; left: 0; width: 311px; height: 265px; padding-left: 36px }
.facility_wrap .lst_product .product2 { top: 150px; left: 347px; width: 388px; height: 314px; padding-left: 35px }
.facility_wrap .lst_product .product3 { top: 464px; left: 347px; width: 388px; height: 313px; padding-left: 35px }
.facility_wrap .lst_product .dsc_txt { color: #777; font-size: 14px; line-height: 22px }
.facility_wrap .lst_product .product1 .dsc_txt { padding-top: 129px }
.facility_wrap .lst_product .product2 .dsc_txt { padding-top: 161px }
.facility_wrap .lst_product .product3 .dsc_txt { padding-top: 178px }
.facility_wrap .lst_product .btn_facility { margin-top: 23px; font-weight: bold }
.facility_wrap .lst_product .product1 .btn_facility, .facility_wrap .lst_product .product3 .btn_facility { margin-top: 21px }
.facility_wrap .sm_txt { display: block; line-height: 15px; font-size: 11px; letter-spacing: normal }

/*송금내역*/
.account_detail .info_box { padding: 22px 0 24px }
.account_detail .tab_area { margin-bottom: 20px }
.account_detail .section_table thead { display: none }
.account_detail tbody td { height: 134px }
.account_detail .row_noti { height: 300px }
.account_detail .group_td { color: #666; font-size: 12px }
.group_td.td_state { padding-left: 0; text-align: center; line-height: 18px }
.group_td.td_sum { padding-right: 20px; line-height: 22px; text-align: right }
.date_info .date { margin: 0; padding: 0; background: none; color: #666 }
.date_info .time { padding-left: 19px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_time2.png) no-repeat 0 1px }
.date_info .date, .date_info .time { display: inline-block; height: 15px; margin-right: 11px; font-family: Tahoma, sans-serif; font-size: 11px }
.usr_info { padding-top: 13px }
.usr_name, .tx_account, .msg_area { vertical-align: middle }
.usr_name { margin-right: 11px; color: #333; font-size: 17px; font-weight: bold }
.serv_bank { display: block; margin-top: 14px }
.serv_bank .txt_number { margin-left: 8px }
.tx_account .tx_bank, .tx_account .txt_number { display: inline-block; margin-top: -3px; vertical-align: middle }
.tx_bank { margin-right: 6px }
.msg_area { display: inline-block; position: relative; z-index: 10; height: 11px; margin-left: 14px; padding-left: 15px; border-left: 1px solid #d8d8d8; zoom: 1 }
.msg_area .btn_msg { display: block; overflow: hidden; position: relative; width: 16px; height: 14px; margin-top: -1px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_balloon.png) no-repeat; text-indent: -999px }
.msg_area .tx_msg { display: none; position: absolute; margin: -59px 0 0 -6px; padding: 0 14px; height: 32px; padding-top: 1px; border: 1px solid #eeebdc; background: #fffcec; line-height: 32px }
.msg_area .txt { display: block; overflow: hidden; max-width: 350px; letter-spacing: 0; white-space: nowrap; text-overflow: ellipsis; }
.msg_area.on .tx_msg { display: block }
.msg_area .tx_msg .tail { position: absolute; bottom: -6px; left: 9px; width: 9px; height: 6px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_tail.png) no-repeat }
.state, .state_time { display: block }
.sum { display: inline-block; font-family: Tahoma, sans-serif; font-size: 18px; color: #5ab3ff; vertical-align: top }
.unit { display: inline-block; margin: 1px 0 0 2px; font-size: 15px; vertical-align: top }
.table_account .sum { color:var(--brand-color) }
.off .usr_name, .off .state, .off .sum { color: #b9b9b9 }
.check_account { position:relative; height:33px; margin-top:20px; text-align:left }
.check_account:before { display:inline-block; position:absolute; top:11px; left:11px; width:11px; height:13px; background:url(../img/ico_bill.png); content:'' }
.check_account .btn_inquiry { top:0; left:0; width:70px; padding:0 1px 1px 17px; line-height:33px; }
.ly_table { margin-top:44px; }
.ly_table table { margin:0 auto; border-bottom:2px solid #5f5f5f }
.ly_table tr:first-of-type { border-top:2px solid #5f5f5f }
.ly_table th, .ly_table td { padding:18px 0; border-top:1px solid #ededed; box-sizing:border-box }
.ly_table th { width:135px; padding-left:2px; font-size:16px; color:#7f7f7f; text-align:left; vertical-align:middle }
.ly_table td { width:212px; padding-right:2px; font-size:18px; color:#060606; font-weight:bold; text-align:right; vertical-align:middle; letter-spacing:0 }
.ly_table .send_money { color:#f92828 }
.is_vertical_top th { vertical-align:top }
.is_vertical_top td { padding-bottom:13px }
.account_info .info_txt { line-height:26px }


.safety_pay .details_box em { font-weight:normal }
.safety_pay .details_box em { font-weight:normal }
.safety_pay .sub_tit_area { padding-bottom:20px; border:0 none }
.safety_pay th { letter-spacing:0 }
.safety_pay td { height:60px; letter-spacing:0 }
.safety_pay .tit_pay { position:relative; color:#333 }
.safety_pay .row_noti { height:300px }
.tit_pay .ico_pay { position:absolute; top:50%; left:0; width:32px; height:36px; margin-top:-18px; background:url(../img/sp_payco.png) no-repeat; vertical-align:middle }
.tit_pay .tx { display:inline-block; padding-left:47px; vertical-align:middle }
.ico_pay.credit_card { background-position:-302px -79px }
.ico_pay.account { background-position:-302px -117px }
.ico_pay.phone { background-position:-302px -155px }
.safety_pay .txt_number { color:#777 }
.safety_pay .txt_unlock { color:#31b9ff }
.safety_pay .txt_lock { padding-left:16px; background:url(../img/ico_lock.png) no-repeat 0 50%; color:var(--brand-color) }
.btn_trash2 { width:27px; height:26px; background-position:-252px -258px }
.safety_pay .btn_trash2 { margin-left:2px }
.btn_lock { width:44px; height:26px; background-position:-255px -286px }
.btn_unlock { width:44px; height:26px; background-position:-255px -314px }
.safety_pay .btn_area { margin-top:20px; padding-right:10px; text-align:right }
.safety_pay .btn_area button { margin-left:2px }
.btn_lockall,.btn_unlockall { width:130px; height:40px; background-position:0 -482px }
.btn_unlockall { background-position:-132px -482px }
.safety_pay .noti_wrap { margin-top:50px }
.ly_pay { width:320px; height:180px; margin:-90px 0 0 -160px; padding:0; border:0 none }
.ly_pay .ly_content { height:95px; padding-top:10px }
.ly_pay .ly_tit { display:inline-block; max-width:300px; margin:0; font-size:15px; color:#333; line-height:20px; vertical-align:middle }
.ly_pay .ly_tit em { font-weight:bold; color:var(--brand-color) }
.ly_pay .ly_desc { margin-top:14px; font-size:12px; color:#777; line-height:16px }
.ly_pay .ly_desc em { color:var(--brand-color) }
.ly_pay .ly_footer { margin-top:0; font-size:0 }
.ly_pay .btn_ly { min-width:56px; height:38px; margin-left:6px; padding:0 22px; border:0 none; background:#b2b2b2; font-size:14px; font-weight:bold; color:#fff; line-height:38px; text-align:center }
.ly_pay .btn_ly:first-child { margin-left:0 }
.ly_pay .btn_confirm { background-color:#444 }
.ly_pay .btn_red { background-color:var(--brand-color) }
.ly_pay2 { width:320px; height:210px; margin:-105px 0 0 -160px; padding:0 }
.ly_pay2 .ly_content { height:96px; padding:36px 20px 0 }
.ly_pay3 .ly_content { height:116px; padding:36px 20px 0 }
.ly_pay3 { width:320px; height:230px; margin:-115px 0 0 -160px; padding:0 }
.ly_receipt { width:206px; padding:40px 56px }
.ly_receipt .ly_content { line-height:17px }
.ly_receipt .btn_ly { min-width:56px; height:38px; margin-left:6px; padding:0 22px; border:0 none; background:#b2b2b2; font-size:14px; font-weight:bold; color:#fff; line-height:38px; text-align:center }
.ly_receipt .btn_download { padding:0 13px }
.ly_receipt .btn_ly:first-child { margin-left:0 }
.ly_receipt .btn_red { background-color:var(--brand-color) }
.ly_receipt .ly_content .ly_tit { margin-bottom:18px }
.ly_receipt .ly_footer { margin-top:27px }
.vmiddle { display:inline-block; height:100%; margin-left:-6px; vertical-align:middle }
.sel_bx { position: absolute; top: 15px; right: 0; z-index: 100; width: 125px; zoom: 1 }
.sel_bx a { display: block; padding: 0 10px; font-weight: normal; font-size: 12px; color: #767676; line-height: 32px }
.sel_bx .ico_arr { position: absolute; top: 50%; right: 9px; width: 8px; height: 5px; margin-top: -2px; background-position: -137px 0 }
.sel_bx .tit_sel { position: relative; height: 32px; border: 1px solid #d4d4d4; font-weight: bold; text-decoration: none }
.sel_bx .lst_sel { display: none; position: absolute; top: 100%; right: 0; left: 0; border: 1px solid #e5e5e5; border-top: 0 none; background: #fff }
.sel_bx.on .lst_sel { display: block }
.sel_bx .lst_sel a:hover { background: #f3f3f3; font-weight: bold; color: #333; text-decoration: underline }
.tab_content .h_tit { margin-top: 25px; font-size: 15px; color: #666; line-height: 20px }
.login_manage .tab_content .h_tit { margin-bottom: -21px }
.login_manage .noti_wrap { margin-top: 137px }

/*아이디 안심관리*/
.id_security .info_box { padding: 23px 0 }
.id_security .sub_tit_area { border-bottom: 0 }
.id_security .sub_tit { display: inline-block; zoom: 1; *display: inline; margin-right: 18px }
.id_security .sub_tit_info { display: inline-block; zoom: 1; *display: inline; margin-top: 1px; vertical-align: top; font-size: 12px; color: #aaa }
.security_box { margin-top: 10px; padding: 25px 20px 0; border: 1px solid #ededed; background: #f4f4f4 }
.security_box .btn_wrap { position: absolute; bottom: 25px; right: 0; margin: 0 }
.security_info { position: relative; padding: 24px 0; border-top: 1px solid #ededed; font-size: 13px; font-weight: bold; line-height: 20px; color: #666 }
.security_info:first-child { padding-top: 0; border-top: 0 }
.security_info .txt_red { font-weight: bold }
.security_info_txt .direct_link { text-decoration: underline }
.security_tit { position: relative; padding: 0 0 0 20px }
.security_txt { margin: 20px 0 0 20px }
.txt_add { display: block; margin-top: 2px; padding-left: 15px; font-size: 11px; color: #aaa; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_add.gif) no-repeat 2px 2px; font-weight: normal }
.security_info .btn_inquiry.btn_white { height: 38px }
.ico_caution { position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_caution.gif) no-repeat }
.lst_activity { margin-bottom: 5px; padding: 20px; border: 1px solid #e5e5e5; border-width: 1px 0 }
.lst_activity li { position: relative; border-top: 1px solid #f2f2f2; padding: 17px 0; font-size: 12px; color: #777; zoom: 1 }
.lst_activity li:after { display: block; clear: both; content: '' }
.lst_activity li:first-child { border-top: 0 }
.activity_none { padding: 35px 20px; border: 1px solid #e5e5e5; border-width: 1px 0; line-height: 18px; font-size: 13px; color: #777; text-align: center }
.activity_none .txt_link { display: block; margin-top: 20px }
.activity_tit { float: left; position: relative; width: 200px; padding-left: 10px; font-weight: bold; color: #333 }
.activity_tit em { font-weight: bold }
.activity_txt { float: left; width: 345px; vertical-align: top }
.activity_date { float: right; width: 175px; font-family: Tahoma, sans-serif; text-align: right; vertical-align: top }
.lst_activity .dot { top: 5px }
.id_security .login_box { overflow: hidden; margin-bottom: 5px; padding: 28px 30px 23px; border: 1px solid #e5e5e5 }
.id_security .login_box:first-child { margin-top: 0 }
.id_security .login_tit { float: left; width: 168px; font-size: 13px; font-weight: bold }
.id_security .login_txt { overflow: hidden; font-size: 12px }
.id_security .recent_detail { min-height: 273px }
.id_security .login_txt dt { float: left; width: 80px; margin-bottom: 5px; font-weight: bold }
.id_security .login_txt dd { overflow: hidden; margin-bottom: 5px; color: #777; vertical-align: top }
.detail_none { overflow: hidden; display: inline-block; font-size: 12px; color: #777; line-height: 16px; vertical-align: top }
.more_area { padding-top: 5px; text-align: center }
.more_area .btn_more { min-width: 128px; height: 38px; padding: 0 10px; border: 1px solid #efefef; background: #f7f7f7; color: #444 }
.set_logwrap { min-height: 199px; margin: 10px 0 }
.set_new_log { position: relative; padding: 28px 20px 26px; border: 1px solid #f2f2f2; background: #f7f7f7 }
.tit_logsecurity { width: 91px; height: 14px; background-position: -402px -639px }
.set_log { position: relative; margin-top: 25px; padding-left: 20px; padding-right: 90px }
.set_log.item1 { padding-bottom: 21px; border-bottom: 1px solid #ededed }
.set_new_log .h_tit { font-weight: normal; font-size: 13px; color: #666 }
.set_new_log .txt_add { margin-top: 8px; line-height: 16px }
.set_btn { position: absolute; top: -3px; right: 0; zoom: 1 }
.set_log.item2 .set_btn { top: 18px }
.set_btn:after { display: block; clear: both; content: '' }
.set_inpbx { overflow: hidden; float: left; position: relative; width: 43px; height: 32px; margin-left: -1px; border: 1px solid #e0e0e0; background: #ebebeb; font-family: Verdana, sans-serif; font-size: 11px; color: #999; line-height: 32px; text-align: center; cursor: pointer }
.set_inpbx.on { position: relative; z-index: 10; border-color: #c7c7c7; background: #fff; color: #333 }
.set_on.on { border-color:var(--brand-color); color:var(--brand-color) }
.set_inpbx input { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); zoom: 1; cursor: pointer }
.set_inpbx.on { position: relative; z-index: 10; border-color: #c7c7c7; background: #fff; color: #333 }
.set_on.on { border-color:var(--brand-color); color:var(--brand-color) }
.cert_set { margin: 18px -6px 0; padding: 0 21px 0; zoom: 1 }
.cert_set:after { display: block; clear: both; content: '' }
.cert_set .h_tit { float: left; margin-top: 2px; font-size: 13px; color: #999; font-weight: bold }
.cert_set .radio_area { float: left; margin-left: 30px }
.cert_set .rdo_bx { margin-left: 92px }
.cert_set .rdo_bx:first-child { margin-left: 0 }
.cert_set em { font-size: 10px }
.txt_normal { color: #36b24a }
.txt_strong { color:var(--brand-color) }
.ly_set { width: 250px; margin-left: -125px; padding: 45px 0 39px }
.ico_new { overflow: hidden; display: inline-block; width: 37px; height: 14px; margin: -2px 0 0 3px; vertical-align: middle; line-height: 100px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_ico_new.png) no-repeat }

.tit_guide_point { width: 267px; background-position: 0 -917px }
.btn_app_download, .btn_point_download, .btn_point_affiliate, .btn_point_cashreceipt { overflow: hidden; position: absolute; left: 52px; width: 146px; height: 40px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/blank.gif) no-repeat; font-size: 0; line-height: 999px }
.btn_point_download { top: 262px }
.btn_point_affiliate { top: 273px }
.btn_point_cashreceipt { top: 267px; width: 244px }
.btn_app_download { top: 190px; left: 571px }

/* 분실/도용 계정 정지 신청*/
.halt_apply { font-family:Pretendard Variable }
.halt_apply .main_tit { font-size:24px; font-family:ng; font-style:normal; font-weight:700; line-height:30px; color:#2d2d2d; letter-spacing:-0.5px }
.halt_apply .sec_tit { margin-top:80px; font-size:18px; font-weight:700; line-height:25px; color:#000; letter-spacing: -0.2px }
.halt_apply .sec_tit:first-of-type { margin-top:57px }
.halt_apply .notice_list { padding:0 20px; margin-top:30px; font-size:0 }
.halt_apply .notice_item { display:inline-block; position:relative; width:calc((100% - 32px) / 3); margin-left:16px; border-radius:24px; background:#f4f6fa }
.halt_apply .notice_item:first-child { margin-top:0; margin-left:0 }
.halt_apply .sp { overflow:hidden; position:absolute; background-image:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_acc_guide.png); background-repeat:no-repeat; background-size:97px; vertical-align:middle }
.halt_apply .notice_item .sp { top:34px; left:50%; transform:translateX(-50%); width:40px; height:40px }
.halt_apply .notice_item .pay { background-position:-3px -3px }
.halt_apply .notice_item .id { background-position:-52px -4px }
.halt_apply .notice_item .call { background-position:1px -42px; background-size:80px }
.halt_apply .notice_item .desc { padding:104px 24px 34px 24px; font-size:14px; font-weight:400; line-height:19px; color:#111; letter-spacing:-0.1px; text-align:center }
.halt_apply .apply_list { padding:0 20px; margin-top:30px }
.halt_apply .apply_item { position:relative; margin-top:12px }
.halt_apply .apply_item:first-child { margin-top:0 }
.halt_apply .apply_item:before { position:absolute; top:50%; left:11px; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background-color:#000; content: ''; }
.halt_apply .apply_item .desc { padding-left:26px; font-size:16px; font-weight:700; line-height:22px; color:#000; letter-spacing:-0.15px }
.halt_apply .bottom_area { position:relative; width:250px; margin:32px 0 0 20px; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:1 }
.halt_apply .bottom_area .btn_link { display:block; position:static; width:250px; height:51px; padding:16px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:1; border-radius:8px; font-size:14px; font-family:Pretendard Variable; line-height:19px; letter-spacing:-0.1px; color:#fff; text-align:center; background-color:var(--brand-color) }
.halt_apply .caution_area { padding:30px 40px 40px 40px; margin-top:40px; border:1px solid #f4f4f4; background:#fff }
.halt_apply .caution_subtit { display:inline-block; font-size:16px; font-weight:700; line-height:22px; color:#111; letter-spacing:-0.15px }
.halt_apply .caution_list { margin-top:16px }
.halt_apply .caution_item { position:relative; padding-left:9px; margin-top:6px }
.halt_apply .caution_item:first-child { margin-top:0px }
.halt_apply .caution_item:before { position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:3px; background:#11111166; content:'' }
.halt_apply .caution_item .desc { font-size:14px; font-style:normal; font-weight:400; line-height:15px; letter-spacing:-0.1px }
.halt_apply .secur_link { display:inline-block; margin-left:10px; font-size:14px; line-height:19px; color:var(--brand-color); letter-spacing:-0.1px; text-decoration-line:underline; }

/*소멸 예정 포인트 안내방식 변경*/
.ico_em_info { width:16px; height:16px; vertical-align:top; background-position:-331px -227px }
.point_em_txt { color:var(--brand-color) }
.point_em_txt .btn_txt_detail { position:absolute; top:0; right:0; font-size:13px; text-decoration:underline; color:var(--brand-color) }
.point_em_txt .btn_txt_detail { position:absolute; top:0; right:0; font-size:13px; text-decoration:underline; color:var(--brand-color) }
.point_em_txt .ico_em_info { margin:-3px 3px 0 0; vertical-align:middle }

/*소멸 예정 포인트 팝업*/
.ly_tit_txt { font-size:16px; line-height:22px; color:#2d2d2d }
.ly_tit_sub { margin:3px 0 15px; font-size:12px; line-height:1; color:#909090 }
.ly_tit_txt { letter-spacing:-1px }
.ly_tit_sub,.destroy_info { letter-spacing:-0.025em }
.destroy_info { padding:15px 11px 17px 9px; border-bottom:1px solid #f2f2f2 }
.destroy_info:after { display:block; clear:both; content:'' }
.destroy_tit { width:100%; font-size:12px; line-height:18px; color:#999 }
.destroy_date { font-family:'Roboto' }
.destroy_point { font-family:'Roboto-Bold'; letter-spacing:0 }
.destroy_date { float:left; font-size:13px; line-height:18px; color:#555 }
.destroy_point { float:right; font-size:15px; font-weight:bold; line-height:18px; color:var(--brand-color) }
.point_list { overflow:hidden; height:368px; border-bottom:1px solid #d9d9d9 }
.point_scroll_box { overflow:auto; overflow-x:hidden; height:369px }

/* payco 충전 포인트 소득공제 내역 */
.point_deduction .inquiry_area_top { height: 34px }
.point_deduction .tab_dsc2 { padding-top: 55px; font-size: 13px; color: #666; line-height: 22px; letter-spacing: -1px; text-align: center }
.point_deduction .tab_dsc2 .txt_noti { display: block; font-weight: bold; color: #343434 }
.point_deduction .step_deduction { margin-top: 55px; padding: 0 30px; border: 1px solid #ededed; font-size: 0 }
.point_deduction .step_deduction li { position: relative; width: 720px }
.point_deduction .step_deduction .btn_sms { position: absolute; top: 250px; left: 36px; width: 146px; height: 40px; }
.point_deduction .step_deduction .first { height: 356px; border-top: 0; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_step_deduction1.jpg) no-repeat 0 0 }
.point_deduction .step_deduction .second { height: 1258px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/img_step_deduction2.jpg) no-repeat 0 0 }

/* payco 소득공제 사용가이드 */
.guide_deduction .guide_tab_lst .guide_tab_tit a { width: 385px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/guide_v2/sp_deduction.png) }
.guide_deduction .guide_tab_lst li.on .guide_tab_tit a { width: 385px }
.guide_deduction .tab2 .guide_tab_tit a { background-position: -387px 0 }
.guide_deduction .tab2.on .guide_tab_tit a { background-position: -387px -77px }
.guide_deduction .noti_wrap3 { width: 678px; margin-top: 59px; padding: 0 }
.guide_deduction .guide_bx { position: relative }
.guide_deduction .lnk_cashreceipt { position: absolute; top: 260px; left: 51px; width: 232px; height: 24px }

/* payco 충전 포인트 소득공제 FAQ - 팝업 */
.pop_deduction_tit { display: block; width: 285px; height: 17px; background-position: -539px -502px }
.pop_deduction .lst_faq { padding: 25px 0 7px }
.pop_deduction .lst_faq li + li { margin-top: 21px }
.pop_deduction .lst_faq .question { display: block; font-size: 13px; font-weight: bold; color: #343434; letter-spacing: -1px }
.pop_deduction .lst_faq .answer { margin-top: 7px; font-size: 12px; color: #666; line-height: 22px; letter-spacing: -1px }
.pop_deduction .lst_faq .answer .dash { position:absolute; top:10px; left:3px; width:4px; height:1px; background-color:#666 }
.pop_deduction .lst_faq .question + .answer { margin-top:7px }

/*혁신금융 관련 고지사항*/
.biz_notice_pop .lst_payinfo { margin-top:0 }
.biz_notice_pop .txt { margin-top:10px; color:#666; letter-spacing:-0.03em }
.biz_notice_pop .answer { position:relative; padding-left:13px; font-size:12px; color:#666; line-height:22px; letter-spacing:-1px }
.biz_notice_pop .answer .dash { position:absolute; top:10px; left:3px; width:4px; height:1px; background-color:#666 }
.detail_list .list_item { position:relative; padding-left:20px }
.list_item .dot { left:10px }
.biz_notice_pop .txt.tbl_date + .tbl_form { margin-top:5px }
.biz_notice_pop .tbl_form { text-align:center }
.biz_notice_pop .group_th { padding-left:0 }
.biz_notice_pop .group_td { text-align:left }
.biz_notice_pop .tbl_form li.txt { position:relative; margin-top:5px; padding-left:10px }
.biz_notice_pop .txt .dot { top:6px }
.biz_notice_pop .btn_area { margin-top:11px }
.biz_notice_pop .btn_text { font-size:12px; font-weight:500; color:#272a32 }
.biz_notice_pop .btn_text.type_underline { text-decoration:underline }
.biz_notice_pop .select_box { position:relative; width:123px; margin-top:13px; border:1px solid #cecece }
.biz_notice_pop .select_box:after { position:absolute; top:50%; right:10px; z-index:1; margin-top:-2px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:5px solid #625f5c; content:''; pointer-events:none }
.biz_notice_pop .select_box .select::-ms-expand { display:none }
.biz_notice_pop .select_box .select { -webkit-appearance:none; appearance:none; border:0; width:100%; height:32px; padding:0 30px 0 11px; font-size:12px; font-weight:500; color:#272a32; }
.biz_notice_pop .terms_list { margin-top:12px }
.biz_notice_pop .terms_list + .terms_list { margin-top:21px }
.biz_notice_pop .terms_title { display:block; font-size:12px; font-weight:500; color:#5b5b5b }
.biz_notice_pop .terms_title.text_bold { font-weight:700 }
.biz_notice_pop .terms_title.type_underline { text-decoration:underline }
.biz_notice_pop .terms_title.text_color_darkgray { color:#272a32 }
.biz_notice_pop .terms_desc { display:block; margin-top:12px; font-size:12px; font-weight:500; color:#5b5b5b }
.biz_notice_pop .terms_item .terms_desc { margin-top:2px }
.biz_notice_pop .terms_item:not(:first-child) { margin-top:21px }
.tbl_date { text-align:right }
.biz_tab_area { margin-top:12px }
.biz_tab_list { display:table; table-layout:fixed; width:100% }
.biz_tab_item { display:table-cell; vertical-align:top; border:1px solid #c7c7c7; border-left:0 }
.biz_tab_item:first-child { border-left:1px solid #c7c7c7 }
.biz_tab_item .btn_biz_tab { display:block; height:52px; background:#f2f2f2; font-size:0; text-align:center }
.biz_tab_item .btn_biz_tab:after { display:inline-block; height:100%; vertical-align:middle; content:'' }
.biz_tab_item .text { display:inline-block; font-size:12px; font-weight:500; line-height:15px; color:#949494; vertical-align:middle }
.biz_tab_item.is-selected .btn_biz_tab { background:#fff }
.biz_tab_item.is-selected .text { color:#5b5b5b }


/* payco 구글플레이 결제 사용가이드 */
.guide_googleplay .txt_link { position: absolute; bottom: 60px; left: 45px; z-index: 1; width: 174px; height: 40px; font-size: 0 }
.guide_googleplay .step2, .guide_googleplay .step3 { margin-left: -35px }

/* 환불/연장 신청 팝업 */
.pop.refund { width: 507px; min-width: 507px }
.pop.refund .input_txt_area { display: inline-block; vertical-align: middle }
.pop.refund .btn_basic { vertical-align: middle }
.pop.refund .rdo_bx { margin-right: 32px }
.pop.refund .pop_wrap { padding: 20px 30px 30px }
.pop.refund .pop_wrap .pop_header { border-bottom: none }
.pop.refund .pop_wrap .noti_wrap { width: 379px; padding: 17px 21px 13px; border: none }
.pop.refund .pop_wrap .noti_wrap .tit { font-size: 14px; font-weight: bold; color: #262626 }
.pop.refund .pop_wrap .noti_wrap .lst_noti { margin-top: 2px }
.pop.refund .pop_wrap .noti_wrap .lst_noti li { padding: 0 0 1px 9px; color: #666; letter-spacing: -1px }
.pop.refund .img_box { display: block; padding: 21px 0 3px }
.pop.refund .radio_area.v2 .lbl { vertical-align: top }
.pop.refund .rdo_bx { display: block; height: 15px }
.pop.refund .rdo_bx:first-child { margin-bottom: 6px }
.pop.refund .ly_footer { margin-top: 23px }
.pop.refund .checkbox_area.v2 label { font-weight: normal }
.pop.refund .checkbox_area.v2 .btn_view { font-weight: normal }
.pop_wrap .tit_refund { width: 143px; height: 16px; background-position: -71px -300px }
.tab_area_v2 { overflow: hidden; background-color: #ebebeb }
.tab_area_v2 li { float: left; width: 222px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #949393 }
.tab_area_v2 li a { display: block; font-size: 13px; line-height: 38px; color: #2d2d2d; text-align: center }
.tab_area_v2 li * { text-decoration: none !important }
.tab_area_v2 li.on { border: 1px solid; border-color: #949393 #949393 #fff; background-color: #fff }
.tip_box { position: relative; padding: 12px 0 10px 49px; margin-top: 10px; border: 1px solid #f3f1d9; background-color: #fdfbe7 }
.tip_box .ico_tip { position: absolute; top: 14px; left: 14px; width: 31px; height: 16px; background-position: -281px -258px }
.tip_box .tit { font-size:12px; line-height:18px; color:var(--brand-color) }
.tip_box .desc { font-size: 12px; line-height: 18px; color: #2d2d2d }
.lst_step { margin-top: 26px }
.lst_step li { margin-bottom: 35px }
.lst_step li:last-child { margin-bottom: 0 }
.lst_step li .tit { position: relative; margin-bottom: 15px; padding: 0 0 8px 24px; border-bottom: 1px solid #ebebeb }
.lst_step li .tit .number { position: absolute; top: 0; left: 0; width: 18px; border-radius: 9px; background-color: #2d2d2d; font-size: 10px; font-weight: bold; line-height: 18px; color: #fff; text-align: center }
.lst_step li .tit .txt { font-size: 13px; line-height: 18px; color: #2d2d2d }
.lst_step li .desc { margin: -9px 0 12px; font-size: 12px; line-height: 18px; color: #777 }
.txt_pass { position: relative; margin: 7px 0 18px; padding-left: 18px; font-size: 12px; line-height: 16px; color: #5ab3ff }
.txt_pass.inline { display: inline-block; margin: 0 0 0 9px !important; vertical-align: middle }
.txt_pass .ico_check { position: absolute; top: 3px; left: 2px; width: 11px; height: 9px; background-position: -301px -308px }
.txt_error { margin:7px 0 18px; font-size:12px; line-height:16px; color:var(--brand-color) }
.txt_pass + .input_txt_area, .txt_pass + .input_txt_area + .btn_basic { margin-top: -10px }
.btn_basic + .input_txt_area, .btn_basic + .input_txt_area + .btn_basic { margin-top: 5px }
.txt_pass + .img_box, .txt_error + .img_box { padding-top: 0 !important }
.lst_step li .txt_pass:last-child, .lst_step li .txt_error:last-child { margin-bottom: -17px }
.lst_step li:last-child .txt_pass:last-child, .lst_step li:last-child .txt_error:last-child { margin-bottom: -22px }
.ico_add, .ico_minus { display: inline-block; width: 7px; height: 7px; margin-right: 4px; vertical-align: middle }
.ico_add { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_add.png) 0 0 no-repeat; }
.ico_minus { background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_minus.png) 0 0 no-repeat; }

/* 유효기간 연장 레이어팝업 */
.ly_pop_extension, .ly_pop_certificate { width: 274px; margin: -131px 0 0 -178px; padding: 38px 40px 25px }
.ly_pop_extension2 { width: 381px; margin: -131px 0 0 -232px; padding: 38px 40px 25px }
.ly_pop_extension .ly_tit { font-size: 16px }
.ly_pop_extension .ly_tit + .tbl_board2 { margin-top: 16px }
.ly_pop_extension .change_number { margin: 21px 0 6px; font-size: 12px; color: #2d2d2d; text-align: left }
.ly_pop_extension .desc { font-size: 12px; line-height: 18px; color: #2d2d2d; text-align: left }
.ly_pop_extension .desc strong { font-weight: normal }
.ly_pop_extension .desc + .tbl_board2 { margin-top: 10px }
.ly_pop_extension .txt_red { letter-spacing: -1.5px }
.ly_pop_extension .txt_point { font-weight: normal; color: #5ab3ff }
.ly_pop_extension .ly_cont_sel { padding: 14px 0 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.ly_pop_extension .desc + .ly_cont_sel { margin-top: 17px; }
.tbl_board2 { width: 100%; border-top: 1px solid #ddd }
.tbl_board2 th { height: 29px; border-bottom: 1px solid #ddd; background-color: #f8f8f8 }
.tbl_board2 tbody th { padding-left: 12px; border-bottom: 1px solid #ddd; text-align: left }
.tbl_board2 thead th { padding: 3px 0; background-color: #f8f8f8; text-align: center; }
.tbl_board2 thead th .txt_gray { display: block; padding-bottom: 4px }
.tbl_board2 td { height: 35px; padding-left: 9px; border-bottom: 1px solid #ddd; text-align: left }
.tbl_board2 td.align_r { padding-right: 2px; text-align: right }
.tbl_board2 td.no_bd { height: 24px; border-bottom: none }
.tbl_board2 tr:first-child td.no_bd { padding-top: 9px }
.tbl_board2 tr:last-child td.no_bd { padding-bottom: 12px; border-bottom: 1px solid #ddd }
.tbl_board2 thead + tbody td { padding-left: 0; text-align: center }
.tbl_board2 .thin { font-size: 12px; font-weight: normal; color: #2d2d2d }
.tbl_board2 .tdin { font-size: 12px; color: #2d2d2d }
.tbl_board2 .txt_point { color: #5ab3ff }
.tbl_board2 .txt_gray { color: #ababab }
.tbl_board2 + .desc { margin: 6px 0 -3px }
.ly_pop_extension .ly_footer, .pop.refund .ly_pop_extension .ly_footer { margin-top: 20px }

/* 약관 팝업 */
.ly_pop_certificate .ly_content { text-align: left }
.ly_pop_certificate .ly_tit { font-size: 14px; font-weight: normal }
.ly_pop_certificate .ly_cont_txt { overflow-y: auto; height: 262px; margin-top: 14px; padding: 15px 12px 6px; border: 1px solid #e6e6e6; font-size: 13px; line-height: 22px; text-align: left }
.ly_pop_certificate .ly_cont_txt .tit_txt { margin: 6px 0 0; font-size: 12px; line-height: 22px; color: #222 }
.ly_pop_certificate .ly_cont_txt .tit_txt:first-child { margin-top: 0 }
.ly_pop_certificate .ly_cont_txt .ly_desc { display: block; margin-top: 2px; font-size: 12px; line-height: 20px; color: #949494 }
.ly_pop_certificate .ly_cont_txt .notice_lst2_item { display: block; margin-top: 2px; font-size: 12px; line-height: 20px; color: #949494 }
.ly_pop_certificate .ly_cont_txt .txt_em .notice_lst2_item, .ly_pop_certificate .ly_cont_txt .txt_em { font-size: 14px; font-weight: bold }

/* PAYCO_Guide_Template */
.use_guide .em { font-weight:normal; color:var(--brand-color) }
.use_guide .txt_color { color: #888 }
.use_guide .txt_color2 { color: #666 }
.use_guide .txt_weight { font-weight: bold }
.use_guide .dsc { font-size: 14px; color: #333; line-height: 20px }
.use_guide .lst_dsc { margin-top: 20px }
.use_guide .lst_dsc li { position: relative; margin-top: 4px; padding-left: 6px; font-size: 14px; line-height: 20px; color: #333 }
.use_guide .lst_dsc li:first-child { margin-top: 0 }
.use_guide .lst_dsc li:before { position: absolute; top: 9px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #333; content: '' }
.use_guide .lst_dsc li.txt_color2 { color: #666 }
.use_guide .lst_dsc li.txt_color2:before { background-color: #666 }
.use_guide .lst_dsc + .dsc { margin-top: 20px }
.use_guide .bx_img { display: block; margin-top: 15px }
.use_guide .bx_img img { display: block }
.use_guide .btn { display: inline-block; height: 40px; margin-top: 26px; padding: 0 21px; background-image: none; background-color: #f72b31; font-size: 13px; font-weight: bold; color: #fff; line-height: 40px; text-decoration: none }
.use_guide .bx_index { margin-top: 50px; padding: 36px 43px; border: 1px solid #ededed }
.use_guide .bx_index dt { font-size: 15px; font-weight: bold; color: #000 }
.use_guide .lst_index { margin-top: 19px }
.use_guide .lst_index li { margin-top: 9px; font-size: 14px; color: #333 }
.use_guide .lst_index li:first-child { margin-top: 0 }
.use_guide .lst_index li .num { width: auto; height: auto; margin-right: 3px; background: none; font-weight: bold; line-height: normal }
.use_guide .bx_step { position: relative; padding: 75px 0 80px; border-top: 1px solid #ededed; font-size: 0 }
.use_guide .bx_step .bx_dummy { padding-left: 45px }
.use_guide .bx_step .bx_img { margin-top: 45px }
.use_guide .bx_step .dsc { margin-top: 19px }
.use_guide .bx_step .dsc + .num_tit { margin-top: 27px }
.use_guide .bx_step.first_step { border-top: 0 }
.use_guide .bx_step.last_step { padding-bottom: 0 }
.use_guide .bx_step.include_bg { display: table; width: 100%; padding: 80px 0 0; table-layout: fixed }
.use_guide .bx_step.include_bg .bx_dummy { display: table-cell; width: 100%; padding-top: 40px; vertical-align: top }
.use_guide .bx_step.include_bg .bx_img { display: table-cell; vertical-align: top }
.use_guide .step_tit { display: block; font-size: 25px; color: #000; letter-spacing: -1px }
.use_guide .step_tit + .dsc { margin-top: 14px }
.use_guide .num_tit { display: block; position: relative; margin-top: 80px; padding-left: 24px; font-weight: bold; font-size: 15px; color: #000; letter-spacing: -1px }
.use_guide .num_tit:before { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_num_v2.png); background-repeat: no-repeat; content: '' }
.use_guide .num_tit.step1:before { background-position: 0 -30px }
.use_guide .num_tit.step2:before { background-position: -20px -30px }
.use_guide .num_tit.step3:before { background-position: -40px -30px }
.use_guide .num_tit.step4:before { background-position: -60px -30px }
.use_guide .num_tit.step5:before { background-position: -80px -30px }
.use_guide .num_tit.step6:before { background-position: -100px -30px }
.use_guide .num_tit.step7:before { background-position: -120px -30px }
.use_guide .num_tit.step8:before { background-position: 0 -50px }
.use_guide .num_tit.step9:before { background-position: -20px -50px }
.use_guide .num_tit + .dsc { margin-top: 14px }
.use_guide .step_tit + .num_tit { margin-top: 22px }
.use_guide .area_tip { margin-top: 40px; padding: 0 45px }
.use_guide .area_tip .bx_dummy { padding: 33px 40px 40px; background-color: #f4f4f4 }
.use_guide .area_tip .bx_img { margin-top: 30px }
.use_guide .area_tip .tip_tit { display: block; font-size: 0 }
.use_guide .area_tip .tip_tit + .dsc { margin-top: 8px }
.use_guide .tip_tit .em { display: block; margin-bottom: 8px; font-weight: bold; font-size: 26px; letter-spacing: 0 }
.use_guide .tip_tit .txt { display: block; font-weight: bold; font-size: 22px; color: #000; letter-spacing: -1px }
.use_guide .area_notice { margin-top: 40px; padding: 0 45px }
.use_guide .area_notice .bx_dummy { padding: 37px 40px 40px; background-color: #f4f4f4 }
.use_guide .area_notice .notice_tit { margin-top: 23px; font-size: 14px; color: #333 }
.use_guide .area_notice .notice_tit:first-child { margin-top: 0 }
.use_guide .area_notice .notice_tit + .lst_dsc { margin-top: 6px }
.use_guide .bx_step.last_step + .area_notice,
.use_guide .bx_step.last_step + .area_tip { margin-top: 80px }

/* 20181220 팝업 - 타이틀 없는 타입 추가 */
.ly_pay .ly_desc.type2 { margin-top:35px }
.ly_pay3 .ly_desc.type3 { font-size:12px; font-weight:600; padding:10px 10px; background-color:#eee; width:190px; margin-left:auto; margin-right:auto; text-align:center }
.ly_pay3 .ly_desc.type3 span { margin-right:16px; margin-left:9px }
.ly_pay3 .ly_desc.type3 select { width: 94px; padding: 6px 10px; height:30px; font-size:12px; -webkit-appearance:none; background:0 0; border:none; }
.ly_pay3 .ly_desc.type3 .select_box { width:93px; height:30px; display:inline-block; border:1px solid #e1e1e1; background:url(../img/img_select_arrow.png) right no-repeat #fff; position:relative }
.ly_pay3 .ly_desc.type3 .select_arrow_ie8 { position:absolute; width:28px; top:1px; right:0; z-index:10; pointer-events:none }

#pdf_download { padding-top:75px }
#pdf_download .sheet_code { display:block; margin-left:auto; text-align:right; color:#333; font-size:12px; margin-top:10px; letter-spacing:-.7px }
#pdf_download .sheet_wrap { width:940px; margin:0 auto }
#pdf_download .sheet_area .tit { text-align:center; color:#333; font-size:40px; font-weight:700; letter-spacing:-1.8px }
#pdf_download .tbl_bx { overflow:hidden; border-top:2px solid #1a1e29; border-bottom:1px solid #dcdcdc; margin-top:4px }
#pdf_download .tbl { width:100%; table-layout:fixed }
#pdf_download .tbl td,#pdf_download .tbl th { font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,sans-serif }
#pdf_download .th_lv1,#pdf_download .th_lv4 { background:#fff }
#pdf_download .tbl th { vertical-align:middle; border-top:1px solid #6b6b6b; border-left:1px solid #a4a4a4; color:#232426; font-size:12px; font-weight:400 }
#pdf_download .tbl th[scope=col] { color:#000; font-size:13px; height:53px; word-break:keep-all }
#pdf_download .tbl td { border-top:1px solid #6b6b6b; height:53px }
#pdf_download .tbl1 .tbl_divider td { height:1px; border-top:1px solid #6b6b6b; border-left:1px solid #f5f5f5 }
#pdf_download .tbl .th_lv2 { border-left:1px solid #6b6b6b; border-right:1px solid #6b6b6b; background-color:#e6e8ea; font-size:14px }
#pdf_download .tbl .no_border_left,#pdf_download .tbl1 td { border-left:none }
#pdf_download .tbl1 th { text-align:left; padding-left:19px }
#pdf_download .tbl1 .th_lv1 { text-align:center; padding:0 26px }
#pdf_download .tbl1 td { color:#000; font-size:14px; padding-left:17px; letter-spacing:-.4px }
#pdf_download th strong { color:#232426; font-size:16px; font-weight:700; line-height:30px }
#pdf_download .tbl2 td { letter-spacing:-.3px; text-align:right; color:#000; font-size:13px; padding-right:2px; border-left:1px solid #a4a4a4 }
#pdf_download .row1 th,#pdf_download .row1 td { border-top:1px solid #6b6b6b }
#pdf_download .tbl2 th { text-align:center; letter-spacing:-.7px }
#pdf_download .row17 td { text-align:left; padding-left:16px; letter-spacing:-.97px }
#pdf_download .tbl2 .th_lv2 { padding-left:8px; text-align:left; letter-spacing:.5px }
#pdf_download .row17 .th_lv2 { padding-left:0; border-left:none; text-align:center }
#pdf_download .tbl2 .th_lv1 { padding:0 26px }
#pdf_download .row1 .th_lv2,#pdf_download .row16 .th_lv2,#pdf_download .row2 .th_lv2 { text-align:left; padding-left:16px }
#pdf_download .row1 td { padding-left:19px; text-align:left; letter-spacing:-.77px; line-height:19px }
#pdf_download .row1 .empty_space { display:inline-block; width:6px }
#pdf_download .agreement { margin-top:34px; color:#333; font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,sans-serif; font-size:13px }
#pdf_download .agreement .inner { width:960px; margin:0 auto }
#pdf_download .agreement .party { text-align:right; padding-left:6px; margin-top:25px }
#pdf_download .agreement .party:first-child { margin-top:0 }
#pdf_download .party .agreement_code { font-size:17px; text-align:left; color:#000; letter-spacing:-.28px }
#pdf_download .party span { display:inline-block; margin-top:13px; margin-left:80px; font-size:17px; color:#000 }
#pdf_download .party .corp_seal { width:100px; position:relative; top:-44px; right:-5px; margin-left:4px }
#pdf_download .party .date { display:block; position:relative; margin-top:10px; font-size:16px; color:#000; z-index:2 }
#pdf_download .party .company { margin-top:0; font-size:23px; font-weight:bold; letter-spacing:.5px }
#pdf_download .th_lv3 { background-color:#f0f2f3 }
#pdf_download .td_lv1 { background-color:#f0f2f3 }

.point_deduction .tab_dsc2 .txt_noti em { color:#1a73b1; font-size:13px; font-weight:700; font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,sans-serif }
.point_deduction .tab_dsc2.type2 { font-size:16px; font-weight:700 }

.notice_lst3+.btn_box { text-align:center; padding-top:20px }

/* pdf download 190121 */
#pdf_download2 { padding-top:10px }
#pdf_download2 .sheet_code { display:block; margin-left:auto; text-align:right; color:#333; font-size:11px; letter-spacing:-.7px }
#pdf_download2 .sheet_wrap { width:595px; margin:0 auto }
#pdf_download2 .sheet_area .tit { text-align:center; color:#333; font-size:24px; font-weight:700; letter-spacing:-1.8px; line-height:28px }
#pdf_download2 .tbl_bx { overflow:hidden; border-top:2px solid #1a1e29; border-bottom:1px solid #dcdcdc; margin-top:4px }
#pdf_download2 .tbl { width:100%; table-layout:fixed }
#pdf_download2 .tbl td,#pdf_download2 .tbl th { font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,sans-serif }
#pdf_download2 .th_lv1,#pdf_download2 .th_lv4 { background:#fff }
#pdf_download2 .tbl th { vertical-align:middle; border-top:1px solid #6b6b6b; border-left:1px solid #a4a4a4; color:#232426; font-size:12px; font-weight:400 }
#pdf_download2 .tbl th[scope=col] { color:#000; font-size:11px; height:32px; word-break:keep-all }
#pdf_download2 .tbl td { height:30px; border-top:1px solid #6b6b6b }
#pdf_download2 .tbl1 .tbl_divider td { height:1px; border-top:1px solid #6b6b6b; border-left:1px solid #f5f5f5 }
#pdf_download2 .tbl .th_lv2 { border-left:1px solid #6b6b6b; border-right:1px solid #6b6b6b; background-color:#f4f5f6; font-size:11px }
#pdf_download2 .tbl .no_border_left,#pdf_download2 .tbl1 td { border-left:none }
#pdf_download2 .tbl1 th { padding-left:11px; text-align:left }
#pdf_download2 .tbl1 .th_lv1 { text-align:center; padding:0 10px }
#pdf_download2 .tbl1 td { color:#000; font-size:11px; padding-left:17px; letter-spacing:-.4px }
#pdf_download2 th strong { color:#232426; font-size:12px; font-weight:700; line-height:30px }
#pdf_download2 .tbl2 td { letter-spacing:-1px; text-align:right; color:#000; font-size:10px; padding-right:2px; border-left:1px solid #a4a4a4 }
#pdf_download2 .row1 th,#pdf_download2 .row1 td { border-top:1px solid #6b6b6b }
#pdf_download2 .tbl2 th { text-align:center; letter-spacing:-.7px }
#pdf_download2 .row17 td { text-align:left; padding-left:16px; font-size:11px; letter-spacing:-.5px }
#pdf_download2 .tbl2 .th_lv2 { padding-left:0; text-align:center; letter-spacing:-.6px }
#pdf_download2 .tbl2 .th_line { padding:5px; line-height:18px }
#pdf_download2 .row17 .th_lv2 { padding-left:0; border-left:none; text-align:center }
#pdf_download2 .tbl2 .th_lv1 { padding:0 10px }
#pdf_download2 .row1 .th_lv2,#pdf_download2 .row16 .th_lv2,#pdf_download2 .row2 .th_lv2 { text-align:center; padding-left:0 }
#pdf_download2 .row1 td { padding-left:19px; font-size:11px; text-align:left; letter-spacing:-.77px; line-height:18px }
#pdf_download2 .row1 .empty_space { display:inline-block; width:6px }
#pdf_download2 .agreement { margin-top:10px; color:#333; font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,sans-serif; font-size:13px }
#pdf_download2 .agreement .inner { width:595px; margin:0 auto; padding-left:6px }
#pdf_download2 .agreement .party { text-align:right; margin-top:10px }
#pdf_download2 .agreement .party:first-child { margin-top:0 }
#pdf_download2 .party .agreement_code { font-size:12px; text-align:left; color:#000; letter-spacing:-.63px }
#pdf_download2 .party span { display:inline-block; margin-top:6px; margin-left:80px; font-size:12px; color:#000 }
#pdf_download2 .party .corp_seal { width:75px; position:absolute; top:0; right:-5px; margin-left:4px; z-index:-1 }
#pdf_download2 .party .date { display:block; position:relative; margin-top:5px; font-size:12px; color:#000; z-index:2 }
#pdf_download2 .party .company { margin-top:0; font-size:16px; font-weight:bold; letter-spacing:.5px }
#pdf_download2 .party_ty2 { position:relative; padding-bottom:16px }
#pdf_download2 .party_ty2 .company { padding-right:85px }
#pdf_download2 .th_lv3 { background-color:#f0f2f3 }
#pdf_download2 .td_lv1 { background-color:#f0f2f3 }
#pdf_download2 .is_disabled { background-color:#ccc }
#pdf_download2 .row .sum_previous { color:#0078ff }

/*! Header improvement */
.top_header { overflow: hidden; font-family: NotoSans; font-size: 0 }
.top_link { float: right }
.top_link li a { display: block; font-size: 12px; color: #484848; letter-spacing: 0 }
.top_header .lst_notice, .lst_redirect { overflow: hidden; display: inline-block; height: 42px }
.top_header .lst_notice .notice { font-size: 12px; padding: 6px 0; font-family: NotoSans; letter-spacing: 0 }
.lst_redirect ul { overflow: visible; position: relative; top: 0; left: 0; margin: 0; height: auto; float: none; *zoom: 1 }
.top_link li, .lst_redirect li { display: inline-block; padding: 0 0 0 9px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bl_left.png) no-repeat 0 3px; margin: 13px 0 13px 9px }
.lst_redirect li:first-child, .top_link li:first-child { background: 0 0; margin-left: 0; padding: 0 }
.lst_redirect li a { display: inline-block; font-size: 12px; color: #484848; letter-spacing: 0 }
.payco_improv.menu_open .payco_nav_in:before { content: ''; position: absolute; width: 100%; height: 1px; background-color: #f2f2f2; top: 70px; z-index: 1 }
.payco_improv.menu_open .lst_menu { display: block }
.payco_nav_lst { position: relative; z-index: 10; height: 70px; margin: 0 auto }
.payco_nav_lst .payco { margin: 21px 0 0 0 }
.payco_nav_lst .payco_nav { overflow: visible; position: relative; margin: 0; padding: 21px 0; z-index: 1 }
.payco_nav_lst .payco_nav > li { margin-left: 103px }
.payco_nav_lst .payco_nav > li:first-child { margin-left: 0 }
.payco_nav_lst .payco_nav > li a { display: block; font-family: NotoSans; font-weight: 700; font-size: 18px; color: #000 }
.payco_nav_lst .payco_nav>li.on a { color:var(--brand-color) }
.payco_nav_lst .payco_nav>li a:hover,.payco_nav_lst .payco_nav>li a:focus { text-decoration:none; color:var(--brand-color) }
.payco_nav_lst .payco_nav .lst_menu { margin: 49px -70px 0 0; min-height: 181px }
.payco_nav_lst .payco_nav .lst_menu li a { font-size: 15px; color: #000; font-weight: 400; padding: 8px 0 }
.payco_nav_lst .payco_nav .lst_menu li a:focus,.payco_nav_lst .payco_nav .lst_menu li a:hover { color:var(--brand-color); text-decoration:none }
.payco_improv .payco_nav_in { position: absolute; top: 0; right: 0; left: 0; width: 100%; background: #fff }

/*! Main keyvisual */
.payco_improv { min-width: 1100px }
.main_keyvisual { overflow:hidden; position:relative; height:640px; font-size:0; font-family:NotoSans; text-align:center; background:rgba(17,17,17,.2) }
.main_keyvisual:after { display:inline-block; height:640px; vertical-align:middle; content:'' }
.main_keyvisual .kv_inner { display:inline-block; position:relative; width:1100px; text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; z-index:1 }
.main_keyvisual .kv_heading { font-size:52px; line-height:72px; font-weight:700; color:#fff; letter-spacing:-.56px }
.main_keyvisual .kv_text { margin-top:10px; font-size:24px; line-height:32px; font-weight:300; color:#fff; letter-spacing:-.23px }
.main_keyvisual .kv_img { position:absolute; top:50%; left:50%; width:100%; min-width:1600px; transform:translate(-50%,-50%); z-index:0 }

/*! Main services detail */
.content_inner { position: relative; width: 1100px; height: 100%; margin: 0 auto }
.main_services { position: relative; padding-bottom: 127px }
.service_info { font-family: NotoSans; text-align: center; padding: 159px 0 82px }
.service_info ~ .service_info { padding: 115px 0 82px }
.service_info .main_title { font-size: 52px; color: #000; font-weight: 700 }
.service_info .sub_title { margin-top: 23px; display: block; font-size: 32px; font-weight: 400; color: #000; line-height: 50px }
.service_info .des_title { display:none; font-weight:400; color:#474747; font-size:16px; line-height:26px; letter-spacing:-0.5px; position:absolute; margin-top:31px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
.service_info .des_title.active { display: block }
.service_info .screen_area { position:relative; width:100%; height:710px; padding:30px 0 35px; -webkit-box-sizing:border-box; box-sizing:border-box; background-position:0 30px; background-repeat:no-repeat }
.service_info .screen_area.payco_certification { position:relative }
.service_info .screen_area.payco_certification:before { position:absolute; top:30px; left:-50px; width:100%; height:649px; content:''; z-index:2 }
.serv_tab { position:relative; padding:17px 0 19px }
.serv_tab_cont { display:none }
.serv_tab_cont.active { display:block }
.serv_tab_cont .bg_animation { display:inline-block; width:320px; height:auto }
.serv_tab_cont .bg_animation img { width:100%; }
.serv_tab ul { overflow:hidden; margin-bottom:12px; font-size:0 }
.serv_tab ul li { display:inline-block; margin-left:25px }
.serv_tab ul li:first-child { margin-left:0 }
.serv_tab ul li button { font-family: NotoSans; font-weight: 700; color: #000; font-size: 16px; padding: 5px 0; outline: 0; letter-spacing: -.4px }
.serv_tab .btn_tab.active { color:var(--brand-color) }
.fp_nav { position: absolute; top: 159px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99 }
.fp_nav.sticky { position: fixed; top: 69px; left: 50%; margin-left: -496px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.fp_nav.abs { position: absolute; bottom: 10px; top: auto }
.fp_nav li { position: relative }
.fp_nav li.is_active a { color:var(--brand-color) }
.fp_nav li:after { position:absolute; content:''; height:5px; width:0; background-color:var(--brand-color); -webkit-transition:width .5s; -o-transition:width .5s; transition:width .5s }
.fp_nav li.is_active { margin-bottom: 21px }
.fp_nav li.is_active:after { display: block; width: 100% }
.fp_nav li a { font-family: NotoSans; display: block; position: relative; font-weight: 300; font-size: 24px; color: #191919; padding: 10px 0 14px; line-height: 1 }
.fp_nav li a:focus, .fp_nav li a:hover { text-decoration: none }
.qr_area { text-align: center; border-top: 1px solid #ededed; background-color: #fafafa; padding: 92px 0 100px }
.qr_area .main_title { color: #000; font-family: NotoSans; font-size: 38px; font-weight: 700; line-height: 1.2; letter-spacing: -1.5px }
.qr_scan_code { padding-top: 168px; margin-top: 56px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/qr_code.gif); background-repeat: no-repeat; background-position: top center }
.qr_area .btn_url_download { display: inline-block; border: 1px solid #b7b7b7; border-radius: 3px; min-width: 320px; padding: 24px 10px 25px; font-size: 15px; font-family: NotoSans; letter-spacing: -.5px; color: #303030; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box }
.qr_area .btn_url_download:focus, .qr_area .btn_url_download:hover { text-decoration: none }
.qr_area .btn_url_download:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 15px 0 0; width: 20px; height: 15px; background: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/ico_sms.png) no-repeat }
.notice_area { border-top: 1px solid #e1e1e1; height: 101px }
.tit_heading { display: inline-block; font-family: NotoSans; font-size: 22px; font-weight: 700; line-height: 101px; letter-spacing: -.7px }
.notice_area .lst_notice { overflow: hidden; float: right; height: 101px }
.notice_area .lst_notice ul { display: inline-block; margin-top: 16px; overflow: hidden }
.notice_area .lst_notice ul li { font-size: 15px; color: #444; font-family: NotoSans; font-weight: 400 }
.notice_area .lst_notice ul li a { display:block; max-width:600px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:0; line-height:70px; text-align:right }
.notice_area .lst_notice ul li a:focus { text-decoration:none }
.notice_area .lst_notice .view_more { display: inline-block; line-height: 20px; font-size: 16px; color: #7f7f7f; text-decoration: underline; letter-spacing: -.7px; vertical-align: top; margin: 42px 0 0 45px }
#serv_benefit.service_info .cols_2 .des_title { margin-top:32px }
.link_url { margin-left:10px; color:#000; text-decoration:underline }
.link_url:hover { color:var(--brand-color) }

/*! footer improvement */
#footer.payco_footer.improvement { font-family: NotoSans; background-color: #333; padding: 45px 0 48px }
#footer.payco_footer.improvement .wrap { width: 1026px; padding: 0; background-color: #333 }
.main_wrapper .wrap, .main_wrapper #footer.payco_footer.improvement .wrap { width: 1100px }
.payco_footer.improvement .service_area { float: none; margin: 0 }
.payco_footer.improvement .tit_heading { display: block; color: #fff; line-height: 1.2 }
.top_footer { height: 105px; border-bottom: 1px solid #3d3d3d }
.bot_footer { padding-top: 48px }
.date_offer { font-size: 0; margin-top: 21px }
.date_offer li { display: inline-block; font-weight: 100; color: #fff; font-size: 14px; margin-left: 30px; letter-spacing: 0 }
.date_offer li:first-child { margin-left: 0 }
.date_offer li a { color: #fff }
.lst_notification { position: absolute; right: 0; top: 11px; border: 1px solid #464646; font-size: 0 }
.lst_notification li { display: inline-block; border-left: 1px solid #464646 }
.lst_notification li:first-child { border: none }
.lst_notification li a { display: block; font-size: 13px; color: #fff; padding: 11px 19px 11px 18px; letter-spacing: 0 }
.lst_notification li a:focus, .lst_notification li a:hover { text-decoration: none }
.payco_footer.improvement .lst_info li { margin:0 30px 10px 0 }
.payco_footer.improvement .lst_info li a { font-size: 15px; color: #777; letter-spacing: -.7px }
.payco_footer.improvement .lst_info li a strong { font-weight: 400 }
.payco_footer.improvement .lst_corpinfo { margin-top:33px }
.payco_footer.improvement .lst_corpinfo span { margin-left: 14px }
.payco_footer.improvement .lst_corpinfo span:first-child { margin-left: 0 }
.payco_footer.improvement .lst_corpinfo li { font-size: 13px; color: #aaa; font-weight: 100; margin-top: 2px }
.payco_footer.improvement .lst_corpinfo li:first-child { margin-top: 0 }
.payco_footer.improvement .lst_corpinfo li a { color: #aaa; text-decoration: none }
.payco_footer.improvement .lst_corpinfo li a:focus, .payco_footer.improvement .lst_corpinfo li a:hover { text-decoration: underline }
.payco_footer.improvement .sel_family { width:187px; height:40px; font-size:14px }
.payco_footer.improvement .sel_family .tit { height: 40px; line-height: 40px }
.payco_footer.improvement .sel_family .tit:before, .payco_footer.improvement .sel_family .tit:after { position: absolute; background-color: #555; content: '' }
.payco_footer.improvement .sel_family .tit:before { right: 13px; top: 19px; width: 14px; height: 2px }
.payco_footer.improvement .sel_family .tit:after { right: 19px; top: 13px; width: 2px; height: 14px }
.payco_footer.improvement .sel_family.on .tit:after { display: none }
.payco_footer.improvement .sel_family a { font-family:NotoSans; background-color:#2f2f2f; padding-left:18px; line-height:30px; letter-spacing:-0.005em }
.payco_footer.improvement .sel_family, .payco_footer.improvement .sel_family .lst_family { border: none; top: -7px }
.payco_footer.improvement .award { top: 100px }
.payco_footer.improvement .sel_family .lst_family { top:auto; bottom:37px; left:0; background-color:#2f2f2f; padding-top:11px }
.payco_footer.improvement .sel_family .lst_family .top_border { position:relative; padding-top:10px }
.payco_footer.improvement .sel_family .lst_family .top_border:before { position:absolute; top:6px; left:18px; right:18px; height:1px; background-color:#373737; content:'' }
.payco_footer.improvement .sel_family .lst_family a, .payco_footer.improvement .sel_family a { color: #777 }
.payco_footer.improvement .sel_family .lst_family a:focus, .payco_footer.improvement .sel_family .lst_family a:hover { color: #ccc }
.payco_footer.improvement .copyright { font-family: NotoSans; font-weight: 300; color: #aaa; margin-top: 23px; letter-spacing: 0.1px }
.payco_footer.improvement .link_copy { color: #aaa }
.payco_footer.improvement .lst_info .go_privacypolicy,.payco_footer.improvement .lst_info .go_location_agree { color:#fff }

/* 매거진 */
/* editor */
.editor_bx { position:relative }
.editor_bx .editor_thumb { position:absolute; top:16px; left:22px; display:block; overflow:hidden; width:26px; height:26px; background:#f4f6fa center no-repeat; -webkit-background-size:cover; background-size:cover; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50% }
.editor_bx .editor_name { display:block; padding-left:37px; font-size:14px; font-weight:700; color:#333; letter-spacing:-0.3px }
.editor_bx .editor_name .curator { margin-left:5px }
.editor_bx .editor_dsc { display:block; margin-top:4px; padding-left:37px; font-size:14px; color:#909090; line-height:21px; letter-spacing:-0.4px }

.topic_wrap { margin:16px 0 40px; font-size:0 }
.topic_wrap .lnk { display:inline-block; width:230px; margin-left:40px; vertical-align:top }
.topic_wrap .lnk:nth-child(3n+1) { margin-left:0 }
.topic_wrap .lnk:nth-child(n+4) { margin-top:60px }
.topic_wrap .lnk:hover { text-decoration:none }
.topic_wrap .img_area { position:relative; width:230px; height:230px; background-position:center; background-size:cover }
.topic_wrap .img_area:before { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.08); box-sizing:border-box; pointer-events:none; content:'' }
.topic_wrap .txt_area { margin-top:20px }
.topic_wrap .txt_area .tit { font-size:16px; font-weight:700; line-height:22px; letter-spacing:-0.01em; color:#111 }
.topic_wrap .txt_area .dsc { margin-top:15px; font-size:12px; font-weight:400; line-height:16px; color:#111 }
.topic_wrap .txt_area .ico_editor_pick { width:32px; height:16px; margin-bottom:6px; background-position:-334px -1020px }

/* article main */
.article_main { position:relative; background-color:#fff }
.article_main .txt_area { position:relative }
.article_main .txt_area .recomm_bx { padding-top:25px }
.article_main .txt_area .recomm_bx .recomm_tit { display:block; padding:0 18px; font-size:14px; line-height:22px; color:#444 }
.article_main .txt_area .recomm_bx .recomm_dsc { padding:8px 23px 0; font-size:14px; line-height:22px; color:#909090 }
.article_main .txt_area .editor_bx { padding:16px 22px 20px }
.article_main .tit_area { position:relative; padding:20px 200px 20px 22px }
.article_main .tit_area:before { position:absolute; bottom:0; left:22px; right:22px; height:1px; background-color:rgba(0,0,0,0.1); content:'' }
.article_main .txt_area .tit_bx { padding-top:25px }
.article_main .tit_area .tit_bx .ico_editor_pick { width:32px; height:16px; margin-bottom:6px; background-position:-334px -1020px }
.article_main .tit_area .tit_bx .tit { font-size:28px; color:#333; line-height:40px; letter-spacing:-1.2px }
.article_main .tit_area .tit_bx .sub_tit { display:block; margin-top:4px; font-size:16px; color:#333; letter-spacing:-0.3px }
.article_main .tit_area .tit_bx .dsc,.article_main .txt_area .tit_bx .dsc { margin-top:21px; padding-top:20px; border-top:1px solid rgba(0,0,0,0.1); font-size:17px; line-height:28px }
.article_main .img_area { position:relative; width:100%; height:auto; margin:-1px auto 0; padding-top:64.03% }
.article_main .img_area:before { position:absolute; top:0; left:0; width:100%; height:1px; background:#fff; content:'' }

.article_main .img_area .img_bx { position:absolute; top:0; left:0; right:0; width:60%; height:100%; margin:0 auto; background:#fff center no-repeat; background-size:cover }
.article_main .dsc { position:relative; z-index:1; margin-top:-1px; padding:15px 22px 17px; font-size:16px; color:#909090; background-color:#f8f9fb; line-height:25px; letter-spacing:-1.1px }
.article_main .img_area + * { margin-top:60px }

.article_main.type_a_img .tit_area { padding-top:144.268% }
.article_main.type_a_img .tit_area:after { position:absolute; top:0; left:0; right:0; bottom:0; background-image: -moz-linear-gradient(top, rgba(234,181,53,0) 0%, rgba(217,160,23,0.7) 100%); background-image: -webkit-linear-gradient(top, rgba(234,181,53,0) 0%,rgba(217,160,23,0.7) 100%); background-image: linear-gradient(to bottom, rgba(234,181,53,0) 0%,rgba(217,160,23,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eab535', endColorstr='#b3d9a017',GradientType=0 ); content:'' }
.article_main.type_a_img .tit_area .tit_bx { position:absolute; left:0; right:0; bottom:4px; color:#fff; z-index:1 }
.article_main.type_a_img .tit_area .tit_bx .ico_editor_pick { position:static; margin-bottom:11px }
.article_main.type_a_img .tit_area .tit_bx .inner { position: relative }
.article_main.type_a_img .tit_area .tit_bx .inner:after { position:absolute; bottom:0; left:23px; right:23px; height:1px; background:rgba(255,255,255,0.2); content:'' }
.article_main.type_a_img .tit_area .tit_bx .tit { padding:0 23px 18px; font-size:35px; color:#fff; line-height:45px; letter-spacing: -1.5px }
.article_main.type_a_img .tit_area .tit_bx .sub_tit { margin-top:0; margin-bottom:21px }
.article_main.type_a_img .tit_area .tit_bx .dsc { margin-top:0; border-top:none; background:none; font-size:17px; color:#fff; line-height:28px; letter-spacing: -1.2px }
.article_main.type_a_img .tit_area .img_bx { overflow:hidden; position:fixed; top:45px; left:0; right:0; width:100%; background:#f4f6fa center no-repeat; -webkit-background-size:cover; background-size:cover; -webkit-transform:translate3d(0,0,0) }
.article_main.type_a_img .tit_area .img_bx img { width:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.article_main .bx_btn { position:relative; padding:20px 20px 0; background-color:#fff }
.article_main .btn_square { display:block; padding:17px 0; background-color:#000; font-weight:bold; font-size:18px; line-height:28px; color:#fff; text-align:center }

/* article paragraph */
.article_paragraph { position:relative; padding-top:35px; background-color:#fff }
.article_paragraph:first-child { padding-top:40px; }
.article_paragraph .paragraph_tit { padding:5px 22px 0; font-size:26px; line-height:35px }
.article_paragraph .paragraph_tit + .img_area { margin-top:60px }
.article_paragraph .img_area:only-child { padding-top:10px }
.article_paragraph:first-child .img_area:only-child { padding-top:0 }
.article_paragraph .img_area img { display:block; width:60%; margin:0 auto }
.article_paragraph .img_dsc { padding:13px 22px 0; font-size:14px; line-height:20px; color:#999 }
.article_paragraph .img_dsc strong { display:block; color:#000; text-align:center }
.article_paragraph .img_dsc .copyright { margin-left:6px; color:#c6c6c6 }
.article_paragraph .txt_area { padding:0 22px 30px }
.article_paragraph .txt_area .summary { display:block; padding-top:17px; font-size:18px; line-height:29px }
.article_paragraph .txt_area .dsc { padding-top:10px; font-size:17px; line-height:28px; color:#444; letter-spacing:-0.4px }
.article_paragraph .txt_area .dsc + .dsc { padding-top:5px }
.article_paragraph .info_area { position:relative; padding:35px 22px }
.article_paragraph .txt_area + .info_area { margin-top:-37px; }
.article_paragraph .info_area .info_lst { font-size:14px; line-height:22px; letter-spacing:0 }
.article_paragraph .info_area .info_lst dt { float:left; clear:both; padding-top:6px; color:#999 }
.article_paragraph .info_area .info_lst dd { margin-left:65px; padding-top:6px; color:#444 }
.article_paragraph .info_area .info_lst dt:first-of-type,.article_paragraph .info_area .info_lst dd:first-of-type { padding-top:0 }
.article_paragraph .info_area .info_lst dd.address { margin-top:0; margin-right:78px; font-size:14px; line-height:23px; text-decoration:underline }
.article_paragraph .info_area .btn_add_copy { position:absolute; top:33px; right:23px; padding:4px 9px; border:1px solid #e3e3e3; font-size:13px; color:#555; letter-spacing:-0.7px }
.article_paragraph .info_area .copy_pop { position:fixed; left:20px; right:20px; bottom:29px; padding:22px 0; background-color:rgba(0,0,0,0.85); border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; color:#fff; text-align:center; z-index:10 }
.article_paragraph .info_area:after { display:block; clear:both; content:'' }
.article_paragraph .line { display:block; margin:14px 22px 18px; height:1px; background-color:rgba(0,0,0,0.1) }
.article_paragraph.detail { padding-top:30px }
.article_paragraph.detail:before,.article_paragraph.detail:after { display:none }
.article_paragraph .banner_area { padding:0 20px 60px }
.article_paragraph .img_area + * { margin-top:60px }

/* article add info, article_paragraph_index */
.article_add_info .author_area { position:relative; margin-bottom:10px; background-color:#fff }
.article_add_info .author_area:after,.article_add_info .series_area:after,.article_add_info .relation_area:after { position:absolute; bottom:0; left:0; right:0; height:1px; background-color:rgba(227,229,233,.5); content:'' }
.article_add_info .author_area .info_bx { padding:20px 22px; font-size:14px; line-height:20px; color:#888 }
.article_add_info .author_area .info_bx .media { display:block }
.article_add_info .author_area .info_bx .info_dsc { display:block; padding-top:4px }
.article_add_info .author_area .author_bx { padding:0 22px 22px }
.article_add_info .author_area .author_bx .inner { position:relative; padding:18px; border-top-left-radius:5px; border-top-right-radius:5px;; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:#f8f9fb }
.article_add_info .author_area .author_bx .author_thumb { overflow:hidden; position:absolute; top:18px; left:18px; width:40px; height:40px; background:center no-repeat; -webkit-background-size:cover; background-size:cover; border-top-left-radius:50%; border-top-right-radius:50%;; border-bottom-left-radius:50%; border-bottom-right-radius:50% }
.article_add_info .author_area .author_bx .author { display:block; padding-left:47px; font-size:14px; color:#999; letter-spacing:-0.3px }
.article_add_info .author_area .author_bx .author_name { display:block; padding:2px 0 0 47px; font-size:14px; color:#000; letter-spacing:-0.3px }
.article_add_info .author_area .author_bx .author_dsc { padding-top:17px; font-size:14px; line-height:21px; letter-spacing:-0.3px; color:#999 }
.article_add_info .series_area { position:relative; margin-bottom:10px; padding:30px 0 35px; background-color:#fff }
.article_add_info .series_area .ico_series { position:absolute; top:30px; left:24px; width:41px; height:11px; background-position:-239px -1044px }
.article_add_info .series_area .series_tit { overflow:hidden; padding:20px 23px 16px; font-size:24px; text-overflow:ellipsis; white-space:nowrap }
.article_add_info .series_area .series_lst { padding:20px 0; margin:0 18px; border-top:1px solid rgba(0,0,0,0.15); border-bottom:1px solid rgba(0,0,0,0.06) }
.article_add_info .lnk:hover { text-decoration:none }
.article_add_info .series_area .series_lst li { padding-top:22px }
.article_add_info .series_area .series_lst li:first-child { padding-top:0 }
.article_add_info .series_area .series_lst li a { overflow:hidden; padding:0 5px; font-size:16px; font-weight:bold; color:#444; text-overflow:ellipsis; white-space:nowrap }
.article_add_info .series_area .series_lst li.on a { color:#ccc }
.article_add_info .series_area .btn_more { display:block; width:78px; height:35px; margin:15px auto 0; padding:0; border:1px solid #f0f0f0; font-size:14px; color:#444 }
.article_add_info .relation_area { position:relative; margin-bottom:10px; padding-top:30px; background-color:#fff }
.article_add_info .relation_tit { padding:0 22px 12px; font-size:22px }
.article_paragraph_index .index_tit { margin:0 21px; padding-bottom:10px; font-size:24px }
.article_add_info .relation_lst,.article_paragraph_index .index_lst { margin:0 20px; border-top:1px solid rgba(0,0,0,0.15) }
.article_add_info .relation_lst li,.article_paragraph_index .index_lst li { position:relative }
.article_add_info .relation_lst li:after,.article_paragraph_index .index_lst li:after { position:absolute; bottom:0; left:0; right:0; height:1px; background-color:rgba(0,0,0,.05); content:'' }
.article_add_info .relation_lst li:first-child,.article_paragraph_index .index_lst li:first-child { padding-top:0 }
.article_add_info .relation_lst li a,.article_paragraph_index .index_lst li a { display:table; position:relative; width:100%; height:102px }
.article_add_info .relation_lst li a:before,.article_paragraph_index .index_lst li a:before { display:inline-block; height:100%; vertical-align:middle; content:'' }

.article_add_info .relation_lst .img_area,.article_paragraph_index .index_lst .img_area { overflow:hidden; position:absolute; top:16px; right:0; width:70px; height:70px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#f4f6fa center no-repeat; -webkit-background-size:cover; background-size:cover }

.article_add_info .relation_lst .img_area img,
.article_paragraph_index .index_lst .img_area img { position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) }
.article_add_info .relation_lst .img_area:after,
.article_paragraph_index .index_lst .img_area:after { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.02); border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-sizing:border-box; content:'' }

.article_add_info .relation_lst .txt_area,.article_paragraph_index .index_lst .txt_area { display:table-cell; vertical-align:middle }

.article_add_info .relation_lst .img_area + .txt_area,.article_paragraph_index .index_lst .img_area + .txt_area { padding-right:105px }

.article_add_info .relation_lst .txt_area .dsc { display:block; font-size:16px; font-weight:bold; color:#333; line-height:22px }

/* .article paragraph wrap */
.article_paragraph_wrap { position:relative; background-color:#fff; z-index:10 }

/* article paragraph index */
.article_paragraph_index { position:relative; padding:50px 0; background-color:#fff }
.article_paragraph_index:before,.article_paragraph_index:after { display:block; height:4px; margin:0 18px; background-color:#000; content:'' }
.article_paragraph_index:before { margin-bottom:30px }
.article_paragraph_index:after { margin-top:30px }
.article_paragraph_index .index_lst .txt_area .dsc { display:block; position:absolute; left:0; right:0; bottom:30px; padding:0 25px; font-size:22px; font-weight:bold; line-height:30px }
.article_paragraph_index + .article_add_info .author_area .info_bx { padding-top:0 }
.article_paragraph_index.detail { padding:30px 0 }
.article_paragraph_index.detail:before,.article_paragraph_index.detail:after { display:none }
.article_paragraph_index.detail .topic_lst_type2 li:first-child { border-top:1px solid rgba(0,0,0,0.14) }
.article_paragraph_index.detail { padding:30px 0 65px } .topic_lst_type2 li.on .txt_area .tit { color:#ccc }

/* article swiper */
.article_swiper_area { padding:14px 0 11px }
.article_swiper_area .swiper-container { padding:0 20px }
.article_swiper_area .img_slide { -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center }
.article_swiper_area .swiper-slide { width:100% }
.article_swiper_area .img_area,
.article_swiper_area .img_area:only-child { padding-top:0 }
.article_swiper_area .img_area .img_bx { overflow:hidden; position:relative; width:100%; max-height:480px; min-height:230px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px }
.article_swiper_area .img_area .img_cover { position:absolute; top:0; left:0; right:0; bottom:0; background-position:center; -webkit-background-size:cover; background-size:cover }
.article_swiper_area .img_area img { opacity:0 }
.article_swiper_area .img_area iframe { position:absolute; top:-1000%; right:-1000%; bottom:-1000%; left:-1000%; width:100%; margin:auto }
.article_swiper_area .img_dsc { padding-left:0; padding-right:0; font-size:13px; line-height:16px; letter-spacing:-0.9px; color:#999 }
.article_swiper_area .img_dsc strong { display:block; margin-bottom:10px; color:#000; text-align:center }
.article_swiper_area .img_dsc .copyright { margin-left:6px; color:#c6c6c6 }
.article_swiper_area .indicator { display:inline-block; position:static; width:auto; height:22px; padding:0 12px; margin-top:15px; background-color:#f4f6fa; border-top-left-radius:11px; border-top-right-radius:11px; border-bottom-left-radius:11px; border-bottom-right-radius:11px; font-size:12px; color:#aaacaf; line-height:22px }
.article_swiper_area .indicator .swiper-pagination-current { color:#000 }

/* 아티클 부가정보 > 배너영역 */
[class^='article'] .banner_wrap { width:auto; height:auto; margin-top:14px }
[class^='article'] .banner_bx { display:table; overflow:hidden; position:relative; width:60%; margin:6px auto 0; padding:16px 98px 16px 16px; border:1px solid rgba(0, 0, 0, 0.08); border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-radius:5px; font-size:0; cursor:pointer; box-sizing:border-box }
[class^='article'] .banner_bx:first-of-type { margin-top:0 }
[class^='article'] .banner_bx:hover { text-decoration:none }
[class^='article'] .banner_bx .banner_txt { display:table-cell; font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.3px; line-height:22px; vertical-align:middle; white-space:pre-line }
[class^='article'] .banner_bx .img_area img { width:100% }
[class^='article'] .banner_bx.type_mix { height:102px }
[class^='article'] .banner_bx.type_mix .img_area { overflow:hidden; position:absolute; top:50%; right:16px; width:70px; height:70px; margin-top:-35px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-radius:5px; background:#f4f6fa center no-repeat; -webkit-background-size:cover; background-size:cover }
[class^='article'] .banner_bx.type_txt { padding-right:42px }
[class^='article'] .banner_bx.type_txt:after { overflow:hidden; position:absolute; top:50%; right:16px; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:6px; height:10px; background:url(../img/ico_arrow_banner.png) no-repeat; background-size:100% auto; content:'' }
[class^='article'] .banner_bx.type_txt .banner_txt { font-size:14px; line-height:20px }
[class^='article'] .banner_bx.type_img { display:block; max-height:29.0666vw; padding:0; border:0 }
[class^='article'] .banner_bx.type_img .img_area { padding:0 }

/* 아티클 상세 > 게시물 버튼 영역 */
.magazine_btn_area { position:absolute; top:69px; right:35px; z-index:1; font-size:0 }
.magazine_btn_area.type_bottom { position:static; margin-top:40px; text-align:center }
.magazine_btn_area a { display:inline-block; vertical-align:top }
.magazine_btn_area .btn_prev,.magazine_btn_area .btn_next { width:34px; height:34px; border:1px solid #d4d4d4; box-sizing:border-box }
.magazine_btn_area .btn_prev { background-position:-37px -380px }
.magazine_btn_area .btn_next { background-position:-73px -380px }
.magazine_btn_area .btn_list { width:57px; height:34px; margin:0 10px; background:var(--brand-color); font-size:14px; font-weight:700; color:#fff; line-height:32px; text-align:center }

@media screen and (max-width: 1280px){
    .main .col { width: 100% }
    .col_coupon .img_wrap { display: none }
    .col_coupon .sm_img { display: block }
    .last .sm_img { max-height: 340px }
    .header_content { height: 680px }
}
@media screen and (max-width: 1100px){
    .fp_nav.sticky { left: 0; margin-left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}


@media screen and (min-width: 1280px){
    .col_point .col_sub:first-child { float: left }
    .col_sub .tit_ico { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_6.png) }
    .col_easy .tit_ico { width: 74px; height: 34px; background-position: 0 -26px }
    .col_point .tit_ico { width: 61px; height: 57px; background-position: -76px -26px }
    .col_coupon .tit_ico { width: 62px; height: 53px; background-position: -157px -26px }
    /*.main .col_sub { position:relative; clear:both; margin-left:50%; } */
    .main .col_sub:first-child { margin-left: 0 }
    .col_easy .col_content, .col_coupon .col_content { margin-top: -86px; padding-left: 30px }
    .col_point .col_content { left: 50%; right: auto; margin-top: -109px; padding: 0 0 0 30px; text-align: left }
    .col_content .col_tit { margin-top: 26px; font-size: 20px; }
    .col_content .col_txt { margin-top: 8px; font-size: 13px; line-height: 20px }
    .col_content .txt_link { margin-top: 22px; font-size: 13px; }

    .btn_start { width: 300px; height: 68px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_big_4.png); background-position: 0 -106px }
    .payco_text { margin: -149px 0 0 -241px; width: 482px }
    .payco_text .tit { width: 518px; height: 264px; }
    .payco_text [class^='letter'] { margin: 0 36px 50px 0; width: 38px; height: 38px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_animate.png) }
    .payco_text .letter1 { background-position: 0 0 }
    .payco_text .letter2 { background-position: -40px 0 }
    .payco_text .letter3 { background-position: -80px 0 }
    .payco_text .letter4 { background-position: -120px 0 }
    .payco_text .letter5 { background-position: -160px 0 }
    .payco_text .letter6 { background-position: -200px 0 }
    .payco_text .letter7 { background-position: -240px 0 }
    .payco_text .letter8 { background-position: 0 -40px }
    .payco_text .letter9 { background-position: -40px -40px }
    .payco_text .letter10 { background-position: -80px -40px }
    .payco_text .letter11 { background-position: -120px -40px }
    .payco_text .letter12 { background-position: -160px -40px }
    .payco_text .letter13 { background-position: -200px -40px }
    .payco_text .letter14 { background-position: -240px -40px }
    .payco_text .letter15 { background-position: 0 -80px }
    .payco_text .letter16 { background-position: -40px -80px }
    .payco_text .letter17 { background-position: -80px -80px }
    .payco_text .letter18 { background-position: -120px -80px }
    .payco_text .letter19 { background-position: -160px -80px }
    .payco_text .letter20 { background-position: -200px -80px }
    .payco_text .letter21 { background-position: -240px -80px }
}

@media screen and (min-width: 1600px){
    .payco_promotion .btn_join, .payco_cs .btn_faq, .payco_cs .btn_question, .header_info .tit, .col_sub .tit_ico, .lk_more { background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_big_4.png) }
    .payco_cs .btn_faq, .payco_cs .btn_question { height: 68px; width: 250px }
    .col_easy .col_content { margin-top: -128px; padding-left: 40px }
    .col_point .col_content, .col_coupon .col_content { margin-top: -149px; padding-left: 40px }
    .col_content .txt_link { margin-top: 55px }
    .col_content .col_tit { margin-top: 34px; font-size: 32px }
    .col_content .col_txt { margin-top: 15px }
    .lk_more { height: 27px; width: 50px; margin-left: -25px; background-position: -296px 0 }
    .payco_promotion { height: 510px }
    .payco_promotion .promotion_inner { width: 960px }
    .payco_promotion .btn_join { width: 300px; height: 64px; background-position: 0 -176px; margin-left: -150px; top: 306px }
    .payco_promotion .txt_dsc { margin-top: 21px; line-height: 28px }
    .payco_promotion .txt_dsc, .col_content .col_txt, .col_content .txt_link, .header_info { font-size: 16px }
    .col_content .col_txt { line-height: 24px }
    .col_sub .txt_link .sp_main { margin: -3px 0 0 10px }
    .payco_promotion .txt_tit { height: 36px; width: 686px; margin-top: 140px; background-position: 0 -26px }
    .payco_promotion .txt_tit2 { width: 428px; height: 36px; margin-top: 150px; background-position: 0 -89px }
    .payco_promotion .btn_joinapp { width: 300px; height: 64px; margin-top: 34px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/sp_main_big_4.png); background-position: 0 -452px }
    .payco_promotion .promotion_inner .promotion_deco { width: 434px; height: 400px; margin-left: 46px; background-image: url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/img/bg_promotion_deco_big.png) }
    .payco_tit .txt_num { font-size: 42px; line-height: 43px }
    .header_info .tit { height: 38px; width: 295px; margin-bottom: 20px; background-position: 0 0 }
    .col_easy .tit_ico { height: 44px; width: 110px; background-position: -348px 0 }
    .col_point .tit_ico { height: 65px; width: 67px; background-position: -259px -38px }
    .col_coupon .tit_ico { height: 65px; width: 76px; background-position: -369px -46px }
}
/* refund new ... 20191125 */
.rfd_new { min-width:320px }
.rfd_new_wrap { width:100%; max-width:375px; min-width:320px; color:#111 }
.rfd_new_wrap .content { width:100%; padding:50px 20px 0; background:#fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height:auto }
.rfd_new_wrap .tit_area .txt_tit { font-size:28px; font-weight:700; letter-spacing:-.35px }
.rfd_new_wrap .tip_box { padding:20px; letter-spacing:-.1px }
.rfd_new_wrap .tip_box .tit { font-size:14px }
.rfd_new_wrap .tip_box .desc { font-size:14px; line-height:20px; margin-top:3px; color:#111 }
.rfd_new_wrap .lst_step { margin-top:50px }
.rfd_new_wrap .lst_step li { margin-bottom:50px; font-size:0 }
.rfd_new_wrap .lst_step li .tit { padding:0 0 12px 26px; margin-bottom:22px }
.rfd_new_wrap .lst_step li .tit .number { width:20px; height:20px; top:2px; border-radius:10px; font-size:13px; line-height:20px; letter-spacing:-.12px; background-color:#363636 }
.rfd_new_wrap .lst_step li .tit .txt { color:#111; font-size:18px; font-weight:700; line-height:24px; letter-spacing:-.2px }
.rfd_new_wrap .lst_step li .desc { color:#111; font-size:14px; line-height:19px; letter-spacing:-.1px }
.rfd_new_wrap .rdo_bx { height:20px; display:block }
.rfd_new_wrap .rdo_bx:first-child { margin-bottom:23px }
.rfd_new_wrap .radio_area .radio_applied { display:inline-block; overflow:hidden; position:absolute; top:0; left:0; width:20px; height:20px; vertical-align:top; cursor:pointer }
.rfd_new_wrap .radio_applied .radio_mark { position:absolute; top:0; left:0; width:20px; height:20px; background-position:-314px -426px; z-index:1 }
.rfd_new_wrap .radio_applied .radio_mark.radio_checked { background-position:-336px -426px }
.rfd_new_wrap .radio_area .lbl { font-size:16px; padding-left:30px; line-height:20px; letter-spacing:-.15px; color:#111 }
.rfd_new_wrap .input_txt_area { display:inline-block; width:78.21%; margin-right:2.98%; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle }
.rfd_new_wrap .input_txt_area input { width:100%!important; height:50px; padding:10px 15px; color:#000; font-weight:500; font-size:16px; -webkit-box-sizing:border-box; box-sizing:border-box; border:solid 1px #dadbda; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0 }
.rfd_new_wrap .input_txt_area.input_error input { border-color:var(--brand-color) }
.rfd_new_wrap .btn_basic { height:42px; padding:0 10px; font-size:14px; border:0; border-radius:4px; letter-spacing:-.1px; line-height:42px; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none; }
.rfd_new_wrap .btn_basic.btn_add,.rfd_new_wrap .btn_basic.btn_delete { width:18.81%; padding:0 1.5%; color:#fff }
.rfd_new_wrap .btn_basic.btn_add { position:relative; background-color:#fa2829 }
.rfd_new_wrap .btn_basic.btn_add:before { content:'+'; margin-right:4px; font-size:14px; line-height:normal }
.rfd_new_wrap .btn_basic.btn_delete { position:relative; background-color:#111\0/; background-color:rgba(17,17,17,0.4) }
.rfd_new_wrap .btn_basic.btn_delete:before { content:'-'; margin-right:4px; font-size:14px; line-height:normal }
.rfd_new_wrap .btn_basic .ico_add,.rfd_new_wrap .btn_basic .ico_minus { display:none }
.rfd_new_wrap .btn_basic+.input_txt_area,.rfd_new_wrap .btn_basic+.input_txt_area+.btn_basic { margin-top:10px }
.rfd_new_wrap .txt_error { margin-top:12px; margin-bottom:25px; font-size:14px; line-height:19px; letter-spacing:-.1px }
.rfd_new_wrap .img_box img { display:block; width:100%; height:auto }
.rfd_new_wrap .txt_pass { margin-top:12px; margin-bottom:25px; font-size:14px; line-height:19px; letter-spacing:-.1px }
.rfd_new_wrap .bx_verify_phone .dsc { margin-bottom:20px }
.rfd_new_wrap .bx_verify_phone .btn_basic { display:block; width:116px; min-width:116px; padding:0 5px; color:#000; font-weight:700; letter-spacing:-.1px; border: 1px solid #111\0/; border:solid 1px rgba(17,17,17,0.2) }
.rfd_new_wrap .bx_verify_phone .btn_basic.btn_error { border-color:#fa2829 }
.rfd_new_wrap .bx_verify_phone .btn_disabled { width:116px; height:42px; margin-bottom:12px; border-radius:4px; color:#fff; font-size:14px; font-weight:700; letter-spacing:-.1px; line-height:42px; background-color:rgba(17,17,17,0.2); -webkit-box-sizing:border-box; box-sizing:border-box }
.rfd_new_wrap .bx_verify_phone .txt_pass { margin-bottom:12px!important; font-weight:700 }
.rfd_new_wrap .bx_ip_acc .sel.small { width:42%!important }
.rfd_new_wrap .sel.small,
.ly_rfd_new .sel.small { position:relative; height:50px; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; border-color:#dadada }
.rfd_new_wrap .sel:before,
.ly_rfd_new .sel:before { content:""; position:absolute; width:0; height:0; top:20px; right:22px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #111 }
.rfd_new_wrap .sel.small select,
.ly_rfd_new .sel.small select { height:48px; padding:0 38px 0 13px; color:rgba(17,17,17,0.6); font-size:16px; font-weight:700; letter-spacing:-.15px; -webkit-appearance:none; background:none }
.rfd_new_wrap .bx_ip_acc .input_txt_area { width:54.6%; margin-left:3.4%; margin-right:0 }
.rfd_new_wrap .bx_ip_acc .input_txt_area input { width:100%!important }
.rfd_new_wrap .bx_ip_acc .btn_basic { display:none }
.rfd_new_wrap .noti_wrap { width:100%; padding:30px 16px; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#f8f9fb }
.rfd_new_wrap .noti_wrap .tit { color:#111; letter-spacing:-.1px }
.rfd_new_wrap .noti_wrap .lst_noti { margin-top:16px }
.rfd_new_wrap .noti_wrap .lst_noti li { color:rgba(17,17,17,0.4); letter-spacing:-.05px }
.rfd_new_wrap .noti_wrap .lst_noti li+li { margin-top:16px }
.rfd_new_wrap .checkbox_area { height:auto; margin-top:10px; padding:20px 16px; border-bottom:0; background-color:#f8f9fb }
.rfd_new_wrap .checkbox_area .check_bx+.check_bx { margin-top:12px }
.rfd_new_wrap .checkbox_area .check_bx { position:relative; display:block; padding:0; padding-right:30px }
.rfd_new_wrap .checkbox_area .check_bx .btn_view { position:absolute; right:0; color:rgba(17,17,17,0.6); letter-spacing:-.05px }
.rfd_new_wrap .checkbox_applied input { position:absolute; top:0; left:-9999px; z-index:-1 }
.rfd_new_wrap .checkbox_area label { color:#111; font-size:14px; letter-spacing:-.1px; font-weight:400 }
.rfd_new_wrap .checkbox_area .checkbox_applied { display:inline-block; overflow:hidden; position:relative; width:20px; height:20px; vertical-align:top; cursor:pointer }
.rfd_new_wrap .checkbox_area .checkbox_applied .checkbox_mark { display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; background-position:-301px -286px; z-index:1 }
.rfd_new_wrap .checkbox_area .checkbox_applied .checkbox_mark.checkbox_checked { background-position:-323px -286px }
.rfd_new_wrap .btn_footer { position:relative; width:100%; height:55px; margin-top:30px; font-size:0 }
.rfd_new_wrap .bx_btn { position:absolute; left:-20px; right:-20px }
.rfd_new_wrap .bx_btn a { display:inline-block; width:50%; height:55px; font-size:15px; font-weight:400; letter-spacing:-.2px; border:0; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; line-height:55px; text-decoration:none }
.rfd_new_wrap .bx_btn .btn_close { color:#333; background-color:#ebebeb }
.rfd_new_wrap .bx_btn .btn_confirm { color:#fff; background-color:var(--brand-color) }
.ly_rfd_new { display:none; margin:0!important; -webkit-transform:translate(-50%,-50%)!important; -ms-transform:translate(-50%,-50%)!important; transform:translate(-50%,-50%)!important; border:0 }
.ly_rfd_new.ly_pop_extension .desc { font-size:16px; font-weight:700; line-height:23px; letter-spacing:-.15px; text-align:center }
.ly_rfd_new.ly_pop_extension .desc .txt_red { font-weight:700 }
.ly_rfd_new.ly_pop { -webkit-box-sizing:border-box; box-sizing:border-box; padding:40px 20px 0 }
.ly_rfd_new.ly_pop .ly_footer { position:relative; margin-top:30px!important }
.ly_rfd_new.ly_pop .ly_footer .ly_btn_area { position:absolute; top:0; bottom:0; right:-20px; left:-20px }
.ly_rfd_new.ly_pop .ly_footer .ly_btn_area .btn_ly { width:50%; height:55px; color:#333; margin-left:0; line-height:55px; border:0; font-family:Helvetica,'Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,'돋움',dotum,sans-serif; font-size:15px; letter-spacing:-.2px; background-color:#ebebeb; -webkit-box-sizing:border-box; box-sizing:border-box }
.ly_rfd_new.ly_pop .ly_footer .ly_btn_area .btn_ly+.btn_confirm { width:50% }
.ly_rfd_new.ly_pop .ly_footer .ly_btn_area .btn_confirm { width:100%; color:#fff; background:var(--brand-color) }
.ly_rfd_new.ly_pop_extension { width:295px }
.ly_rfd_new.ly_pop_extension ul.lst_txt { display:inline-block; margin-top:12px; font-size:0 }
.ly_rfd_new.ly_pop_extension ul.lst_txt li { color:rgba(17,17,17,0.6); padding-left:10px; font-size:14px; letter-spacing:-.1px; text-align:left; position:relative }
.ly_rfd_new.ly_pop_extension ul.lst_txt li:before { content:""; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:2px; background:#111 }
.ly_rfd_new.ly_pop_extension .change_number { margin:28px 0 3px; color:#111; font-size:14px; letter-spacing:-.1px }
.ly_rfd_new.ly_pop_extension .change_number .txt_point { color:#111; font-weight:700 }
.ly_rfd_new.ly_pop_extension .ly_tit+.tbl_board2 { margin-top:30px }
.ly_rfd_new.ly_pop_extension .notice_lst1 { margin-top:10px; padding:20px 12px; color:rgba(17,17,17,0.4); background-color:#f8f9fb; text-align:left }
.ly_rfd_new.ly_pop_extension .normal { padding-left:0 }
.ly_rfd_new.ly_pop_extension .normal:after { display:none }
.ly_rfd_new.ly_pop_extension .desc .txt_example { display:block; margin-top:6px; color:rgba(17,17,17,0.6); font-size:14px; letter-spacing:-.1px; line-height:normal }
.ly_rfd_new.ly_pop_extension .ly_cont_sel { border:0; padding:0; margin-top:30px }
.ly_rfd_new.ly_pop_extension .ly_cont_txt { padding:0 10px }
.ly_rfd_new.ly_pop_extension .ly_cont_txt .ly_desc { color:#111; text-align:left }
.ly_rfd_new .tbl_board2 { border-top:0; letter-spacing:-.05px }
.ly_rfd_new .tbl_board2 .txt_point { color:#5ab3ff!important }
.ly_rfd_new .tbl_board_cont { display:block; overflow-x:hidden; overflow-y:auto; max-height:168px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1 }
.ly_rfd_new .tbl_board_cont.type2 { max-height:100px }
.ly_rfd_new .tbl_board2 .tdin { color:#111; letter-spacing:-.05px }
.ly_rfd_new .tbl_board2 td { height:33px; padding:0; padding-left:0; text-align:center }
.ly_rfd_new .tbl_board2 tr:first-child td.no_bd { padding-top:0 }
.ly_rfd_new .tbl_board2 tr:last-child td { border-bottom:0 }
.ly_rfd_new .tbl_board2 th { height:50px; padding:0; border-top:2px solid #979797; border-bottom:0; background:#fff; color:#707070 }
.ly_rfd_new .tbl_board2 th .thin span { display:block; color:rgba(17,17,17,0.4); font-size:10px }
.ly_rfd_new .tbl_board2 .thin { display:block; line-height:15px }
.ly_rfd_new.ly_pop_certificate { width:313px }
.ly_rfd_new.ly_pop_certificate .ly_cont_txt { height:300px; border:0; padding:0 10px; margin:0; line-height:normal }
.ly_rfd_new.ly_pop_certificate .tit_txt { margin-top:20px; font-size:16px; color:#111 }
.ly_rfd_new.ly_pop_certificate .tit_txt:first-child { margin-top:0 }
.ly_rfd_new.ly_pop_certificate .ly_desc { margin-top:8px; color:#111; letter-spacing:-.05px; line-height:normal }
.ly_rfd_new.ly_pop_certificate .ly_desc.txt_em { font-size:16px }
.ly_rfd_new.ly_pop_certificate .notice_lst2 li { display:table; color:#111 }
.ly_rfd_new.ly_pop_certificate .notice_lst2 li>span { display:table-cell; font-size:12px; vertical-align:top }
.ly_rfd_new.ly_pop_certificate .notice_lst2 li>span:first-child { width:47px }
.ly_rfd_new.ly_pop_certificate .notice_lst2 li>span+span { padding-left:4px }

/* 전자금융거래분쟁 처리절차 팝업 */
.pop_dispute { font-family:NotoSans; color:#111 }
.pop_dispute .pop_wrap { overflow:auto; padding:50px 42px 50px 45px; box-sizing:border-box }
.pop_dispute .pop_header { border-bottom:0 }
.pop_dispute .pop_header .ly_tit { font-size:25px }
.pop_dispute .ly_content { margin-top:40px }
.pop_dispute .info_area { padding:0; font-size:13px; line-height:20px; color:#111 }
.pop_dispute .info_area+.info_area { margin-top:50px }
.pop_dispute .item_tit { font-size:15px; color:#448ceb }
.pop_dispute .info_box { padding:0; margin-top:15px }
.pop_dispute .item_sub_tit { font-size:13px; margin-top:9px }
.pop_dispute .img_area { width:430px; height:238px; margin:30px auto }
.pop_dispute .lst_info2 li { padding-left:14px }
.pop_dispute .lst_info li+li { margin-top:5px }
.pop_dispute .lst_info2 li+li { margin-top:0 }
.pop_dispute .lst_info .em { margin-left:15px }
.pop_dispute table th,
.pop_dispute table td { font-size:13px; font-family:NotoSans; line-height:20px; text-align:left }
.pop_dispute table th { font-weight:normal }
.pop_dispute table td { padding-left:15px }
.pop_dispute .btn_ly_close { top:25px; right:25px }

/* PAYCO 포인트란? */
.sp_point,.point_btn_txt::after,.point_btn_txt::before,.point_link::after,.btn_tooltip::after,.point_abroad .abroad_textlink::after,.point_abroad .abroad_contactless .ico_contactless,.point_banner_txt::after { display:inline-block; overflow:hidden; background:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/point/sp_icon_v7.png) 0 0/500px auto no-repeat; -webkit-background-size:500px auto; line-height:999em; vertical-align:middle }
.sp_paypal { display:block; position:absolute; left:50%; top:24px; width:60px; height:60px; transform:translateX(-50%); background-image:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/point/logo_paypal.png); background-size: 60px 60px; background-repeat: no-repeat; }
.sp_paypal2 { display:block; position:relative; left:0; top:0; width:48px; height:48px; background-image:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/point/logo_paypal.png); background-size: 48px 48px; background-repeat: no-repeat; }
.sp_tmoney { display:block; position:relative; left:0; top:0; width:48px; height:48px; background-image:url(//payco-cdn.cdn.toastoven.net/PAYCO_CONTENTS/payco/www/point/logo_tmoney.png); background-size: 48px 48px; background-repeat: no-repeat; }
.point_tit { display:flex; align-items:center; font-size:28px; letter-spacing:-0.35px; line-height:39px }
.point_area { margin-top:40px }
.wrap_point .snb_header { padding:24px 0 0 30px }
.wrap_point .solo_tit { padding-top:28px; padding-bottom:30px }
.wrap_point .content { width:1080px; min-height:755px }
.wrap_point .main_cont { position:relative; width:824px; padding:60px 35px 110px }
.wrap_point .snb_sub_menu { margin-top:9px }
.wrap_point .snb_sub_menu .snb_link { display:inline-block; padding:5px 0; font-size:14px; font-weight:700; line-height:17px; letter-spacing:-.2px; color:#111 }
.wrap_point .snb_sub_menu .snb_link:link { text-decoration:none }
.wrap_point .snb_sub_menu .snb_link.active { color:var(--brand-color) }
.wrap_point .snb_header .snb_top_tit { display:block; width:86px; height:56px; background-position:0 -4px; font-size:24px; font-weight:700; letter-spacing:-.3px; color:#fff }
.wrap_point .snb_header .snb_top_subtit { display:inline-block; margin-top:10px; font-size:14px; line-height:19px; letter-spacing:-.1px; color:rgba(255,255,255,0.7) }
.wrap_point { width:1080px; background-color:#fff }
.wrap_point .main_content, .wrap_point button, .ly_popup,.ly_popup .button { font-family:'Pretendard Variable'; color:#111 }
.wrap_point .tit_area { border-bottom:none }
.wrap_point .tit { display:flex; align-items:center; font-size:24px; font-weight:700; color:#111; line-height:33px; letter-spacing:-0.3px }
.wrap_point .tit .sp_point { width:85px; height:19px; margin:0 6px 0 0; background-position:0 -231px }
.point_subtit { font-size:20px; letter-spacing:-.25px; line-height:28px }
.point_tit .sp_point { display:inline-block; width:84px; height:19px; margin:-2px 5px 0 0; background-position:-128px -374px }
.content_intro .point_tit,.content_rewards .point_tit,.content_card .point_tit { font-size:24px; letter-spacing:0; line-height:29px; justify-content:center }
.point_top { margin-top:40px; padding:36px 68px 0 90px; font-size:0; background-color:#f9fafd; border-radius:30px; box-sizing:border-box }
.point_top .point_tit { justify-content:flex-start; letter-spacing:-.25px }
.point_top .point_img { display:inline-block; width:280px; vertical-align:top }
.point_top .point_cardview { display:inline-block; width:168px; vertical-align:top }
.point_explain { display:inline-block; vertical-align:top }
.point_top .point_img + .point_explain { width:calc(100% - 320px); margin-left:40px }
.content_intro .point_explain { margin-top:87px }
.point_desc { margin-top:18px; font-size:14px; font-weight:400; color:#636363; line-height:22.8px; letter-spacing:0 }
.point_noti { margin-top:28px; color:#000 }
.point_noti li { position:relative; padding-left:21px; font-size:14px; letter-spacing:0px; line-height:16.7px }
.point_noti li + li { margin-top:10px }
.point_term_save .point_noti li + li { margin-top:15px }
.method_lst .method_txt,.point_method { font-size:14px; letter-spacing:-.1px; line-height:19px }
.point_noti li::before { position:absolute; top:7.5px; left:10px; width:3px; height:3px; border-radius:50%; background-color:#000; content:"" }
.point_method { display:inline-block; margin-top:20px; color:rgba(17,17,17,.4) }
.method_lst { margin-top:26px; font-size:0 }
.method_lst li { display:inline-block; position:relative; width:60px; margin-right:6px }
.method_lst li:last-child { margin-right:0 }
.method_lst li:before { position:absolute; left:0; top:0; width:100%; height:60px; border-radius:30px; background-color:#fff; content:'' }
.method_lst .sp_point { position:absolute; left:13px; top:14px; width:34px; height:33px }
.method_lst .method_txt { display:block; padding-top:67px; color:#636363; font-size:12px; line-height:14.32px; text-align:center; box-sizing:border-box }
.method_lst .method_account .sp_point { background-position:-76px -259px }
.method_lst .method_direct .sp_point { background-position:-114px -259px }
.method_lst .method_atm .sp_point { background-position:0 -259px }
.method_lst .method_gift .sp_point { background-position:-38px -259px }
.method_lst .method_tmoney .sp_point { background-position:-152px -259px }
.point_term_area { position:relative; margin-top:28px }
.point_term_area:before { position:absolute; left:50%; top:50%; width:1px; height:140px; background-color:rgba(17,17,17,.08); transform:translate(-50%,-50%); content:'' }
.point_term_area:after { display:block; clear:both; content:'' }
.point_term { float:left; width:50%; padding:20px 50px 20px 62px; box-sizing:border-box }
.point_term + .point_term { padding:20px 62px 20px 50px }
.point_term_tit { display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:800; letter-spacing:0; line-height:23.8px }
.point_term_charge .sp_point { width:24px; height:24px; margin-right:8px; background-position:-89px -231px }
.point_term_save .sp_point { width:24px; height:24px; margin-right:8px; background-position:-117px -231px }
.point_payment { margin-top:132px }
.point_payment_lst { margin-top:40px; font-size:0 }
.point_payment_item { display:inline-block; vertical-align:top; width:calc((100% - 48px)/3) }
.point_payment_item + .point_payment_item { margin-left:24px }
.point_payment_img { overflow:hidden; position:relative; height:192px; background-color:#f9fafd; border-top-left-radius:40px; border-top-right-radius:40px }
.point_payment_img .point_img { position:absolute; left:36px; top:32px; width:188px; height:161px; }
.point_payment_desc { height:184px; padding:28px 20px; text-align:center; border:1px solid rgba(17,17,17,.08); border-top:none; box-sizing:border-box; border-bottom-left-radius:40px; border-bottom-right-radius:40px }
.point_payment_tit { display:block; font-size:16px; font-weight:700; line-height:22px; letter-spacing:-.15px }
.point_payment_txt { margin-top:16px; font-size:14px; line-height:19px; letter-spacing:-.1px }
.point_payment_card .point_payment_desc { padding-top:41px }
.point_payment_card .point_payment_txt { margin-top:24px }
.point_payment_rewards .point_payment_desc { padding-top:51px }
.point_payment_rewards .point_payment_txt { margin-top:14px }

/* PAYCO 포인트 결제/사용 */
.wrap_point a,a:hover { text-decoration:none; color:inherit }
.wrap_point .point_usage_cont { padding:47px 35px 80px }
.content_usage .tit,.content_charging .tit { width:196px; height:27px; background-position:-284px 2px }
.point_usage .point_subtit { margin-top:0 }
.point_txt { font-size:16px; letter-spacing:-.15px; line-height:26px }
.point_pay { margin-top:20px }
.point_pay .point_txt { margin-top:11px }
.point_link { display:inline-block; margin-top:16px; padding:10px 14px 10px 20px; font-size:12px; color:rgba(17,17,17,.8); letter-spacing:-.05px; line-height:16px; text-align:center; background-color:#f4f6fa; border-radius:18px }
.point_link::after { display:inline-block; width:12px; height:12px; margin:1px 0 0 2px; background-position:-122px -59px; content:"" }
.point_pay_bx { position:relative; z-index:1; margin-top:34px; padding-top:258px }
.point_pay_bx .point_img { position:absolute; left:50%; top:0; z-index:-1; width:244px; height:276px; transform:translateX(calc(-50% + 2px)) }
.wrap_point img { width:100%; height:100% }
.point_step { height:72px; overflow:hidden; border-radius:20px; background-color:#f4f6fa; transition:.4s }
.point_step .point_btn_txt::after { right:-1px; transition:.4s }
.point_step.is_open .point_btn_txt::after { transform:translateY(-50%) rotate(180deg) }
.point_btn { display:inline-block; width:100%; padding:28px 8px; border-radius:20px; background:#f4f6fa; line-height:1; box-sizing:border-box }
.point_btn_txt { position:relative; padding:0 25px 0 40px; font-size:14px; letter-spacing:-.1px }
.point_btn em { font-weight:700 }
.point_btn_txt::before { position:absolute; top:50%; left:0; width:32px; height:32px; background-position:-86px -61px; transform:translateY(-50%); content:"" }
.point_btn_txt::after { position:absolute; top:50%; right:1px; width:16px; height:16px; background-position:-123px -75px; transform:translateY(-50%); content:"" }
.point_step .step_bx { padding:20px 22px 30px }
.point_step .step_tit { font-size:20px; letter-spacing:-.25px; line-height:28px }
.point_step .step_tab { margin-top:22px; font-size:0 }
.point_step .step_tab li { display:inline-block; margin-left:6px }
.point_step .step_tab li:first-child { margin-left:0 }
.point_step .step_btn { min-width:91px; padding:10px 19px; border-radius:100px; background-color:rgba(129,140,180,0.15); font-size:14px; letter-spacing:-.1px; line-height:19px; box-sizing:border-box }
.point_step .step_btn.active { background-color:#111; font-weight:700; color:#fff }
.point_step .step_cont_area { margin-top:40px }
.point_step .swiper-slide { display:flex }
.point_step .swiper-slide.swiper-slide-active { padding-bottom:35px }
.point_step .step_img { width:88px; height:110px }
.point_step .step_info { flex:1; margin:-2px 0 0 26px }
.point_step .step_num { font-weight:700; font-size:12px; letter-spacing:-.05px; line-height:16px }
.point_step .step_subtit { margin-top:2px; font-size:18px; letter-spacing:-.2px; line-height:25px }
.point_step .step_desc { margin-top:16px; font-size:14px; letter-spacing:-.1px; line-height:19px }
.point_step .swiper-pagination { bottom:0 }
.point_step .swiper-pagination .swiper-pagination-bullet { width:5px; height:5px; margin:0 2px 0 3px; background-color:#111; transition:.4s }
.point_step .swiper-pagination .swiper-pagination-bullet-active { width:25px; border-radius:100px }
.point_card { margin-top:70px }
.point_card .point_subtit { color:#000 }
.point_card .point_txt { margin-top:18px }
.point_card .point_img { width:165px; height:189px; margin:-18px 40px -5px auto }
.point_rewards .point_txt { margin-top:16px }
.point_rewards .point_btn,.point_save .point_btn,.point_unlimit .point_btn,.point_get_maximum .point_btn { width:auto; padding:10px 14px 10px 20px; text-align:center; color:#111 }
.point_rewards .point_btn_txt,.point_save .point_btn_txt,.point_unlimit .point_btn_txt { padding:0 20px 0 28px }
.point_rewards .point_btn_txt::before,.point_save .point_btn_txt::before,.point_unlimit .point_btn_txt::before { width:24px; height:24px; background-position:-0 -83px }
.point_rewards .point_btn_txt::after { background-position:-123px -73px }
.point_usage_area { margin-top:78px }
.point_usage_area .point_tit { font-size:24px }
.point_usage { margin-top:109px; padding-bottom:100px; border-bottom:1px solid rgba(17,17,17,.2) }
.point_usage .point_subtit { color:#000 }
.point_usage_lst { margin-top:40px }
.point_usage_lst:after { display:block; clear:both; content:'' }
.point_usage_item { display:flex; align-items:center; float:left; width:272px }
.point_usage_item:nth-child(n+4) { margin-top:27px }
.point_usage_ico { position:relative; flex-shrink:0; width:80px; height:80px; border-radius:25px; background:#f4f6fa }
.point_usage_ico .sp_point { position:absolute; top:50%; left:50%; width:44px; height:40px; transform:translate(-50%,-50%) }
.point_usage_info { margin-left:16px; box-sizing:border-box }
.point_usage_name { display:inline-block; font-size:16px; font-weight:700; letter-spacing:0; line-height:19px; }
.point_usage_desc { margin-top:4px; font-size:14px; letter-spacing:0; line-height:16px }
.point_usage_convert .sp_point { background-position:-190px -266px }
.point_usage_atm .sp_point { background-position:-238px -266px }
.point_usage_remit .sp_point { background-position:-334px -266px }
.point_usage_invest .sp_point { background-position:-286px -266px }
.point_usage_gift .sp_point { background-position:-382px -266px }

/* PAYCO 포인트 충전/적립 */
.wrap_point .content_charging .main_cont { padding:47px 35px 100px }
.content_charging .point_area { margin-top:0 }
.point_charge .point_subtit { margin-top:0; color:#000 }
.point_charge { margin-top:110px }
.point_charge_lst { position:relative; max-width:458px; margin:40px auto 0; font-size:0 }
.point_charge_lst li { display:inline-block; position:relative; width:36.24% }
.point_charge_lst li:nth-child(2) { position:absolute; left:50%; transform:translateX(-50%) }
.point_charge_lst li:last-child { position:absolute; right:0 }
.point_charge_item { position:relative; width:100%; padding-bottom:100%; border-radius:50%; background-color:var(--brand-color); opacity:.81 }
.point_charge_lst li:nth-child(2) .point_charge_item { opacity:.6 }
.point_charge_lst li:last-child .point_charge_item { opacity:.4 }
.point_charge_lst .point_charge_txt { position:absolute; top:50%; left:50%; width:100%; padding:9px 5px 5px; font-weight:700; font-size:20px; color:#fff; letter-spacing:0; line-height:23.8px; text-align:center; transform:translate(-50%,-50%); box-sizing:border-box }
.point_charge_lst li:first-child .point_charge_txt { padding-right:9px }
.point_charge_lst li:nth-child(2) .point_charge_txt { padding:5px 5px 9px }
.point_detail { margin-top:23px; font-size:12px; color:rgba(17,17,17,0.6); letter-spacing:-.1px; line-height:18px }
.point_recharge { margin-top:130px }
.point_recharge .point_method { margin-top:20px }
.point_recharge .method_lst { display:flex; flex-wrap:wrap; margin-top:39px; padding:0 30px 0 }
.point_recharge .method_lst li { width:calc((100% - 42px)/4); height:189px; margin:0 0 0 14px; padding:94px 5px 20px; border-radius:20px; background-color:#f4f6fa; text-align:center; box-sizing:border-box }
.point_recharge .method_lst li:nth-child(n+5) { margin-top:14px }
.point_recharge .method_lst li:nth-child(4n+1) { margin-left:0 }
.point_recharge .method_lst li:before { content:none }
.point_recharge .method_lst .sp_point { left:50%; top:24px; width:60px; height:60px; transform:translateX(-50%) }
.point_recharge .method_account .sp_point { background-position:0 -296px }
.point_recharge .method_direct .sp_point { background-position:-64px -296px }
.point_recharge .method_land .sp_point { background-position:-128px -310px }
.point_recharge .method_atm .sp_point { background-position:-192px -310px }
.point_recharge .method_happy .sp_point { background-position:-256px -310px }
.point_recharge .method_book .sp_point { background-position:-320px -310px }
.point_recharge .method_gift .sp_point { background-position:0 -360px }
.point_recharge .method_credit .sp_point { background-position:-64px -360px }
.point_recharge .method_mobile .sp_point { background-position:-384px -310px }
.point_recharge .method_culture .sp_point { background-position:-282px -202px }
.point_recharge .method_tmoney .sp_point { background-position:-346px -202px }
.point_recharge .method_name { display:inline-block; font-weight:700; font-size:16px; letter-spacing:0; line-height:19.2px }
.point_recharge .method_desc { margin-top:8px; font-size:14px; color:rgba(17,17,17,0.4); letter-spacing:0; line-height:20px }
.point_recharge .point_detail { position:relative; margin-top:38px; text-align:center; color:#111; line-height:16px; letter-spacing:-.05px }
.point_detail em { display:inline-block; padding:4.4px 7.6px; margin:0 8px 0 0; border-radius:100px; background-color:#fff; font-weight:700; font-size:8.4px; color:#000; letter-spacing:-.05px; line-height:10px; border:1px solid #000; vertical-align:middle }
.point_save_area { margin-top:120px; font-size:0; padding:0 30px; box-sizing:border-box }
.point_save { position:relative; display:inline-block; vertical-align:top; width:calc(50% - 11px); height:214px; margin-top:40px; padding:40px 50px 30px; border:1px solid rgba(17,17,17,.08); border-radius:30px; box-sizing:border-box }
.point_save + .point_save { margin-left:22px }
.point_save .point_btn_txt::after { background-position:-122px -72px; transform:translateY(-50%) rotate(-90deg) }
.point_save .point_img { width:216px; margin:44px -3px 0 auto }
.point_save .point_btn { position:absolute; right:39px; bottom:30px; width:inherit; padding:12px 8px; background-color:transparent }
.point_save .point_btn_txt { padding:0 17px 0 0 }
.point_save .point_btn_txt:before { content:none }
.point_save_tit { font-size:20px; font-weight:700; line-height:28px; letter-spacing:-.25px }
.point_save_tit .point_red { color:var(--brand-color) }
.point_save_tit .sp_point { width:24px; height:24px; margin:3px 0 0 3px; background-position:0 -83px; vertical-align:top }

/* PAYCO 리워드 */
.content_rewards .point_btn_txt::before { display:none }
.content_rewards .point_explain { margin-top:85px }
.content_rewards .point_desc { margin-top:22px; line-height:22.8px }
.content_rewards .point_explain .point_btn { margin-top:37px; width:159px; height:48px; padding:16px 30px; font-size:12px; font-weight:700; line-height:16px; letter-spacing:-.05px; background-color:#eef0f5; border-radius:8px; text-align:center }
.content_rewards .point_explain .point_btn + .point_btn { margin-left:8px }
.content_rewards .point_pay { margin-top:17px }
.point_pay_lst { display:flex; margin-top:20px }
.point_pay_lst li { width:50%;; margin-left:20px; padding:34px 19px 35px; border-radius:20px; background-color:#f4f6fa; text-align:center }
.point_pay_lst li:first-child { margin-left:0 }
.point_pay_lst .point_img { position:relative; width:140px; height:auto; margin:0 auto }
.point_pay_lst .point_img_txt { position:absolute; bottom:0; left:50%; width:100%; font-size:14px; font-weight:700; letter-spacing:-.2px; line-height:22px; transform:translateX(-50%) }
.point_get { margin-top:110px; padding:0 22px; box-sizing:border-box; }
.point_get .point_txt { margin-top:20px }
.point_get_limit { font-size:14px; font-weight:700; color:var(--brand-color); letter-spacing:-.2px; line-height:22px }
.point_get_tit { font-size:24px; letter-spacing:0; line-height:28.8px }
.point_get_desc { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-align: center; color: #636363; padding-top: 11px; }
.point_rate { font-size:0 }
.point_rate_item { display:inline-block; overflow:hidden; border:7.3px solid rgba(250,40,40,0.2); border-radius:50% }
.point_rate_bx { position:relative; width:100%; padding-bottom:100%; background-color:var(--brand-color) }
.point_rate_info { position:absolute; top:50%; width:100%; margin-top:1px; text-align:center; transform:translateY(-50%); box-sizing:border-box }
.point_rate_txt { font-size:14px; font-weight:700; color:#fff; letter-spacing:0; line-height:16.7px }
.point_rate_percent { display:inline-block; margin-top:4px; font-size:32px; color:#fff; letter-spacing:-.4px; line-height:44.65px; text-align:center }
.point_rate_percent span { font-size:23px; letter-spacing:-.29px; line-height:32.06px }
.point_get_cont { min-width:297px }
.point_get_unlimit { margin-top:60px; box-sizing:border-box; }
.point_get_unlimit .point_get_cont { float:left; margin-top:18px }
.point_get_unlimit .point_rate { width:250px; margin:0 auto }
.point_get_unlimit .point_rate_item { width:51.43% }
.point_get_unlimit .point_rate_item:last-child { position:relative; border-color:rgba(0,0,0,0.1); margin-left:-38px }
.point_get_unlimit .point_rate_item .point_rate_info { margin-top:4px }
.point_get_unlimit .point_rate_item:last-child .point_rate_bx { background:#373c48 }
.point_get_unlimit .point_rate_item:first-child .point_rate_info { padding-right:4px }
.point_get_unlimit .point_rate_item:last-child .point_rate_info { padding-left:4px }
.point_get_unlimit .point_rate_item:first-child .point_rate_percent { margin-right:6px }
.point_get_unlimit .point_rate_item:last-child .point_rate_percent { margin-left:12px }
.point_get_maximum { position:relative; margin-top:12px; padding:60px 60px 32px; box-sizing:border-box }
.point_get_maximum::before { position:absolute; top:-.5px; left:50%; width:calc(100% - 30px); height:1px; background-color:rgba(17,17,17,.2); transform:translateX(-50%); content:'' }
.point_get_maximum .point_get_cont { float:right }
.point_get_maximum .point_rate { float:left; position:relative; margin:46px auto 0 65px }
.point_get_maximum .point_rate_item { width:147px }
.point_get_maximum .point_get_limit { letter-spacing:-.1px; line-height:19px }
.point_get_maximum .point_rate_txt { font-size:24px; line-height:29px; letter-spacing:-.05px }
.point_get_maximum .point_rate_percent { font-size:38px; line-height:45.3px; letter-spacing:-.35px }
.point_get_maximum .point_rate_percent span { font-size:20px; line-height:23.8px; letter-spacing:-.25px }
.point_get_maximum .point_rate_brand { position:absolute }
.point_get_maximum .cosmetic { left:-1.9px; bottom:-24.4px }
.point_get_maximum .cosmetic .sp_point { width:31px; height:32px; background-position:-323px -523px }
.point_get_maximum .travel { left:-33px; top:-8.1px }
.point_get_maximum .travel .sp_point { width:37px; height:37px; background-position:-282px -523px }
.point_get_maximum .exercise { right:16.7px; bottom:-48px }
.point_get_maximum .exercise .sp_point { width:43px; height:43px; background-position:-235px -523px }
.point_get_maximum .animal { left:5px; top:-44px }
.point_get_maximum .animal .sp_point { width:45px; height:45px; background-position:-186px -523px }
.point_get_maximum .food { right:-35.3px; top:-34.2px }
.point_get_maximum .food .sp_point { width:52px; height:52px; background-position:-130px -523px }
.point_get_maximum .shopping { left:-65px; bottom:22.9px }
.point_get_maximum .shopping .sp_point { width:57px; height:57px; background-position:-69px -523px }
.point_get_maximum .cafe { right:-68px; bottom:-14px }
.point_get_maximum .cafe .sp_point { width:65px; height:66px; background-position:0 -523px }
.point_get_maximum .point_btn { margin-top:23px; padding:9px 14px 9px 20px }
.point_get_maximum .point_btn_txt { padding:0 13px 0 0; font-size:12px; font-weight:500; line-height:14.3px; letter-spacing:-.05px }
.point_get_maximum .point_get_noti { margin-top:32px }
.point_get_maximum .point_get_noti li { position:relative; padding-left:17px; font-size:12px; color:rgba(17,17,17,0.6); letter-spacing:0; line-height:14.4px }
.point_get_maximum .point_get_noti li + li { margin-top:6px }
.point_get_maximum .point_get_noti li::before { position:absolute; top:6px; left:7px; width:4px; height:4px; border-radius:50%; background-color:rgba(17,17,17,0.6); content:"" }
.point_get_unlimit:after,.point_get_maximum:after { display:block; clear:both; content:'' }
.point_get_card { padding-top:33px; margin-top:65px }
.point_get_card .point_get_tit { margin-top:0; font-size:18px; letter-spacing:-.2px; line-height:28px }
.point_get_card .point_img { width:250px; height:141px; margin:-67px -29px -43px auto }
.point_get_card .point_btn { width:100% }
.point_get_card .point_btn_txt { padding-right:23px }
.point_get_card .point_btn_txt::after { transform:translateY(-50%) rotate(-90deg) }
.point_banner { display:flex; justify-content:space-between; align-items:center; overflow:hidden; position:relative; height:85.8px; margin-top:110px; padding:10px 40px; background-color:#f8fafd; border-radius:20px; box-sizing:border-box }
.point_banner .point_img { position:absolute; left:270px; top:10px; width:83px; height:81px }
.point_banner_tit { font-size:14px; font-weight:700; line-height:16.8px; letter-spacing:0 }
.point_banner_txt { position:relative; padding:0 36px 0 0; font-size:14px; line-height:19px; letter-spacing:0 }
.point_banner_txt::after { position:absolute; top:0; right:0; width:16px; height:16px; background-position:-123px -75px; transform:rotate(-90deg); content:'' }
.point_banner_txt em { font-weight:700 }
.content_rewards .point_noti .point_subtit { margin-top:0 }
.content_rewards .point_noti_lst,.content_card .point_noti_lst { margin-top:20px }
.content_rewards .point_noti li,.content_card .point_noti li { font-size:11px; line-height:15px; color:rgba(17,17,17,0.6); margin-top:10px; padding-left:20px; letter-spacing:0 }
.content_rewards .point_noti li:first-child,.content_card .point_noti li:first-child { margin-top:0 }
.content_rewards .point_noti li::before,.content_card .point_noti li::before { top:5px; background-color:#111; width:2px; height:2px }
.content_rewards .point_noti { margin-top:80px }

/* PAYCO 포인트 카드 */
.is_popup { position:fixed; left:0; width:100% }
.content_card .point_top { padding:70px 73px 69px 105px }
.content_card .point_cardview { margin-top:12px }
.content_card .point_explain { width:calc(100% - 264px); margin:0 0 0 96px }
.content_card .point_subtit { margin-top:0 }
.content_card .point_desc { margin-top:10px; color:rgba(17,17,17,.6); font-weight:700; line-height:19px; letter-spacing:-0.1px }
.content_card .point_card { margin-top:20px; text-align:center }
.content_card .point_noti .point_subtit { margin-top:40px }
.content_card .point_noti .point_subtit:first-child { margin-top:0 }
.point_card_img .point_img { width:168px; height:258px; margin:0 auto }
.point_card_tab { font-size:0; margin-top:10px; text-align:center }
.card_tab_item { display:inline-block; position:relative; margin-left:7.3px; padding:4.7px }
.card_tab_item:first-child { margin-left:0 }
.card_tab_item::before { position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid transparent; border-radius:50%; pointer-events:none; box-sizing:border-box; content:"" }
.card_tab_item.active::before { border-color:var(--brand-color) }
.card_tab_item .sp_point { width:30.5px; height:30.5px; border-radius:50% }
.card_tab_red .sp_point { background-position:-213px -232px }
.card_tab_wh .sp_point { background-position:-247px -231px }
.card_info { margin-top:38px }
.card_info_lst li { display:flex; align-items:center; padding:18px 0; border-top:1px solid #e3e6f0 }
.card_info_lst li:first-child { padding-top:0; border-top:0 }
.card_info_lst li:last-child { padding-bottom:0 }
.card_info_terms { display:inline-block; font-size:14px; font-weight:700; letter-spacing:-.1px; line-height:19px }
.card_info_desc { flex:1; position:relative; padding-right:16.5px; font-size:14px; letter-spacing:-.1px; line-height:19px; text-align:right }
.card_info_type { padding-right:13px }
/* .card_info_detail { padding-right:11.6px } */
.card_info_detail + .card_info_detail { margin-top:5px }
.card_info_txt { display:inline-block; margin-right:10px }
.card_info_visa { position:relative; padding-right:39.2px }
.card_info_txt .sp_point { position:absolute; top:50%; right:0; width:36px; height:12px; background-position:-172px -231px; transform:translateY(-50%) }
.content_card .btn_tooltip { position:absolute; top:50%; right:-10px; width:50px; height:50px; transform:translateY(-50%) }
.content_card .btn_tooltip::after { position:absolute; top:50%; left:50%; width:22.3px; height:22.3px; background-position:-145px -231px; transform:translate(-50%,-50%); content:"" }
.content_card .card_check { display:inline-block; width:100%; margin-top:24px; padding:16.5px; border-radius:11px; background-color:var(--brand-color); font-size:16px; font-weight:700; color:#fff; line-height:19.2px; letter-spacing:0; box-sizing:border-box }
.point_payco_area { position:relative; margin-top:64px; font-size:0 }
.point_payco_area:before { position:absolute; left:387px; top:10px; width:1px; height:252px; background-color:rgba(17,17,17,.08); content:'' }
.point_payco { display:inline-block; vertical-align:top; text-align:center }
.point_cardpay { width:386px; padding:0 70px 0 50px; box-sizing:border-box }
.point_unlimit { width:calc(100% - 386px); padding:0 83px 0 65px; box-sizing:border-box }
.point_payco .point_img { width:173px; height:139px; margin:36px 46px 0 auto }
.point_payco .point_txt { margin-top:26px; color:#3a3a3a; line-height:19px; letter-spacing:0; text-align:center }
.point_payco .point_txt.small { margin-top:8px; font-size:14px; line-height:19px; color:rgba(17,17,17,.6); text-align:center; letter-spacing:-0.1px }
.point_payco .point_tit { display:block }
.point_payco .point_tit .normal { display:block; font-weight:400 }
.point_cardpay .point_txt { margin-top:20px }
.point_unlimit .point_txt { margin-top:49px; padding-left:7px }

.point_unlimit .point_btn { margin-top:18px; margin-left:6px }
.point_unlimit .point_btn_txt { padding:0 14px 0 0; font-size:12px; line-height:16px; letter-spacing:-.05px }
.point_unlimit .point_btn_txt::before { content:none }
.point_unlimit .point_btn_txt::after,.point_get_maximum .point_btn_txt::after { display:inline-block; right:0; width:12px; height:12px; background-position:-122px -59px; content:"" }
.content_card .point_unlimit .point_noti { margin-top:6px; font-size:12px; color:rgba(17,17,17,0.6); letter-spacing:0; line-height:14.4px; text-align:center }
.point_abroad { margin-top:75px }
.point_abroad .point_tit { flex-direction:column; margin:0 auto }
.point_abroad .point_tit .normal { display:block; font-weight:400 }
.point_abroad .abroad_lst { margin-top:40px; font-size:0 }
.point_abroad .abroad_lst li { display:inline-block; position:relative; vertical-align:top; width:calc((100% - 54px)/4) }
.point_abroad .abroad_lst li + li { margin-left:18px }
.point_abroad .sp_point { position:absolute; top:28px; left:50%; transform:translateX(-50%) }
.point_abroad .abroad_visa .sp_point { width:95px; height:95px; background-position:0 -424px }
.point_abroad .abroad_free .sp_point { width:95px; height:95px; background-position:-99px -424px }
.point_abroad .abroad_atm .sp_point { width:95px; height:95px; background-position:-198px -424px }
.point_abroad .abroad_contactless .sp_point { width:95px; height:95px; background-position:-297px -424px }
.point_abroad .abroad_contactless .ico_contactless { width:16px; height:16px; background-size:250px auto; background-position: -205px -101px }
.point_abroad .abroad_info { height:308px; padding:153px 10px 10px; text-align:center; background-color:#f9fafd; border-radius:20px; box-sizing:border-box }
.point_abroad .abroad_tit { font-size:16px; letter-spacing:-.15px; line-height:22px }
.point_abroad .abroad_desc,.point_abroad .point_noti { font-size:12px; color:rgba(17,17,17,0.6); letter-spacing:-.05px; line-height:17px }
.point_abroad .abroad_desc em { font-weight:700; color:#111 }
.point_abroad .abroad_desc { margin-top:18px }
.point_abroad .abroad_textlink { display:inline-block; line-height:16px; margin-top:10px; font-size:10px; font-weight:700; letter-spacing:0; line-height:14px; text-decoration:underline; text-underline-position:under }
.content_card .point_abroad .point_noti { margin-top:11px; font-size:10px; line-height:14px }
.content_card .point_abroad .point_noti.link_type { display:inline-block; font-size:10px; font-weight:700; color:#111; line-height:14px; text-decoration:underline }
.content_card .point_method { display:block; margin-top:110px; color:#111 }
.content_card .point_method ~ .point_method { margin-top:78px }
.point_method .point_desc { margin-top:0; margin-bottom:4px; color:#111; font-weight:700; letter-spacing:-.1px; line-height:19px }
.point_method .point_tit { justify-content:flex-start; line-height:33px; letter-spacing:-.3px }
.point_method_bx { margin-top:18px }
.point_method .point_subtit { margin-top:2px }
.point_method .point_step { height:84px; border-radius:30px }
.point_method .point_step ~ .point_step { margin-top:20px }
.point_method .point_btn { padding:31.5px 30px; text-align:left; background-color:#fff; border:1px solid #e4e4e4; border-radius:30px }
.point_method .point_btn_txt { display:block; padding-left:45px; font-size:16px; font-weight:700; line-height:19px; letter-spacing:0 }
.point_method .point_btn_txt::before { width:37px; height:34px }
.point_method_anywhere .point_btn_txt::before { background-position:-147px -166px }
.point_method_atm .point_btn_txt::before { width:39px; height:36px; background-position:-107px -164px }
.point_method_transport .point_btn_txt::before { background-position:-183px -166px }
.point_method_rewards .point_btn_txt::before { background-position:-70px -166px }
.point_method_recharge .point_btn_txt::before { background-position:2px -166px }
.point_method_tax .point_btn_txt::before { background-position:-36px -166px }
.point_method .step_bx { padding:20px 30px 40px }
.point_method_anywhere .step_bx { padding-bottom:30px }
.point_method_rewards .step_bx,.point_method_recharge .step_bx { padding-bottom:30px }
.point_method .pay_area ~ .pay_area { margin-top:10px }
.point_method .pay_lbl { display:inline-block; padding:6px 16px; border-radius:100px; background-color:#000; font-size:12px; color:#fff; letter-spacing:-.05px; line-height:16px }
.point_method .pay_subtit { font-size:18px; font-weight:700; letter-spacing:-.5px; line-height:25px }
.point_method .pay_bx { margin-top:8px; padding:0 10px }
.point_method .pay_desc { margin-top:10px; font-size:12px; letter-spacing:-.1px; line-height:18px }
.point_method_anywhere .pay_img { margin-top:8px }
.point_method_anywhere .pay_area:first-child .pay_img { width:224px; height:175px }
.point_method_anywhere .pay_area:nth-child(2) .pay_img { width:253px; height:132px }
.point_method .pay_btn { display:block; margin-top:28px; padding:20px 8px; border-radius:20px; background-color:#000; text-align:center }
.point_method .pay_btn_txt { position:relative; padding-right:20px; font-size:14px; color:#fff; letter-spacing:-.1px; line-height:19px }
.point_method .pay_btn_txt em { font-weight:700 }
.point_method .pay_btn .sp_point { position:absolute; top:50%; right:0; width:16px; height:16px; margin-left:5px; background-position:-87px -146px; transform:translateY(-50%) }
.point_method .pay_noti { font-size:12px; color:rgba(17,17,17,0.6); letter-spacing:-.1px; line-height:18px }
.point_method_tax .pay_img { width:200px; height:173px; margin-top:30px }
.point_method_recharge .method_lst { margin:10px 0 0 -10px }
.point_method_recharge .method_lst li { display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(25% - 10px); height:auto; margin:10px 0 0 10px; padding:10px 5px; background-color:#fff; border-radius:20px; text-align:center; box-sizing:border-box }
.point_method_recharge .method_name { display:inline-block; font-size:10px; font-weight:400; line-height:14px }
.point_method_recharge .point_recharge .sp_point { position:relative; top:0; left:0; transform:translate(0) }
.point_method_recharge .pay_btn { margin-top:20px }
.content_card .point_noti { margin-top:81px }
.point_method_recharge .method_lst { display:flex; flex-wrap:wrap; margin:2px 0 0 -16px; padding-bottom:0 }
.point_method_recharge .method_lst { margin:10px 0 0 -8px; font-size:0 }
/* .point_method_recharge .method_lst { margin-top:26px; font-size:0 } */
.point_method_recharge .method_lst li:before { content:none }
.point_method_recharge .method_lst .sp_point { position:absolute; top:20px; left:50%; width:48px; height:48px; transform:translateX(-50%) }
.point_method_recharge .method_lst li:last-child { margin-right:0 }
.point_method_recharge .method_lst .method_txt { display:block; padding:72px 10px 19px; border-radius:20px; background-color:#f4f6fa; color:#111; text-align:center; box-sizing:border-box }
.point_method_recharge .method_lst .method_direct .sp_point { background-position:-190px -1px }
.point_method_recharge .method_lst .method_txt { display:block; padding-top:67px; color:#636363; font-size:12px; line-height:14.32px; text-align:center; box-sizing:border-box }
.point_method_recharge .method_lst .sp_point { top:0; left:0; position:relative; transform:translate(0) }
.point_method_recharge .method_account .sp_point { background-position:-28px -116px }
.point_method_recharge .method_atm .sp_point { background-position:-280px -60px }
.point_method_recharge .method_land .sp_point { background-position:-235px -89px }
.point_method_recharge .method_tmoney .sp_point { background-position:-88px -94px }
.point_method_recharge .method_book .sp_point { background-position:-138px -113px }
.point_method_recharge .method_gift .sp_point { background-position:-330px -62px }
.point_method_recharge .method_credit .sp_point { background-position:-189px -111px }
.point_method_recharge li .ico_method { width:48px; height:48px}
.point_method_recharge .method_desc { margin-top:8px; font-size:9px; color:rgba(17,17,17,0.4); letter-spacing:-.5px; line-height:11px }
.point_method_recharge .point_detail { position:relative; margin-top:20px; padding-left:41px }

/* Layer */
.ly_tooltip { position:absolute; right:24px; left:50%; z-index:100; width:260px; padding:28px 24px 56px; border-radius:20px; background-color:#111; transform:translateX(-100%); box-sizing:border-box }
.ly_tooltip_lst li { position:relative; margin-top:8px; padding-left:12px; font-size:12px; color:#fff; letter-spacing:-.1px; line-height:18px }
.ly_tooltip_lst li:first-child { margin-top:0 }
.ly_tooltip_lst li:last-child { letter-spacing:-.05px; line-height:16px }
.ly_tooltip_lst li::before { position:absolute; top:5px; left:0; width:4px; height:4px; border-radius:50%; background-color:#fff; content:"" }
.ly_tooltip_close { position:absolute; right:5px; bottom:5px; width:54px; height:54px }
.ly_tooltip_close .sp_point { width:24px; height:24px; background-position:-219px -164px }
.ly_qr { position:fixed; top:50%; left:50%; z-index:100; width:281px; padding:36px 24px 0; border-radius:13px; background-color:#fff; text-align:center; transform:translate(-50%,-50%); box-sizing:border-box }
.ly_qr_txt { font-size:16px; font-weight:700; letter-spacing:-.15px; line-height:22px }
.ly_qr_img { margin-top:14px }
.ly_qr_btn button { margin-top:34px; padding:12px; font-size:16px; color:var(--brand-color); letter-spacing:-.15px; line-height:22px }

.dimmed_new { position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%; background:#111; opacity:.6; filter:alpha(opacity=60); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)' }
.ly_pop_m { position:fixed; top:50%; left:50%; z-index:110; transform: translate(-50%,-50%); padding:30px 20px 0 20px; background:#fff; border-radius: 20px; }
.ly_content_m { color: #111; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 19px; letter-spacing: -0.1px; }
.ly_tit_m { font-size: 18px; font-style: normal; font-weight: 700; line-height: 25px; letter-spacing: -0.2px; margin-bottom:10px; }
.ly_footer_m { margin-top:30px; margin-bottom: 20px; text-align:center }
.ly_btn_m { width:100%; padding:13px 10px; background-color:var(--brand-color); color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.15px; border-radius: 10px; }

/* footer_new */
footer, footer * { font-family: 'Pretendard Variable'; letter-spacing: 0; }
.p_developer_footer2 { padding-top:40px; padding-bottom:50px; background:#FFFFFF; position: relative; font-size:13px; line-height: 18px; }
.p_developer_footer2 .font_bold { font-weight:700; }
.p_developer_footer2 .black { color:#111111; }
.p_developer_footer2 .underline { text-decoration:underline; color:rgba(17, 17, 17, 0.60) }
.p_developer_footer2 .gray { color:rgba(17, 17, 17, 0.60) }
.footer__inner { display:flex; max-width:1200px; width:auto; min-width:1000px; position: relative; flex-direction: column; align-items: flex-start; gap:30px; margin:0 auto; box-sizing: border-box; }
.footer__service { width:100%; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; padding-bottom: 30px; border-bottom: 1px solid #F4F6FA; }
.footer__service--title { font-size: 22px; font-style: normal; font-weight: 700; line-height: 26.4px; letter-spacing: -0.7px; }
.footer__service--list { display: flex; align-items: flex-start; gap: 20px; align-self: stretch; }
.footer__service--list li { color: #111111; font-size: 13px; font-style: normal; font-weight: 500; line-height: 18px; }
.footer__service--list li a { color: #111111; }
.font_medium { font-weight: 500; }
.footer__info { width: 100%; display: flex; justify-content: space-between; align-items: center; position:relative }
.footer__info .left_info { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer__info--list { display:flex; font-weight:500; gap:30px; }
.footer__info--list li a { color:#111; }
.footer__family { width: 177px; position: absolute; height:38px; right:0; top:0; }
.footer__family span { color:#111111; font-weight: 500; }
.footer__site { display: flex; align-items: center; justify-content: space-between; background-color:#F4F6FA; padding:10px 15px; }
.footer__corpinfo { display:flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; align-self: stretch; color:rgba(17, 17, 17, 0.60); }
.footer__corpinfo div { display: flex; gap:30px; }
.footer__copyrights , .footer__copyrights a { color:rgba(17, 17, 17, 0.60); line-height: 15px; }
.footer__list { display: none; position: absolute; bottom:36px; background-color:#F4F6FA; width:177px; padding-top: 16px; z-index:110; }
.footer__list li a:hover { text-decoration: underline; }
.footer__list li a { color:#111111; font-weight: 400; }
.footer__list li { padding-left:15px; margin-bottom:14px; display:flex; align-items:center; }
.footer__list li:last-child { margin-bottom: 4px; }
.footer__list .top_border { margin-top:28px; position: relative; }
.footer__list .top_border:before { position:absolute; top:-12px; left:15px; right:15px; height:1px; background-color:#E3E6F0; content:'' }
.footer__site em { width: 12px; height:12px; }
.footer__site span { font-weight: 400; }
.footer__family.open .footer__list { display: block; }
.footer__family.open em { transform:rotate(180deg); }
.footer__family.open a:focus { text-decoration: none; }
.content_inner2 { position:relative; width:1200px; height:100%; margin:0 auto }

/* 250115 리워드 리뉴얼 (NEW) */
.point_get .img_area { width: 465px; margin: 44px auto 106px; }
.point_noti_lst .list_sub { margin-top:8px; }
.point_explain .img_tag { width: 84px; height: 28px; padding-left: 8px; }
.point_noti_lst .lst_tit { font-weight: 700; padding-left: 10px !important; }
.point_noti_lst .lst_tit:before { display: none; }
/* brand rolling */
.brand_area { position: relative; border-top: 0.5px solid rgba(17, 17, 17, 0.20); padding: 101px 49px 0 }
.brand_area .swiper::before { position:absolute; top:0; left:0px; width:20px; height:52px; background-image:linear-gradient(270deg,#F4F6FA 0%, rgba(244,246,250,0) 100%); z-index: 999; transform: rotate(-180deg); content: ""; }
.brand_area .swiper::after { position:absolute; top:0; right:0px; width:21px; height:52px; background:linear-gradient(270deg, #F4F6FA 0%, rgba(244, 246, 250, 0) 100%); z-index: 999; content: ""; }
.brand_area .swiper { overflow:hidden }
.brand_area .swiper-wrapper { transition-timing-function:linear !important }
.brand_area .swiper-wrapper .swiper-slide { width:52px; text-align:center; box-sizing:border-box }
.brand_area .brand_logo { width:52px; height:52px; overflow:hidden }
.brand_area .brand_logo img { width:52px; height:52px; display:block; border-radius:100% }
.brand_area h3 { padding-bottom: 62px; }
.brand_area{position: relative;border-top: 0.5px solid rgba(17, 17, 17, 0.20);padding: 101px 49px 0}
.brand_area .swiper::before{position:absolute; top:0; left:0px; width:20px; height:52px; background-image:linear-gradient(270deg,#F4F6FA 0%, rgba(244,246,250,0) 100%); z-index: 999; transform: rotate(-180deg); content: "";}
.brand_area .swiper::after{position:absolute; top:0; right:0px; width:21px; height:52px; background:linear-gradient(270deg, #F4F6FA 0%, rgba(244, 246, 250, 0) 100%); z-index: 999; content: "";}
.brand_area .swiper{overflow:hidden}
.brand_area .swiper-wrapper{transition-timing-function:linear !important}
.brand_area .swiper-wrapper .swiper-slide{width:52px;text-align:center;box-sizing:border-box}
.brand_area .brand_logo{width:52px;height:52px;overflow:hidden}
.brand_area .brand_logo img{width:52px;height:52px;display:block;border-radius:100%}
.brand_area h3 {padding-bottom: 62px;}
.brand_area{position: relative;border-top: 0.5px solid rgba(17, 17, 17, 0.20);padding: 101px 49px 0}
.brand_area .swiper::before{position:absolute; top:0; left:0px; width:20px; height:52px; background-image:linear-gradient(270deg,#F4F6FA 0%, rgba(244,246,250,0) 100%); z-index: 999; transform: rotate(-180deg); content: "";}
.brand_area .swiper::after{position:absolute; top:0; right:0px; width:21px; height:52px; background:linear-gradient(270deg, #F4F6FA 0%, rgba(244, 246, 250, 0) 100%); z-index: 999; content: "";}
.brand_area .swiper{overflow:hidden}
.brand_area .swiper-wrapper{transition-timing-function:linear !important}
.brand_area .swiper-wrapper .swiper-slide{width:auto !important;text-align:center;box-sizing:border-box}
.brand_area .brand_logo{width:52px;height:52px;overflow:hidden}
.brand_area .brand_logo img{width:52px;height:52px;display:block;border-radius:100%}
.brand_area h3 {padding-bottom: 62px;}

/* 포인트 카드 */
.point_unlimit .point_rate { position:relative; margin:54px 0 0; }
.point_unlimit .point_rate_item { width:91px; border:0 }
.point_unlimit .point_rate_item .point_rate_bx { background-color:var(--brand-color) }
.point_unlimit .point_rate_txt { font-size:9.7px; line-height:11.65px; letter-spacing:0 }
.point_unlimit .point_rate_sub_txt { font-size:16px; line-height:30px; font-weight:700; letter-spacing:-.27px; color:#fff }
.point_unlimit .point_rate_percent { margin-top:-2px; font-size:21.7px; line-height:30.2px; letter-spacing:-.27px; margin-left:7px; }
.point_unlimit .point_rate_percent span { font-size:15.5px; letter-spacing:-.2px; line-height:21.7px }
.point_unlimit .point_rate{position:relative;margin:54px 0 0;}
.point_unlimit .point_rate_item{width:91px;border:0}
.point_unlimit .point_rate_item .point_rate_bx{background-color:var(--brand-color)}
.point_unlimit .point_rate_txt{font-size:9.7px;line-height:11.65px;letter-spacing:0}
.point_unlimit .point_rate_sub_txt{font-size:16px;line-height:30px;font-weight:700;letter-spacing:-.27px;color:#fff}
.point_unlimit .point_rate_percent{margin-top:-2px;font-size:21.7px;line-height:30.2px;letter-spacing:-.27px;margin-left:7px;}
.point_unlimit .point_rate_percent span{font-size:15.5px;letter-spacing:-.2px;line-height:21.7px}
.point_unlimit .point_rate{position:relative;margin:54px 0 0;}
.point_unlimit .point_rate_item{width:91px;border:0}
.point_unlimit .point_rate_item .point_rate_bx{background-color:var(--brand-color)}
.point_unlimit .point_rate_txt{font-size:9.7px;line-height:11.65px;letter-spacing:0}
.point_unlimit .point_rate_sub_txt{font-size:16px;line-height:30px;font-weight:700;letter-spacing:-.27px;color:#fff}
.point_unlimit .point_rate_percent{margin-top:-2px;font-size:21.7px;line-height:30.2px;letter-spacing:-.27px;margin-left:7px;}
.point_unlimit .point_rate_percent span{font-size:15.5px;letter-spacing:-.2px;line-height:21.7px}
/* brand rolling 슬라이드 구현*/
.slider-container {width: 100%;height: 52px;overflow: hidden;position: relative;}
.slider-wrapper {display: flex;width: 200%;animation: slide 25s linear infinite;}
.slider-slide {width:52px;text-align:center;box-sizing:border-box;height: 100%;margin-right: 6px;}
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.brand_area .slider::before{position:absolute; top:0; left:0px; width:20px; height:52px; background-image:linear-gradient(270deg,#F4F6FA 0%, rgba(244,246,250,0) 100%); z-index: 999; transform: rotate(-180deg); content: "";}
.brand_area .slider::after{position:absolute; top:0; right:0px; width:21px; height:52px; background:linear-gradient(270deg, #F4F6FA 0%, rgba(244, 246, 250, 0) 100%); z-index: 999; content: "";}