/* 26.02 리뉴얼 스타일(new26) 추가 관련 */
li{
    text-decoration: none;
    list-style: none
}

/* 몬세라트 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* var */
:root {
    --main_color: #04D9D9;
    --border-color: #dbdbdb;
    --box-border-color: #DAE1E6;
    --box-line-border-color: #ddd;
}

.bg.new26{
    width: 100%; height: 100%;
    position: fixed;
    inset: 0;
    overflow:hidden;
    z-index: -1;
    background: url('/assets/img/26new/bg_main.png') center/cover no-repeat;
}

/* header 새 버전 수정 */
.new26 .inner{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}
nav.gnb{
    display: flex;
}
.depth1_new {
    display: flex;
    gap: 32px;
    position: relative;
}
.depth1_new>li {
    position: relative;
}
.depth1_new>li:not(:first-child){
    width: 80px;

}
.depth1_new>li>a {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
.sub_page .depth1_new>li>a{color: #121212;}
.depth1_new>li>a:hover{color: #555;}

/* 개별 드롭다운 */
.depth2_new {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    padding: 15px 20px;
    width: auto;
    word-break: keep-all;
    white-space: nowrap;

    transform: translateY(8px);
    z-index: 999;

    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    border-radius:8px ;
    transition: opacity .3s ease, transform .3s ease;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.depth1_new > li{position: relative;}
.depth1_new li:hover .depth2_new {
    opacity: 1;
    visibility: visible;
    display: block;
    transform: translateY(4px);
}
.depth2_new:hover{
    opacity: 1;
    visibility: visible;
    display: block;
}
.depth2_new li a {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #333;
    font-size: 15px;
}
.depth2_new li a:hover {
    color: #000;
}

/* 메가메뉴 */
.mega-menu {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    padding: 20px 0 40px 0;
    background: #fff;
    border: 1px solid #eee;
    z-index: 999;

    display: flex;
    gap: 32px;
    justify-content: center;

    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.mega-menu .dummy{
    width: 64px;
}
.mega-menu ul{
    /* border: 1px solid red; */
    width: 80px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mega-menu ul li a{
    font-size: 15px;
}
.all-menu:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}
/* .mega-menu .title {
    font-weight: bold;
    margin-bottom: 15px;
} */
.mega-menu .col a {
    display: block;
    padding: 6px 0;
    font-size: 14px;
    color: #666;
}
.mega-menu .col a:hover {
    color: #000;
}
.new26 .menu_wrap{
    gap: 4px;
    align-items: center;
    padding-right: 24px;
    border-right: 1px solid #fff;
}
.new26.sub_page .menu_wrap{
    border-right: 1px solid #121212;
}
.menu_wrap .menu_icon{
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
}
.menu_wrap .menu_icon span {
    display: block;
    position: absolute;
    width: 8px;
    height: 1px;
    background-color: var(--main_color);
    left: calc(50% - 4px);
}
.menu_wrap .menu_icon span:nth-child(1) {
    top: 6px;
}
.menu_wrap .menu_icon span:nth-child(2) {
    top: 9px;
}
.menu_wrap .menu_icon span:nth-child(3) {
    top: 12px;
}

/* 끝 */

/* 헤더 로고 */
.header_logo{
    display: inline-block;
    width: 103px !important; height: 30px !important;
    background: url(/assets/img/logo.svg) no-repeat center center ;
    cursor: pointer;
}
.sub_page .header_logo, .bgwhite .header_logo{
    background: url(/assets/img/logo.svg) no-repeat center center !important ;
}
.main_header .header_logo{background: url(/assets/img/26new/logo_white.svg) no-repeat center center;}
.main_header .menu_wrap>button:hover .header_logo{background: url(/assets/img/26new/logo_white.svg) no-repeat center center !important;}

@media (max-width:1199px){
    .main_header.allmenuOn .header_logo {background: url(/assets/img/logo.svg) no-repeat center center !important;}
}
/* 메인 공통 변경 */
header.new26 {
    margin-top: 0;
    padding-top: 0;
    border-bottom: 1px solid #717171;
    top: 0;
    width: 100%;
}
header.new26 .rel_wrap:not(.menuon .rel_wrap, .allmenuon .rel_wrap) {
    padding-bottom: 12px;
}
/* 공통 수정 : 메뉴 아이콘 */
/* .new26 .menu_wrap .menu_icon {
    border: none;
} */
.new26 .menu_wrap .btn_allmenu p{
    color: #fff;
}

/* header + .main */
/* header.new26.main{
    안붙여도 문제 없음.
} */

/* header + .sub_page ========================= */
.main_header .menu_depth1 > li > a {color: #fff;}
.main_header .menu_depth1 .depth2_new {color: #121212;}
.main_header button p { color: #fff;}


.new26.bgwhite {background: #fff;}
.new26.sub_page .menu_wrap .btn_allmenu p {
    color: #121212;
}
.sub_page .menu.new26 .menu_depth1 li a {
    color: #121212;
}
.sub_page .sub_menu ul li a {
    color: #555;
}

.sub_page .sub_menu ul li:hover a {
    font-weight: 500;
    color: #121212 !important;
}
/* (sub_page) 전체메뉴 햄버거 아이콘 -> span */
.new26.sub_page .menu_wrap .menu_icon span{
    background-color: #121212;
}

/* 메인메뉴 - 전체메뉴 */
.btn_allmenu:hover .allmenuon .rel_wrap{
    opacity: 1;
}
.btn_allmenu:focus-within .allmenuon .rel_wrap{
    opacity: 1;
}
header.new26 .allmenuon .rel_wrap {
    transition: opacity .1s ease-in-out;
    display: none;
    opacity: 1;
    pointer-events: none;
    background-color: #fff;
    width: 100vw;
    height: 210px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    z-index: 2;
    position: absolute;
    padding-left: 407px;
}
/* header.new26 .allmenuon .rel_wrap::after{
    content: '';
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    inset: 0;
    z-index: -1;
} */

/* 메인메뉴-개별 선택 */
/* .new26 .main_menu ul.menu_depth1>li .menu_depth2 {
    transition: opacity .1s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    gap: 4px;
    padding: 8px 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
} */
/* .new26 .main_menu ul.menu_depth1>li .menu_depth2 li a{
    height: auto;
    padding: 8px 16px;
    width: 120px;
    text-align: left;
    justify-content: flex-start;
} */

/* .new26 .main_menu ul.menu_depth1>li:hover .menu_depth2 {
    opacity: 1;
    pointer-events: auto;
} */
/* .new26 .main_menu ul.menu_depth1>li:focus-within .menu_depth2 {
    opacity:1;
}
.new26 .main_menu ul.menu_depth1>li:hover .menu_depth2 li a {
    color: #121212;
}
.new26 .main_menu ul.menu_depth1>li:focus-within .menu_depth2 li a {
    color: #121212;
} */
/* .main_menu ul.menu_depth1>li a span {
    position: relative; 
} */
/* .new26 .main_menu ul.menu_depth1>li.active a span::before {
    opacity: 0;
    pointer-events: auto;
}
.new26 .main_menu ul.menu_depth1>li:hover a span::before {
    opacity: 0;
    pointer-events: auto;
}
.new26 .main_menu ul.menu_depth1>li:hover a span {
    color: var(--main_color);
} */

/* .new26 .main_menu ul{
    gap: 52;
} */
/* 서브메뉴 : 로그인/회원가입/즐겨찾기 */
/* .new26 .menu_wrap .menu_icon span {
    background-color: #f8f8f8;
    width: 12px;
} */
/* header.new26 .sub_menu ul{
    color: #ccc;
} */
/* header.new26 .sub_menu ul a:hover {
    color: #fff;
} */

/* 메인 */
.visual.new26{
    position: inherit !important;
}
.visual_top{
    width: 100%;
    text-align: center;
    font-size: 32px;
    padding: 86px 0;
}
.visual_top p{
    font-weight: 200;
}

.txt_fff{
    color: #fff;
}


/* 메인 박스영역 */
.box.blur{
    background:rgba(255,255,255,0.1) ;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 16px;
}
.box.blur .login_top{
    color: #fff;
}
.box.blur .login_inner.before a{
    font-weight: 800;
    color: #005B5B;
}
.box.blur .login_footer{
    color: #f1f1f1;
    font-weight: 200;
}
/* 로그인 후 */
.btn.logout.new{
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #333;
}
.login_menu_wrap.white li a{
    color: #fff;
}
.login_cash.white{
    color: #121212;
}
.box.blur:hover{
    background: #fff;
}
.box.blur:hover .white{
    color: #121212 !important;
}
.box.blur:hover .login_footer a{
    color: #121212;
}
.white{
    color: #fff !important;
}

/* nav */
nav.new{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
nav.new .box h3{
    color: #fff;
}

/* 공지사항 */
.nav_inner.notice.new ul li p{
    font-weight: 300;
    color: #fff;
}
/* 이벤트 */
.box.blur .nav_img_wrap{
    border-radius: 8px;
    overflow: hidden;
}
/* 궁금한점이 있으신가요? */
nav.new .nav_link_wrap li{
    padding: 0px;
    width: auto;
    flex: 1;
}
nav.new .btn_new_inq{
    display: flex;
    gap: 8px;
}
nav.new .btn_new_inq li{flex: 1;}
nav.new .btn_new_inq li a{
    display: block;
    width: 100%; height: 100%;
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    padding: 16px 12px;
}
.box.blur:hover .btn_new_inq li a{
    background: #fff;
    border: 1px solid #333;
}
.box.blur:hover nav.new .btn_new_inq li a{
    border: 1px solid #333;
}
nav.new .box h3.tit {
    font-size: 18px;
    margin-bottom: 12px;
}
nav.new .box .nav_section:not(:last-child) {
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}
nav.new .nav_section p{
    font-weight: 200;
}

/* 더 보기 버튼 */
.more.white{
    display: inline-flex;
    gap: 4px;
    position: relative;
    line-height: 1.6;
    align-items: center;
    padding-right: 0;
}
.more.white::after {
    display: none;
}
nav .arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    vertical-align: middle;
}
.box.blur .arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    vertical-align: middle;
}
.box.blur:hover .arrow{
    border-right: 1px solid #121212;
    border-bottom: 1px solid #121212;
}
main.new26{
    margin-top: 0;
}
main.new26 .rel_wrap{
    gap: 16px 20px;
}
.main.new26 section .content_section:not(:last-child){
    margin-bottom: 16px;
}
/* 캐시 인 제휴사 */
.cashin_slide_wrap.new{
    background-color: #fff;
    padding: 30px 0;
    border-radius: 8px;
    margin-top: 18px;
    margin-bottom: 6px;
}
/* 캐시 out 박스 */
.cashout.new li a{
    padding: 16px;
    height: 160px;
}
.cashout.new li:not(:first-child):after {
    content: "";
    display: block;
    position: relative;
    left: -12px;
    top: -100%;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
}

.box.blur:hover .cashout.new li:not(:first-child):after {
    background-color: rgba(0, 0, 0, 0.4);
}

/* 모바일상품권/종이상품권 박스 */
.new26 .content_section.split_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.new26 .content_section.split_2 .section_depth {
    width: calc(50% - 8px);
}
.new26 .section_inner.shop .shop_txt_wrap{
    color: #fff;
}
.new26 .section_inner.shop .shop_txt_wrap span{
    color: var(--main_color);
}
.box.blur .cashout_icon_wrap.new {
    display: flex;
    justify-content: end;
}
.box.blur .cashout_icon_wrap.new .hover_cir{
    background:transparent;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.box.blur:hover .cashout_icon_wrap.new .hover_cir{
    background:#555;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
/* 상품이미지 영역 */
.shop_img_wrap.new{
    width: 100%;
    height: 133px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-bottom: 8px;
}
.shop_img_wrap.new img{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
}
.section_inner.shop li:hover .shop_img_wrap.new img {
    transform: translate(-50%, -50%) scale(1.05);
}
.txt_cash{
    display: block;
    margin-top:8px;
}

.parter-item_name{
    cursor: pointer;
}

/* footer */
footer .rel_wrap{
    padding: 40px 0 40px 0px;
    border-top: 1px solid var(--border-color);
}
.footer_depth1{
    margin-bottom: 20px;
}
.footer_depth1 ul{
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
}
.new_footer .footer_depth1 ul li{
    height: 16px;
    align-items: center;
    display: flex; justify-content: center;
}
.footer_depth1 ul li:not(:last-child){
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #eee;
}
.sum{
    font-weight: 600;
    color: var(--main_color);
}
.no_border{
    border-right: 0 !important;
}
footer .login_wrap{
    text-align: center;
}
footer .login_wrap ul{
    justify-content: center;
    width: 100%;
}
.footer_depth2{
    font-size: 13px;
    font-weight: 200;
}
.new_footer .footer_depth1 ul li a:hover{
    color: #d8d8d8;
}

.mob.menu_icon{
    width: 38px; height: 38px;
    display: none;
    position: relative;
    border-radius: 100%;
    border: 1px solid var(--main_color);
}
.mob.menu_icon span{
    width: 15px;
    height: 1.5px;
    left: calc(50% - 7px);
    position: absolute;
    background: var(--main_color) ;
}
.mob.menu_icon span:first-child{top: 12px;}
.mob.menu_icon span:nth-child(2){top: 18px;}
.mob.menu_icon span:nth-child(3){top: 24px;}
/* active */
.mob.menu_icon.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 18px;
}

.mob.menu_icon.active span:nth-child(2) {
    opacity: 0;
}

.mob.menu_icon.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 18px;
}

.mob_menu_top {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
}

.allmenuon_new {
    position: fixed;
    top: 80px;
    right: -100%;
    width: 100%;
    height: calc(100% - 80px);
    padding: 20px;
    background: #fff;
    z-index: 1000;
    transition: right .3s ease;

    display: flex;
    flex-direction:column;
    gap: 8px;
    justify-content: flex-start;
    align-items: start;
    padding-top: 20px;

    overflow-y: scroll;
    z-index: 10000;
}
.allmenu_depth2_new{display: none; opacity: 0; transition: opacity 0.2s; padding-top: 8px;}
.allmenu_depth2_new li{
    margin-bottom: 8px;
}

.allmenu_depth2_new li a{
    padding: 20px 0;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.allmenuon_new.open {right: 0; display: none;}
.allmenuon_new.open .allmenu_depth2_new{right: 0; opacity: 1;}
.allmenu_depth1{width: 100%;}
.mob_menu_top{width: 100%;}
.fold_menu{width: 100%;}

@media screen and (max-width: 1199px) {
    .main_header .header_logo{background: url(/assets/img/26new/logo_white.svg)no-repeat center center !important;}
    /* 모바일 헤더 */
    header .inner {padding:0 20px;}
    /* header.new26 .inner .header_logo{
        width: 80px !important;
    } */
    .depth1_new {
        display: none;
    }
    .menu_wrap {
        display: flex;
    }
    .sub_menu {
        display: none;
    }
    .mega-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        height: 100vh;
        background: #fff;
        padding: 80px 20px 40px;
        overflow-y: auto;

        display: block;
        transition: .3s ease;
    }

    .mega-menu.open {
        right: 0;
    }
    .mob.menu_icon{
        display: block;
    }
    .mob_menu {
        display: block;
        width: 100%;
    }
    .allmenuon_new.open{
        display: block !important;
    }

    /* 캐시out */
    .cashout.new li a{
        padding: 16px 4px;
    }
    .cashout.new li:nth-child(3):after {
        display: none;
    }

    /* 모바일상품권/종이상품권 */
    .shop_cont_wrap{
        gap: 20px !important;
        margin-left: 0 !important;
    }
    .shop_cont_wrap .shop_cont.left{
        max-width: 260px !important;
        margin-left: 0px !important;
    }
    .new26 .content_section.split_2 .section_depth {
        width:100%;
    }
    .new26 .shop_header_wrap .shop_depth1{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 624px) {
    footer .rel_wrap{
        padding: 40px 12px !important;
    }
    .visual_top{
        font-size: 20px;
        word-break: keep-all;
    }

    .footer_depth1 ul li:not(:last-child) {
        padding-right: 7px;
        margin-right: 7px;
    }
    .footer_depth1{
        width: 100%;
    }
    .footer_depth1 ul li a{
        font-size: 12px ;
    }

    /* 서브페이지 */
    section.sub{
        padding: 0px;
    }
    /* 계좌출금 */
    .partner_item {
        font-size: 13px;
    }
    .partner_item input{
        padding: 4px !important;
        font-size: 13px;
    }
    .partner-item_info{
        padding-left: 0 !important;
        flex-direction: column;
        gap: 4px;
    }
    .partner-item__rate.mini{text-align: left !important;}
    .partner-item__rate.mini span{
        display: block;
    }

    section.new26{
        padding: 0px !important;
    }
    .bank_wrap_new{flex-direction: column;}
    .bank_wrap_new .bank_info{max-width: 100%; width: 100%;}
    .bank_wrap_new .btn.small_btn {
        min-width: 100%;
    }
    .btn_wrap.btn_split_2{
        gap: 12px;
    }
    .box.withdraw-info dl{
        flex-direction: column;
        gap: 4px;
        margin-bottom: 12px;
    }
    .box.withdraw-info dl:last-child{
        margin-bottom: 0;
    }

    /* 종이/모바일 상품권 */
    .shop_cont_wrap.flex {
        display: flex;
        flex-direction: column;
        padding-top: 0px !important;
        margin-left: 0px !important;
    }
    .pay_table_body .scroll-tr{
        height: auto !important;
        overflow: inherit !important;
    }
    .shop_cont_wrap .shop_cont.left{
        margin-left: 0 !important;
    }
    .shop_cont_wrap .info.agree{
        margin-bottom: 12px !important;
    }
    .shop_cont_wrap .info.pay{
        padding-bottom: 20px !important;
        margin-bottom: 0px !important;
    }
    .shop_header_img{width: 100% !important;}
    .shop_header_img img{
        width: 100%t;
    }

    /* 모바일/종이상품권 */
    .content_section .shop_cont_wrap{
        flex-direction: column;
    }
    .shop_cont_wrap .shop_cont.left{
        max-width: 100% !important;
    }

    /* 캐시양도 */
    .box.new.partner_list{
        padding: 20px 8px !important;
    }
    .cashout_disposal .table_head{
        padding: 12px 0;
    }
    .cashout_disposal .partner_item{
        padding: 12px 0;
    }

    /* 마이페이지 */
    .buy_box .box{
        padding: 20px 12px !important;
    }
    .product_info p{
        font-size: 13px;
    }
    .product_info .name{font-size: 12px; word-break: keep-all;}
    .product_info p span{
        display: block;
    }
    .order-item .row{
        grid-template-columns: 1fr 2fr 1fr 0.4fr !important;
    }
    .order-item .row .date p{font-size: 12px !important; text-align: left !important;}
    .order-item .row .img {
        display: none;
        /* width: 50px !important;
        height: 50px !important; */
    }

    .dispo .g-recaptcha-wrap .g-recaptcha {
        transform: scale(1) !important;
    }

    .product_info .price span{margin-left: 0 !important; margin-top: 2px;}
    .product_info .price .dot{
        display: none;
    }

    .term_options{
        gap: 8px !important;
    }

    span.dot{display: none !important;}
    .order-item:hover {
        background-color: #fff !important;
    }
}
@media(max-width:400px){
    .section_title.detail dl {
        gap: 4px;
        flex-direction: column;
    }
}


/* 서브페이지 */
.bold-t{font-weight: 600;} 
.box.new{
    border-radius: 12px;
}
/* 헤더 */
.rel_wrap.new26{
    margin-top: 0 !important;
}
.sub_visual{
    width: 100%;
    margin: 0 auto 24px;
    /* border-bottom: 1px solid #ccc; 불필요한듯*/
}
.visual_sub_header{
    text-align: center;
    padding: 46px 0 38px 0;
}
.visual_sub_header h3{
    font-family: 'Montserrat', sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    color: var(--main_color);
    font-size: 18px;
}
.visual_sub_header h1{
    font-size: 38px;
    font-weight: 750;
    color: #333;
    line-height: 1;
    margin-top: 8px;
}
.visual_sub_header p{
    font-size: 16px;
    font-weight: 300;
    margin-top: 12px;
}
.section_inner.shop_header.new{
    padding-bottom: 0;
    border-bottom: none;
}

/* 계좌출금 */
/* 0309 수정 */
.box.new.parter_list{
    padding: 8px;
}
.all-bar{
    display: flex;
    justify-content: space-between;
    padding:12px;
    border: 1px solid #DAE1E6;
    border-radius: 8px;
    margin-bottom: 8px;
}
.all-bar-left{flex: 1;}
.all-bar-left label{
    display: flex;
    gap: 4px;
    align-items: center;
    flex: 1;
}
.store-item{
    width: 100%;
    border: 1.5px solid #dae1e6;
    border-radius: 8px;
    margin-bottom: 7px;
    overflow: hidden;
    transition: border-color .2s;
}
.store-head {
    display: flex;
    align-items: center;
    padding: 11px 13px;
    gap: 10px;
    cursor: pointer;
    background: #fff;
    user-select: none;
}
.store-item.on {border: 1px solid var(--main_color);}
.store-item.on .store-head{
    background: #eaffff;
}
.partner-item_text{
    display: flex;
    gap: 4px;
    flex: 1;
    align-items: center;
    cursor: pointer;
}
.store-name{display: block !important;}
.fee-badge {
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 20px;
    font-weight: 700;
    background: #fff;
    border: 1px solid var(--main_color);
    color: var(--main_color);
}
.hold-txt {
    font-size: 12px;
    color:#666;
}
.store-body{
    padding: 12px 20px;
    display: none;
}
.store-item.on .store-body{display: block;}
.store-body .row1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f8f8;
    border-radius: 6px;
    padding: 7px 10px;
    margin-bottom: 10px;
    font-size: 12px;
}
.input-wrap{
    display: flex;
    flex: 1;
    gap: 8px;
    align-items: center;
}
.input-row{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}
.input-row .pt-input{
    flex: 1;
    text-align: right;
}
.input-row .row-label{font-size: 13px; margin-right: 8px;}
.input-wrap .btn-max{
    background-color: #d8d8d8;
    padding: 8px 12px;
    border-radius: 4px;
    text-align: center;
    color: #616161;
}
.input-wrap .btn-max:hover{
    background:#c1c1c1 ;
}

.store-body .row2{
    padding:12px 0 0 0;
    border-top: 1px solid #DAE1E6;
    margin-top: 20px;
}
.store-body .row2 > dl{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: inherit;
    margin-bottom: 8px;
    font-size: 13px;
}
.store-body .row2>dl dt{width: 100px;}
.store-body .row2>dl dd{flex: 1;}
.store-body .row2>dl:last-child{
    margin-bottom: 0;
}
.hint{
    display: none;
    padding-top: 8px;
    color: #db0707;
    font-weight: 700;
}

.store-result{
    padding :20px 20px 0 20px;
}
.store-result dl{
    border-bottom: 1px solid #dae1e6;
    padding: 12px 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
}
.store-result .fee{color: var(--main_color); border-bottom: none; padding: 4px 0; }
.store-result dl:last-child{border-top: 1px solid #dae1e6; border-bottom: none;}

/* 계좌출금 - 총 출금 정리 */
.store-result{
    width: 100%;
}
.store-result>dl{
    display: flex;
    justify-content: space-between;
    flex-direction: inherit;
}
.store-result dl dt,
.store-result dl dd{
    flex: 1;
}
.store-result>dl dd{
    text-align: right;
}

@media (max-width : 624px){
    .store-body .row1{
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
    }
}

/*  */
.table_head{
    display: grid;
    grid-template-columns:  1fr 1fr 1fr 1fr;
    /* border: 1px solid red; */
    border-bottom: 1px solid #DAE1E6;
    padding: 12px;
    gap: 12px;
}
.table_head p{
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.table_head .row.first{
    text-align-last: left;
}
.mini{
    color: var(--main_color);
    font-weight: 300;
    font-size: 12px !important;
    margin-top: 4px;
}
.tit.mini{
    text-align: center;
}
.box .tit{ /*출금 비밀번호*/
    margin-bottom: 4px;
    font-weight: 600;
}
.bank_wrap_new{
    width: 100%;
    display: flex;
    gap: 8px;
}
/* 출금 상세 */
.withdraw-info dl{
    width: 100%;
    display: flex;
    gap: 8px;
}
.withdraw-info dl dt{
    font-weight: 600;
}

/* .parter_list{
    border: 1px solid red;
} */

/* 제휴사 */
.partner_item{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #eee;
}

.partner_item.tr{
    cursor: pointer;
}
/* 제휴사 체크박스 */
/* .partner-item_check{
    display: flex;
    justify-content: center;
} */
.box .partner_item:last-child{
    border-bottom: none;
}
.partner-item_info {
    width: auto;
    display: flex;
    gap: 6px;
    justify-content:flex-start;
    padding-left: 16px;
}
.partner-item_info label{
    display: flex;
    gap: 6px;
}
/* .partner-item_check .checkbox { */
input[type="checkbox"] {
        display: none;
    }
span.checkbox {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #DADADA;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    flex-shrink: 0;
    transition: 0.3s;
    margin-top: 1px;
}
input:checked+.checkbox {
    background: var(--main_color);
    border-color: var(--main_color);
}
input:checked+.checkbox::after{
    content: '';
    position: absolute;
    left: 4px;
    top: 2px;
    width: 6px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* 보유캐시 */
.partner-item_point{
    text-align: center;
}

/* 인풋 */
.partner-item_input {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}
/* .partner-item_input input {
    width: 100%;
    padding: 8px 28px 8px 12px;
    text-align: center;
    max-width: 110px;
    background: #fff;
    transition: 0.2s;
} */
 /* 체크되어있을때 */
.partner-item_input input{text-align: center;}
.tr.is-active .partner-item_input input {
    background: #fff;
    cursor: text;
    color: #333;
}

/* 체크안되어있을때 */
/* .partner-item_input input:disabled {
    background: #F2F2F2;
    cursor: not-allowed;
    color: #333;
} */
/* 체크안되어있을 때 */
.tr:not(.is-active) .partner-item_input input {
    background: #F2F2F2;
    cursor: not-allowed;
    color: #999;
    text-align: center;
}

.partner-item__rate.mini{
    width: 100%;
    text-align: right;
}

/* 잔여캐시 */
.partner-item_remain{
    text-align: center;
}

/* 요약 */
.withdraw-summary {
    margin-top: 0px;
    border-radius: 12px;
}
.total_before{
    border-bottom: 1px solid #E6EFF5;
    padding: 20px 0;
}

.summary-row {
    display: flex;
    justify-content: space-between;

    font-size: 16px;
    font-weight: 700;
}
.summary-fee .detail_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap:8px;
}
.summary_detail_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap:8px;
}
.detail_list{
    width: auto;
    flex: 1;
}
.summary-sub {
    flex: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.summary-fee {
    width: 100%;
    border-bottom: 1px solid #121212;
    padding: 24px 0;
}
.summary-row .fee{
    margin-bottom: 12px;
}
.summary-fee p,
.summary-fee ul li{
    color: var(--main_color);
}
.bord_line{
    width: 3px; height: 36px;
    border-radius: 4px;
    background: #DAE1E6;
}
.summary-total {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
    border-top: 1px solid #121212;
}
.agree_wrap.new26 .btn_wrap{
    width: 100% !important;
    display: flex;
    gap: 12px;
    justify-content: center;
}
.agree_wrap.new26 .btn_wrap a{
    width: calc(50% - 12px);
    max-width: 200px;
    padding: 16px 20px;
    display: block;
}
.section_title dl{
    font-size: 13px;
}

.agree_wrap.new26 .btn_wrap .btn.prev{
    border: 1px solid #DAE1E6;
}

/* 종이상품권, 모바일 상품권 */
.pay_table_body .btn_wrap{cursor: pointer; padding: 0 !important;}
.pay_table_body .btn_wrap button{cursor: pointer; padding: 12px 0;}
.content_section.header{
    margin-bottom: 0;
}
.shop_header_img{
    width: 400px;
    height: 300px;
    display: flex;
    justify-content: center;
}
.shop_header_img img{
    width: 300px;
    height: 300px;
}

/* .section_inner.shop_header.new{
    border: 1px solid red;
} */
.shop_header_price.new26 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: none !important;
}
.shop_header_price.new26 p{
    font-size: 16px;
}
.new26 .shop_header_wrap {
    display: flex;
    gap: 24px 20px;
    align-items: center;
}
.new26 .shop_header_wrap .shop_depth2{
    justify-content: flex-start;
}

/* 종이상품권 정보 입력 */
.content_section .shop_cont_wrap{
    display: flex;
    gap: 80px;
    padding: 24px 4px;
}

.shop_cont_wrap .shop_cont{flex: 1;}
.shop_cont_wrap .shop_cont.left{max-width: 320px; margin-left: 20px; padding-top: 30px;}
.shop_cont.left .info:last-child{
    border-bottom: none;
    padding-bottom: 0px;
}
.shop_cont .info{
    border-bottom: 1px solid #DAE1E6;
    margin-bottom: 32px;
}
.shop_cont .info.agree{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.shop_cont.right .info:last-child{
    border-bottom: none;
    border: 1px solid #DAE1E6;
    border-radius: 8px;
    height: 100%;
    padding: 28px 20px 0px 20px;
}
/* .shop_cont .info.item{
    border: 1px solid red;
} */

.shop_cont .info.item ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop_cont .info.item ul li{
    margin-bottom: 12px;
}
.shop_cont .info.item ul li select{
    width: 82px; height: 32px;
    border-radius: 4px;
    border: 1px solid #DAE1E6;
}

.info .b-tit{
    margin-bottom: 8px;
}
.shop_cont.left .info{
    padding-bottom: 24px;
}
.info.order .information{
    padding: 12px;
    border-radius: 4px;
    background: #F7F9FA;
    margin-bottom: 20px;
}
.info.order .information p{
    font-size: 13px;
    font-weight: 400;
}
.info.order .information p b{
    color: #EE0101;
    font-weight: 600;
}
.info.order .txt_sub p{
    font-size: 12px;
}

.info.order .input_wrap{
    display: flex;
    gap: 4px;
}

.info.order .input_wrap input{
    width: auto;
    flex: 1;
    height: 36px;
    width: 100%;
    border: 1px solid #DAE1E6;
    padding: 8px 12px ;
    border-radius: 4px;
}
.info.order .input_wrap button{
    width: 78px;
    text-align: center;
    background-color: var(--main_color);
    color: #121212;
    font-size: 13px;
    border-radius: 4px;
    padding: 7px 0 !important;
}
.info.order .input_title{
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 4px;
}
.input_wrap ul{
    width: 100%;
}
.input_wrap ul li{
    margin-bottom: 4px;
}
.input_wrap ul li:first-child{
    width: 100%;
    display: flex;
    gap: 4px;
}
.input_wrap ul li:last-child{
    margin-bottom: 0;
}
.check_wrap.new26{align-items: flex-start; gap: 6px;}
.check_wrap.new26 label{border: none;}
.label_text{line-height: 1.4; cursor: pointer; flex: 1; word-break: break-all;}
.label_text a{
    color: var(--main_color);
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: 600;
}

/* 상품권-결제 */
.info.pay{width: 100%;}
.info.pay .pay_table_head{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    padding: 15px 0;
    border-bottom: 1px solid #121212;
    margin-top: 0px;
}
.info.pay .b-tit{
    margin-bottom: 0px;
}
.info.pay .pay_table_head .th{
    text-align:center;
}
/* tr 스크롤 0303 */
.pay_table_body .scroll-tr{
    /* border: 1px solid red; */
    overflow: hidden;
    overflow-y: scroll;
    height: 280px;
}
.pay_table_body .tr{
    width: 100%;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #DAE1E6;
    cursor: pointer;
}

.partner-item_input input:disabled {
    background: #F2F2F2;
    cursor: not-allowed;
    pointer-events: none;
}
.total-tr{
    padding: 20px 12px;
    border-bottom: 1px solid #DAE1E6;
}
.total-tr dl{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.total-tr dl dd span{
    color: var(--main_color);
}

/* 보유캐시 / 잔여캐시*/
.mint-t{color: var(--main_color);}
.total-tr.have dl, .total-tr.remain dl, .total-tr.total dl{font-weight: 600;}
.total-tr.total{
    border-top: 1px solid #121212;
    border-bottom: 1px solid #121212;
    margin-top: 12px;
    margin-bottom: 32px;
}
/* 상세내용 */
.total-tr.detail dl{margin-bottom: 12px;}
.total-tr.detail dl:last-child{margin-bottom: 0;}
/* 수수료 */
.fee_wrap{
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}
.fee_wrap .fee{flex: 1;}
.fee_wrap .fee dl{
    font-size: 12px;
    margin-bottom: 0px;
    color: #777;
}
.fee_wrap .line{width: 3px; height: 32px; background: #DAE1E6; border-radius: 3px;}

/* 결제 후 잔여캐시 */
.total-tr.remain{
    border-top: 1px solid #121212;
    border-bottom: 1px solid #121212;
}

/* 구매하기 버튼 */
.pay_table_body .btn_wrap{
    width: 100%;
    padding: 16px 0;
    text-align: center;
    background: var(--main_color);
    margin-top: 12px;
    border-radius: 8px;
    font-weight: 600;
}
.pay_table_body .btn_wrap button{
    width: 100%; height: 100%;
}

/* 슬라이드 토글 ==== */
/* .new26 .content_section{margin-bottom: 0 !important;}  */
.new26 .content_section.sub{margin-bottom: 0 !important;} 
/* 타이틀 박스 */
.content_section .inner_tit_box {
    width: 100%;
    border-top: 1px solid #DAE1E6;
    padding: 18px 16px;
    background: #F7F9FA;
    cursor: pointer;
    position: relative;

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content_section .inner_tit_box.first{border-bottom: 1px solid #dae1e6; pointer-events: none;}
.content_section .inner_tit_box.last{border-bottom: 1px solid #dae1e6;}

.inner_tit_box .arrow{
    width: 10px;
    height: 10px;
    border-top: 2px solid #8f8f8f;
    border-right: 2px solid #8f8f8f;

    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-right: 12px;
}
.inner_tit_box .arrow.active{
    transform: rotate(135deg);
}
.content_body{
    width: 100%;
    max-height: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6;
    padding: 0px 16px;
    transition: max-height 0.4s ease, padding 0.3s ease;
}
.content_body.open{
    max-height: 500px !important;
    padding: 20px 16px;
    overflow:auto;
    border-top: 1px solid #DAE1E6;
}
.content_body p{
    width: 100%;
    display: block;
}

/* 모바일상품권 */
/* 주소입력 인풋 */
input[type='text']:not(.login_input):read-only{
    background-color: #f8f8f8;
}
.scroll-tr.mobile{
    height: 412px;
    overflow-y: auto;
    scrollbar-width: none;   
}
/* Chrome, Edge, Safari */
.scroll-tr.mobile::-webkit-scrollbar {
    display: none;
}
.small-t{
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
    color: #717171;
}
.info.agree .wrap{
    margin-top: 12px;
    padding-left: 20px;
}
.info.agree .wrap p{
    margin-bottom: 8px;
    font-weight: 600;
}
.total-tr.have{border-top: 1px solid #121212;}
.total-tr.have.mobile{border-bottom: 1px solid #121212;}
.total-tr.have.mobile dl{margin-bottom: 16px;}
.total-tr.have.mobile dl:last-child{margin-bottom: 0px;}

.info.agree .g-recaptcha{transform: translateX(-27px) scale(0.85) !important;}

/* 캐시 양도 */
.section_title.main{
    margin-top: 0;
}
.section_title.first{margin-top: 0px; display: block;}
.section_title{margin-top: 28px;}
.disposal_detail{
    height: 178px ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content_section .box.new .before{
    color: #777;
    font-weight: 500;
}
.content_section .box.new .after{width: 100%;}
.content_section .box.new .after dl{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom:4px;
    font-weight: 500;
}
.content_section .box.new .after dl:first-child{margin-bottom: 12px;}
.content_section .box.new .after dl:last-child{margin-bottom:0px;}
.content_section .box.new .after .total{
    color: var(--main_color);
}
.content_section .box.new .after .summary-total{
    font-size: 14px;
    padding: 16px 0 0 0;
    margin-top: 12px;
}

.disposal_input_wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 4px;
    max-width: 370px;
}
.disposal_input_wrap p{
    display: block;
    padding-right: 8px;
}
.disposal_input_wrap input{
    width: auto;
    flex: 1;
}
.disposal_input_wrap .btn{
    width: 63px; height: 43px;
    border-radius: 4px;
    background:var(--main_color) ;
}
.box.disposal_input{margin-bottom: 8px;}
.disposal_input .mini{
    display: block;
    width: 100%;
    font-size:12px;
    font-weight: 500;
    color: #717171;
    padding-left: 66px;
    padding-top: 2px;
}
.dispo_agree p:first-child{padding-bottom: 12px;}
.dispo_agree .border-t{
    border-top: 1px solid #121212;
    padding-top: 12px;
}
.dispo .btn{
    padding: 16px 0;
    background: var(--main_color);
    display: block;
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.dispo .g-recaptcha-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-recaptcha-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 32px;
    margin-bottom: 32px;
}
.g-recaptcha{
    transform: scale(0.85);
    transform-origin: center;
    text-align: center;
}
.dispo .g-recaptcha-wrap .g-recaptcha ,
.exchange .g-recaptcha{
    transform: scale(1);
}


.content_section.dispo .btn{
    width: 100%;
    /* max-width: 420px; */
    padding: 24px 0;
    align-items: center;
    text-align: center;
    background:var(--main_color);
    margin: 0 auto;
    border-radius: 12px;
}


/* 마이페이지 */
/* .mypage_filter{
    border-bottom: 1px solid #DAE1E6;
} */
.filter_group{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #DAE1E6;
}
.filter_group:last-child{border: none;}
.filter_label{
    display: block;
    width: 80px;
    text-align: center;
    border-right: 1px solid #DAE1E6;
    padding: 40px 0;
}
.flex-wrap{
    width: auto;
    flex: 1;
    flex-shrink: initial;
    padding: 16px 0 16px 12px;
}
.term_options{display: flex; gap: 24px;}
.status_options{
    flex: 1;
    padding: 16px 0 16px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}
/* .flex-wrap .term_options{ border: 1px solid red;} */
.date_range{
    display: flex;
    gap: 4px;
    align-items: center;
}
.date_range input{
    width: 100%;
    flex: 1;
    margin-top: 8px;
    min-width: 0px !important;
}
.date_range span{
    width: 20px;
    text-align: center;
}
.buy_box .box{
    padding: 20px 20px;
}
.buy_box .box .row{
    width: 100%;
    display: grid;
    align-items: center;
    /* justify-content: space-between; */
    grid-template-columns: 1.2fr 1fr 3.4fr 1fr 1fr;
    padding: 24px 0;
}
.buy_box .row .img{
    width: 80px; height: 80px;
    border: 1px solid #dae1e6;
    border-radius: 8px;
}
.buy_box .product_info{padding-left: 12px;}
.buy_box .product_info p{display: block;}


.buy_box .product_info .price{
    font-size: 16px;
    font-weight: 600px; 
}
.buy_box .product_info .price span{
    color: #717171;
    margin-left: 4px;
}
.buy_box .product_info .order-status {
    font-size: 14px;
    font-weight: 600;
    margin-top: 6px;
}
.order-status.pending{color: #777;} /* 배송대기 */
.order-status.shipped{color: var(--main_color);} /* 배송중 */
.order-status.in-transit{color: #121212;} /* 배송완료 */
.order-status.cancelled{color: #D93A3A;} /* 취소 */

.product_info
.buy_box .row{
    padding: 12px 0;
    border-bottom: 1px solid #DAE1E6;
}

.row .date p{
    font-size:13px;
    font-weight: 500;
    color: #777;
}
.row .date.apply{
    text-align: center;
}
.row .icon{
    display: flex;
    justify-content: flex-end;
}
.icon_more_detail{
    cursor: pointer;
    width: 48px; height: 48px;
    background: url(/assets/img/26new/buy_more_detail.svg) no-repeat center center;
}
.icon_more_detail.open{
    background: url(/assets/img/26new/arrow_close.svg)no-repeat center center;
}
.order-detail {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    background: #FBFBFB;
    transition: max-height 0.5s ease, padding 0.5s ease;
}
.order-item.open .order-detail {
    max-height: 500px;
    padding: 20px;
    border-top:1px solid #dae1e6 ;
}

.order-item{
    border-bottom: 1px solid #DAE1E6;
    cursor: pointer;
}
.order-item-no{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
}
.order-item:hover{
    background-color: #f7f7f7;
}
.order-item:last-child{border-bottom: none;}
.order-item.is-open .order-detail{
    max-height: 600px;
    padding: 20px;
    border-top: 1px solid #DAE1E6;
}

span .dot{display: inline-block;}

.order-detail .partner_wrap{ 
    padding-bottom: 4px;
    margin-bottom: 16px;
    border-bottom: 1px solid #DAE1E6;
}
.order-detail .partner_wrap dl{
    margin-bottom: 12px;
}
.order-detail dl{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 8px;
}

.order-detail dl dd{
    font-weight: 500;
}

.content_section .txt_sub{
    margin-top: 12px;
}

/* 페이지네이션 */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
    font-size: 14px;
}

.pagination button {
    min-width: 72px;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pagination button:hover {
    background: #f5f5f5;
}

.pagination button:disabled {
    opacity: 0.4;
    cursor: default;
}

.pagination .page-info {
    font-weight: 600;
    color: #222;
}