@charset "utf-8";
@import "morpheus-common.css";

/*
  CSS order:
  1. clear/display/position/z-index/overflow/float
  2. width/height
  3. margin/padding
  4. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
  5. etc
  6. border/background
*/



/* 리소스 업데이트 */
.wrapper.intro { background: #fff;}
.resources-updated {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;
}
.resources-updated .logo {width: 100%; padding: 4rem;background: url(../img/sk-logo.png) center center no-repeat;background-size: 14.6rem;}
.resources-updated .app-name {color: #007b3d; font-size: 2.4rem;font-weight: 600; line-height: 1.4;text-align: center;}
.resources-updated .app-name .resources-logo {display: inline-block; width: 26.4rem;}
.resources-updated .app-name .resources-logo img {width: 100%;}
.prgs-bar-wrap {width: 80%;margin: auto;}
.prgs-bar-wrap .tit {color: #000; font-size: 1.4rem;line-height: 1;text-align: center;}
.progress {position: relative; max-width: 40rem;margin: 1.6rem auto auto;border-radius: 0.2rem;overflow: hidden;}
.progress::before {
    display: inline-block;content: "";position: absolute;height: .6rem;top: 0;left: 0;right: 0;border-radius: .5rem;background: #eee;
    -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}
.progress .bar {position: relative;height: .6rem;    background-image: linear-gradient(to right, #ffd702, #ffb401);border-radius: .5rem;}
.resources-updated .soil-logo {width: 10rem;height: 3.4rem;}
.prgs-bar-wrap .copy {padding: 5rem 0 2.2rem; color: #999; font-size: 1.2rem;line-height: 1;text-align: center;}

.full_loding {height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 999999999;background: rgba(0, 0, 0, 0.4);}
.full_loding .spinner {
    display: inline-block;width: 12rem;height: 12rem; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;
    background: url(../img/soil-logo.png) no-repeat center center;background-size: 10rem;
}
.full_loding .spinner .wave-fill {
    display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-mask-image: url(../img/soil-logo.png);
    background-size: 8rem;width: 10rem;height: 3.4rem; -webkit-mask-size: contain;background-position: center;background-repeat: no-repeat;
}
.full_loding span {display: block;width: 100%;}
.wave {
    height: 3.4rem; -webkit-mask-image: url(../img/soil-logo.png) no-repeat center center;background-size: 8rem;
    height: 100%;background-size: contain;animation: wave 3s linear infinite;filter: drop-shadow(.5rem .5rem .5rem #000);
}
.deep-water {
    background: #ffffff;height: 10rem;border-radius: 5rem;border-bottom-left-radius: 50%;
    background: linear-gradient(45deg,#FFDC18, #ffffff, #007b3d , #fdc101,#FFDC18, #ffffff);
    background-size: 600% 100%;
    animation-direction: alternate;-webkit-box-shadow: 0 0 0 0 rgba(0, 130, 196, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(0, 130, 196, 0), inset 0 0 0 rgba(255, 255, 255, 0);
}

@keyframes wave {
    from {background-position: 0 0;}
    to {background-position: 100rem 0;}
}
.water {animation: water 1.6s linear infinite alternate;filter: drop-shadow(.5rem .5rem 1.5rem #000)}
@keyframes water {
    from {transform: translateY(50%) scale(0)}
    5% {transform: translateY(50%) scale(0)}
    95% {transform: translate(10%, -30%) scale(1.6)  rotate( 360deg);}
    to {transform: translate(10%, -30%) scale(1.6)  rotate( 360deg);}
}

.loading-animation {
    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
    width:80px;height:80px; animation:back .5s steps(8,end) infinite;
    background: url(../img/loading.png);border-radius: 50%;
}
.loading-animation.gray {
    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
    width:60px;height:60px; animation:back .5s steps(8,end) infinite;
    background: url(../img/loading2.png);border-radius: 50%;
}
@keyframes back{
    0%{background-position-x:640px;}
}

.login.after,
.favorite-gas.after {display: none;}
.login .favorite-gas.after {display: block;}
.login.before {padding: 8.4rem 2rem 2.8rem; padding-top: calc(env(safe-area-inset-top) + 8.4rem);padding-top: calc(constant(safe-area-inset-top) + 8.4rem);background: linear-gradient(#ffcc35 20%, #fff 60%);}
.login.before::before {
    content: '';display: block;height: 30rem; position: absolute; top: 0;left: 0;right: 0;bottom:0;background: url(../img/bg-cloud.png) repeat-x center 17rem;background-size: 100%;
}
.login.before::before {animation: movement 20s linear infinite;}
@keyframes movement{
    0% {background-position:0 17rem;}
    100%{background-position:58rem 17rem;}
}
.login.before .header {position: fixed;top: 0;right: 2rem;}
.login.before h2 {position: relative;padding: 0 1rem; color: #333;font-size: 2.8rem;font-weight: 600; line-height: 1;}
.login.before .login-txt {position: relative;padding: 1.6rem 1rem .5rem; color: #000;font-size: 1.6rem;font-weight: 400; line-height: 1;}
.login.before .login-txt + p {position: relative;padding: 0 1rem; color: #000;font-size: 1.6rem;font-weight: 400; line-height: 1;}
.login.before .login-btn {padding: 5.6rem 0 0;}
.login.before .login-btn .btn-login {
    position: relative; display: block;width: 100%; padding: 1.8rem 3.4rem;color: #000;font-size: 1.6rem;font-weight: 600; line-height: 1;background-color: #ffe132;
    border-radius: 1rem;  box-shadow: .2rem .4rem .8rem 0 rgba(0, 0, 0, 0.12), inset .2rem .2rem .3rem 0 rgba(255, 255, 255, 0.56), inset -.1rem -.2rem .3rem 0 rgba(0, 0, 0, 0.18);
    text-align: left;
}
.login.before .login-btn .btn-login span {
    display: inline-block;padding-right: 2.5rem; color: #000;font-size: 1.6rem;font-weight: 600; line-height: 1;
    background: url(../img/login-arrow.png) no-repeat right center;background-size: 1.8rem;
}
.login.before .login-btn .btn-login::before {
    content: '';display: inline-block;padding: 5.2rem 4rem; background: url(../img/img-goodoil.png) no-repeat center center;background-size: 7.5rem;
    position: absolute;right: 1rem;top: -6rem;
}
.login .login-box {
    margin: 0 -1rem;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
}
.login .login-box button {
    position: relative; display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    padding-top:5rem;color: #666;font-size: 1.2rem;line-height: 1;text-align: center;
}
.login .login-box button span {display:block;color: #666;font-size: 1.2rem;line-height: 1;text-align: center;}
.login .login-box button .nb {display:block;padding-top: 0.6rem; color: #000;font-size: 1.6rem;line-height: 2rem;text-align: center;}
.login .login-box button .nb em {display:inline-block;color: #000;font-size: 2rem;line-height: 1;text-align: center;vertical-align: bottom;}

.login .login-box button.btn-point {background: url(../img/ico-point.png) center top no-repeat;background-size: 6rem;}
.login .login-box button.btn-coupon {background: url(../img/ico-coupon.png) center top no-repeat;background-size: 6rem;}
.login .login-box button.btn-gift-card {background: url(../img/ico-gift-card.png) center top no-repeat;background-size: 6rem;}

.login.after {padding: 7.2rem 2rem 2.8rem;padding-top: calc(env(safe-area-inset-top) + 7.2rem);padding-top: calc(constant(safe-area-inset-top) + 7.2rem);background: #fff;}
.login.after .scan-line {padding-bottom: 2.4rem;}
.login.after .scan-line button {position: relative; padding: 1.4rem 2.6rem; background: url(../img/main-btn-scan-line.png) center top no-repeat;background-size: 5.6rem;}
.login.after .scan-line button::before {
    content: '';display: block;position: absolute;width: 100%;left: 0;right: 0; top: .3rem;height: 1px; border-bottom: .3rem solid #ff0000;
    animation: scan_move 4s;animation-iteration-count: infinite;opacity: .6;
}
@keyframes scan_move {
    0% { transform: translateY(0%);height: 0;}
    30% { transform: translateY(0%);height: 0;}
    50% { transform: translateY(0); height: 0.8rem;}
    75% { transform: translateY(0);height: 2.1rem;}
    90% { transform: translateY(0);height: 0;}
    100% { transform: translateY(0);height: 0;}
}
.login.after .name {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;
    flex-direction: row;justify-content: space-between;padding-bottom: 1rem;text-transform:uppercase;
}
.login.after .name span {
    display: inline-block; padding: .6rem 1rem .5rem;vertical-align: top;color: #000;font-size: 1.2rem;line-height: 1;font-weight: 600;
    color: #000;font-size: 2rem;line-height: 1;font-weight: 400;
}
.login.after .name em {color: #000;font-size: 2rem;line-height: 1;font-weight: 600;vertical-align: top;}
.login.after .name span.rating {padding: .3rem 1rem .5rem;color: #000;font-size: 2.8rem;line-height: 1;font-weight: 600;}

.login .rating-wrap {margin-top: 2.4rem;padding: 0 0.2rem;}
.login .rating-bar {position: relative;display: block;border-radius: 1rem;background-color: #e5e5e5;height: 1rem;}
.login .rating-bar span {
    position: relative;display: inline-block;vertical-align: top;height: 1rem;
}
.login .rating-bar span::before {
    content: '';position: absolute;top: -2.4rem;left: 0;width: 4.8rem;height: 2.4rem;background: url(../img/icon-graph-car.png) center / 100% no-repeat;
    -webkit-animation: car 2s normal forwards;animation: car 2s normal forwards;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;
    -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;
}

@keyframes car {
    0% { left: 0;}
    100% { left: 100%;margin-left: -4.8rem;}
}
.login .rating-bar span::after {


    content: ''; position: relative;display: inline-block;height: 1rem;border-radius: .5rem;
    -webkit-animation: load 2s normal forwards;animation: load 2s normal forwards;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;
    -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;
    transition: all 0.2s ease;background: -o-linear-gradient(left, rgba(0,174,87,1), rgba(179,249,156,1), rgba(255,233,0,1));
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,174,87,1)), color-stop(rgba(179,249,156,1)), to(rgba(255,233,0,1)));
    background: linear-gradient(to right, rgba(0,174,87,1), rgba(179,249,156,1), rgba(255,233,0,1));vertical-align: top;

}
@keyframes load {
    0% {width: 0;}
    100% {width: 100%;}
}

.login .rating-oil {padding-top: 1.2rem; color: #000;font-size: 1.4rem;line-height: 1;font-weight: 400;}
.login .rating-oil em {color: #000;font-size: 1.4rem;line-height: 1;font-weight: 600;vertical-align: top;}
.login .rating-oil span {color: #000;font-size: 1.2rem;line-height: 1;font-weight: 400;vertical-align: top;}
.login .rating-oil span em {color: #000;font-size: 1.2rem;line-height: 1;font-weight: 600;vertical-align: top;}
.login.after .login-box {padding-top: 3.2rem;}

/* 법인회원인 경우 */
.login.after .user-info.corporation .rating,
.login.after .user-info.corporation .rating-wrap {display: none;}
.login.after .user-info.corporation + .login-box {padding-top: 0;}


.login .rating-wrap .rating-level{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 1rem;}

.login .rating-wrap .rating-level li{color: #999;font-size: 1.1rem;font-weight: 500;}
.login .rating-wrap .rating-level li.active{color: #333;font-weight: 600;}

.main-bg {border-top: .6rem solid #eee;background-color: #fff;}
.main-bg .main-swiper {padding: 2rem;}
.main-bg .main-swiper .swiper-container .swiper-wrapper .swiper-slide {min-height: 3rem;}
.main-bg .main-swiper .swiper-container .swiper-wrapper .swiper-slide.banner01 {background: url(../img/event-ticket.png) right top no-repeat;background-size: 12.2rem;}
.main-bg .main-swiper .swiper-container .swiper-wrapper .swiper-slide.banner01 .banner-title {color: #000;font-size: 1.3rem;line-height: 1;text-align: left;font-weight: 400;}
.main-bg .main-swiper .swiper-container .swiper-wrapper .swiper-slide.banner01 .banner-txt {padding: 1rem 0; color: #000;font-size: 1.5rem;line-height: 1.3;text-align: left;font-weight: 600;}
.main-bg .main-swiper .swiper-container .swiper-wrapper .swiper-slide img {max-width: 100%;}
.main-bg .main-swiper .mobile-swiper-pagination {width: 100%;position: relative;text-align: center;left: auto;bottom: auto;padding-top: 1.6rem;}
.main-bg .main-swiper .mobile-swiper-pagination .swiper-pagination-bullet {width:.6rem;height:.6rem;margin-left:1rem;background:#ddd;-webkit-transition: all .5s;transition: all .5s;opacity:1;}
.main-bg .main-swiper .mobile-swiper-pagination .swiper-pagination-bullet:first-of-type {margin-left: 0;}
.main-bg .main-swiper .mobile-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.6rem;background:#222;border-radius: 1rem;}
.main-bg .main-swiper .mobile-swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .3rem;}

.main-bg .btn-shortcuts {
    display: flex; align-items: center; justify-content: space-between;
    overflow-x: auto; width: 100vw; max-width: 80.5rem; padding: 0 1rem 0; margin-bottom: 3rem;
}
.main-bg .btn-shortcuts::-webkit-scrollbar {display: none;}
.main-bg .btn-shortcuts button,
.main-bg .btn-shortcuts a {
    position: relative; padding-top: 6rem; flex-shrink: 0;
    color: #000 ;font-size: 1.2rem; line-height: 1.2; text-align: center;
    word-break: break-all; width: 8.5rem;
}
.main-bg .btn-shortcuts button:active,
.main-bg .btn-shortcuts button:focus,
.main-bg .btn-shortcuts a:active,
.main-bg .btn-shortcuts a:focus {opacity: .2;-webkit-transition: all 0.01s;}
.main-bg .btn-shortcuts button::before,
.main-bg .btn-shortcuts a::before {
    content: '';display: inline-block;padding: 2.7rem;position: absolute;left: 50%;top: 0;border-radius: 50%;transform: translateX(-50%);
}
.main-bg .btn-shortcuts button.short-pay::before {background:#f5f5f5 url(../img/ico-short-pay.png) center center no-repeat;background-size: 3.6rem;}
.main-bg .btn-shortcuts button.short-card::before {background:#f5f5f5 url(../img/ico-short-card.png) center center no-repeat;background-size: 3.6rem;}
.main-bg .btn-shortcuts button.short-receipt::before {background:#f5f5f5 url(../img/ico-short-receipt.png) center center no-repeat;background-size: 3.6rem;}
.main-bg .btn-shortcuts button.short-pointmall::before {background:#f5f5f5 url(../img/ico-short-pointmall.png) center center no-repeat;background-size: 3.6rem;}
.main-bg .btn-shortcuts a.short-carlife::before {background:#f5f5f5 url(../img/ico-short-carlife.png) center center no-repeat;background-size: 3.6rem;}

.main-bg .main-banner-wrap {padding: 0 1.6rem 3rem 1.6rem;}
.main-bg .main-banner-wrap ul li+li {margin-top: 1.6rem;}
.main-bg .main-banner-wrap ul li a {display: block;}
.main-bg .main-banner-wrap ul li a img {width: 100%;}

.main-soil-box {padding: 2.4rem 1.6rem 4rem; background-color: #f6f6f6;}
.main-soil-box li + li {margin-top: 2.4rem;}
.main-soil-box li button {
    display: block;width: 100%;padding: 3rem 2rem 5rem 2rem; border-radius: .8rem;box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);background-color: #fff;
    color: #000;font-size: 2rem;line-height: 1.4;text-align: left;font-weight: 500;
}
.main-soil-box li.btn-customer button {background:#fff url(../img/img-customer.png) right 2.4rem bottom 2rem no-repeat;background-size: 8.8rem;}
.main-soil-box li.btn-trust button {background:#fff url(../img/img-trust.png) right 3.2rem bottom 1.6rem no-repeat;background-size: 9.2rem;}
.main-soil-box li button span {display: block;padding-top: .5rem; color: #666;font-size: 1.4rem;line-height: 1;text-align: left;font-weight: 400;}

.after.favorite-gas {padding: 1.6rem 1.6rem 4.2rem; background-color: #f6f6f6;}
.after .favorite-title {position: relative; padding: .8rem 1.6rem; color: #000;font-size: 1.2rem;line-height: 1;text-align: left;font-weight: 600;}
.after .favorite-title .btn-gas-plus {
    color: #000;font-size: 1.2rem;line-height: 1;text-align: left;font-weight: 600;padding-right: 1.4rem;
    background: url(../img/icon-gas-plus.png) right center no-repeat;background-size: 1rem;
}
.after .favorite-title .gas-more {position: absolute;right: .5rem;top: 1.2rem;padding: .4rem;background: url(../img/btn-arrow.png) center center no-repeat;background-size: 1.4rem;}
.after .favorite-title .gas-filter {
    position: absolute;right: 1.2rem;top: 0;padding: 1rem;background: url(../img/btn-filter.png) center center no-repeat;background-size: 1.6rem;
}

.after .favorite-gas-list li {padding: 2.4rem 2rem; box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);border-radius: 1.2rem; background-color: #fff;}
.after .favorite-gas-list li + li {margin-top: 1.2rem;}
.after .favorite-gas-list .favorite-info .title {position: relative;}
.after .favorite-gas-list .favorite-info .title .oil-name {
    display: inline-block; max-width: calc(100% - 6rem);color: #000;font-size: 1.4rem;line-height: 1;text-align: left;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.after .favorite-gas-list .favorite-info .title .quality-info {
    padding: .1rem 1.5rem .1rem 0; color: #08a75a;font-size: 1.1rem;line-height: 1;text-align: left;vertical-align: top;margin-top: 0.2rem;
    background: url(../img/oil-info.png) right top no-repeat;background-size: 1.2rem;
}
.after .favorite-gas-list .favorite-info .title .filter {
    position: absolute;right: 0;top: -.5rem;padding: 1.2rem;background: url(../img/btn-filter.png) center center no-repeat;background-size: 2.4rem;
}
.after .favorite-gas-list .favorite-info .service {position: relative;padding: 1.2rem 0 2rem;font-size: 0;}
.after .favorite-gas-list .favorite-info .service span {
    display: inline-block;padding: .5rem 1rem; color: #666;font-size: 1.1rem;line-height: 1;text-align: left;border-radius: 1.1rem;border: solid 1px #ddd;background-color: #fff;
}
.after .favorite-gas-list .favorite-info .service span + span {margin-left: 0.4rem;}
.after .favorite-gas-list .favorite-info .service .icon-belief {color: #000;border: 1px solid #fff3ad;background-color: #fff3ad;}
.after .favorite-gas-list .favorite-info .service .kind {
    position: absolute;right: 0;top: 1.2rem;color: #000;font-size: 1.6rem;line-height: 1;text-align: left;
}
.after .favorite-gas-list .favorite-info .oil-info {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;
    flex-direction: row;justify-content: space-between;
}
.after .favorite-gas-list .favorite-info .oil-info .length {position: relative;padding-right: 4rem; color: #000;font-size: 1.5rem;line-height: 3rem;text-align: left;font-weight: 600;}
.after .favorite-gas-list .favorite-info .oil-info .length em {color: #000;font-size: 1.5rem;line-height: 3rem;text-align: left;font-weight: 600;}
.after .favorite-gas-list .favorite-info .oil-info .length:after {
    content: '';display: inline-block;position: absolute;right: 0;top: 0;padding: 1.5rem; box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, 0.24);border-radius: 50%;
    background:#222 url(../img/icon-navi.png) center center no-repeat;background-size: 1.6rem;
}
.after .favorite-gas-list .favorite-info .oil-info .price {color: #000;font-size: 2.8rem;line-height: 1;text-align: left;font-weight: 600;}

/* side Menu */
.all-menu {display: none;position: fixed;top: 0;bottom: 0;right: -40rem;z-index: 15;height: 100%;width: 100%;background-color: #fff;}
.all-menu .side-animate {position: relative;height: 100%;background-color: #fff;overflow: hidden;}
.all-menu .side-header {position: relative; padding: 1.8rem 2rem;min-height: 6.4rem;}
.all-menu .side-header h1{
    display: inline-block; width: 8.8rem;height: 2rem;font-size: 0;text-indent: -9999px;
    background: url(../img/logo-eng.png) center center no-repeat;background-size: 8.8rem;-webkit-backdrop-filter: blur(2rem);backdrop-filter: blur(2rem);
}

.all-menu .side-header .rgt {z-index:12;position:absolute;top:1.8rem;right: 1.6rem; height: 2.8rem;line-height: 1;}
.all-menu .side-header button {background-color: transparent;-webkit-backdrop-filter: blur(2rem);backdrop-filter: blur(2rem);border-radius: .5rem;}
.all-menu .side-header button + button {margin-left: 1rem;}
.all-menu .side-header .btn-setting {
    display: inline-block; width: 2.8rem;height: 2.8rem;font-size: 0;
    text-indent: -9999px;background: url(../img/btn-setting.png) no-repeat center center;background-size: 2.6rem;
}
.all-menu .side-header .btn-logout {
    display: inline-block; width: 2.8rem;height: 2.8rem;font-size: 0;
    text-indent: -9999px;background: url(../img/btn-logout.png) no-repeat center center;background-size: 2.4rem;
}
.all-menu .menu-close {z-index: 99;width: 3rem;height: 2.8rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/btn-close.png) center / 2.4rem no-repeat;}
.all-menu .push {
    display: inline-block; width: 2.8rem;height: 2.8rem;font-size: 0;
    text-indent: -9999px;background: url(../img/btn-alarm.png) no-repeat center center;background-size: 2.4rem;
}
.all-menu .push.animation {transform-origin: 70% 0;animation-name: ring;animation-duration: 4s;animation-iteration-count: infinite;animation-play-state: running}
.all-menu .push.animation span {
    display: inline-block;position: absolute;right: .2rem;top: .2rem; width: .4rem;height: .4rem;line-height: 1.35;text-indent: 0;text-align-last: center;
    border-radius: 50%;background-color: #e6000e;
}

.all-menu .login-title {padding: 1.2rem 2.8rem 1.6rem;}
.all-menu .login-title .login-tit {color: #000;font-size: 2rem;line-height: 1;text-align: left;}
.all-menu .login-title .login-txt {padding-top: .6rem; color: #000;font-size: 2rem;line-height: 1;text-align: left;font-weight: 400;}
.all-menu .login-title .login-tit span {position: relative;}
.all-menu .login-title .login-tit span em {position: relative; color: #000;font-size: 2rem;line-height: 1;text-align: left;font-weight: 600;z-index: 2;}
.all-menu .login-title .login-tit span em::before {
    content: '';display: block;clear: both;height: 0.6rem;position: absolute;left: 0; right: 0;bottom: 0rem;background: #ffe132;z-index: 1;opacity: 0.5;
}
.all-menu .login-title .login-tit span::after {
    content: '';display: inline-block;clear: both;padding: 1rem;background: url(../img/btn-arrow-medium.png) no-repeat center center;background-size: 1.6rem;
}
.all-menu .join-member {
    padding: 1.2rem 2rem 1rem;position: relative;width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
}
.all-menu .join-member button {
    position: relative;display: block;height: 100%;padding: 1.1rem 2rem;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;text-align: center;
    font-size: 1.4rem;font-weight:600; line-height: 1;border-radius: 1rem;
}
.all-menu .join-member button + button {margin-left: 1.2rem;}
.all-menu .join-member .btn-login {color: #fff;background-color: #ffe132; box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, 0.16);background-color: #08a75a;}
.all-menu .join-member .btn-login {
    padding: 0 2rem;box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.12);border: solid 1px rgba(0, 0, 0, 0.08);
    background-color: #ffe132;
}
.all-menu .join-member .btn-login span {
    display: block;padding: 1.6rem 0;color: #000;font-size: 1.6rem;line-height: 1;text-align: left;
    background: url(../img/login-arrow.png) no-repeat right center;background-size: 1.8rem;
}
.all-menu .join-member .btn-join {
    padding: 0 2rem;box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.12);border: solid 1px rgba(0, 0, 0, 0.08);
    background-color: #ffe132;
}
.all-menu .join-member .btn-join span {
    display: block;padding: 1.6rem 0;color: #000;font-size: 1.6rem;line-height: 1;text-align: left;
    background: url(../img/login-arrow.png) no-repeat right center;background-size: 1.8rem;
}
.all-menu .join-member button:active, .all-menu .join-member button:focus {opacity: .2;-webkit-transition: all 0.01s;}


.login-after .member-info {
    padding: 2rem 1.6rem 2.6rem;position: relative;width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;background-color: #f6f6f6;
}
.login-after .member-info > div {width: 100%;}
.login-after .member-info .point-info h4 {padding-left: 3rem; color: #666;font-size: 1.3rem;line-height: 1.4;}
.login-after .member-info .point-info .side-s-point {background: url(../img/ico-point.png) no-repeat left center;background-size: 3rem;}
.login-after .member-info .point-info .point {
    padding-top: 1.2rem; color: #000;font-size: 2.6rem;line-height: 1;font-weight: 600;text-align: center;white-space: nowrap;max-width: 16rem;
}
.login-after .member-info .point-info .point em { color: #000;font-size: 2rem;line-height: 1;font-weight: 400;vertical-align: middle;}

.login-after .member-info .coupon-info dl {display: table;}
.login-after .member-info .coupon-info dl + dl {margin-top: 2rem;}
.login-after .member-info .coupon-info dt {display: table-cell;min-width: 11rem;width: 11rem;padding-left: 3.2rem; color: #666;font-size: 1.1rem;line-height: 1.4;}
.login-after .member-info .coupon-info dt.side-coupon {background: url(../img/ico-coupon.png) no-repeat left center;background-size: 3rem;}
.login-after .member-info .coupon-info dt.side-gift-card {background: url(../img/ico-gift-card.png) no-repeat left center;background-size: 3rem;}
.login-after .member-info .coupon-info dd {display: table-cell;width: 100%;overflow: hidden;}
.login-after .member-info .coupon-info dd button {width: 100%; color: #666;font-size: 1.6rem;line-height: 1;font-weight: 400;vertical-align: 0;background: transparent;}
.login-after .member-info .coupon-info dd button span {display: inline-block; color: #000;font-size: 2rem;line-height: 1;font-weight: 400;vertical-align: -1px;}


.login-after .rating-info {position: relative; padding: 3rem 1.8rem 2rem 2.4rem;}
.login-after .rating-info .name {color: #333;font-size: 2rem;line-height: 1;font-weight: 600;}
.login-after .rating-info .name span {
    display: inline-block;padding: 0.3rem 1rem 0.5rem;vertical-align: top;color: #000;font-size: 1.2rem;line-height: 1;font-weight: 600;background-color: #ffe900;
    border-radius: 1.5rem;
}
.login-after .rating-info.corporation .name span {display: none;}

.login-after .rating-info .name em {color: #333;font-size: 2rem;line-height: 1;font-weight: 600;vertical-align: top;}
.login-after .side-scan {
    position: absolute;right: 2.4rem;top: 2.5rem;padding: 1.4rem 2.8rem;
    background: url(../img/btn-scan-none.png) no-repeat center center;background-size: 5.6rem;
}
.all-menu .side-shortcuts {
    width:100%;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;padding: 1.8rem 1rem 2.8rem;border-bottom: .6rem solid #f6f6f6;
}
.all-menu .side-shortcuts button {
    position: relative; display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    padding-top: 6rem;color: #000;font-size: 1.2rem;line-height: 1;text-align: center;
}
.all-menu .side-shortcuts button:active, .all-menu .side-shortcuts button:focus {opacity: .2;-webkit-transition: all 0.01s;}
.all-menu .side-shortcuts button::before {
    content: '';display: inline-block;padding: 2.7rem;position: absolute;left: 50%;top: 0;border-radius: 50%;transform: translateX(-50%);
}
.all-menu .side-shortcuts button.short-home::before {background:#f5f5f5 url(../img/side-short-home.png) center center no-repeat;background-size: 3.6rem;}
.all-menu .side-shortcuts button.short-my::before {background:#f5f5f5 url(../img/side-short-my.png) center center no-repeat;background-size: 3.6rem;}
.all-menu .side-shortcuts button.short-favorite::before {background:#f5f5f5 url(../img/side-short-favorite.png) center center no-repeat;background-size: 3.6rem;}
.all-menu .side-shortcuts button.short-pointmall::before {background:#f5f5f5 url(../img/side-short-pointmall.png) center center no-repeat;background-size: 3.6rem;}

.all-menu .menu {padding: 2rem 1.6rem;}
.all-menu .menu h3 {position: relative; padding: .6rem 0rem .6rem 3.5rem;color: #999;font-size: 1.4rem;line-height: 1;font-weight: 500;}
.all-menu .menu h3::before {content: '';display: inline-block;padding: 1.2rem 1.3rem;position: absolute;left: 0;top: 0;}
.all-menu .menu h3.menu-Bonus::before {background: url(../img/side-ico01.png) center center no-repeat;background-size: 2.5rem;}
.all-menu .menu h3.menu-quick::before {background: url(../img/side-ico02.png) center center no-repeat;background-size: 2.5rem;}
.all-menu .menu h3.menu-point::before {background: url(../img/side-ico03.png) center center no-repeat;background-size: 2.5rem;}
.all-menu .menu h3.menu-event::before {background: url(../img/side-ico04.png) center center no-repeat;background-size: 2.5rem;}
.all-menu .menu h3.menu-club::before {background: url(../img/side-ico05.png) center center no-repeat;background-size: 2.5rem;}
.all-menu .menu h3.menu-customer::before {background: url(../img/side-ico06.png) center center no-repeat;background-size: 2.5rem;}
.all-menu .menu ul {padding: 1rem 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.all-menu .menu ul {border-bottom: 1px solid #eee;}
.all-menu .menu ul:last-of-type {border: 0;}
.all-menu .menu ul li {flex-wrap: wrap;min-width: 50%;max-width: 50%;padding-left: 3.5rem;}
.all-menu .menu li button {display: block;position: relative;width: 100%;padding: .9rem 0;color: #333;font-size: 1.6rem;text-align: left;line-height: 1;font-weight: 600;}
.all-menu .menu li button:active, .all-menu .menu li button:focus {opacity: .2;-webkit-transition: all 0.01s;}
.all-menu .menu ul + h3 {margin-top:2rem;}

.all-menu.login .auto-scroll {position: relative;overflow-y: auto;height: calc(100% - 24.3rem);overflow-x: hidden;}
.all-menu .auto-scroll {position: relative;overflow-y: auto;height: calc(100% - 20rem);overflow-x: hidden;}
.all-menu .login-after + .side-animate .auto-scroll {position: relative;overflow-y: auto;height: calc(100% - 23.3rem);overflow-x: hidden;}
.all-menu .menu {position: relative;}
.dimm100 {position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background-color: #000;opacity: 0.8;filter: alpha(opacity=80);*display: none;}
.all-menu .side-footer {padding: 2rem 2rem 3rem; background-color: #eee;}
.all-menu .side-footer .footer-link ul + ul {margin-top: .5rem;}
.all-menu .side-footer .footer-link li {display: inline-block;position: relative;}
.all-menu .side-footer .footer-link li + li {padding-left: 3.3rem;}
.all-menu .side-footer .footer-link li + li::before {
    content: '';display: inline-block;position: absolute;left: 1.5rem;top: 0.3rem;bottom: 0.3rem;color: #7f7f7f;font-size: 1.2rem;text-align: left;line-height: 1;
    border-left: 1px solid #ccc;
}
.all-menu .side-footer .footer-link li button {padding: .3rem 0;color: #7f7f7f;font-size: 1.2rem;text-align: left;line-height: 1;background-color: transparent;}
.all-menu .side-footer .footer-link li .bold {font-weight: 600;}
.all-menu .side-footer .footer-address {padding: 2.6rem 0 .5rem;color: #7f7f7f;font-size: 1.2rem;text-align: left;line-height: 1;}
.all-menu .side-footer .footer-customer button {color: #7f7f7f;font-size: 1.3rem;text-align: left;line-height: 1;background-color: transparent;font-weight: 600;}

/* mypage */
.type-mypage .top-cont{padding: 2.4rem 1.6rem 2.8rem;border-bottom: 0.6rem solid #f6f6f6;}
.type-mypage .name-box {position: relative;padding: 0 .4rem 2rem;border-bottom: 1px solid #eee;}
.type-mypage .name-box p{padding: 0 0.8rem;color: #333;}
.type-mypage .name-box .name{color: #000;font-size: 2.2rem;}
.type-mypage .name-box .name em{font-weight: 600;font-size: 2.2rem;}
.type-mypage .name-box .info-txt{margin-top: 0.8rem;}
.type-mypage .name-box .info-txt em{margin: 0 .5rem;}
.type-mypage .name-box .info-txt + .info-txt{margin-top: 0.6rem;font-size: 1.4rem;}
.type-mypage .name-box .btn-my-info {
    display: inline-block;padding: .7rem 1.6rem;color: #666; font-size: 1.2rem;line-height: 1;font-weight: 600;border-radius: 1.4rem;
    border: 1px solid #999;position: absolute;right: 0;bottom: 2rem;
}

.type-mypage .user-info.corporation .my-level {display: none;}
.type-mypage .user-info.corporation .my-amount-oil {padding-top: 1rem;}
.type-mypage .user-info.corporation .my-amount-oil dl:last-of-type {display: none;}


.type-mypage .my-level {padding-top: 2.4rem;}
.type-mypage .my-level .info{padding: 0 1.2rem;}
.type-mypage .my-level .info p{color: #666;font-size: 1.4rem;}
.type-mypage .my-level .info .level-de{overflow: hidden;margin-top: 0.8rem;}
.type-mypage .my-level .info .level-de span {display: inline-block;padding-right: 7.2rem;color: #000;font-size: 4rem;font-weight: 600;line-height: 1;}
.type-mypage .my-level .info .level-de span.silver{background: url(../img/icon-level-silver.png) right center / 6.2rem no-repeat;}
.type-mypage .my-level .info .level-de span.gold{background: url(../img/icon-level-gold.png) right center / 6.2rem no-repeat;}
.type-mypage .my-level .info .level-de span.vip{background: url(../img/icon-level-vip.png) right center / 6.2rem no-repeat;}
.type-mypage .my-level .info .level-de span.vvip{background: url(../img/icon-level-vippuls.png) right center / 6.2rem no-repeat;}
.type-mypage .my-level .info .level-de button{float: right;margin-top: .3rem;padding: .7rem 3.4rem .7rem 1.6rem;color: #08a75a;font-size: 1.2rem;line-height: 1;font-weight: 600; border-radius: 1.4rem;border: 1px solid #08a75a;background: url(../img/btn-arrow.png) center right 1.6rem / 1rem no-repeat;}
.type-mypage .my-level .rating-wrap{margin-top: 2.4rem;padding: 0 .2rem;}
.type-mypage .my-level .rating-wrap .rating-bar{position: relative;height: 2rem;border-radius: 1rem;background: #f5f5f5;}

.type-mypage .my-level .rating-wrap .rating-bar .level-before {
    display: inline-block;position: absolute;left: 1.2rem;top: 50%;transform: translateY(-50%);color: #000;font-size: 1.1rem;
    line-height: 1;z-index: 2;opacity: 0.3;
}
.type-mypage .my-level .rating-wrap .rating-bar .level-after {
    display: inline-block;position: absolute;right: 1.2rem;top: 50%;transform: translateY(-50%);color: #000;
    font-size: 1.1rem;line-height: 1; z-index: 2;opacity: 0.3;
}

.type-mypage .my-level .rating-wrap .rating-bar span {position: relative;display: inline-block;height: 2rem;border-radius: 1rem;}


@keyframes car {
    0% { left: 0;}
    100% { left: 100%;margin-left: -4.8rem;}
}

.type-mypage .my-level .rating-wrap .rating-bar span::after {
    content: ''; position: relative;display: inline-block;height: 1.8rem;border-radius: 1rem;
    -webkit-animation: load 2s normal forwards;animation: load 2s normal forwards;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;
    -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;
    transition: all 0.2s ease;vertical-align: top;background-image: linear-gradient(to right, #ffd702, #ffb401);border: solid 1px rgba(0, 0, 0, 0.1);
}

/* .type-mypage .my-level .rating-wrap .rating-bar span::after {
    content: ''; position: absolute;top: 0;display: inline-block;height: 1rem;border-radius: .5rem;
    -webkit-animation: load 2s normal forwards;animation: load 2s normal forwards;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;
    -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;
    transition: all 0.2s ease;background: -o-linear-gradient(left, rgba(0,174,87,1), rgba(179,249,156,1), rgba(255,233,0,1));
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,174,87,1)), color-stop(rgba(179,249,156,1)), to(rgba(255,233,0,1)));
    background: linear-gradient(to right, rgba(0,174,87,1), rgba(179,249,156,1), rgba(255,233,0,1));vertical-align: top;
} */

.type-mypage .my-level .rating-wrap .rating-level{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 1rem;}

.type-mypage .my-level .rating-wrap .rating-level li{color: #999;font-size: 1.1rem;font-weight: 500;}
.type-mypage .my-level .rating-wrap .rating-level li.active{color: #333;font-weight: 600;}

.type-mypage .my-amount-oil {padding: 4rem 1rem 0;}
.type-mypage .my-amount-oil dl {overflow: hidden;}
.type-mypage .my-amount-oil dl + dl {margin-top: 1.5rem; padding: 1.2rem 0 0; border-top: dashed 1px #eee;}
.type-mypage .my-amount-oil dt {position: relative;float: left;margin-top: 0.6rem; padding-left: 1rem; color: #666;font-size: 1.4rem;font-weight: 400;line-height: 1;}
.type-mypage .my-amount-oil dt em {color: #999;font-size: 1.2rem;font-weight: 400;line-height: 1;}
.type-mypage .my-amount-oil dt::before {
    content: '';display: inline-block; position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 0.2rem;background-color: #666;border-radius: 50%;
}
.type-mypage .my-amount-oil dd {text-align: right; color: #000;font-size: 2rem;font-weight: 600;line-height: 1;}
.type-mypage .my-amount-oil dd em {color: #000;font-size: 1.8rem;font-weight: 400;line-height: 1;vertical-align: 0;}

.type-mypage .my-amount{margin-top: 4rem;padding: 0 1.2rem;}
.type-mypage .my-amount p{color: #666;font-size: 1.4rem;}
.type-mypage .my-amount div{margin-top: 0.8rem;}
.type-mypage .my-amount div .now-oil{color: #000;font-size: 2.6rem;font-weight: 600;}
.type-mypage .my-amount div .now-oil em{display: inline-block;margin-top: .2rem;font-size: 2.4rem;font-weight: normal;}
.type-mypage .my-amount div .info{display: inline-block;margin-left: 2.7%;margin-top: -0.6rem;padding: 1rem 1.6rem;font-size: 1.2rem;line-height: 1;border: 1px solid #eee;border-radius: .2rem 1.6rem 1.6rem 1.6rem;}
.type-mypage .my-amount div .info em{font-size: 1.2rem;font-weight: 500;line-height: 1;vertical-align: middle;}

.type-mypage .my-point{margin-top: 3.2rem;}
.type-mypage .my-point .my-point-wrap{overflow: hidden;padding: 2.2rem 1.9rem 2.4rem;-webkit-box-shadow: 0 .4rem 1rem 0 rgba(0,0,0,.12);box-shadow: 0 .4rem 1rem 0 rgba(0,0,0,.12);border-radius: 1.2rem;background: #fff;}
.type-mypage .my-point .my-point-wrap .cont1 span{color: #000;font-size: 1.5rem;font-weight: 600;line-height: 1;}
.type-mypage .my-point .my-point-wrap .cont1 span em{margin-left: 0.8rem;color: #000;font-size: 1.4rem;vertical-align: middle;}
.type-mypage .my-point .my-point-wrap .cont1 button{float: right;width: 4rem;height: 2rem;margin-top: -.2rem;color: transparent;font-size: 0;text-indent: -99999px;background: url(../img/btn-scan-none.png) center / 100% no-repeat;}
.type-mypage .my-point .my-point-wrap .cont1 button:active{opacity: .2;-webkit-transition: all 0.01s;transition: all 0.01s;}
.type-mypage .my-point .my-point-wrap .cont2{overflow: hidden;margin-top: 2.6rem;}
.type-mypage .my-point .my-point-wrap .cont2 dl{float: left;position: relative;width: 33.3%;}
.type-mypage .my-point .my-point-wrap .cont2 dl dt{color: #666;font-size: 1.2rem;text-align: center;}
.type-mypage .my-point .my-point-wrap .cont2 dl dd {text-align: center;}
.type-mypage .my-point .my-point-wrap .cont2 dl dd p{margin-top: 1.2rem;color: #333;font-size: 1.5rem;font-weight: 600;}
.type-mypage .my-point .my-point-wrap .cont2 dl dd p em{margin-left: .2rem;color: #333;font-size: 1.5rem;font-weight: 600;}
.type-mypage .my-point .my-point-wrap .cont2 dl dd .minus{position: relative}
.type-mypage .my-point .my-point-wrap .cont2 dl dd .minus::before{content: '';display: inline-block;width: 0.8rem;height: .2rem;margin-right:.4rem;-webkit-transform: translateY(-.5rem);-ms-transform: translateY(-.5rem);transform: translateY(-.5rem);background: #f10505;}
.type-mypage .my-point .my-point-wrap .cont2 dl + dl::before{content: '';position: absolute;left: 0;top: 0.6rem;width: 1px;height: 3.2rem;background: #eee;}

.type-mypage .mypage-btns{padding: 0.8rem 2rem 6rem 2rem;}
.type-mypage .mypage-btns ul{overflow: hidden;}
.type-mypage .mypage-btns li{float: left;position: relative;width: 25%;margin-top: 2rem;}
.type-mypage .mypage-btns li button{display: block;width: 100%;}
.type-mypage .mypage-btns li button::before{content: '';display: block;width: 5.4rem;height: 5.4rem;margin: 0 auto;border-radius: 50%;background: rgba(0,0,0,0.04);}
.type-mypage .mypage-btns li button:active{opacity: .2;-webkit-transition: all 0.01s;transition: all 0.01s;}
.type-mypage .mypage-btns li button span{display: block;margin-top: .4rem;color: #000;font-size: 1.2rem;text-align: center;}
.type-mypage .mypage-btns li.type1 button{background: url(../img/mypage-icon1.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type2 button{background: url(../img/mypage-icon2.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type3 button{background: url(../img/mypage-icon3.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type4 button{background: url(../img/mypage-icon4.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type5 button{background: url(../img/mypage-icon5.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type6 button{background: url(../img/mypage-icon6.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type7 button{background: url(../img/mypage-icon7.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li.type8 button{background: url(../img/mypage-icon8.png) top 0.9rem center / 3.6rem no-repeat;}
.type-mypage .mypage-btns li .badge{
    position: absolute;top: .4rem;right: 50%;width: 1.8rem;height: 1.8rem;margin-right: -3.6rem;color: #fff;font-size: 1.1rem;font-weight: 500;text-align: center;line-height: 1.8rem;
    -webkit-box-shadow: 0 .2rem .3rem 0 rgba(241,5,5,0.48);box-shadow: 0 .2rem .3rem 0 rgba(241,5,5,0.48);
    -webkit-animation: pulse 1s infinite ease-in-out alternate;animation: pulse 1s infinite ease-in-out alternate;transform: translateX(-50%);border-radius: 50%;background: #f10505;}

@-webkit-keyframes pulse {
    from { -webkit-transform: scale(1); transform: scale(1); }
    to { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes pulse {
    from { -webkit-transform: scale(1); transform: scale(1); }
    to { -webkit-transform: scale(1.2); transform: scale(1.2); }
}



.rating-bar b{position: absolute;z-index: 1;}

.top-box{padding: 1.2rem 2rem 2rem;}
.top-box-info-txt{margin-top: 1.2rem;color: #999;font-size: 1.2rem;text-align: right;}
.btn-next-arrow{width: 2rem;height: 2rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/btn-next-arrow.png) center / 1.6rem no-repeat;}
.btn-quality {
    display: inline-block;margin-left: 0.8rem;padding-right: 1.4rem;color: #08a75a;font-size: 1.2rem;line-height: 2.8rem;
    background: url(../img/ico-info-g.png) center right / 1.2rem no-repeat;white-space: nowrap;
}
.btn-quality.f14 {padding-right: 1.8rem;font-size: 1.4rem;background: url(../img/ico-info-g.png) center right / 1.4rem no-repeat;}
.gs-badge {display: inline-block;padding: 0.5rem 1rem;border-radius: 1.1rem;font-size: 1.1rem;text-align: center;line-height: 1;}
.gs-badge.f14 {padding: 0.5rem 1rem;border-radius: 1.4rem;font-size: 1.4rem;}
.gs-badge.type1{color: #000;border: 1px solid #fff3ad;background: #fff3ad;}
.gs-badge.type2{color: #666;border: 1px solid #ddd;background: #fff;}
.gs-badge.type3{color: #0058c1;border: 1px solid #e9f3ff;background: #e9f3ff;}
.gs-badge + .gs-badge {margin-left: 4px;}
.btn-sm-receipt{display: inline-block;padding-right: 1.6rem;color: #000;font-size: 1.3rem;background: url(../img/ico-receipt.png) right center / 1.6rem no-repeat;}
.btn-sm-receipt.cancel{background: url(../img/ico-receipt-none.png) right center / 1.6rem no-repeat;}

/* A-My-Bmark-001 */
.type-regular li.rg-cont-inner{position: relative;}
.rg-gs-cont{padding: 2.4rem 1.6rem;}
.rg-gs-cont .rg-cont-inner {padding: 1.8rem 2.4rem 2.4rem 2rem;border-radius: 1.2rem;box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,0.08);background: #fff;}
.rg-gs-cont .rg-cont-inner + .rg-cont-inner {margin-top: 1.2rem;}
.rg-gs-cont .rg-cont-inner .gs-info {position: relative;overflow: hidden;}
.rg-gs-cont .rg-cont-inner .gs-info .ti {position: relative; display: flex;margin-right: 3.5rem;line-height: 2.8rem;}
.rg-gs-cont .rg-cont-inner .gs-info .ti span{
    display: inline-block;overflow: hidden;color: #000;font-size: 1.4rem;font-weight: 500;line-height: 2.8rem;white-space: nowrap;text-overflow: ellipsis;
}
.rg-gs-cont .rg-cont-inner .gs-info .btn-heart{position: absolute;right: 0;top: 0;width: 2.8rem;height: 2.8rem;color: transparent;font-size: 0;text-indent: -9999px;transition: all 0.3s;background: url(../img/btn-heart-off.png) center / 100% no-repeat;}
.rg-gs-cont .rg-cont-inner .gs-info .btn-heart.active{transition: all 0.3s;background: url(../img/btn-heart-on.png) center / 100% no-repeat; }
.rg-gs-cont .rg-cont-inner .gs-info2{overflow: hidden;margin-top: 4px;}
.rg-gs-cont .rg-cont-inner .gs-info2 .gs-info-badge {display: inline-block;max-width: 75%;}
.rg-gs-cont .rg-cont-inner .gs-info2 .gs-obj{float: right;color: #000;font-size: 1.6rem;line-height: 2.2rem;}
.rg-gs-cont .rg-cont-inner .gs-km{overflow: hidden;margin-top: 1.6rem;}
.rg-gs-cont .rg-cont-inner .gs-km div{display: inline-block;}
.rg-gs-cont .rg-cont-inner .gs-km div span{display: inline-block;color: #000;font-size: 1.5rem;font-weight: 600;line-height: 3rem;}
.rg-gs-cont .rg-cont-inner .gs-km div button{display: inline-block;width: 3rem;height: 3rem;margin-left: 0.8rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/ico-map.png) center / 3rem no-repeat;}
.rg-gs-cont .rg-cont-inner .gs-km .gs-km-info{float: right;color: #000;font-size: 2.8rem;font-weight: 600;line-height: 3rem;}
.rg-gs-cont .rg-cont-inner .gs-km .address-txt {
    display: inline-block;max-width: 60%;padding: 1.2rem 0 0 0; color: #666;font-size: 1.3rem;line-height: 1;font-weight: 400;
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.rg-gs-cont .rg-cont-inner .gs-km div .btn-location {
    display: inline-block;padding: 1.9rem;margin-left: 0; color: transparent;font-size: 0;text-indent: -9999px;
    background: url(../img/btn-location2.png) center / 3rem no-repeat;background-size: 3.8rem;vertical-align: top;
}
.rg-gs-cont.s-result .gs-km div {display: block;}
.rg-gs-cont.s-result {padding-top: 0;}
.rg-gs-cont.s-result .rg-cont-inner .gs-km {position: relative;}
.rg-gs-cont.s-result .rg-cont-inner .gs-km .gs-km-info {position: absolute;right: 0;top: 0;}



.search-total {padding: 2.4rem 2rem 1.2rem; color: #666;font-size: 1.2rem;line-height: 1;}
.search-total span {color: #000;font-size: 1.2rem;line-height: 1;}


.oil-detail-box .oil-detail-info {padding: 2rem;}
.oil-detail-box .oil-detail-info .gs-info {position: relative;margin: 1.2rem 0 1.6rem;}
.oil-detail-box .oil-detail-info .gs-info .title {
    position: relative;display: flex;padding-right: 3.5rem;color: #000;font-size: 2rem;font-weight: 600;line-height: 1.4;
}
.oil-detail-box .oil-detail-info .gs-info .btn-heart {
    position: absolute;right: 0;top: 0;padding: 1.4rem;font-size: 0;text-indent: -9999px;transition: all 0.3s;
    background: url(../img/btn-heart-off.png) center center no-repeat; background-size: 2.8rem;
}
.oil-detail-box .oil-detail-info .gs-info .btn-heart.active {background: url(../img/btn-heart-on.png) center center no-repeat; background-size: 2.8rem;}
.oil-detail-box .oil-detail-info .detail-address {
    padding-left: 2.4rem;color: #666;font-size: 1.3rem;line-height: 1.4;background: url(../img/icon-map-location.png) left center no-repeat; background-size: 1.6rem;
}
.oil-detail-box .oil-detail-info .detail-tel {
    padding: 1rem 0 0 2.4rem;color: #666;font-size: 1.3rem;line-height: 1;background: url(../img/icon-map-call.png) left 1rem no-repeat; background-size: 1.6rem;
}
.oil-detail-box .oil-detail-info .detail-tel button {margin: 0 0 1rem .8rem; color: #666;font-size: 1.3rem;line-height: 1;font-weight: 600;text-decoration: underline;vertical-align: top;}
.detail-white-box {padding: 2.4rem 1.6rem;}
.detail-white-box.h150 {min-height: calc(100% - 15rem);}

.detail-white-box .white-box {padding: 2.4rem 2rem;border-radius: 1.2rem;border: 1px solid #eee;background: #fff;}
.detail-white-box .white-box + .white-box {margin-top: 1.2rem;}
.detail-white-box .white-box .tit {padding-bottom: 2rem;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;}

.detail-white-box .white-box.service-filter {text-align: left;font-size: 0;}
.detail-white-box .white-box .service-filter span {
    display: inline-block;margin: .6rem .4rem; padding: .9rem 1.3rem; color: #666;font-size: 1.4rem;line-height: 1;border-radius: 1.7rem;border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
}

.member-switch-wrap {padding: 1.2rem 0 2rem;}
.member-switch-wrap .white-box {min-height: 20rem; padding: 2.4rem 2rem;border-radius: 1.2rem;background: #fff;box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);}

.member-switch-wrap .white-box > div {display: none;padding-top: 12rem;}
.member-switch-wrap .white-box > div:first-of-type {display: block;}
.member-switch-wrap .white-box > .silver {background: url(../img/icon-level-silver.png) center top no-repeat; background-size: 10rem;}
.member-switch-wrap .white-box > .gold {background: url(../img/icon-level-gold.png) center top no-repeat; background-size: 10rem;}
.member-switch-wrap .white-box > .vip {background: url(../img/icon-level-vip.png) center top no-repeat; background-size: 10rem;}
.member-switch-wrap .white-box > .viplus {background: url(../img/icon-level-vippuls.png) center top no-repeat; background-size: 10rem;}
.member-switch-wrap .white-box > div .bene-fits-title {padding: .6rem 0 1.2rem; color: #999;font-size: 1.4rem;line-height: 1;}
.member-switch-wrap .white-box > div .bene-fits {}
.member-switch-wrap .white-box > div .bene-fits li {padding: .6rem 0 .6rem 3.2rem; color: #000;font-size: 1.4rem;line-height: 1.5;}
.member-switch-wrap .white-box > div .bene-fits li.point {background: url(../img/icon-level-point.png) left .6rem no-repeat; background-size: 2.4rem;}
.member-switch-wrap .white-box > div .bene-fits li.gift {background: url(../img/icon-level-gift.png) left .6rem no-repeat; background-size: 2.4rem;}
.member-switch-wrap .white-box > div .bene-fits li.wash {background: url(../img/icon-level-wash.png) left .6rem no-repeat; background-size: 2.4rem;}
.member-switch-wrap .white-box > div .bene-fits li.alliance {background: url(../img/icon-level-alliance.png) left .6rem no-repeat; background-size: 2.4rem;}

.member-switch-wrap .white-box > div  .performance-list li {padding: .6rem 0; color: #000;font-size: 1.4rem;line-height: 1.2;}
.member-switch-wrap .white-box > div  .performance-list li + li {padding-top: 0;}
.member-switch-wrap .white-box > div  .performance-list li.medium {font-weight: 500;}



.tb-area table,.agreeBox table {width:100%;border-top: 2px solid #000;border-bottom: 1px solid #000;}
.tb-area table thead th,.agreeBox table thead th {padding: 1.4rem 1rem; color: #000;font-size:1.3rem;text-align:center;border-bottom: 1px solid #bbb;line-height: 1;}
.tb-area table tbody th,.agreeBox table tbody th {padding: 1.4rem 1rem; color: #666;font-size:1.3rem;text-align:center;border-bottom: 1px solid #bbb;line-height: 1;}
.tb-area table tbody td,.agreeBox table tbody td {padding: 1.4rem 1rem; color: #000;font-size:1.3rem;text-align:center;border-bottom: 1px solid #bbb;line-height: 1;}
.tb-area table.pd5 tbody td,.agreeBox table.pd5 tbody td {padding: 1.4rem .5rem;}
.tb-info {position: relative;padding-left: 1.2rem; color: #666;font-size: 1.3rem;line-height: 1.54;}
.tb-info::before {content: '';position: absolute;top: 0.8rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}
.tb-date {padding-right: .4rem; color: #999;font-size: 1.3rem;line-height: 1;text-align: right;}

.detail-white-box .white-box.pd4 {padding: .4rem 2rem;}
.detail-white-box .white-box.pd0 {padding: .4rem 0;}

.detail-white-box .white-box .accordion dl.on dt {border-bottom: 1px solid #ddd;}
.detail-white-box .white-box .accordion dl dt {position: relative;}
.detail-white-box .white-box .accordion dl dt {
    display: block;width: 100%;padding: 1.7rem 1rem; color: #000;font-size: 1.4rem;line-height: 1.4rem; text-align: left;font-weight: 600;
}
.detail-white-box .white-box .accordion dl dt::after {
    content: '';position: absolute;top: 50%;right: 1.2rem;margin-top: -.8rem; padding: .8rem;transition: all 0.2s ease-in-out;;
    background: url(../img/btn-dropdown-open.png) center center no-repeat;background-size: 1.6rem;
}
.detail-white-box .white-box .accordion dl dt.active::after {transform: rotate(180deg);}
.detail-white-box .white-box .accordion dd {width: 100%;padding: 1rem 0; color: #000;font-size: 1.4rem;line-height: 1.4; text-align: left;}

.white-box .product-date {width: 100%;display: table;padding: 1rem 0 2rem;}
.white-box .product-date .title {display: table-cell;min-width: 10rem;width: 10rem;color: #000;font-size: 1.4rem;line-height: 1;}
.white-box .product-date .date {display: table-cell;width: 100%;overflow: hidden;color: #666;font-size: 1.4rem;line-height: 1;text-align: right;}

.detail-white-box .white-box .nlssue-cont.type1 {padding: 2rem 2rem;border: 0;}
.detail-white-box .white-box .nlssue-cont .btn-terms {position: relative;padding: 5px 2.5rem 5px 0;line-height: 1;background: transparent;}
.detail-white-box .white-box .nlssue-cont .btn-terms::after {content: '';position: absolute;top: 0;right: 0;padding: 1.2rem;transition: 0.3s;background: url(../img/btn-dropdown-open.png) center / 1.6rem no-repeat;}
.detail-white-box .white-box .nlssue-cont .btn-terms.open::after {transform: rotate(180deg);transition: 0.3s;}
.detail-white-box .white-box .nlssue-cont-txt {padding: 2rem; border-top: 1px solid #eee;}
.detail-white-box .white-box .nlssue-cont-txt .scroll {max-height: 20rem;overflow-y: auto;}
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .ti,
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox h5 {padding: 1rem 0 1.6rem 0;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1;}
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .sub-ti,
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox h6 {padding: 2rem 0 1rem 0;color: #666;font-size: 1.5rem;font-weight: 500;}
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .txt,
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox li,
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox p {color: #000;font-size: 1.4rem;}
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox table {width:100%;}
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox table tbody th {padding: 1.4rem 1rem; color: #666;font-size:1.3rem;text-align:center;line-height: 1;}
.detail-white-box .white-box .nlssue-cont-txt .scroll .terms-cont .agreeBox table tbody td {padding: 1.4rem 1rem; color: #000;font-size:1.3rem;text-align:center;line-height: 1;}



.detail-white-box .white-box .nlssue-cont .txt {color: #000;font-size: 1.4rem;}
.detail-white-box .white-box .option-change .radio-switch {padding: 0;background-color: transparent;}
.detail-white-box .white-box .option-change .radio-box3 ul {padding: 1.6rem 0 0;}
.detail-white-box .white-box .option-change .radio-box3 .contactd {padding: 1.2rem 0 0; color: #666;font-size: 1.3rem;line-height: 1;}
.detail-white-box .white-box .option-change .radio-box3 .contactd span {color: #666;font-size: 1.3rem;line-height: 1;}
.detail-white-box .white-box .option-change .radio-box3 .contactd .inpt-ti {display: block; padding: 1.2rem 0 .8rem; color: #000;font-size: 1.4rem;line-height: 1;font-weight: 600;}



.detail-white-box .white-box .tit2 {position: relative; padding: 1.2rem 0;color: #000;font-size: 1.4rem;line-height: 1;}
.detail-white-box .white-box .tit2 .fit {float: right;}
.detail-white-box .white-box .tit2 .fit em {position: relative; display: inline-block;padding-left: 1.5rem; color: #666;font-size: 1.3rem;line-height: 1;}
.detail-white-box .white-box .tit2 .fit em + em {margin-left: 1rem;}
.detail-white-box .white-box .tit2 .fit em::before {content: '';display: inline-block;padding: .5rem;position: absolute;left: 0;top: .1rem;border-radius: 50%;}
.detail-white-box .white-box .tit2 .fit em.green::before {background-color: #08a75a;}
.detail-white-box .white-box .tit2 .fit em.red::before {background-color: #ff4d4d;}
.fit.green {display: inline-block; padding: .5rem;border-radius: 50%;font-size: 0;text-indent: -9999px; background-color: #08a75a;}
.fit.red {display: inline-block; padding: .5rem;border-radius: 50%;font-size: 0;text-indent: -9999px;background-color: #ff4d4d;}
.white-box .test-results + .test-results {padding-top: 2rem;}


/* A-My-Receipt-001 */
.type-oil-list .top-box .oil-list-info{margin-top: 2rem;padding: 2rem 1.6rem 1rem;font-size: 0;border-radius: 1rem;background: #fff;}
.type-oil-list .top-box .oil-list-info dl{display: inline-block;width: 30%;text-align: center;}
.type-oil-list .top-box .oil-list-info dl:nth-child(2) {width: 40%;}
.type-oil-list .top-box .oil-list-info dl dt {display: block;color: #666;font-size: 1.2rem;line-height: 1.4rem;}
.type-oil-list .top-box .oil-list-info dl dd{display: block;margin: 0; margin-top: 1rem; color: #000;font-size: 1.6rem;font-weight: 600;white-space: nowrap;}
.type-oil-list .oil-list-wrap{padding: 2.4rem 1.6rem 6rem;}
.type-oil-list .oil-list-cont + .oil-list-cont{margin-top: 2.4rem;}
.type-oil-list .oil-list-cont .data {padding: 0 1.6rem 1rem;color: #000;font-size: 1.2rem;font-weight: 600;}
.type-oil-list .oil-list-cont .oil-list-inner {box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,.08);border-radius: 1.2rem;background: #fff;}
.type-oil-list .oil-list-cont .oil-list-inner + .oil-list-inner {margin-top: 1.2rem;}
.type-oil-list .oil-list-cont .cont1 {padding: 2.4rem 2rem 2rem;}
.type-oil-list .oil-list-cont .cont1-ti-box{overflow: hidden;}
.type-oil-list .oil-list-cont .cont1-ti-box .cont1-ti {display: inline-block;max-width: calc(100% - 2rem - 1rem);}
.type-oil-list .oil-list-cont .cont1-ti-box .cont1-ti span{display: inline-block;overflow: hidden;max-width: 68%;color: #000;font-size: 1.4rem;font-weight: 500;line-height: 2.8rem;white-space: nowrap;text-overflow: ellipsis;}
.type-oil-list .oil-list-cont .cont1-ti-box .btn-next-arrow {float: right;height: 2.8rem;margin-left: 1rem;}
.type-oil-list .oil-list-cont .badge-box{margin-top: 1.2rem;}
.type-oil-list .oil-list-cont .cont1-info{margin-top: 1.6rem;font-size: 0;}
.type-oil-list .oil-list-cont .cont1-info span{display: inline-block;position: relative;padding-right: 1.6rem;color: #999;font-size: 1.3rem;line-height: 1;}
.type-oil-list .oil-list-cont .cont1-info span + span {position: relative;}
.type-oil-list .oil-list-cont .cont1-info span + span::after{content: '';position: absolute;left: -0.8rem;top: 50%;width: 1px;height: 0.8rem;transform: translateY(-50%);background: #ddd;}
.type-oil-list .oil-list-cont .cont1-info .btn-sm-receipt {position: relative;line-height: 1;}
.type-oil-list .oil-list-cont .cont1-info .btn-sm-receipt::after {content: '';position: absolute;left: -0.8rem;top: 50%;width: 1px;height: 0.8rem;transform: translateY(-50%);background: #ddd;}
.type-oil-list .oil-list-cont .cont2{overflow: hidden;padding: 2rem;border-top: 1px solid #eee;}
.type-oil-list .oil-list-cont .cont2-ti{display: inline-block;color: #000;font-size: 1.6rem;}
.type-oil-list .oil-list-cont .cont2-amount {float: right;color: #000;font-size: 0;}
.type-oil-list .oil-list-cont .cont2-amount strong {margin-right: 2px;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.type-oil-list .oil-list-cont .cont2-amount em{display: inline-block;font-size: 1.6rem;line-height: 2.4rem;}
.type-oil-list .oil-list-cont .pay-cancel .cont2-ti{color: #ff4d4d;}
.type-oil-list .oil-list-cont .pay-cancel .cont2-amount{position: relative;opacity: 40%;}
.type-oil-list .oil-list-cont .pay-cancel .cont2-amount::before{content: '';position: absolute;left: 50%;top: 50%;width: calc(100% + 4px);height: 2px;transform: translate(-50%,-50%);background:#000;}

.type-oil-list .to-receipt .setting-receipt {margin-top: 1.2rem; padding: 2.8rem 2rem; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 1.2rem;}

.carbon-receipt {margin-top: 1.2rem; padding: 3.2rem 2rem 2.4rem 2rem; background: #ffff; border-radius: 1.6rem;}
.carbon-receipt a.btn {padding: 0; display: block; height: 5rem; line-height: 4.8rem; background: #ffe132; border: 1px solid #ebcf2e; border-radius: 1rem; font-size: 1.6rem; color: #111;}
.carbon-receipt a.btn.disabled1 {background: #aaa; border: 1px solid #9d9d9d; color: #fff;}
.carbon-receipt strong {display: block; margin-top: 2.4rem; font-size: 1.6rem; text-align: center;}
.carbon-receipt .desc-wrap {display: flex; justify-content: center; align-items: center; gap: 1.6rem;}
.carbon-receipt .img {width: 4rem; margin-top: 2.2rem;}
.carbon-receipt .img img {width: 100%;}
.carbon-receipt p {margin: 0; letter-spacing : -0.8px;}
.carbon-receipt p.desc {margin-top: 2.4rem; color: #666; line-height: 1.5;}
.carbon-receipt p.desc span {color: #222; vertical-align: middle;}

/* A-My_Receipt-004 */
.type-oil-list-detail .cont-wrap {padding: 2.8rem 1.6rem 1.2rem;}
.type-oil-list-detail .list-ti {padding: 0 0.8rem;}
.type-oil-list-detail .list-ti {color: #000;font-size: 1.6rem;font-weight: 600;}
.type-oil-list-detail .list-ti span{display: block;padding-bottom: 1rem;color: #999;font-size: 1.3rem;}
.type-oil-list-detail .list-ti span em{position: relative;display: inline-block;margin-left: 0.8rem;padding-left: 0.8rem;color: #999;font-size: 1.3rem;}
.type-oil-list-detail .list-ti span em::before{content: '';position: absolute;left: 0;width: 1px;height: 0.8rem;background: #ddd;}
.type-oil-list-detail .list-amount {overflow: hidden;margin-top: 1.6rem;padding: 2.4rem 0.8rem 3.2rem;border-top: 1px solid #eee;}
.type-oil-list-detail .list-amount .state {float: left;color: #000;font-size: 1.6rem;}
.type-oil-list-detail .list-amount .amount-info {float: right;}
.type-oil-list-detail .list-amount .amount-info strong{color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.type-oil-list-detail .list-amount .amount-info em{display: inline-block;margin-left: 2px;color: #000;font-size: 1.6rem;line-height: 2.4rem;vertical-align: bottom;}
.type-oil-list-detail .list-cont li {padding: 2rem;box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,0.08);border-radius: 1.2rem;background: #fff;}
.type-oil-list-detail .list-cont li + li{margin-top: 1.2rem;}
.type-oil-list-detail .list-cont li p {padding-bottom: 1.2rem;color: #000;font-size: 1.4rem;font-weight: 600;border-bottom: 1px solid #eee;}
.type-oil-list-detail .list-cont li dl {overflow: hidden;margin-top: 1.2rem;}
.type-oil-list-detail .list-cont li dl + dl{margin-top: 1.6rem;}
.type-oil-list-detail .list-cont li dt {float: left;color: #666;font-size: 1.4rem;}
.type-oil-list-detail .list-cont li dd {float: right;width: 65%;color: #000;font-size: 1.4rem;text-align: right;}
.type-oil-list-detail .list-cont li dd em{display: inline-block;color: #000;font-size: 1.4rem;}
.type-oil-list-detail .list-cont li dd em.info{display: inline-block;color: #666;font-size: 1.4rem;}
.type-oil-list-detail .list-cont li dl.sub-cont dt{color: #666;font-size: 1.3rem;}
.type-oil-list-detail .list-cont li dl.sub-cont dd{color: #666;font-size: 1.3rem;}
.type-oil-list-detail .list-cont li.payment-info dd {width: 70%;}

/* A-My-Receipt-005 */
.type-receipt-detail .cont-wrap {position: relative;padding: 2.8rem 1.6rem 4.8rem;z-index: 2;}
.type-receipt-detail .cont-wrap::before {
    content: '';display: block;position: fixed;z-index: 0;left: 50%;top: 50%;width: 17.8rem;height: 6rem;transform: translate(-50%, -50%);background: url(../img/logo-g-opc.png) center / 17.8rem no-repeat;
}
.type-receipt-detail h2{padding-top: 6.4rem;color: #000;font-size: 2rem;font-weight: 600;text-align: center;background: url(../img/logo-b.png) center top / 13rem no-repeat;}
.type-receipt-detail .recpt-info {margin-top: 4rem;padding: 0 0.8rem 2.4rem;border-bottom: 1px solid #ddd;}
.type-receipt-detail .recpt-info div + div{margin-top: 0.8rem;}
.type-receipt-detail .recpt-info div span + span{position: relative;margin-left: 0.8rem;padding-left: 0.8rem;}
.type-receipt-detail .recpt-info div span + span::before{content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 0.8rem;transform: translateY(-50%);background: #ddd;}
.type-receipt-detail .recpt-cont{padding: 1.2rem 1.2rem 1.8rem 1.2rem;border-bottom: 1px solid #ddd;}
.type-receipt-detail .recpt-cont.type1{padding: 1.8rem 1.2rem;}
.type-receipt-detail .recpt-cont + .recpt-cont {margin-top: 2.4rem;}
.type-receipt-detail .recpt-cont .receipt-ti {overflow: hidden;padding-bottom: 1.4rem;}
.type-receipt-detail .recpt-cont .receipt-ti .type1{float: left;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 2rem;}
.type-receipt-detail .recpt-cont .receipt-ti .type2{float: right;color: #000;font-size: 2rem;font-weight: 600;line-height: 2rem;}
.type-receipt-detail .recpt-cont .receipt-ti p {padding: 2px 0 0.6rem 0;color: #000;font-size: 2rem;font-weight: 600;text-align: center;}
.type-receipt-detail .recpt-cont dl {overflow: hidden;}
.type-receipt-detail .recpt-cont dl + dl{margin-top: 1.4rem;}
.type-receipt-detail .recpt-cont dt{float: left;color: #000;font-size: 1.4rem;}
.type-receipt-detail .recpt-cont dd {float: right;color: #000;font-size: 1.4rem;}
.type-receipt-detail .recpt-notice {margin-top: 2.4rem;padding: 0 4px;}
.type-receipt-detail .recpt-notice li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1;word-break: break-word;}
.type-receipt-detail .recpt-notice li::before{content: '';position: absolute;top: 3px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.type-receipt-detail .recpt-notice li + li {margin-top: 1.2rem;}
.type-receipt-detail .barcode-wrap {margin-top: 4rem;padding: 0 3.4rem;}
.type-receipt-detail .barcode-wrap div img{display: block;width: 100%;margin: 0 auto;}
.type-receipt-detail .barcode-wrap p {margin-top: 1.2rem;color: #000;font-size: 1.6rem;text-align: center;}

.type-receipt-detail .content-wrap,
.type-receipt-detail .scrollBox {overflow:visible;}

.barcode-wrap .barcode {max-width: 28.4rem;margin: auto;}
.barcode-wrap .barcode svg {width: 100%;height: 120%;}



/* 빠른주유 */
.pay-pattern {position: relative;padding: 1.8rem 2rem 2rem;}
.pay-pattern .title {display: inline-block;padding-top: 1.2rem; color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;}
.pay-pattern .title span {display: inline-block; color: #000;font-size: 1.4rem;font-weight: 400;line-height: 1;}
.pay-pattern .title span em {display: inline-block;padding-left: .3rem; color: #666;font-size: 1.4rem;font-weight: 400;line-height: 1;}
.pay-pattern .pay-add {
    float: right;padding: 2rem;font-size: 0;text-indent: -9999px; background: url(../img/btn-plus.png) no-repeat center center;background-size: 4rem;
}
.pay-pattern-card-list {position: relative; padding: 0 2rem 2rem;}
.pay-pattern-card-list label {
    display: block;position: relative;display: -webkit-box;display: -moz-box;-webkit-box-orient: horizontal;display: -moz-box;-moz-box-orient: horizontal;display: box;
    box-orient: horizontal;
}
.pay-pattern-card-list label + label {padding-top: 1.6rem;}
.pay-pattern-card-list label .radio-pay-pattern {margin-top: 0.8rem;}
.pay-pattern-card-list label .card-img {display: block;width: 100%;padding-left: 1.6rem; -webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;}

/* 대표카드패턴 */
.card-pattern {position: relative; padding: 2rem 2.4rem 2rem 2rem;border-radius: 1.2rem;box-shadow: 0rem 0.2rem 0.5rem 0 rgb(0 0 0 / 0.12);}
.card-pattern.light-orange {background-color: #edd7bb;}
.card-pattern.light-gray {background-color: #a1d9eb;}
.card-pattern.very-light-gray {background-color: #dce2c4;}
.card-pattern.bright-orange {background-color: #fde59e;}
.card-pattern.plain-pink {background-color: #fbd4d4;}
.card-pattern.dark-blue {background-color: #0062ac;}
.card-pattern.plain-green {background-color: #00de5a;}
.card-pattern .type {text-align: right;}
.card-pattern .type .oil {color: #000;font-size: 1.6rem;font-weight: 400;line-height: 1;text-align: right;}
.card-pattern .type .price {
    display: flex; align-items: center; justify-content: flex-end; gap: 4px;
    padding-top: 0.8rem; color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;text-align: right;
}
.card-pattern .type .price em {padding-left: 0.2rem; color: #000;font-size: 1.6rem;font-weight: 400;line-height: 1;text-align: right;vertical-align: middle;}
.card-pattern .card-detail {position: relative;padding-top: 1.5rem;}
.card-pattern .card-detail .name {
    display: flex; align-items: center; gap: 4px;
    color: #000;font-size: 1.4rem;font-weight: 500;line-height: 1;text-align: left;
}
.card-pattern .card-detail .name .btn-choice2 {
    display: inline-block;
    padding: 0.5rem 1rem 0.5rem 1.1rem;
    color: #666;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    border-radius: 14px;
    background: #FFF;


}
.card-pattern .card-detail .name .btn-change {
    display: inline-block;
    padding: 0.5rem 1rem 0.5rem 1.1rem;
    color: #666;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    border-radius: 14px;
    background: #FFF;


}
.card-pattern .card-detail .point {padding: .8rem 0; color: #666;font-size: 1.3rem;font-weight: 500;line-height: 1;text-align: left;}
.card-pattern .card-detail .card-company {padding-right: 4.8rem; color: #666;font-size: 1.3rem;font-weight: 500;line-height: 1;text-align: left;}
.card-pattern .card-detail .card-company .img img {height: 2rem;width: auto;}
.card-pattern .card-detail .card-company em {color: #666;font-size: 1.3rem;font-weight: 500;line-height: 1;text-align: left;vertical-align: -3px;}
.card-pattern .card-edit {position: absolute;right: 2rem;bottom: 2rem;}
.card-pattern .card-edit button {display: inline-block;padding: 1rem; font-size: 0;text-indent: -9999px;}
.card-pattern .card-edit button + button {margin-left: 1rem;}
.card-pattern .card-edit button.edit {background: url(../img/btn-icon-mod.png) no-repeat center center;background-size: 1.6rem;}
.card-pattern .card-edit button.del {background: url(../img/btn-icon-del.png) no-repeat center center;background-size: 2.8rem;}
.card-pattern.represent::before {
    content: '대표패턴';display: inline-block;padding: .5rem 1rem .5rem 1.1rem;border-radius: 1.1rem;background-color: #fff3ad;
    position: absolute;left: 1.2rem;top: 1.2rem;color: #000;font-size: 1.1rem;font-weight: 400;line-height: 1;text-align: center;
}
.card-pattern.represent-pay::before {
    content: '대표패턴';display: inline-block;padding: .5rem 1rem .5rem 1.1rem;border-radius: 1.1rem;background-color: #000;
    position: absolute;left: 1.2rem;top: 1.2rem;color: #fff;font-size: 1.1rem;font-weight: 400;line-height: 1;text-align: center;
}
.option-change ul {padding: 2rem;}
.option-change ul li + li {padding-top: 1.6rem;}
.option-change ul li .data {padding-top: 1.2rem;display: none;}
.option-change ul li .data .input-box {position: relative;}
.option-change ul li .data .input-box .point {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;}
.option-change ul li .data .point-no-data {padding: .5rem 0;}
.option-change ul li .data .point-no-data p {
    display: block;width: 100%;padding: 0.8rem 0;color: #666;font-size: 1.3rem;line-height: 1;text-align: left;
    padding: 1.5rem 1.6rem;border-radius: 1.2rem;background-color: #f6f6f6;
}
.option-change .point-txt {padding: 1rem .5rem 0 0; color: #666;font-size: 1.3rem;line-height: 1;text-align: right;}
.option-change .point-txt span {display: inline-block;padding: 0 .3rem 0 1.6rem; color: #000;font-size: 1.3rem;line-height: 1;text-align: left;}
.option-change .point-txt span em {display: inline-block;color: #000;font-size: 1.3rem;line-height: 1;text-align: left;}
.option-change .radio-switch {padding: 1.5rem 1.6rem;border-radius: 1.2rem; background-color: #f6f6f6;}
.option-change .radio-switch.gift-box {padding: 0;border-radius: 0; background-color: transparent;}
.option-change .radio-switch.gift-box .box {padding: 1.5rem 1.6rem;border-radius: 1.2rem; background-color: #f6f6f6;}
.option-change .radio-switch .coupon-data {position: relative; display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;}
.option-change .radio-switch .coupon-data .del {display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.option-change .radio-switch .coupon-data .del {
    padding: .8rem 1rem; color: #000;font-size: 1.3rem;line-height: 1;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    background-color: transparent;
}
.option-change .radio-switch .coupon-data .del span {display: inline-block;padding-right: 2.8rem; color: #000;font-size: 1.3rem;line-height: 1;text-align: left; background:transparent url(../img/btn-del.png) no-repeat right center;background-size: 2rem;}
.option-change .radio-switch .coupon-data .add {
    display: inline-block;min-width: 7.9rem; color: #666;font-size: 1.2rem;line-height: 1;text-align: left;white-space: nowrap;
    padding: .7rem 1.6rem;border-radius: 1.4rem;border: solid 1px #999;background-color: #fff;
}
.option-change .radio-switch .coupon-data .add.blue {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #FFF;background-color: #08a75a;}
.option-change .radio-switch .coupon-no-data {
    display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
}
.option-change .radio-switch .coupon-no-data p {
    display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    padding: .8rem 0; color: #666;font-size: 1.3rem;line-height: 1;text-align: left;
}
.option-change .radio-switch .coupon-no-data .add {
    display: inline-block;min-width: 7.9rem; color: #666;font-size: 1.2rem;line-height: 1;text-align: left;white-space: nowrap;
    padding: .7rem 1.6rem;border-radius: 1.4rem;border: solid 1px #999;background-color: #fff;
}
.coin-receipt {position: relative;padding-right: 3rem;}
.coin-receipt label span {display: inline-block;width: calc(100% - 3rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.coin-receipt .coin-info {
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding: .8rem;font-size: 0;text-indent: -9999px;
    background:transparent url(../img/btn-icon-info.png) no-repeat left center;background-size: 1.6rem;
}
.pay-title {padding: 2rem 3.2rem 1.6rem; color: #000;font-size: 1.2rem;line-height: 1;text-align: left;font-weight: 600;}
.pay-title2 {padding: 1.2rem 3.2rem 1rem; color: #000;font-size: 1.2rem;line-height: 1;text-align: left;font-weight: 600;}
.coupon-list {padding: 0 1.6rem 1.6rem;}
.coupon-list li + li {padding-top: 1.2rem;}
.coupon-list .coupon {
    position: relative; min-height: 14.4rem;padding: 1.6rem 0 1.6rem 2rem; box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);border-radius: 1.2rem; background-color: #fff;align-items: center;
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
}
.coupon-list .coupon > div {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;box-flex: 1;flex-grow: 1;}
.coupon-list .coupon > .coupon-info .so-title {color: #666;font-size: 1.2rem;line-height: 1;text-align: left;}
.coupon-list .coupon > .coupon-info h3 {
    overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height: 5.5rem;min-height: 5.5rem;text-align: left;word-wrap: break-word;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 1.2rem 1rem 0 0; color: #000;font-size: 1.6rem;line-height: 1.4;text-align: left;font-weight: 600;
}
.coupon-list .coupon > .coupon-info .period {padding: 1.2rem 0 0; color: #000;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 600;}
.coupon-list .coupon > .coupon-info .period dt {color: #666;font-size: 1.2rem;line-height: 1;text-align: left;}
.coupon-list .coupon > .coupon-info .period dd {padding-top: .4rem; color: #000;font-size: 1.4rem;line-height: 1;text-align: left;}
.coupon-list .coupon::before, .coupon-list .coupon::after {content: '';display: inline-block;position: absolute;right: 8rem;background-color: #f6f6f6;}
.coupon-list .coupon::before {
    top: 0;padding: 1.2rem;margin-top: -1.1rem; border-radius: 50%;box-shadow: inset -0.2rem -.4rem 1.2rem 0 rgba(0, 0, 0, 0.08);
    background-color: #f9f9f9;
}
.coupon-list .coupon::after {bottom: 0;padding: 1.2rem;margin-bottom: -1.1rem; border-radius: 50%;box-shadow: inset 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);background-color: #f9f9f9;}
.coupon-list .coupon .use {min-width: 9rem;width: auto; color: #08a75a;font-size: 1.4rem;line-height: 1;text-align: center;font-weight: 500;}
.coupon-list .coupon .use::before {content: '';display: inline-block;position: absolute;right: 9rem;top: 0;bottom: 0; border-left: 2px dashed #f2f2f2;}

.coupon-list .coupon.finish  > .coupon-info .so-title,
.coupon-list .coupon.finish > .coupon-info h3,
.coupon-list .coupon.finish .use,
.coupon-list .coupon.finish > .coupon-info .period * {color: #999;}
.coupon-list .coupon.finish {box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.04);}


.coupon-list .coupon.no-data {
    width: 100%;padding: 1.6rem; text-align: center; border-radius: 1.2rem;background-color: #eee;
    box-shadow: none;color: #999;font-size: 1.4rem;line-height: 1;
}
.coupon.no-data > div {color: #999;font-size: 1.4rem;line-height: 1;}

.coupon-list .coupon.no-data::before,
.coupon-list .coupon.no-data::after {content: none;}

.point-mall {padding: 1.6rem 1.6rem 2.8rem;}
.point-coupon {
    position: relative; min-height: 14.4rem;padding: 1.6rem 2rem 2.4rem; box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);border-radius: 1.2rem; background-color: #fff;
    align-items: center;text-align: center;

}
.point-mall .ico-point {display: inline-block;position: relative; margin-bottom: 1.6rem; padding: 2.7rem;border-radius: 50%; background-color: #f6f6f6;}
.point-mall .ico-point::after {
    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
    content: '';display: inline-block;padding: 1.8rem;background: url(../img/icon-point-gift.png) no-repeat center center;background-size: 3.6rem;
}
.point-mall .btn-pigment {
    display: block;width: 100%; padding: 1.2rem 3.2rem;color: #08a75a;font-size: 1.4rem;border: 1px solid #08a75a;line-height: 1;border-radius: 2rem;
    background: #fff;
}
.point-mall .btn-pigment span {display: inline-block;color: #08a75a;font-size: 1.4rem;line-height: 1;font-weight: 600;}


.coupon-txt-box {padding: 0 2rem 2rem 2rem;border-top: 6px solid #eee;}
.coupon-txt-box ul {padding: 2.4rem 0;}
.coupon-txt-box li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;}
.coupon-txt-box li span {color: #666;font-size: 1.3rem;line-height: 1.5;font-weight: 600;}
.coupon-txt-box li + li {margin-top: 1.2rem;}
.coupon-txt-box li::before {content: '';position: absolute;top: 0.8rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}
.coupon-txt-box li ol li {position: relative;padding-left: 0; color: #666;font-size: 1.3rem;line-height: 1.5;}
.coupon-txt-box li ol li + li {margin-top: .2rem;}
.coupon-txt-box li ol li::before {content: none;}

.coupon-txt-box.mb-info ul {padding: 0;}
.coupon-txt-box.mb-info {padding: 0;border-top: none;}
.coupon-txt-box.mb-info li::before {width: auto;height: auto;}
.coupon-txt-box .info-title {position: relative; padding: 3rem 0 1.2rem 2.4rem; font-weight: bold; color: #666; border-bottom: 1px solid #eee;}
.coupon-txt-box .info-title::before {position: absolute; content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url('../img/ico-info-sm.png') no-repeat center; background-size: 100%;left: 0;}

/* 2024-11-05 쿠폰 디자인 리뉴얼 관련 */
.coupon2024-renew .top-area {display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 3.2rem 1rem;}
.coupon2024-renew .top-area .pay-title2 {padding: 0;}
.coupon2024-renew .coupon-list .coupon .coupon-info {padding: 20px 30px 16px 20px;}
.coupon2024-renew .coupon-list .coupon.finish .coupon-info {background: #f7feef !important;}
.coupon2024-renew .coupon-list .coupon.finish > .coupon-info h3,
.coupon2024-renew .coupon-list .coupon.finish .use,
.coupon2024-renew .coupon-list .coupon.finish > .coupon-info .period dt,
.coupon2024-renew .coupon-list .coupon.finish > .coupon-info .period dd {color: #999 !important;}

.coupon2024-renew .coupon-list .coupon > .coupon-info h3 {word-break: keep-all; padding: 0;}
.coupon2024-renew .coupon-list .coupon > .coupon-info .period {padding: 4rem 0 0;}
.coupon2024-renew .coupon-list .coupon > .coupon-info .period dl {display: flex; align-items: center; gap: 1rem;}
.coupon2024-renew .coupon-list .coupon > .coupon-info .period dt {color: #fff; font-weight: bold;}
.coupon2024-renew .coupon-list .coupon > .coupon-info .period dd {padding-top: 0; color: #fff;}

/* 주유 쿠폰 - 녹색 */
.coupon2024-renew .coupon-list .oiling-coupon .coupon .coupon-info h3,
.coupon2024-renew .coupon-list .promotion-coupon .coupon .coupon-info h3 {color: #fff;}
.coupon2024-renew .coupon-list .coupon .coupon-info.greenA {background: #176f45;}
.coupon2024-renew .coupon-list .coupon .coupon-info.greenB {background: #1f945c;}

/* 세차 쿠폰 - 주황색 */
.coupon2024-renew .coupon-list .coupon .coupon-info.orangeA {background: #ea7500;}
.coupon2024-renew .coupon-list .coupon .coupon-info.orangeB {background: #ffaa0d;}

/* 주유 쿠폰 - 노란색 */
.coupon2024-renew .coupon-list .point-mall-coupon .coupon .coupon-info h3 {min-height: 6.5rem; max-height: 6.5rem; -webkit-line-clamp: 3; color: #312b0c;}
.coupon2024-renew .coupon-list .point-mall-coupon .coupon .coupon-info h3 p {margin-top: .8rem; font-size: 1.2rem;}

.coupon2024-renew .coupon-list .coupon .coupon-info.yellowA {background: #ffe132;}
.coupon2024-renew .coupon-list .coupon .coupon-info.yellowB {background: #ffcc01;}
.coupon2024-renew .coupon-list .coupon .coupon-info.yellowC {background: #d49c00;}

.coupon2024-renew .coupon-list .point-mall-coupon .coupon > .coupon-info .period dt {color: #312b0c; font-weight: bold;}
.coupon2024-renew .coupon-list .point-mall-coupon .coupon > .coupon-info .period dd {padding-top: 0; color: #312b0c;}

.coupon2024-renew .coupon-list .point-mall-coupon .coupon >.coupon-info.yellowC h3,
.coupon2024-renew .coupon-list .point-mall-coupon .coupon >.coupon-info.yellowC h3 p,
.coupon2024-renew .coupon-list .point-mall-coupon .coupon >.coupon-info.yellowC .period dt,
.coupon2024-renew .coupon-list .point-mall-coupon .coupon > .coupon-info.yellowC .period dd {color: #fff;}

.coupon2024-renew .coupon-list .coupon .use {color: #222;}
.coupon2024-renew .point-mall {padding: 0 0 0 0;}

.barcode-box.white {padding: 4rem 0 2rem;background-color: #fff;}

.barcode-box.white.finish .barcode,
.barcode-box.white.finish .barcode-nb {opacity: .2;}
.barcode-box.white.finish .barcode-stamp {position: relative;}

.barcode-box.white.finish .barcode-stamp::after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.barcode-box.white.finish .barcode-stamp::after {background: url(../img/icon-stamp02.png) no-repeat center center;background-size: 8rem;}


.barcode-box.white.coupon-mb-gift {position: relative; padding: 0 0 2rem;background-color: #fff;}
.barcode-box.white.coupon-mb-gift .mb-gift {position: relative;}
.barcode-box.white.coupon-mb-gift .coupon-mb-info {padding-top: 0;}
.barcode-box.white.coupon-mb-gift .mb-gift.finish::after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.barcode-box.white.coupon-mb-gift .mb-gift.finish::after {background: url(../img/icon-stamp02.png) no-repeat center center;background-size: 8rem;}



.coupon-mb-info {padding: 2rem 2.8rem 2rem;}
.coupon-mb-info dl:first-of-type {padding-top: 2rem; border-top: 1px solid #eee;}
.coupon-mb-info dl {
    display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
}
.coupon-mb-info dl + dl {padding-top: 2rem;}
.coupon-mb-info dl dt {
    position: relative; display:block;min-width: 7rem;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    color: #666;font-size: 1.6rem;line-height: 1;text-align: left;
}
.coupon-mb-info dl dd {
    position: relative; display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    color: #000;font-size: 1.6rem;line-height: 1;text-align: right;
}
.coupon-mb-info dl dd em {padding-left: 0.5rem; color: #000;font-size: 1.6rem;line-height: 1;}

/*  쿠폰 상세페이지 - 사용 가능한 주유소 리스트 */
.pdb40 {padding-bottom: 40px !important;}
.available {padding: 12px 30px; background-color: #fff;}
.available strong {font-size: 1.6rem; font-weight: 700;}
.available ul {margin-top: 2.4rem;}
.available ul li {display: flex; justify-content: space-between; align-items: center;}
.available ul li+li {margin-top: .8rem;}
.available ul li span {font-size: 1.6rem;}
.available ul li .btn {display: inline-flex; justify-content: center; padding: .8rem 0; width: 10.6rem; background: #999; font-size: 1.4rem; color: #fff; border-radius: 3.2rem;}


.gift-card-list {padding: 0 1.6rem 1.6rem;}
.gift-card-list li + li {padding-top: 1.2rem;}
.gift-card-list .gift-card {
    position: relative; min-height: 14.4rem;padding: 1.6rem 0 1.6rem 2rem; box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);border-radius: 1.2rem; background-color: #fff;align-items: center;
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
}
.gift-card-list .gift-card > div {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;box-flex: 1;flex-grow: 1;}
.gift-card-list .gift-card > .gift-card-info h3 {padding: 0 1rem 1.2rem 0; color: #000;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 400;}
.gift-card-list .gift-card > .gift-card-info .price {padding-bottom: 1rem; color: #000;font-size: 3rem;line-height: 1;text-align: left;font-weight: 600;}
.gift-card-list .gift-card > .gift-card-info .period {padding: 1.2rem 0 0; color: #000;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 600;}
.gift-card-list .gift-card > .gift-card-info .period dt {color: #666;font-size: 1.2rem;line-height: 1;text-align: left;}
.gift-card-list .gift-card > .gift-card-info .period dd {padding-top: .4rem; color: #000;font-size: 1.4rem;line-height: 1;text-align: left;}
.gift-card-list .gift-card::before, .gift-card-list .gift-card::after {content: '';display: inline-block;position: absolute;right: 8rem;background-color: #f6f6f6;}
.gift-card-list .gift-card::before {
    top: 0;border-radius: 50%;
    box-shadow: inset 0 -1.2rem 1.2rem -0.8rem rgba(0, 0, 0, 0.08);
    background: linear-gradient(#f6f6f6, #fff);border-radius: 0 0 2.4rem 2.4rem;
    height: 1.2rem;width: 2.4rem;
}
.gift-card-list .gift-card::after {
    bottom: 0;margin-bottom: -1.1rem;box-shadow: inset 0 -1.2rem 1.2rem -0.8rem rgb(0 0 0 / 8%);
    background: linear-gradient(#f1f1f1, #f6f6f6);border-radius: 2.4rem;height: 2.4rem;width: 2.4rem;transform: rotate(180deg);

}
.gift-card-list .gift-card .use {min-width: 9rem;width: auto; color: #08a75a;font-size: 1.4rem;line-height: 1;text-align: center;font-weight: 500;}
.gift-card-list .gift-card .use::before {content: '';display: inline-block;position: absolute;right: 9.1rem;top: 1.3rem;bottom: 1rem; border-left: 2px dashed #f2f2f2;}


.gift-card-list .gift-card.finish {box-shadow: none;}
.gift-card-list .gift-card.finish::before,
.gift-card-list .gift-card.finish::after {box-shadow: none;}
.gift-card-list .gift-card.finish > div *,
.gift-card-list .gift-card.finish .use  {color: #999 !important;}

.coupon-list .coupon.finish  > .coupon-info .so-title,
.coupon-list .coupon.finish > .coupon-info h3,
.coupon-list .coupon.finish .use,
.coupon-list .coupon.finish > .coupon-info .period * {color: #999;}
.coupon-list .coupon.finish {box-shadow: none;}
.coupon-list .coupon.finish::before,
.coupon-list .coupon.finish::after {box-shadow: none;background: #f6f6f6 !important;}

.fast-oil-add {padding: 2rem 1.6rem;}
.fast-oil-add > div {position: relative;padding: 2rem 1rem 2rem 1rem; border-radius: 1.2rem;border: solid 1px #eee;background-color: #fff;}
.fast-oil-add > div h3 {position: relative; padding-left: 4.2rem; color: #000;font-size: 1.4rem;line-height: 2.4rem;font-weight: 500;}
.fast-oil-add > div h3::before {
    content: '';display: inline-block;width: 2.4rem;height: 2.4rem;background-color: #f6f6f6;border-radius: 50%;text-align: center;
    position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);color: #333;font-size: 1.4rem;line-height: 2.4rem;font-weight: 600;
}
.fast-oil-add .step01 h3::before {content: '1';}
.fast-oil-add .step02 h3::before {content: '2';}
.fast-oil-add .step03 h3::before {content: '3';}
.fast-oil-add .step04 h3::before {content: '4';}
.fast-oil-add > div + div {margin-top: 1.2rem;}
.fast-oil-add .btn-choice2 {
    display: none; position: absolute;right: 1rem;top: -.2rem;padding: .7rem 1.5rem;white-space: nowrap;
    color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;text-align: center;border: 1px solid #999;border-radius: 1.4rem;
}
.fast-oil-add > div.end .btn-choice2 {display: block;}
.fast-oil-add > div.end h3::before {content: '';background:#f6f6f6 url(../img/icon-check.png) no-repeat center center;background-size: 1.4rem;}

.fast-oil-add > div.on  h3::before {color: #fff;background-color: #333;}
.fast-oil-add > div .data-accodian {display: none;}
.fast-oil-add > div .step-content {padding: 2rem 1rem .4rem;}
.fast-oil-add > div.on .data-accodian {display: block;}
.fast-oil-add > div .step-content .step-input {display: block;padding-top: 1rem;}
.fast-oil-add > div .step-content .step-input dl + dl {padding-top: 2.8rem;}
.fast-oil-add > div .step-content .step-input dt {color: #000;font-size: 1.4rem;line-height: 1;font-weight: 600;}
.fast-oil-add > div .step-content .step-input dd {padding-top: .8rem;}
.fast-oil-add > div .step-content .step-input dd.wp33 {font-size: 0;padding-top: 1.6rem;}
.fast-oil-add > div .step-content .step-input dd.wp33 label {display: inline-block; width: 33.3333%;padding: .5rem 0;}
.fast-oil-add > div .step-content .step-input dd .input-box {position: relative;}
.fast-oil-add > div .step-content .step-input dd .input-box .won {
    position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;
}
.fast-oil-add > div .step-content .step-input dd .won-btn {
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;padding-top: 1.2rem;
}
.fast-oil-add > div .step-content .step-input dd .won-btn button {
    display: block;width: 100%;height: 100%;-webkit-box-flex: 1;box-flex: 1;flex-grow: 1;padding: .7rem 0;white-space: nowrap;
    color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;text-align: center;border: 1px solid #999;border-radius: 1.4rem;
}
.fast-oil-add > div .step-content .step-input dd .won-btn button + button {margin-left: .2rem;}
.fast-oil-add > div .btn-box {padding-top: 2.4rem;}
.fast-oil-add > div .btn-box .btn-step {
    display: block;width: 100%; padding: 1.2rem 3.2rem;color: #08a75a;font-size: 1.4rem;border: 1px solid #08a75a;line-height: 1;border-radius: 2rem;background: #fff;
}
.fast-oil-add > div .btn-box .btn-step:disabled {color: #999;border: 1px solid #ddd;}
.fast-oil-add > div .point-option ul {padding: 2.4rem 1rem 0;}
.fast-oil-add > div .point-option ul li + li {padding-top: 1.6rem;}
.fast-oil-add > div .point-option ul li .data {padding-top: 1.2rem;display: none;}
.fast-oil-add > div .point-option ul li .data .radio-box {font-size: 0;}
.fast-oil-add > div .point-option ul li .data .radio-box label {display: inline-block; width: 50%;padding: .5rem 0;}
.fast-oil-add > div .point-option ul li .data .radio-box label.w100 {display: inline-block; width: 100%;padding: .5rem 0;}

.coin-receipt-info {margin-top: 1.2rem; padding: 1.6rem;border-radius: 1.2rem;background-color: #f6f6f6;}
.coin-receipt-info p {position: relative;margin-bottom: 1.2rem;padding-left: 1.2rem; color: #666;font-size: 1.3rem;line-height: 1.4;}
.coin-receipt-info p::before {
    content: '';display: inline-block;padding: .2rem;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: .6rem;
}
.coin-receipt-info .btn-move {
    display: block;margin: auto; padding: .7rem 1.7rem;color: #666;font-size: 1.2rem;border: 1px solid #999;line-height: 1;border-radius: 2rem;font-weight: 500;
    background: #fff;
}
.fast-oil-add .step02 .btn-box {padding: 2.4rem 1rem;}
.point-option .coin-receipt {position: relative;padding-right: 0;}

.bonus-card {padding: 2.4rem 1.3rem 0;}
.bonus-card .bonus-card-nb {
    width: 100%;display: flex;flex-direction: column;justify-content: space-between;min-height: 17.8rem; padding: 2rem;border: 1px solid #ddd;
    border-radius: 1.2rem; background:#fff url(../img/card-character.png) no-repeat right bottom;background-size: 13rem;
}
.bonus-card .bonus-card-nb .number {color: #000;font-size: 1.6rem;line-height: 1;}
.bonus-card .bonus-card-nb .date {color: #666;font-size: 1.2rem;line-height: 1;}
.bonus-card .bonus-card-nb .date em {color: #666;font-size: 1.2rem;line-height: 1;}
.bonus-card .bonus-card-txt {position: relative;margin-top: 1.6rem; padding-left: 1.2rem; color: #666;font-size: 1.3rem;line-height: 1.4;}
.bonus-card .bonus-card-txt span {color: #08a75a;font-size: 1.3rem;line-height: 1.4;}
.bonus-card .bonus-card-txt::before {
    content: '';display: inline-block;padding: .2rem;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: .7rem;
}

.fast-oil-add > div.on .data-accodian.payment-card {margin: 0 -1rem;padding: 2.4rem 0 0;}
.payment-card .payment-swiper .swiper-wrapper .swiper-slide {text-align: center;align-items: center;width: 80%;margin: auto;}
.payment-card .payment-swiper .swiper-wrapper .swiper-slide label.radio {visibility: hidden; margin-bottom: 1.2rem; text-align: left;}
.payment-card .payment-swiper .swiper-wrapper .swiper-slide.swiper-slide-active label.radio {visibility: visible;}
.payment-card .payment-swiper .swiper-wrapper .swiper-slide .card-img {box-shadow: 0rem 0.2rem 0.5rem 0 rgb(0, 0, 0, 0.12);border-radius: 1.2rem;overflow: hidden;}
.payment-card .payment-swiper .swiper-wrapper .swiper-slide .card-img img {width: 100%;height: auto;}
.payment-card .payment-swiper .swiper-pagination {width: 100%;position: relative;text-align: center;left: auto;bottom: auto;padding-top: 1.6rem;}
.payment-card .payment-swiper .swiper-pagination .swiper-pagination-bullet {width:.6rem;height:.6rem;margin-left:1rem;background:#ddd;-webkit-transition: all .5s;transition: all .5s;opacity:1;}
.payment-card .payment-swiper .swiper-pagination .swiper-pagination-bullet:first-of-type {margin-left: 0;}
.payment-card .payment-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.6rem;background:#222;border-radius: 1rem;}
.payment-card .payment-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .3rem;}

.fast-oil-add .payment-card .btn-box {padding: 2rem 2rem 0;}



.today-swiper .swiper-wrapper .swiper-slide {text-align: center;align-items: center;width: 80%;margin: auto;}
.today-swiper .swiper-wrapper .swiper-slide label.radio {visibility: hidden; margin-bottom: 1.2rem; text-align: left;}
.today-swiper .swiper-wrapper .swiper-slide.swiper-slide-active label.radio {visibility: visible;}
.today-swiper .swiper-wrapper .swiper-slide .card-img {box-shadow: 0rem 0.2rem 0.5rem 0 rgb(0, 0, 0, 0.12);border-radius: 1.2rem;overflow: hidden;}
.today-swiper .swiper-wrapper .swiper-slide .card-img img {width: 100%;height: auto;}
.today-swiper .swiper-pagination {width: 100%;position: relative;text-align: center;left: auto;bottom: auto;padding-top: 1.6rem;}
.today-swiper .swiper-pagination .swiper-pagination-bullet {width:.6rem;height:.6rem;margin-left:1rem;background:#ddd;-webkit-transition: all .5s;transition: all .5s;opacity:1;}
.today-swiper .swiper-pagination .swiper-pagination-bullet:first-of-type {margin-left: 0;}
.today-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.6rem;background:#222;border-radius: 1rem;}
.today-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .3rem;}

.today-contet .btn-box {padding: 2rem 2rem 4rem;}
.today-contet .btn-box {padding-top: 2.4rem;}
.today-contet .btn-box .btn-step {
    display: block;width: 100%; padding: 1.2rem 3.2rem;color: #08a75a;font-size: 1.4rem;border: 1px solid #08a75a;line-height: 1;border-radius: 2rem;background: #fff;
}
.today-contet .btn-box .btn-step:disabled {color: #999;border: 1px solid #ddd;}

/* 주유소찾기 */
.map-wrap {position: relative;height: 100%;}
.map-wrap .map-area {
    position: relative;height: calc(100% - 50%);overflow: auto;
    transition: all 0.3s ease-in-out !important;
    max-height: calc(100% - env(safe-area-inset-bottom) - 8rem);max-height: calc(100% - constant(safe-area-inset-bottom) - 8rem)
}
.map-wrap  .control-top-group {position: absolute;top: 1.4rem;left: 1rem;right: 1rem;text-align: center;font-size: 0;z-index: 2;}
.map-wrap  .control-top-group button {
    display: inline-block;padding: 1rem 1.2rem; color: #000;font-size: 1.4rem;line-height: 1;border-radius: 1.7rem;
    background-color: #fff;
}
.map-wrap  .control-top-group button + button {margin-left: .8rem;}
.map-wrap  .control-top-group button.map-filter {
    padding: 1.7rem 1.7rem;font-size: 0;text-indent: -9999px;
    background:#fff url(../img/btn-filter.png) center center no-repeat;background-size: 1.6rem;
}
.map-wrap .control-top-group .btn-find.on {background-color: #fff3ad;}

.map-wrap .map-area button {position: absolute;display: inline-block; z-index: 9;}
.map-wrap .map-pin {
    padding: 2.4rem;font-size: 0;text-indent: -9999px; background: url(../img/map-pin2.png) center center no-repeat;background-size: 4.8rem;
}
.map-wrap .map-heart {
    padding: 2.4rem;font-size: 0;text-indent: -9999px; background: url(../img/map-heart.png) center center no-repeat;background-size: 4.8rem;
}
.map-wrap .map-soil {
    padding: 2.4rem;font-size: 0;text-indent: -9999px; background: url(../img/map-soil.png) center center no-repeat;background-size: 4.8rem;
}

.map-wrap  .control-bottom-group {
    margin-top: -6.6rem;padding: 1.6rem 2rem 1rem; text-align: left;font-size: 0;z-index: 101;background-color: transparent;
    display: -webkit-box;-webkit-box-pack: justify;width: 100%;
}
.map-wrap  .control-bottom-group button {
    display: block;padding: 1rem 1.2rem; color: #000;font-size: 1.4rem;line-height: 1;border-radius: 1.7rem;
    background-color: #fff;
}
.map-wrap  .control-bottom-group button.btn-location {
    display: block;padding: 2rem;font-size: 0;text-indent: -9999px;
    background: url(../img/btn-location.png) center center no-repeat;background-size: 4rem;
}

.map-wrap .control-bottom-group button.btn-length {
    display: inline-block; padding: 1rem 1rem;color: #999;font-size: 1.5rem;text-align: left; background-color: #000;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.36);max-height: 3.4rem;margin-left: auto;
}
.control-bottom-group button.btn-length span {
    display: block; color: #fff;font-size: 1.4rem;text-align: left;line-height: 1; padding-right: 2rem;
    background:#000 url(../img/btn-dropdown-open-white.png) center right no-repeat;background-size: 1.2rem;
}

.map-wrap  .control-bottom-group button.btn-length.selected{color: #000;}

.page-container {height: 100%;}
.panel-container-vertical {display: flex;flex-direction: column;height: 100%;overflow: hidden;}

.panel-top {flex: 0 0 auto;/* only manually resize */height: 15rem;white-space: nowrap;}
.splitter-horizontal {
    position: relative; flex: 0 0 auto;height: 3rem;cursor: row-resize;border-top-left-radius: 1.2rem;border-top-right-radius: 1.2rem;
    text-align: center; overflow: hidden; background-color: #fff;box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.16);z-index: 9;
}
.splitter-horizontal::after {content: '';display: inline-block;padding: .25rem 2.8rem;background-color: #ddd;border-radius: 2.5rem;}
.panel-bottom {flex: 1 1 auto;min-height: 18rem;background-color: #fff;z-index: 9;height: 100%;}
.panel-bottom .scroll {height: 100%;overflow-y: auto;}
.panel-bottom .select-choice {position: relative; padding: 0 2rem 1.6rem;}
.panel-bottom .select-choice button {display: inline-block;width: auto;min-width: 10rem;}
.panel-bottom .select-choice button + button {margin-left: 1.2rem;}
.panel-bottom .select-choice label {position: absolute;right: 2rem;top: 1rem;}

.gas-station-list {padding-bottom: 6.6rem;background-color: #f6f6f6;}
.gas-station-list .rg-gs-cont .rg-cont-inner .gs-info .ti span {max-width: 100%;}

.pop-content .service-filter {text-align: left;font-size: 0;}
.pop-content .service-filter button {
    display: inline-block;margin: .6rem .4rem; padding: .9rem 1.3rem; color: #666;font-size: 1.4rem;line-height: 1;border-radius: 1.7rem;border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
}
.pop-content .service-filter button.on {color: #08a75a;border: 1px solid #08a75a;background-color: #fff;}

.pop-content .die-point h2 {padding-bottom: 1rem; color: #000;font-size: 1.4rem;line-height: 1.4;word-break: keep-all;}
.pop-content .die-point .example {padding-bottom: 2rem; color: #999;font-size: 1.2rem;line-height: 1.4;word-break: keep-all;}


.pop-content .die-point .die-point-info {padding: 2rem 0 0;border-top: 1px solid #eee;}
.pop-content .die-point .die-point-info li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;text-align: left;word-break: keep-all;}
.pop-content .die-point .die-point-info li + li {margin-top: .8rem;}
.pop-content .die-point .die-point-info li::before {content: '';position: absolute;top: 0.8rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}

.pop-content .people-choice {padding: 2rem 2.4rem .4rem;}
.pop-content .people-choice dl + dl {padding-top: 1.8rem;}
.pop-content .people-choice dt {color: #000;font-size: 1.4rem;line-height: 1;text-align: left;}
.pop-content .people-choice dt span {color: #d90030;}
.pop-content .people-choice dd {position: relative; padding:.8rem 0;text-align: left;}

.pop-content .people-choice dd p {padding-top:4px; color:#aaa;}
.pop-content .people-choice dd p ~ .pc-tb-area {margin-top:20px;}
.pop-content .people-choice dd .pc-tb-area th {padding-left:5px; padding-right:5px;}

.pop-content .easy-login h2 {padding: 2.4rem 0; color: #000;font-size: 1.6rem;line-height: 1.4;word-break: keep-all;font-weight: 600;}
.pop-content .easy-login .example {color: #000;font-size: 1.6rem;line-height: 1.4;word-break: keep-all;}

.pop-content .join-btn-box {padding: 0 1.2rem 3.2rem;}
.pop-content .join-btn-box button {display: block;width: 100%; padding: 1.6rem 0;text-align: center;color: #000;font-size: 1.6rem;line-height: 1;white-space: nowrap;border-radius: 1rem;}
.pop-content .join-btn-box button + button {margin-top: 2rem;}
.pop-content .join-btn-box .btn-normal-join {border: solid 1px #000;}
.pop-content .join-btn-box .btn-kakao-join {padding: 1.7rem 0;color: #3c1e1e;background:#ffeb00 url(../img/icon-kakao.png) 1rem center no-repeat;background-size: 2.6rem;}
.pop-content .join-btn-box .btn-naver-join {padding: 1.7rem 0;color: #fff;background:#06be34 url(../img/icon-naver.png) 1rem center no-repeat;background-size: 2.6rem;}
.pop-content .join-btn-box .btn-apple-join {padding: 1.7rem 0;color: #fff;background:#000 url(../img/icon-apple.png) 1rem center no-repeat;background-size: 2.8rem;}

.pop-content .pw-info {padding: 1rem 2.4rem 0.4rem;}
.pop-content .pw-info ul {padding: 1.2rem 2rem; border-radius: 1.2rem;background-color: #f6f6f6;}
.pop-content .pw-info li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.2rem;line-height: 1;text-align: left;word-break: keep-all;}
.pop-content .pw-info li + li {margin-top: .8rem;}
.pop-content .pw-info li::before {content: '';position: absolute;top: 0.4rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}

.pop-content .leave-title {padding: 0 0 2.4rem; color: #000;font-size: 1.4rem;line-height: 1.4;word-break: keep-all;}
.pop-content .member-leave {padding: 2rem 0 0;border-top: 1px solid #eee;}
.pop-content .member-leave li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;text-align: left;word-break: keep-all;}
.pop-content .member-leave li span {color: #000;font-size: 1.3rem;line-height: 1.5;text-align: left;font-weight: 600;}
.pop-content .member-leave li .green {color: #08a75a;}
.pop-content .member-leave li + li {margin-top: .8rem;}
.pop-content .member-leave li::before {content: '';position: absolute;top: 0.8rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}

.pop-content .simple-login {padding: 1.2rem 2rem 2rem; color: #000;font-size: 1.4rem;line-height: 1;word-break: keep-all;}
.pop-content .simple-login-join ul {padding: 0 2rem 4rem 2rem;}
.pop-content .simple-login-join li {position: relative;min-height: 6.4rem; padding: 1.2rem 1.2rem 1.2rem 7.2rem; border-bottom: 1px solid #eee;}
.pop-content .simple-login-join li .title {height: 2.2rem; color: #000;font-size: 1.5rem;line-height: 1;font-weight: 500;text-align: left;}
.pop-content .simple-login-join li .title .certify {font-size: 0; margin-left: .4rem;}
.pop-content .simple-login-join li .date {padding-top: .4rem; color: #999;font-size: 1.2rem;line-height: 1;text-align: left;}
.pop-content .simple-login-join li.kakao {background: url(../img/link-kakao.png) 1.6rem center no-repeat;background-size: 4rem;}
.pop-content .simple-login-join li.naver {background: url(../img/link-naver.png) 1.6rem center no-repeat;background-size: 4rem;}
.pop-content .simple-login-join li.apple {background: url(../img/link-apple.png) 1.6rem center no-repeat;background-size: 4rem;}
.pop-content .simple-login-join li button {
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666;font-size: 1.2rem;line-height: 1;padding: .7rem 1.6rem;
    min-width: 8rem; border-radius: 1.4rem;border: solid 1px #08a75a;background-color: #fff;
}
.pop-content .simple-login-join li .link-add {color: #08a75a; border: solid 1px #08a75a;}
.pop-content .simple-login-join li .link-added {background: #ddd; border: 1px solid #ddd; color: #999;}
.pop-content .simple-login-join li .link-remove {border: solid 1px #999;}
.pop-content .map-find {}
.pop-content .map-find ul {padding: 0 2rem 4rem 2rem;}
.pop-content .map-find li {position: relative;min-height: 6.4rem; padding: 1.2rem 1.2rem 1.2rem 7.2rem; border-bottom: 1px solid #eee;overflow: hidden;}
.pop-content .map-find li .title {display: block;float: left;padding-top: 1rem; color: #000;font-size: 1.5rem;line-height: 1;font-weight: 500;text-align: left;}
.pop-content .map-find li .rght {float: right;padding-top: .8rem;}
.pop-content .map-find li.map-naver {background: url(../img/map-naver.png) 1.6rem center no-repeat;background-size: 4rem;}
.pop-content .map-find li.map-tmap {background: url(../img/map-tmap.png) 1.6rem center no-repeat;background-size: 4rem;}
.pop-content .map-find li.map-kakao {background: url(../img/map-kakao.png) 1.6rem center no-repeat;background-size: 4rem;}
.pop-content .map-find li.map-one {background: url(../img/map-one.png) 1.6rem center no-repeat;background-size: 4rem;}


.board-edit {padding: 1rem 1.6rem 4rem;}
.board-edit li {}
.board-edit li + li {margin-top: 0.8rem;}
.board-edit li button {
    position: relative; width: 100%;display: block; padding: 2.3rem 2rem;border-radius: 1.2rem;border: solid 1px #eee;color: #000;font-size: 1.6rem;
    line-height: 1;text-align: left;background-color: #fff;
}
.board-edit li button::after {content: '';display: inline-block;padding: 1.4rem;position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);}
.board-edit li button.btn-mod::after {background: url(../img/btn-icon-mod2.png) no-repeat right center;background-size: 2.8rem;}
.board-edit li button.btn-del::after {background: url(../img/icon-trash.png) no-repeat right center;background-size: 2.8rem;}

.club-title {padding: 2.4rem 2rem .4rem; color: #666;font-size: 1.4rem;line-height: 1;text-align: left;border-top: 1px solid #eee;}
.club-choice {padding: .8rem 0 2rem;}
.club-choice ul {border-bottom: 1px solid #eee;}
.club-choice li {text-align: left;border-top: 1px solid #eee;}
.club-choice li button {position: relative; display: block;width: 100%;padding: 2.2rem 2.4rem;color: #000;font-size: 1.6rem;font-weight: 500;line-height: 1;text-align: left;}
.club-choice li button::after {
    content: '';display: inline-block;padding: .8rem;background: url(../img/btn-arrow-medium.png) no-repeat center center;background-size: 1.6rem;
    position: absolute;right: 2.4rem;top: 50%;transform: translateY(-50%);
}
.club-choice li button.active {color: #08a75a;}

/* 커뮤니티 */
.btn-writing-box {padding: 2rem;}
.btn-writing-box .btn-writing {
    display: block;width: 100%;padding: 1.2rem 0;white-space: nowrap;color: #08a75a;font-size: 1.4rem;line-height: 1;
    text-align: center;border: 1px solid #08a75a;border-radius: 2rem;background-color: #fff;
}

.notice-list {border-top: 1px solid #eee;}
.notice-list li {border-bottom: 1px solid #eee;}
.notice-list li button {position: relative; display: block;width: 100%;padding: 2rem 5rem 2rem 2rem;}
.notice-list li button::after {
    content: '';display: inline-block;padding: .8rem;background: url(../img/btn-arrow-medium.png) no-repeat center center;background-size: 1.6rem;
    position: absolute;right: 2.4rem;top: 50%;transform: translateY(-50%);
}
.notice-list li button .title {display: flex;line-height: 1;}
.notice-list li button .tit {
    display: inline-block;padding-bottom: 3px;color: #000;font-size: 1.5rem;line-height: 1.5;font-weight: 500;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.notice-list li button.new .tit{padding-left: 2px;}
.notice-list li button.new .tit::before {
    content: 'N';display: inline-flex;align-items: center;justify-content: center;width: 1.8rem;height: 1.8rem;margin-right: 4px;box-shadow: 0 .2rem .3rem 0 rgba(241, 5, 5, 0.48);
    background-color: #f10505;border-radius: 50%;color: #fff;font-size: 1.2rem;line-height: 1;text-align: center;vertical-align: middle;
}
.notice-list li button .comment {display: inline-block;padding-left: .3rem; color: #ff4d4d;font-size: 1.5rem;line-height: 1.5;font-weight: 500;text-align: left;white-space: nowrap;}
.notice-list li button .date {display: block;padding-top: .5rem;color: #999;font-size: 1.3rem;line-height: 1;white-space: nowrap;text-align: left;}

.notice-list li button.reply .title::before {
    content: 're';display: inline-block;margin-right: .3rem; padding-left: 1.5rem;color: #999;font-size: 1.5rem;line-height: 1.8rem;text-align: left;
    vertical-align: middle;white-space: nowrap;background: url(../img/icon-reply.png) no-repeat left center;background-size: 1.2rem;
}

.notice-detail .notice-top {padding: 2rem 1.6rem 0;}
.notice-detail .notice-top > .notice-title {position: relative; padding-bottom: 1.6rem; border-bottom: solid 1px #eee;}
.notice-title .event-name span {display: inline-block;padding: .4rem .8rem;color: #ff4d4d;font-size: 1.1rem;line-height: 1;border-radius: 1.1rem;background-color: #feeeee;}
.notice-title .notice-title {padding: 1.2rem 3rem .8rem 0;color: #000;font-size: 1.6rem;line-height: 1.5;font-weight: 600;text-align: left;}
.notice-title .notice-info .date {display: inline-block; color: #999;font-size: 1.3rem;font-weight: 400;text-align: left;}
.notice-title .notice-info .id {position: relative; display: inline-block;padding-left: 1.5rem; color: #999;font-size: 1.3rem;font-weight: 400;text-align: left;}
.notice-title .notice-info .id::before {
    content: '';display: inline-block;position: absolute;left: .6rem;top: .3rem;border-left: 1px solid #ddd;height: 1rem;
}
.notice-title .btn-notice-more {
    position: absolute;right: 0;top: 0; padding: 1.4rem;background: url(../img/btn-more.png) no-repeat center center;background-size: 2.8rem;
}
.notice-detail .notice-content {min-height: 15rem; padding: 2rem 2.4rem;color: #000;font-size: 1.5rem;line-height: 1.5;text-align: left;}
.notice-detail .notice-content a {all: revert;}
.notice-detail .notice-content img {max-width: 100%;}

.notice-detail .attached-file {padding: 1.4rem 1.6rem 4rem;}
.notice-detail .attached-file img {max-width:100%;}
.notice-detail .attached-file .atta-file-box {padding: 1.6rem 1.6rem;border-radius: 1.2rem; border: 1px solid #eee; overflow: hidden;}
.notice-detail .attached-file .atta-file-box h3 {
    margin-bottom: .5rem; padding: 0 0 .8rem 2.4rem;color: #666;font-size: 1.4rem;line-height: 1;text-align: left;border-bottom: 1px solid #eee;font-weight: 400;
    background: url(../img/icon-attached-file.png) no-repeat left top;background-size: 1.6rem;
}
.notice-detail .attached-file .file-box {position: relative;}
.notice-detail .attached-file .file-box .del {
    display: inline-block;border-radius: 50%;margin: 0;padding: 1.8rem;
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../img/btn-del.png) center center no-repeat;background-size: 1.4rem;
}
.notice-detail .attached-file .file-box .del::before {content: none;}
.notice-detail .attached-file button {
    position: relative;display: inline-block;width: auto; max-width: 100%;  padding: .8rem 0 .8rem 2.4rem;color: #000;font-size: 1.4rem;line-height: 1;text-align: left;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: transparent;text-decoration: underline;
}
.notice-detail .attached-file button + button {margin-top: .6rem;}
.notice-detail .attached-file button::before {
    content: '';display: block;padding: 1rem; position: absolute;top: .6rem;left: 0;background: url(../img/icon-file-download.png) no-repeat left center;
    background-size: 1.6rem;
}
.notice-input .attached-file {border-top: 0;padding: .5rem 1.5rem;margin-bottom: 0;}
.notice-input .attached-file.add {padding: .5rem 0;}

.notice-detail .attached-file-no-data p {padding: .6rem 0 1.4rem;color: #999;font-size: 1.3rem;line-height: 1;text-align: left;border-bottom: 1px solid #ddd;}
.notice-input .attached-file.add .file-box {padding: .8rem 0;border-bottom: 1px solid #ddd;}
.notice-input .attached-file.add .file-box + .file-box {margin-top: 1rem;}
.notice-input .attached-file.add button::before {content: none;}
.notice-input .attached-file.add button {padding: .8rem 2.5rem .8rem 1.2rem;text-decoration:none}


.notice-detail .empathy-area {padding: 1.6rem 2rem;background-color: #f6f6f6;}
.notice-detail .empathy-area .comment-nb {
    display: inline-block;margin-left: 1.6rem; padding-left: 2.8rem; color: #000;font-size: 1.5rem;font-weight: 500;line-height: 1.5;
    background: url(../img/icon-chat.png) left center / 2.2rem no-repeat;
}
.notice-detail .empathy-area .comment-nb span {padding-left: .3rem;color: #000;font-size: 1.5rem;font-weight: 500;line-height: 1.5;}
.notice-detail .empathy-area .btn-empathy {
    position: relative; display: inline-block;padding-left: 3rem; color: #000;font-size: 1.5rem;font-weight: 500;line-height: 1.5;background: transparent;}
.notice-detail .empathy-area .btn-empathy em {
    content: '';display: inline-block;padding: 1.2rem;transition: all 0.3s;position: absolute;left: 0;top: 0;
    background: url(../img/btn-like-off.png) center / 100% no-repeat;
}
.notice-detail .empathy-area .btn-empathy strong {
    display: inline-block;padding-left: .3rem; color: #000;font-size: 1.5rem;font-weight: 500;line-height: 1.5;vertical-align: top;
}
.notice-detail .empathy-area .btn-empathy.active em {background: url(../img/btn-like-on.png) center / 100% no-repeat;}


.notice-detail .notice-comment-box {padding: 1.6rem 2rem; border-top: .6rem solid #eee; background-color: #f6f6f6;}
.notice-detail .notice-comment-box.bt0 {padding: 2.4rem 2rem; border-top: 0;}
.notice-comment-box .comment-nb {padding: 0 0 1.2rem;color: #000;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 600;}
.notice-comment-box .comment-nb span {color: #ff4d4d;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 500;}
.notice-comment-box .comment-input {position: relative;padding-right: 9.2rem;}
.notice-comment-box .comment-input .btn-delete {position: absolute;right: 10rem;bottom: 1rem;}
.notice-comment-box .comment-input .btn-delete.type02 {position: absolute;right: 14rem;bottom: .8rem;}
.notice-comment-box .comment-input textarea:focus {border: 1px solid #000;}
.notice-comment-box .btn-add2 {
    display: inline-block;min-width: 8.4rem;padding: 1.6rem 1rem;color: #000;font-size: 1.6rem;font-weight: 400;
    line-height: 1;border-radius: 1rem;background-color: #ffe132;border: solid 1px rgba(0, 0, 0, 0.08);position: absolute;right: 0;top: 0;bottom: 0;
}
.notice-comment-box .txt-limit {
    display: inline-block;color: #999;font-size: 1.2rem;font-weight: 400;line-height: 1;
    position: absolute;bottom: 1rem;right: 10rem;
}
.notice-comment-box .txt-limit em {display: inline-block;color: #999;font-size: 1.2rem;font-weight: 400;line-height: 1;}
.notice-comment-box .comment-list {margin-top: 2.4rem; border-top: 1px solid #eee;}
.notice-comment-box .comment-list li {position: relative; padding: 1.6rem 0; border-bottom: 1px solid #eee;}
.notice-comment-box .comment-list li .comment-title {padding-right: 3rem; color: #000;font-size: 1.4rem;font-weight: 400;line-height: 1.4; text-align: left;}
.notice-comment-box .comment-list li .comment-info {padding: .8rem 0 0 0; color: #000;font-size: 1.4rem;font-weight: 400;text-align: left;}
.notice-comment-box .comment-list li .comment-info .date {display: inline-block; color: #999;font-size: 1.3rem;font-weight: 400;text-align: left;}
.notice-comment-box .comment-list li .comment-info .id {position: relative; display: inline-block;padding-left: 1.5rem; color: #999;font-size: 1.3rem;font-weight: 400;text-align: left;}
.notice-comment-box .comment-list li .comment-info .id::before {
    content: '';display: inline-block;position: absolute;left: .6rem;top: .3rem;border-left: 1px solid #ddd;height: 1rem;
}


.notice-comment-box .comment-list li.reply {position: relative; padding: 1.6rem 0; border-bottom: 1px solid #eee;}
.notice-comment-box .comment-list li.reply .comment-title {padding-right: 3rem; color: #000;font-size: 1.4rem;font-weight: 400;line-height: 1.4; text-align: left;}
.notice-comment-box .comment-list li.reply .comment-title .name {
    display: inline-block;padding: 0 .3rem 0 1.6rem; color: #08a75a;font-size: 1.4rem;font-weight: 400;line-height: 1.4; text-align: left;
    background: url(../img/icon-reply-green.png) no-repeat left .3rem;background-size: 1.2rem;
}
.notice-comment-box .comment-list li.reply .comment-info {padding: .8rem 0 0 0; color: #000;font-size: 1.4rem;font-weight: 400;text-align: left;}
.notice-comment-box .comment-list li.reply .comment-info .date {display: inline-block; color: #999;font-size: 1.3rem;font-weight: 400;text-align: left;}
.notice-comment-box .comment-list li.reply .comment-info .id {position: relative; display: inline-block;padding-left: 1.5rem; color: #999;font-size: 1.3rem;font-weight: 400;text-align: left;}
.notice-comment-box .comment-list li.reply .comment-info .id::before {
    content: '';display: inline-block;position: absolute;left: .6rem;top: .3rem;border-left: 1px solid #ddd;height: 1rem;
}
.notice-comment-box .comment-list li .reply-comment {position: relative;margin-top: 1.5rem; padding:1rem 5rem 1rem 1.6rem;border-radius: 1rem;border: solid 1px #666;background-color: #fff;}
.notice-comment-box .comment-list li .reply-comment input {padding: .2rem 0; border: 0;}
.notice-comment-box .comment-list li .reply-comment .btn-confirm {
    position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);padding: 1rem 1rem 1rem 0; color: #000;font-size: 1.4rem;font-weight: 500;text-align: left;
}

.notice-comment-box .comment-list li .btn-area {position: absolute;bottom: 1.6rem;right: 0;}
.notice-comment-box .comment-list li .btn-trash {
    display: inline-block;padding: 1.2rem; font-size: 0;text-indent: -9999px;position: absolute;top: 1.6rem;right: 0;
    background: url(../img/btn-icon-trash.png) no-repeat center center;background-size: 1.6rem;
}
.notice-comment-box .comment-list li .btn-reply {
    margin-left: 1.6rem;color: #666;font-size: 1.3rem;font-weight: 400;text-align: left;vertical-align: top;background: transparent;
}
.notice-comment-box .page-nav {padding: 2rem 0 2rem;text-align: center;}

.notice-comment-box .comment-list li .btn-area button {position: relative;right: auto;bottom: auto;}
.notice-comment-box .comment-list li .btn-area button + button {margin-left: .5rem;}
.btn-wrap.pdlg20 {padding: 2.8rem 2rem;}



.notice-input dl + dl {padding-top: 1.8rem;}
.notice-input dt {color: #000;font-size: 1.4rem;line-height: 1;text-align: left;font-weight: 600;}
.notice-input dt span {display: inline-block;padding-left: .5rem; color: #999;font-size: 1.2rem;line-height: 1;text-align: left;font-weight: 400;}
.notice-input dd {position: relative; padding:.8rem 0;text-align: left;}
.notice-input dd input.pr80 {padding-right: 8rem;}
.notice-detail.h-limit {height: 100%;}
.notice-detail.h-limit .detail-white-box {min-height: calc(100% - 11rem);}
.notice-input dd .file-find {display: block;width: 100%;padding: .6rem 1.6rem;color: #666;font-size: 1.2rem;border: 1px solid #999;border-radius: 1.4rem;}

input + .txt-del {
    display: inline-block;padding: .8rem; color: #000;font-size: 1.3rem;line-height: 1;text-align: left; position: absolute;top: 2.2rem;right: 8.3rem;
    background: url(../img/btn-del.png) no-repeat right center;background-size: 1.6rem;
}


.setting-wrap {padding-bottom: 4rem;}
.setting-wrap h3 {padding: 2.4rem 2rem 1.2rem; border-top: 1px solid #eee; color: #666;font-size: 1.4rem;line-height: 1;text-align: left;}
.setting-wrap li {padding: 1.8rem 2rem;overflow: hidden;}
.setting-wrap li .title {float: left;display: inline-block; color: #000;font-size: 1.6rem;line-height: 2.4rem;text-align: left;font-weight: 500;}
.setting-wrap li .rght {float: right;}
.setting-wrap li.ico-arrow button {position: relative;display: block;width: 100%;color: #000;font-size: 1.6rem;line-height: 2.4rem;text-align: left;font-weight: 500;}
.setting-wrap li.ico-arrow button::after {
    content: '';display: inline-block;padding: .8rem;background: url(../img/btn-arrow-medium.png) no-repeat center center;background-size: 1.6rem;
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);
}
.setting-wrap li .title.li1 {line-height: 1;}
.setting-wrap li .title.li1 .tit {display: block; color: #000;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 500;}
.setting-wrap li .title.li1 .sub-txt {display: block;padding-top: .6rem; color: #999;font-size: 1.4rem;line-height: 1.4;text-align: left;font-weight: 400;}

.setting-wrap .line {border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.setting-wrap dl {padding: 2.1rem 2rem;border-bottom: 1px solid #eee;overflow: hidden;}
.setting-wrap dl dt {float: left;color: #000;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 500;}
.setting-wrap dl dd {float: right;color: #08a75a;font-size: 1.6rem;line-height: 1;text-align: left;font-weight: 500;}

.privacy-year {padding: 1.2rem 2rem;}









/* 이벤트 */
.event-list {padding: 2.4rem 1.6rem 0;}
.event-list li {position: relative;background: #fff;border-radius: 1.2rem;overflow: hidden;}
.event-list li + li {margin-top: 1.2rem;}
.event-list li button.event-box {position: relative;width: 100%;border-radius: 1.2rem;overflow: hidden;box-shadow: 0 4px 1.2rem 0 rgb(0, 0, 0, 0.08);}
.event-list li .event-type {
    display: inline-block;padding: .5rem .9rem;border-radius: 1.4rem;color: #ff4d4d;font-size: 1.1rem;font-weight: 400;background-color: #feeeee;
    position: absolute;left: 1.2rem;top: 1.2rem;
}
.event-list li .img {display: block;overflow: hidden;}
.event-list li .img img {max-width: 100%;object-fit: contain;}
.event-list li .txt {display: block; padding: 1.8rem 1.6rem 2rem;text-align: left;}
.event-list li .title {display: block; color: #000;font-size: 1.6rem;text-align: left;line-height: 1.4;}
.event-list li .date {display: block;padding-top: .6rem; color: #999;font-size: 1.3rem;text-align: left;line-height: 1;}
.event-list li button.event-box:disabled::before,
.event-list li button.event-box:disabled::after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.event-list li button.event-box:disabled::before {background: rgba(0, 0, 0, .5);z-index: 2;}
.event-list li button.event-box:disabled::after {background: url(../img/icon-stamp.png) no-repeat center center;background-size: 8rem;}
.btn-more-box {padding: 2.4rem 1.6rem;}
.btn-more-box .btn-more {
    display: block;width: 100%;padding: 1.2rem 0;white-space: nowrap;color: #666;font-size: 1.4rem;line-height: 1;
    text-align: center;border: 1px solid #ddd;border-radius: 2rem;background-color: #fff;
}

.event-detail {padding: 1rem 1.6rem;}
.event-detail .event-title {position: relative; padding-bottom: 1.6rem; border-bottom: 1px solid #eee;}
.event-detail .event-title > div {text-align: left;line-height: 1;}
.event-detail .event-title .category {display: inline-block; padding: .5rem .8rem;border-radius: 1.1rem;background-color: #feeeee;color: #ff4d4d;font-size: 1.1rem;}
.event-detail .event-title .title {padding: .6rem 0 1rem; color: #000;font-size: 1.6rem;text-align: left;line-height: 1.4;font-weight: 600;}
.event-detail .event-title .date {color: #999;font-size: 1.3rem;text-align: left;}
.event-detail .event-title .ico-share {
    position: absolute;right: 0;top: -.5rem; display: inline-block;padding: 1.4rem; font-size: 0;text-indent: -9999px;
    background: url(../img/btn-share.png) center center no-repeat;background-size: 2.8rem;
}

.event-detail .event-content .img {padding: 2rem 0;}
.event-detail .event-content .img img {max-width: 100%;}
.btn-list-box {padding: 2rem 0;}
.btn-list-box .btn-list {
    display: block;width: 100%;padding: 1.2rem 0;white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1;
    text-align: center; border: solid 1px rgba(0, 0, 0, 0.08);border-radius: 1rem;background-color: #ffe132;
}


.event-history {padding: 2rem 1.6rem;}
.event-history h4 {padding: .6rem 0 1rem; color: #666;font-size: 1.2rem;text-align: left;line-height: 1;border-bottom: 1px solid #eee;}
.event-history li {border-bottom: 1px solid #eee;}
.event-history li button {display: block;width: 100%;padding: 1.2rem 0 1.2rem 1.2rem;}
.event-history li button .tit {display: block;color: #000;font-size: 1.6rem;line-height: 1.4;font-weight: 600;text-align: left;}
.event-history li button .bottom {display: block;padding-top: 1rem; text-align: left;font-size: 0;}
.event-history li button .bottom .state {
    color: #999;font-size: 1.1rem;line-height: 1;white-space: nowrap;padding: .5rem 1rem;vertical-align: middle;
    display: inline-block;text-align: left;border-radius: 1.5rem; background-color: #eee;
}
.event-history li button .bottom .state.ing {color: #ff4d4d;background-color: #feeeee;}
.event-history li button .bottom .date {display: inline-block;padding: .3rem 1.8rem 0 .8rem; text-align: left;white-space: nowrap;color: #999;font-size: 1.3rem;line-height: 1;}
.event-history li button .bottom .time {position: relative; display: inline-block;padding-top: .3rem;text-align: left;white-space: nowrap;color: #999;font-size: 1.3rem;line-height: 1;}
.event-history li button .bottom .time::before {
    content: '';display: inline-block;position: absolute;left: -.8rem;top: .5rem;color: #7f7f7f;font-size: 1.2rem;text-align: left;line-height: 1;
    border-left: 1px solid #ccc;height: 1rem;
}
.event-history li button .bottom .title {display: block; white-space: nowrap;color: #999;font-size: 1.3rem;line-height: 1;}
.event-history li button .bottom .title strong {position: relative; padding-left: 1.8rem; white-space: nowrap;color: #999;font-size: 1.3rem;line-height: 1;vertical-align: top;}
.event-history li button .bottom .title strong::before {
    content: '';display: inline-block;position: absolute;left: .8rem;top: .5rem;color: #7f7f7f;font-size: 1.2rem;text-align: left;line-height: 1;
    border-left: 1px solid #ccc;height: .8rem;
}
.event-history li button .bottom .title + .title {margin-top: .6rem;}

.auth-info {}
.auth-info h2.title {
    padding-top: 9.6rem; white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1;font-weight: 600;text-align: center;
    background: url(../img/icon-auth-info.png) no-repeat center 4rem;background-size: 4rem;
}
.auth-info h3.sub-title {padding-top: 1rem; white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1.4;text-align: center;}
.auth-icon-box {padding: 3.2rem 2rem 2.4rem;}
.auth-icon-box dl {padding: 1.6rem 2rem 1.6rem 5.6rem;}
.auth-icon-box dl:first-of-type {padding-top: 2.8rem; border-top: 1px solid #eee;}
.auth-icon-box dl:last-of-type {padding-bottom: 2.8rem;border-bottom: 1px solid #eee;}
.auth-icon-box dl.call {background: url(../img/icon-call.png) no-repeat .5rem center;background-size: 4rem;}
.auth-icon-box dl.rocal {background: url(../img/icon-rocal.png) no-repeat .5rem center;background-size: 4rem;}
.auth-icon-box dl.camera {background: url(../img/icon-camera.png) no-repeat .5rem center;background-size: 4rem;}

.auth-icon-box dl dt {color: #000;font-size: 1.5rem;line-height: 1.3;text-align: left;font-weight: 500;}
.auth-icon-box dl dt span {color: #08a75a;font-size: 1.5rem;line-height: 1.3;text-align: left;font-weight: 500;}
.auth-icon-box dl dt em {color: #666;font-size: 1.5rem;line-height: 1.3;text-align: left;font-weight: 500;}
.auth-icon-box dl dd {padding-top: .8rem; color: #666;font-size: 1.4rem;line-height: 1.3;text-align: left;}

.auth-info-txt {padding: 0 2rem 2rem 2rem;}
.auth-info-txt li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;}
.auth-info-txt li + li {margin-top: .8rem;}
.auth-info-txt li::before {content: '';position: absolute;top: 0.8rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}


/* 알림 */
.ralim-list {padding: 2rem 1.6rem 0;}
.ralim-list li {position: relative;border-radius: 1.2rem;box-shadow: 0 4px 1.2rem 0 rgb(0, 0, 0, 0.08);background: #fff;overflow: hidden;}
.ralim-list li + li {margin-top: 1.2rem;}
.ralim-list li button {position: relative;padding: 2rem;width: 100%;}
.ralim-list li button .head {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;
    flex-direction: row;justify-content: space-between;padding-bottom: 1rem;
}
.ralim-list li button .head .date {display: inline-block; color: #666;font-size: 1.2rem;line-height: 1;text-align: left;}
.ralim-list li button .head .ent {
    display: inline-block;padding: .5rem 1.1rem;border-radius: 1.2rem; color: #000;font-size: 1.1rem;line-height: 1;text-align: center;background-color: #eee;
}
.ralim-list li button .head .ent.benefits {color: #000;background-color: #fff3ad;}
.ralim-list li button .head .ent.oil {color: #00a7a7;background-color: #edf9f9;}
.ralim-list li button .head .ent.noti {color: #ff4d4d;background-color: #feeeee;}
.ralim-list li button .title {
    display: block; padding-bottom: .8rem; color: #000;font-size: 1.4rem;line-height: 1.3;text-align: left;font-weight: 600;border-bottom: 1px solid #eee;
}
.ralim-list li button .txt {display: block;padding-top: 1.2rem; color: #999;font-size: 1.3rem;line-height: 1.3;text-align: left;word-break: keep-all;}
.ralim-list li button .txt em {display: block;color: #999;font-size: 1.3rem;line-height: 1.3;text-align: left;word-break: keep-all;}
.ralim-list li button .period {display: block;padding-top: .5rem; color: #999;font-size: 1.3rem;line-height: 1;text-align: left;}

.footer.ralim-ft {padding: 2rem;color: #999;font-size: 1.3rem;line-height: 1.3; border-radius: 0;background-color: #eee;}
.footer.ralim-ft::before {content: none;}

.self-auth {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;
    flex-direction: row;justify-content: space-between;padding: 4rem 2rem .6rem;
}
.self-auth button {
    position: relative; display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;color: #666;font-size: 1.2rem;
    line-height: 1;text-align: center;padding: 9.2rem 2.2rem 3.2rem 2.3rem;border-radius: 1.2rem;box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);background-color: #fff;
}
.self-auth button + button {margin-left: 1.6rem;}
.self-auth button span {display: block; color: #000;font-size: 1.6rem;line-height: 1;text-align: center;}
.self-auth button.ico-phone {background:#fff url(../img/icon-phone.png) no-repeat center 3.2rem;background-size: 4rem;}
.self-auth button.ico-pin {background:#fff url(../img/icon-ipin.png) no-repeat center 3.2rem;background-size: 4rem;}

/* 에러페이지 */
.error-ralim h2.title {
    padding-top: 13.2rem; white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1;font-weight: 600;text-align: center;
    background: url(../img/icon-error01.png) no-repeat center 8rem;background-size: 4rem;
}
.error-ralim h3.sub-title {padding-top: 1rem; white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1.4;text-align: center;}


/* 시스템 점검 알림 */
.service-inspect {padding: 0 2rem;}
.service-inspect h2.title {
    padding-top: 13.2rem; white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1;font-weight: 600;text-align: center;
    background: url(../img/icon-error02.png) no-repeat center 8rem;background-size: 4rem;
}
.service-inspect h3.sub-title {padding-top: 1rem; white-space: nowrap;color: #000;font-size: 1.6rem;line-height: 1.4;text-align: center;}

.inspect-time {border-top: 1px solid #eee;text-align: center;}
.inspect-time .time {padding-top: 2.4rem; white-space: nowrap;color: #08a75a;font-size: 1.4rem;line-height: 1;font-weight: 600;}
.inspect-time .txt {padding-top: .5rem; white-space: nowrap;color: #666;font-size: 1.4rem;line-height: 1;}


.bonus-data {padding: 0 1.6rem 1.6rem;}
.bonus-card-list li + li {margin-top: 1.2rem;}
.h-title2 {padding: 2.4rem .8rem 1rem; color: #000;font-size: 1.2rem;line-height: 1;text-align: left;font-weight: 600;}
.card-bonus {padding: 1.6rem 1.6rem 3rem;border-radius: 1.2rem;box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);background-color: #fff;}
.card-bonus h4 {padding-bottom: .8rem; color: #000;font-size: 1.4rem;line-height: 2.2rem;text-align: left;font-weight: 600;border-bottom: 1px solid #eee;}
.card-bonus.represent h4::after {
    content: '대표';display: inline-block;padding: 0.5rem .9rem;border-radius: 1.1rem;vertical-align: top;margin-left: .4rem;
    background-color: #fff3ad;color: #000;font-size: 1.1rem;font-weight: 400;line-height: 1;text-align: center;
}
.card-bonus.lost h4::after {
    content: '분실';display: inline-block;padding: 0.5rem .9rem;border-radius: 1.1rem;vertical-align: top;margin-left: .4rem;
    background-color: #eee;color: #000;font-size: 1.1rem;font-weight: 400;line-height: 1;text-align: center;
}
.card-bonus.cancel h4::after {
    content: '해지';display: inline-block;padding: 0.4rem .9rem;border-radius: 1.1rem;vertical-align: top;margin-left: .4rem;
    background-color: #fff;color: #000;font-size: 1.1rem;font-weight: 400;line-height: 1;text-align: center;border:1px solid #ddd;
}
.card-bonus.normal h4,
.card-bonus.normal .btn-card-info {display: block;width: 100%;text-align: left;background: url(../img/btn-next-arrow.png) no-repeat right .2rem;background-size: 1.6rem;}

.card-bonus dl {overflow: hidden;margin-top: 1.8rem;}
.card-bonus dl + dl{margin-top: 1.2rem;}
.card-bonus dt {float: left;color: #666;font-size: 1.4rem;}
.card-bonus dd {float: right;width: 65%;color: #000;font-size: 1.4rem;text-align: right;}
.card-bonus dd em{display: inline-block;color: #000;font-size: 1.4rem;}

.card-bonus.no-data {
    align-items: center;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
    width: 100%;min-height: 14.4rem;padding: 1.6rem;text-align: center;border-radius: 1.2rem;background-color: #eee;box-shadow: none;color: #999;font-size: 1.4rem;line-height: 1;
}

.card-bonus.no-data > div {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;box-flex: 1;flex-grow: 1;color: #999;font-size: 1.4rem;line-height: 1;}

.guide-box {border-bottom: 1px solid #eee;}
.guide-box dl + dl {border-top: 1px solid #eee;}
.guide-box dl.on dt {border-bottom: 1px solid #ddd;}
.guide-box dl dt {position: relative;}
.guide-box dl dt {display: block;width: 100%;padding: 1.7rem 1rem; color: #000;font-size: 1.4rem;line-height: 1.4rem; text-align: left;background-color:transparent;}
.guide-box dl dt::after {
    content: '';position: absolute;top: 50%;right: 1.2rem;margin-top: -.8rem; padding: .8rem;transition: all 0.2s ease-in-out;;
    background: url(../img/btn-dropdown-open.png) center center no-repeat;background-size: 1.6rem;
}
.guide-box dl dt.active::after {transform: rotate(180deg);}
.guide-box dl dd {width: 100%;padding: 1rem 1rem; color: #000;font-size: 1.4rem;line-height: 1.4; text-align: left;}
.guide-box dl dd p {position: relative;padding-left: 1rem; color: #666;font-size: 1.4rem;line-height: 1.4; text-align: left;}
.guide-box dl dd p + p {margin-top: .8rem;}
.guide-box dl dd p::before {
    content: '';display: inline-block; position: absolute;left: 0;top: .8rem;padding: 0.2rem;background-color: #666;border-radius: 50%;
}

.partner-title {padding: 2.2rem 2rem;color: #000;font-size: 1.6rem;line-height: 1.4; text-align: left;font-weight: 500;word-break: keep-all;}








/* A-My-PayCard-001 */
.notice-wrap {padding: 2.4rem 2rem 4rem;}
.notice-wrap .ti {padding: 0 0 1.2rem 2.4rem;color: #666;font-size: 1.4rem;font-weight: 600;line-height: 1.6rem;border-bottom: 1px solid #ddd;background: url(../img/ico-info-sm.png) top left / 1.6rem no-repeat ;}
.notice-wrap .sub-ti {padding: 2rem 1.2rem 0;color: #666;font-size: 1.4rem;font-weight: 600;}
.notice-wrap ul {margin-top: 1.6rem;}
.notice-wrap li + li {margin-top: 1.2rem;}
.notice-wrap li {position: relative;padding-left: 1.2rem;}
.notice-wrap li p {color: #666;font-size: 1.3rem;line-height: 1.5;word-break: keep-all;}
.notice-wrap li p span {color: #666;font-size: 1.3rem;line-height: 1.5;word-break: keep-all;}
.notice-wrap li p strong {color: #666;font-size: 1.3rem;}
.notice-wrap li::before {content: '';position: absolute;left: 0;top: 0.8rem;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.notice-wrap .noti-sub-txt {position: relative;padding-left: 0.6rem;}
.notice-wrap .noti-sub-txt::before {content: '-';position: absolute;top: 0;left: 0;}

.notice-wrap ol {margin-top: 1.6rem;}
.notice-wrap li + li {margin-top: 1.2rem;}
.notice-wrap ol li {position: relative;padding-left: 1.2rem;}

.type-pay-card .cont-wrap{height: 100%;display: flex;flex-direction: column;}
.type-pay-card .card-number{padding: 2.3rem 2rem;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.8rem;text-align: left;}
.type-pay-card .card-number span {display: inline-block;min-width: 1.8rem;min-height: 1.8rem;margin-left: 4px;padding: 0 5px;color: #fff;font-size: 1.2rem;line-height: 1.8rem;text-align: center;border-radius: 2.4rem;background: #08a75a;}
.type-pay-card .pay-card-swiper .swiper-slide{width: 78.3%;}
.type-pay-card .pay-card-cont {position: relative;}
.type-pay-card .pay-card-cont .choice-card {position: absolute; top: 1.2rem; left: 1.2rem;z-index: 1;padding: 5px 0.8rem;color: #000;font-size: 1.2rem;border-radius: 1.2rem;background: #fff3ad;}
.type-pay-card .pay-card-cont .card-img-wrap {position: relative;overflow: hidden;width: 100%;padding-bottom: 61%;box-shadow: 0rem 0.2rem 0.5rem 0 rgb(0 0 0 / 0.12);border-radius: 1.2rem;}
.type-pay-card .pay-card-cont .card-img-wrap img{position: absolute;top: 0;left: 0;display: block;width: 100%;}
.type-pay-card .pay-card-cont .btn-setting {display: block;margin: 1.2rem auto 0;padding: 0.8rem 1.6rem;color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;border: 1px solid #999;border-radius: 2rem;background: #fff;}
.type-pay-card .pay-card-add {position: relative;padding-bottom: 61%;}
.type-pay-card .pay-card-add button {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 1.2rem;border: 1px dashed #ddd;background: #f6f6f6;}
.type-pay-card .pay-card-add button span {display: block;padding-top: 6rem;color: #000;font-size: 1.4rem;background: url(../img/ico-plus.png) center top / 4rem no-repeat;}
.type-pay-card .none-data {padding: 6rem 3.9rem 8.1rem;}
.type-pay-card .notice-wrap {flex: 1;margin-top: 4.1rem;}

/* A-Bcard-Nlssue */
.step-box{float: right;position: relative;}
.step-box::before{content: '';position: absolute;top: 50%;width: 100%;height: 1px;transform: translateY(-50%);background: #bbb;}
.step-box li{position: relative;display: inline-block;min-width: 1.8rem;min-height: 1.8rem;padding: 0 5px;color: #fff;font-size: 1.2rem;font-weight: 600;line-height: 1.8rem;text-align: center;border-radius: 50%;background: #bbb;}
.step-box li.active{background: #08a75a;}
.step-box li + li{margin-left: 1.2rem;}

.step-box-wrap{overflow: hidden;min-height: 6.4rem;padding: 2.4rem 2rem;background: #f6f6f6;}
.step-box-wrap .ti{float: left;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.8rem;}
.type-nlssue .cont-box{display: flex;flex-direction: column;}
.type-nlssue .cont-inner {height: 100%;padding: 2.8rem 1.6rem;}
.type-nlssue .btn-wrap {flex: 1;padding: 2.8rem 2rem 4rem;}
.type-nlssue .btn-wrap.top2 {padding: .4rem 2rem 1.6rem;}
.nlssue-cont label span {color: #000;font-size: 1.6rem;font-weight: 600;}
.nlssue-cont .info-txt {margin-top: 1.6rem;color: #000;font-size: 1.5rem;line-height: 1.6;}
.nlssue-cont + .nlssue-cont {margin-top: 2.4rem;}
.nlssue-cont.type2{padding: 0 4px;}
.nlssue-cont.type1{padding: 2rem;font-size: 0;border-radius: 1.2rem;border: 1px solid #eeee;}
.nlssue-cont.type1 .check {display: inline-block;margin-right: 0.8rem;}
.nlssue-cont .btn-terms{display: inline-block;width: calc(100% - 2.4rem - 0.8rem);text-align: left;background: url(../img/btn-next-arrow.png) center right / 1.6rem no-repeat;}
.nlssue-cont .btn-terms em{display: inline-block;padding: 4px 0;color: #08a75a;font-size: 1.4rem;font-weight: 500;line-height: 1;}
.nlssue-cont .btn-terms span {display: inline-block;padding: 4px 2.8rem 4px 2px;color: #000;font-size: 1.4rem;font-weight: 500;line-height: 1;}
.nlssue-cont.type2 li{position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;}
.nlssue-cont.type2 li::before{content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.nlssue-cont.type2 li p{color: #666;font-size: 1.3rem; line-height: 1.5;font-weight: 600;}
.nlssue-cont.type2 li + li{margin-top: 1.2rem;}

/* A-Bcard-Nlssue-004 */
.type-nlssue.type2 .inpt-box {padding: 0.8rem 1.6rem 0;}
.type-nlssue.type2 .cont-inner {padding: 2.4rem 2rem;border-radius: 1.2rem;border: 1px solid #eee;background: #fff;}
.type-nlssue.type2 .input-box + .input-box {margin-top: 2.8rem;}
.type-nlssue.type2 .inpt-ti{display: block;padding-bottom: 0.8rem;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;}
.type-nlssue.type2 input {display: block;width: 100%;margin-top: 0.8rem;}
.type-nlssue.type2 .input {display: block;margin-top: 0.8rem;padding: 1.5rem 1.2rem;border-bottom: 1px solid #dddddd;}
.type-nlssue.type2 .input em{display: block;color: #000;font-size: 1.5rem;line-height: 1.6rem;}

/* A-Bcard-Nlssue-005 */
.type-nlssue.type3 .cont-inpt-wrap {height: 100%;}
.type-nlssue.type3 .success {padding: 4rem 3rem;}
.type-nlssue.type3 .txt-main {color: #000;font-size: 1.6rem;font-weight: 600;text-align: center;}
.type-nlssue.type3 .txt-main span {display: block;width: 4rem;height: 5.2rem;margin: 0 auto;background: url(../img/ico-card-success.png) top center / 4rem no-repeat;}
.type-nlssue.type3 .txt-sub {margin-top: 1.2rem;color: #000;font-size: 1.6rem;text-align: center;}

.cont-inpt-wrap.bt6 {border-top: 6px solid #eee;}

/* A-Bcard-MRlssue-001 */
.type-nlssue.type4 .inpt-box{padding: 0.8rem 1.6rem 2rem;}
.type-nlssue.type4 .cont-inner {padding: 2rem;box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,0.08);border-radius: 1.4rem;background: #fff;}
.type-nlssue.type4 .cont-inner + .cont-inner {margin-top: 1.2rem;}
.type-nlssue.type4 .input-box {display: inline-block;width: calc(100% - 8rem);}
.type-nlssue.type4 .input-box label.radio.type2 em {width: calc(100% - 2.4rem);}
.type-nlssue.type4 .btn-detail {float: right;padding: 0.6rem 1.6rem;font-size: 0;border-radius: 1.4rem;border: 1px solid #999;background: #fff;}
.type-nlssue.type4 .btn-detail span {display: inline-block;color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;}
.type-nlssue.type4 .card-img-box {display: flex;align-items: center;justify-content: center;min-height: 23rem;}
.card-img-inner {position: relative;overflow: hidden;margin: 0 auto;border-radius: 1rem;border: 1px solid #ddd;}
.card-img-inner.horizontal{max-width: 90%;}
.card-img-inner img{max-width: 100%;max-height: 20rem;}
.type-nlssue.type4 .inpt-box .notice-wrap {padding: 0;}
.type-nlssue.type4 .mrlssue-terms-wrap{padding: 0 2rem 2.9rem;border-bottom: 0.6rem solid #eee;}
.type-nlssue.type4 .mrlssue-terms-box {border-top: 1px solid #dddddd;}
.type-nlssue.type4 .mrlssue-terms-box + .mrlssue-terms-box {border-top: 1px solid #eee;border-bottom: 1px solid #ddd;}
.type-nlssue.type4 .mrlssue-terms-box .nlssue-cont.type1 {padding: 1.6rem 1rem;border-radius: 0;border: 0;}
.type-nlssue.type4 .mrlssue-terms-box .nlssue-cont .btn-terms {position: relative;background: unset;}
.type-nlssue.type4 .mrlssue-terms-box .nlssue-cont .btn-terms::after {content: '';position: absolute;top: 0;right: 0;padding: 1.1rem;transition: 0.3s;background: url(../img/btn-dropdown-open.png) center / 1.6rem no-repeat;}
.type-nlssue.type4 .mrlssue-terms-box .nlssue-cont .btn-terms.open::after {transform: rotate(180deg);transition: 0.3s;}
.nlssue-cont-txt {display: none;padding: 2rem 1rem;}
.nlssue-cont-txt p {color: #666;font-size: 1.3rem;word-break: break-all;}

/* A-Bcard-Guide-001 */
.type-card-guide .cont-box{padding: 1.2rem 1.6rem;}
.type-card-guide .cont-box.type2{padding: 3.2rem 1.6rem 0;}
.type-card-guide .cont-box .ti {padding: 0 1.6rem 0;color: #000;font-size: 1.2rem;font-weight: bold;}
.type-card-guide .cont-box li + li {margin-top: 1.2rem;}
.type-card-guide .btn-card{
    display: block;width: 100%;height: 100%;padding: 1.6rem 1.6rem;text-align: left;box-shadow: 0 4px 1.2rem rgba(0, 0, 0, 0.08);
    border-radius: 1.2rem;background: #fff;
}
.type-card-guide .card-name {display: inline-block;width: calc(100% - 5.2rem - 3.8rem);}
.type-card-guide .card-ti{display:-webkit-box;margin-top: 4px;min-height: 4rem;max-height:4rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;color: #000;font-size: 1.6rem;font-weight: 600;overflow:hidden;text-overflow:ellipsis;}
.card-icon {display: inline-block;margin-top: 1.2rem;padding: 5px 1.2rem;font-size: 1.3rem;border-radius: 1.2rem;}
.card-icon + .card-icon {margin-left: 4px;}
.card-icon em{padding-right: 1.4rem;margin-right: 4px;color: #666;font-size: 1.3rem;background: url(../img/ico-l.png) center right 2px / 1.2rem no-repeat;}
.card-icon.type1{color: #08a75a;background: rgba(8, 167, 90, 0.12);}
.card-icon.type2{color: #000;background: rgba(255, 225, 50, 0.2);}
.type-card-guide .card-img-box{float: right;width: 5.2rem;height: 8.4rem;border-radius: 0.6rem;overflow: hidden;}
.type-card-guide .card-img-box img{display: block;width: 100%;height: 100%;}
.type-card-guide .half-section {display: flex;justify-content: space-between;flex-wrap: wrap;}
.type-card-guide .half-section li{width: calc(50% - 0.6rem);margin-top: 1.2rem;}
.type-card-guide .half-section li .btn-card {display: flex;flex-direction: column;}
.type-card-guide .half-section .card-img-box {display: block;float: none;width: 100%; height: 7.4rem;margin: 0 auto;}
.type-card-guide .half-section .card-name{display: block;width: 100%;}
.type-card-guide .half-section .card-name .card-ti{margin-top: 1.6rem;}
.type-card-guide .half-section .card-name .card-info{
    display: block;height: 100%;min-height: 4rem;margin-top: 0.8rem;color: #666;font-size: 1.2rem;max-height: 8rem;overflow-y: auto;
}

.type-card-guide .half-section .card-name .card-info::-webkit-scrollbar {width: .5rem;}
.type-card-guide .half-section .card-name .card-info::-webkit-scrollbar-thumb {border-radius: .5rem;background-color: #aaa;}
.type-card-guide .half-section .card-name .card-info::-webkit-scrollbar-track {background-color: #eee;}

/* A-Bcard-Guide-002 */
.type-card-guide2 .card-img-box {display: flex;align-items: center;justify-content: center;min-height: 18.4rem;padding: 2.4rem 0 2rem;}
.type-card-guide2 .card-name{padding: 0 1.6rem;color: #000;font-size: 1.6rem;line-height: 1;text-align: center;}
.type-card-guide2 .c-icon-wrap {padding: 0 1.6rem;text-align: center;}
.type-card-guide2 .ci-ico-wrap{margin-top: 1.6rem;padding: 1.6rem 1.2rem 2.8rem;text-align: left;border-top: 1px solid #eee;}
.type-card-guide2 .ci-ico-wrap span {display: inline-block;padding: 5px 0.8rem;color: #666;font-size: 1.2rem;border: 1px solid #ddd;border-radius: 1.4rem;}
.type-card-guide2 .ci-ico-wrap span + span {margin-left: 4px;}
.customer-call {padding-top: 3.2rem;text-align: center;color: #666;font-size: 1.4rem;font-weight: 600;}
.customer-call span{display: inline-block;margin-left: 5px;color: #08a75a;font-size: 1.4rem;font-weight: 600;}
.type-card-guide2 .btn-wrap {padding: 2.8rem 2rem 4rem;}


/* A-My-Point-001 */
.type-point .cons.type1 .cons-wrap1 {padding: 2.8rem 2rem;}
.type-point .cons.type1 .cons-wrap1 .ti-wrap {padding: 0 4px 1.2rem;border-bottom: 1px solid #eee;}
.type-point .cons.type1 .cons-wrap1 .ti-wrap .ti {display: inline-block;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 2.4rem;}
.type-point .cons.type1 .cons-wrap1 .ti-wrap .ti-point {float: right;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.type-point .cons.type1 .cons-wrap1 .ti-wrap .ti-point em{display: inline-block;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.type-point .cons.type1 .cons-wrap1 .sub-ti-wrap {padding: 0.8rem 4px;}
.type-point .cons.type1 .cons-wrap1 .sub-ti-wrap .sub-ti {display: inline-block;color: #666;font-size: 1.4rem;vertical-align: middle;}
.type-point .cons.type1 .cons-wrap1 .sub-ti-wrap .sub-ti-point {float: right;color: #666;font-size: 1.4rem;font-weight: 600;}
.type-point .cons.type1 .cons-wrap1 .sub-ti-wrap .sub-ti-point em{color: #666;font-size: 1.4rem;font-weight: 600;}
.type-point .cons.type1 .cons-wrap1 .sub-ti-wrap .btn-sub-more {display: inline-block;margin-left: 4px;padding: 0.8rem;color: transparent;font-size: 0;text-indent: -99999px;background: url(../img/btn-icon-info.png) center / 1.6rem no-repeat;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap{margin-top: 0.8rem;padding: 1.6rem;border-radius: 1.2rem;background: #f6f6f6;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap .delete-date {display: inline-block;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap .delete-date span{display: inline-block;color: #666;font-size: 1.2rem;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap .delete-date span + span {position: relative;padding-left: 1.7rem;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap .delete-date span + span::before{content: '';position: absolute;top: 50%;left: 0.8rem;width: 1px;height: 0.8rem;transform: translateY(-50%);background: #ddd;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap .delete-point {float: right;color: #666;font-size: 1.3rem;font-weight: 600;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap .delete-point em{display: inline-block;color: #666;font-size: 1.3rem;font-weight: 600;}
.type-point .cons.type1 .cons-wrap1 .delete-point-wrap li + li {margin-top: 1.6rem;}
.point-get-wrap {padding: 2.8rem 2rem 4rem;}
.section-ti {padding: 0 4px;color: #000;font-size: 1.4rem;font-weight: 600;}
.point-get-list {margin-top: 1.2rem;}
.point-get-list-cont {margin-top: 2.4rem;}
.point-get-list-cont .period {padding: 0 4px 1.2rem;color: #666;font-size: 1.2rem;line-height: 1;}
.point-get-list-cont ul{border-top: 1px solid #eee;}
.point-get-list-cont li{padding: 1.6rem 0.8rem;border-bottom: 1px solid #eee;}
.point-get-list-cont li .top-cont .ti{display: inline-block;max-width: calc(100% - 10rem);color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;}
.point-get-list-cont li .top-cont .date{float: right;color: #999;font-size: 1.3rem;line-height: 1.4rem;}
.point-get-list-cont li .bottom-cont {overflow: hidden;margin-top: 1.2rem;}
.point-get-list-cont li .bottom-cont .card-number {display: inline-block;color: #666;font-size: 1.3rem;line-height: 1.4rem;}
.point-get-list-cont li .bottom-cont .point-state {float: right;max-width: calc(100% - 20rem);font-size: 1.4rem;font-weight: 600;}
.point-get-list-cont li .bottom-cont .point-state em{display: inline-block;padding: 0 2px;font-size: 1.4rem;font-weight: 600;}
.point-get-list-cont li .bottom-cont .point-state.add{color: #08a75a;}
.point-get-list-cont li .bottom-cont .point-state.add em{color: #08a75a;}
.point-get-list-cont li .bottom-cont .point-state.remove{color: #666666;}
.point-get-list-cont li .bottom-cont .point-state.remove em{color: #666666;}
.btn-more-show {display: block;width: 100%;margin-top: 3rem;padding: 1.5rem 3.5rem;color: #666;font-size: 1.4rem;line-height: 1;border-radius: 2.4rem;border: 1px solid #ddd;background: #fff;}
.btn-more-show.type-green {color: #08a75a; border-color: #08a75a;}

/* A-My-Point-005 */
.type-point .cons.type2 {padding: 2.4rem 1.6rem;}
.type-point .present-wrap {padding: 2.4rem 2rem;border-radius: 1.2rem;border: 1px solid #eee;background: #fff;}
.type-point .present-wrap label {display: block;color: #000;font-size: 1.4rem;font-weight: 600;}
.type-point .present-wrap .input-box + .input-box {margin-top: 2.8rem;}
.type-point .present-wrap .ipt-wrap{position: relative;}
.type-point .present-wrap input {display: block;width: 100%;}
.type-point .present-wrap input.right{padding-right: 3.4rem;}
.type-point .present-wrap .ipt-wrap .won{position: absolute;top: 0;right: 1.2rem;display: inline-block;padding: 1.5rem 0;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 2rem;}
.type-point .present-wrap .ipt-wrap .btn-choice {position: absolute;top: 50%;right: 0;display: inline-block;padding: 0.8rem 1.6rem;color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;transform: translateY(-50%);border: 1px solid #999;border-radius: 1.4rem;background: #fff;}
.type-point .present-wrap .present-info-txt {margin-top: 1rem;color: #666;font-size: 1.3rem;text-align: right;}
.type-point .present-wrap .present-info-txt em{display: inline-block;padding-left: 1.6rem;color: #000;font-size: 1.3rem;}
.type-point .cons.type2 .notice-wrap {padding: 2.4rem 4px 0;}

/* A-My-Point-007 */
.wrap_cons.type-point.type2{height: initial;}
.type-point .cons.type3 .cons-inner{padding: 2rem 2rem 2.8rem;}
.type-point .cons.type3 .point-list-cont {margin-top: 1.2rem;}
.type-point .cons.type3 .point-list-cont ul{
    margin-left: -0.9rem;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.type-point .cons.type3 .point-list-cont li{overflow: hidden;display: inline-block;width: calc(50% - 0.9rem);margin: 1.2rem 0 0 0.9rem;border-radius: 1.2rem;box-shadow: 0 4px 1.2rem rgba(0,0,0,0.08);background: #fff;}
.type-point .cons.type3 .point-list-cont li button {display: block;width: 100%;padding: 2.4rem 1.6rem 2rem;text-align: left;}
.type-point .cons.type3 .point-list-cont li .img-box{overflow: hidden;display: block;position: relative;padding-bottom: 7.4rem;border-radius: 0.6rem;border: 1px solid #eee;}
.type-point .cons.type3 .point-list-cont li .img-box img{position: absolute;top: 0;left: 50%;display: block;width: 100%;height: 100%;object-fit: cover;max-width: 15rem;margin: auto;transform: translateX(-50%);}
.type-point .cons.type3 .point-list-cont li .ti{display: block;margin-top: 1.6rem;padding: 2px 0;color: #000;font-size: 1.4rem;line-height: 1;}
.type-point .cons.type3 .point-list-cont li .info-txt {display: block;margin-top: 0.8rem;color: #666;font-size: 1.2rem;line-height: 1.5;word-break: keep-all;}
.type-point .cons.type3 .notice-wrap {padding: 0.8rem 2rem 4rem}

/* A-My-Point-008 */
.type-point .cons.type3 .cons-inner.type2 {padding: 0;}
.type-point .use-store{padding: 2.4rem 0;background: #fff;}
.type-point .use-store .img-box{position: relative;width: 14rem;margin: 0 auto;padding-bottom: 10.5rem;border-radius: 0.6rem;border: 1px solid #eee;}
.type-point .use-store .img-box img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;object-fit: contain;}
.type-point .use-store .ti {margin-top: 2rem;color: #000;font-size: 1.6rem;line-height: 1;text-align: center;}
.type-point .use-store .sub-ti {margin-top: 1.2rem;padding: 0 3.6rem;color: #666;font-size: 1.4rem;text-align: center;word-break: keep-all;line-height: 1.4;}
.type-point .notice-wrap.type2{padding-top: 2.4rem;}
.type-point .notice-wrap.type2 .btn-more-show {width: auto; margin: 1.6rem auto 0;padding: 1.3rem 1.7rem;}
.type-point .cons.type3 .notice-wrap.type3 {padding: 0.8rem 2rem 0;}
.btn-txt {display: block;padding: 0.8rem;color: #000;font-size: 1.3rem;line-height: 1.54;text-decoration: underline;background: transparent;}
.line-bt6 {padding: 2rem 2rem 2.9rem;border-top: 0.6rem solid #eee;}

/* A-My-Point-013 */
.type-point .use-store.type2 {position: relative;padding: 4rem 2.4rem;}
.type-point .use-store.type2 .img-box{display: inline-block;position: absolute;top: 50%;left: 2.4rem;width: 5.6rem;height: 5.6rem;padding: 0;transform: translateY(-50%);border-radius: 0;border: 0;}
.type-point .use-store.type2 .txt-box {display: flex;align-items: center;justify-content: space-between;padding-left: 6.8rem;}
.type-point .use-store.type2 .txt-box .ti {margin: 0;font-weight: 600;}
.type-point .use-store.type2 .txt-box .point-txt {display: inline-block;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.type-point .point-change-wrap{padding: 2.4rem 1.6rem;}
.type-point .point-change-wrap .noti-box {margin-top: 1.6rem;padding: 0 4px;}
.type-point .point-change-wrap .noti-box li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.54;}
.type-point .point-change-wrap .noti-box li + li {margin-top: 1.2rem;}
.type-point .point-change-wrap .noti-box li::before {content: '';position: absolute;top: 0.7rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.type-point .point-change-wrap table {width: 100%;margin-top: 2.8rem;table-layout: fixed;}
.type-point .point-change-wrap th {padding: 1.2rem 4px;color: #000;font-size: 1.2rem;text-align: center;border-top: 2px solid #000;border-bottom: 1px solid #000;}
.type-point .point-change-wrap td {padding: 1.2rem 4px;color: #666;font-size: 1.2rem;text-align: center;border-bottom: 1px solid #bbb;}

.type-point .point-change-wrap .pc-tb-area th {padding: 1.6rem 4rem; border-top:0; border-bottom:1px solid #eee;}
.type-point .point-change-wrap .pc-tb-area td {padding: 1.6rem 4rem; font-size:1.4rem; color:#000;}

/* A-My-Point-015 */
.type-point .use-store.type3 {padding: 3.2rem 2.4rem 2.4rem;}
.type-point .use-store.type3 .txt-box{padding: 0;}
.type-point .use-store.type3 .all-point {margin-top: 1.2rem;color: #666;font-size: 1.3rem;text-align: right;line-height: 1;}
.type-point .use-store.type3 .all-point span {display: inline-block;margin-left: 0.8rem;color: #000;font-size: 1.3rem;line-height: 1;}
.type-point .notice-wrap dl dt {margin-top: 4px;color: #666;font-size: 1.3rem;line-height: 1.5;word-break: keep-all;}
.type-point .notice-wrap dl dd {margin-top: 4px;padding-left: 0.7rem;color: #666;font-size: 1.3rem;line-height: 1.5;word-break: keep-all;}

@media screen and (max-width:1024px) {
    .type-point .point-change-wrap .pc-tb-area {overflow-x:auto;}
    .type-point .point-change-wrap .pc-tb-area table {width:1076px;}
}

/* A-My-Point-012 */
.pint-terms-wrap {display: flex;flex-direction: column;padding:0 2rem;height: 100%;}
.pint-terms-cont {height: 100%;}
.pint-terms-cont .ti{padding: 2.8rem 0 2rem;color: #000;font-size: 1.6rem;font-weight: 600;}
.pint-terms-cont ul {padding: 0 2rem 2.8rem;}
.pint-terms-cont ul li {display: flex;color: #000;font-size: 1.4rem;line-height: 1.43;}
.pint-terms-cont ul li span {display: inline-block;padding-right: 0.8rem;color: #000;font-size: 1.4rem;line-height: 1.43;}
.pint-terms-cont ul li + li {margin-top: 0.8rem;}
.pint-terms-cont .sub-noti {position: relative;padding: 2.4rem 2rem 2rem 3.2rem;color: #666;font-size: 1.3rem;line-height: 1.54;}
.pint-terms-cont .sub-noti::before{content: '';position: absolute;top: 3.1rem;left: 2rem;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.pint-terms-wrap .btn-wrap {flex: 1;padding: 2rem 2rem 4rem;}
.pint-terms-cont .pc-tb-area th {background-color:#f6f6f6;}
.pint-terms-cont .pc-tb-area td {background-color:#fff;}

@media screen and (max-width:1024px) {
    .pint-terms-cont .pc-tb-area {overflow-x:auto;}
    .pint-terms-cont .pc-tb-area table {width:1076px;}
}

/* A-login-001 */
.login-all-cont {display: flex;flex-direction: column;height: 100%;}
.login-wrap {padding: 2rem 1.6rem 2.2rem;}
.login-wrap .logo {width: 12.4rem;height: 2.8rem;margin: 3.6rem 1.2rem 0;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/logo-eng2.png) center / 100% no-repeat;}
.login-ipt-wrap {position: relative;margin-top: 1.6rem;padding: 4rem 1.6rem 2.4rem;border-radius: 1.2rem;border: 1px solid #eee;background: #fff;}
.login-ipt-wrap::before{content: '';position: absolute;top: -8.5rem;right: 1.6rem;width: 8.5rem;height: 14.3rem;background: url(../img/img-goodoil-2.png) center / 100% no-repeat;}
.login-ipt-wrap input {width: 100%;}
.login-ipt-wrap .input-box + .input-box {margin-top: 2.8rem;}
.login-ipt-wrap .input-box {padding: 0 0.8rem;}
.input-box.type-id input {padding-left: 3.4rem;}
.input-box.type-pw input {padding-left: 3.4rem;}

.input-box.type-id .inpt-inner::before {
    content: '';display: inline-block;padding: 1.4rem;position: absolute;left: 0;top: 1rem;background: url(../img/ico-login1.png) center left / 2.8rem no-repeat;
}
.input-box.type-pw .inpt-inner::before {
    content: '';display: inline-block;padding: 1.4rem;position: absolute;left: 0;top: 1rem;background: url(../img/ico-login2.png) center left / 2.8rem no-repeat;
}

.login-ipt-wrap .check {margin-top: 2.8rem;}
.login-ipt-wrap .btn-wrap {margin-top: 2.2rem;padding: 0;}
.login-ipt-wrap .btn-wrap button {box-shadow: 2px 4px 0.8rem 0 rgba(0, 0, 0, 0.12);}
.login-txt-btn {margin-top: 3.2rem;font-size: 0;text-align: center;}
.login-txt-btn button {display: inline-block;padding: 1rem 0;color: #666;font-size: 1.4rem;line-height: 1;background: transparent;}
.login-txt-btn button + button {position: relative;padding-left: 2.5rem;}
.login-txt-btn button + button::before{content: '';position: absolute;left: 1.2rem;width: 1px;height: 1.2rem;background: #ddd;top: 1.4rem;}
.login-sns{flex: 1;padding: 3.6rem 0;font-size: 0;text-align: center;}
.login-sns p{padding-bottom: 2rem;color: #000;font-size: 1.5rem;line-height: 1;text-align: center;}
.login-sns p strong {padding-right: 5px;font-size: 1.5rem;font-weight: 600;line-height: 1;vertical-align: top;}
.login-sns button {display: inline-block;padding: 2rem;color: transparent;font-size: 0;text-indent: -9999px;}
.login-sns button + button {margin-left: 3.6rem;}
.login-sns button.type1 {background: url(../img/btn-kakao.png) center / 4rem no-repeat;}
.login-sns button.type2 {background: url(../img/btn-naver.png) center / 4rem no-repeat;}
.login-sns button.type3 {background: url(../img/btn-apple.png) center / 4rem no-repeat;}

/* A-Mem-Mjoin-001 */
.join-wrap {background: #fff;}
.join-cont-wrap {padding: 2.8rem 1.6rem 0;}
.join-txt-box {padding: 2rem 0 1.6rem;text-align: center;border-radius: 1.3rem;background: rgba(255, 255, 50, 0.1);}
.join-txt-box .main-txt {color: #000;font-size: 1.5rem;font-weight: 600;line-height: 1;}
.join-txt-box .sub-txt {margin-top: 0.8rem;color: #999;font-size: 1.3rem;line-height: 1;}
.join-info {padding: 2.8rem 0 2.4rem;color: #000;font-size: 1.5rem;}
.join-agree {padding: 2rem 1.6rem 2.4rem;border: 1px solid #eee;border-radius: 1.2rem;background: #fff;}
.join-agree .all-agree {padding-bottom: 1.2rem;border-bottom: 1px solid #eee;}
.join-agree .all-agree span {font-size: 1.6rem;font-weight: 600;}
.nlssue-cont.type3 {padding: 0.6rem 0;font-size: 0;}
.nlssue-cont.type3 label {display: inline-block;padding-right: 0.8rem;}
.join-notice {padding: 2.4rem 4px 0;}
.join-notice li + li {margin-top: .8rem;}
.join-notice p{position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.54;}
.join-notice p::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.join-notice p strong {display: inline-block;color: #666;font-size: 1.3rem;line-height: 1.54;}
.join-wrap .btn-wrap {padding: 4rem 2rem;}

/* 24-12-04 SNS 간편가입 관련 */
.sns-join .join-cont-wrap {background: #fff; border: 1px solid #ebebeb; border-radius: 1.2rem; padding: 4.8rem 1.6rem 2.4rem; margin: 2rem 1.6rem 0;}
.sns-join .join-cont-wrap strong {font-size: 2.4rem; font-weight: bold;}
.sns-join .join-cont-wrap p {margin-top: 3.2rem; font-size: 1.4rem; line-height: 2.2rem;}
.sns-join .join-cont-wrap p.sub {margin-top: .4rem; color: #888;}
.sns-join .join-cont-wrap .input-wrap {margin-top: .4rem;}
.sns-join .join-cont-wrap .input-wrap input {padding: 1rem .8rem; width: 100%; border: 0; border-bottom: 1px solid #ddd;}
.sns-join .join-cont-wrap .img {margin-top: 3.2rem; text-align: right;}
.sns-join .join-cont-wrap .img.step1 {padding-top: 19.5rem;}
.sns-join .join-cont-wrap .img.step2 {padding-top: 11.7rem;}
.sns-join .btn-wrap {padding: 2.4rem 1.6rem 4rem 1.6rem;}

.pc .sns-join .join-cont-wrap {max-width: 76rem; padding: 8rem 3rem 3rem 0; margin: 0 auto; text-align: center;}
.pc .sns-join .join-cont-wrap strong {font-size: 3.2rem;}
.pc .sns-join .join-cont-wrap strong br {display: none;}
.pc .sns-join .join-cont-wrap p {font-size: 1.6rem; margin-top: 2rem;}
.pc .sns-join .join-cont-wrap .input-wrap {max-width: 30rem; margin: 2rem auto 0;}
.pc .sns-join .join-cont-wrap .input-wrap input {text-align: center;}
.pc .sns-join .join-cont-wrap .input-wrap input::placeholder {font-size: 1.6rem;}
.pc .sns-join .join-cont-wrap .img {margin-top: 0; text-align: right;}
.pc .sns-join .join-cont-wrap .img.step1 {padding-top: 0; margin-top: -8.5rem;}
.pc .sns-join .join-cont-wrap .img.step2  {padding-top: 0; margin-top: -9.5rem;}

.input-box .id-info {padding: 1.1rem 0 1.1rem .8rem; height: 4.6rem; border-bottom: 1px solid #ddd;}
.input-box .id-info p {padding: .3rem 0 0 3.2rem; height: 100%; background-size: 2.4rem;}
.input-box .id-info.kakao p {background: url('../img/sns-join/sns-kakao.svg') no-repeat center left;}
.input-box .id-info.naver p {background: url('../img/sns-join/sns-naver.svg') no-repeat center left;}

.highlight {display: inline; box-shadow: inset 0 -10px 0 #ffff98;}
.sns-join {height: 100vh;}
.sns-join .page-title {background: #f6f6f6; padding: 2.4rem 2rem; font-size: 1.6rem; font-weight: bold;}
.sns-join .find-result {height: calc(100vh - 17.5rem);}
.sns-join .find-result p {padding: 4rem 2rem 0; font-size: 2.4rem;}
.sns-join .find-result p strong {font-size: 2.4rem; font-weight: bold; vertical-align: initial;}
.sns-join .find-result p.info {font-size: 1.6rem;}
.sns-join .find-result p.sub {padding-top: 0; margin-top: .8rem; font-size: 1.4rem; color: #777;}
.sns-join .find-result +.btn-wrap {position: absolute; bottom: 0;}

.pc .sns-join .btn-wrap {padding: 6rem 0;}
.pc .sns-join,
.pc .sns-join .find-result {height: auto;}
.pc .sns-join .find-result {max-width: 76rem; margin: 2rem auto     0; padding: 8rem 0; border: 1px solid #eeee; border-radius: 1.6rem; background: #fff;}
.pc .sns-join .find-result p {padding: 0; font-size: 2.8rem; text-align: center;}
.pc .sns-join .find-result strong {font-size: 2.8rem; vertical-align: initial;}
.pc .sns-join .find-result p br {display: none;}
.pc .sns-join .find-result p.info {margin-top: 1.6rem; font-size: 2rem;}
.pc .sns-join .find-result p.sub {margin-top: 1.8rem; font-size: 1.6rem; color: #999;}
.pc .sns-join .find-result +.btn-wrap {position: initial;}

.pc .input-box .id-info {padding: 0; margin-left: 2rem; border: 0;}
.pc .input-box .id-info p {height: auto; padding: 1.4rem 0 1.4rem 4.4rem; font-size: 2rem;}
.pc .input-box .id-info.kakao p {background: url('../img/sns-join/pc-sns-kakao.svg') no-repeat center left;}
.pc .input-box .id-info.naver p {background: url('../img/sns-join/pc-sns-naver.svg') no-repeat center left;}

.pc .sns-join-notice {margin-top: 10rem;border-top: 6px solid #eee;}
.pc .sns-join-notice ul {max-width: 76rem; margin: 0 auto; padding: 3.4rem 0;}
.pc .sns-join-notice ul li {position: relative; padding-left: 1.2rem; color: #666;}
.pc .sns-join-notice ul li::before {position: absolute; content: ''; display: block; width: .4rem; height: .4rem; background: #666; border-radius: 50%; top: .6rem; left: 0;}
.pc .sns-join-notice ul li +li {margin-top: .4rem;}

/* A-Set-Serinfo-003 ~ 006 */
.terms-cont-wrap {display: flex;flex-direction: column;padding: 2.8rem 2rem;height: 100%;}
.terms-cont-wrap .ti {padding-bottom: 1.6rem;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.4;}
.terms-cont-wrap .sub-ti {padding-bottom: 1rem;color: #666;font-size: 1.5rem;font-weight: 500;}
.terms-cont-wrap .sub-ti.red {color: #ff4d4d;}
.terms-cont-wrap .txt {padding-bottom: 2.8rem;color: #000;font-size: 1.4rem;}
.terms-cont-wrap .txt pre {color: #000;font-size: 1.4rem;}
.terms-cont-wrap .btn-wrap {flex: 1;}
.terms-cont-wrap .terms-cont.h80 {min-height: calc(100% - 8rem);}

.terms-cont-wrap .agreedepth {width: auto;margin: 0;padding: 0 0 1.5rem 1.7rem;}
.terms-cont-wrap .agreedepth dt,
.terms-cont-wrap .agreedepth li {padding-top: 1rem; color: #666;font-size: 1.4rem;font-weight: 500;line-height: 1.4;}
.terms-cont-wrap .agreedepth dt + dt,
.terms-cont-wrap .agreedepth li + li {padding-top: .8rem;}
.terms-cont-wrap .agreedepth dd {padding-top: 1rem;color: #000;font-size: 1.4rem;font-weight: 500;line-height: 1.4;}

.agreebox,.agreeBox {display: flex;flex-direction: column;padding: 2.8rem 2rem;}
.agreebox p,.agreeBox p {padding-bottom: 1.8rem;color: #000;font-size: 1.4rem;}
.agreebox dl,.agreeBox dl {padding-left: 1.7rem;}
.agreebox dl dl,.agreeBox dl dl {margin-left: -1.7rem;}
.agreebox dl dt.tit,.agreeBox dl dt.tit {padding: 1.5rem 0 .5rem;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.4;}
.agreebox dl dt,.agreeBox dl dt {padding-top: 1rem; color: #666;font-size: 1.4rem;font-weight: 500;line-height: 1.4;}
.agreebox dl dd,.agreeBox dl dd, .agreeBox li {padding-top: 1rem;color: #000;font-size: 1.4rem;font-weight: 500;line-height: 1.4;}
.agreebox dl.ti0,.agreeBox dl.ti0 {margin-left: 0;padding-left: 0;}
.agreebox dl.ti0 dt,.agreeBox dl.ti0 dt {text-indent: 0;}
.agreebox dl.ti0 dd,.agreeBox dl.ti0 dd {text-indent: 0;}
.agreebox dl dd strong,.agreeBox dl dd strong {padding-bottom: 1rem;color: #666;font-size: 1.5rem;font-weight: 500;}

/* 개인(위치)정보 처리방침 2024-07 ver A-Set-Serinfo-005 */
.mgt00 {margin-top: 0 !important;}
.mgt10 {margin-top: 1rem !important;}
.pdt00 {padding-top:0 !important;}
.pdl00 {padding-left: 0 !important;;}
.pdl17 {padding-left: 1.7rem !important;}
.pd-left30 {padding-left: 3rem !important;}

.agreebox.termsTypeA > dl {padding-left: 0;}
.agreebox.termsTypeA dl dl {margin-left: 0;}

.agreebox.termsTypeA dl dd strong, .agreeBox.terms-202407 dl dd strong {margin-left: -0.7rem; color: #555; display: block;}
.agreebox.termsTypeA dl dd > dl {margin-top: 1.5rem;}
.agreebox.termsTypeA .tb-area {margin-top: 1.5rem;}
.agreebox.termsTypeA .tb-area table th,
.agreebox.termsTypeA .tb-area table td {border-right: 1px solid #bbb; line-height: 1.5; word-break: keep-all;}
.agreebox.termsTypeA .tb-area table th:last-child,
.agreebox.termsTypeA .tb-area table td:last-child {border-right: none;}
.agreebox.termsTypeA .tb-area table td.border-right {border-right: 1px solid #bbb;}
.agreebox.termsTypeA .tb-area table td.border-left {border-left: 1px solid #bbb;}

.agreebox.termsTypeA .tb-area td ul li+li {margin-top:4px;}

.agreebox.typeA .fb {margin-top: 2.8rem; font-weight:bold;}
.agreebox.typeA .fb:first-child {margin-top: 0;}


.terms-cont-wrap .agreebox.termsTypeA {padding: 0;}
.terms-cont-wrap .agreebox.termsTypeA dl dd {padding:0 0 1.4rem 0; font-size: 1.4rem;}
.terms-cont-wrap .agreebox.termsTypeA dl dd:first-child {padding:1rem 0 1.4rem 0;}
.terms-cont-wrap .agreebox.termsTypeA .tb-area table th, .agreebox.termsTypeA .tb-area table td {word-break:initial;}
.terms-cont-wrap .agreebox.termsTypeA .tb-area table td {font-size: 1.5rem;}

.terms-cont-wrap.termsTypeA .txt {font-size:1.4rem; padding-bottom: 2rem;}
.terms-cont-wrap.termsTypeA .agreedepth li + li,
.terms-cont-wrap.termsTypeA .agreedepth2 li {padding-top: 1rem;}
.terms-cont-wrap.termsTypeA .agreedepth li > ul li {padding-top: 1rem; color: #000;font-size: 1.4rem; font-weight: 500;line-height: 1.4;}

.terms-cont-wrap.termsTypeA .tb-area,
.terms-cont-wrap.termsTypeA .agreedepth .tb-area {margin: 1.5rem 0;}
.terms-cont-wrap.termsTypeA .tb-area strong {display:block; padding-bottom: 1rem;}

.terms-cont-wrap.termsTypeA .tb-area th,
.terms-cont-wrap.termsTypeA .tb-area td,
.terms-cont-wrap.termsTypeA .agreedepth .tb-area th,
.terms-cont-wrap.termsTypeA .agreedepth .tb-area td {border-right: 1px solid #bbb; font-size:1.4rem; line-height:1.5;}

.terms-cont-wrap.termsTypeA .tb-area th:last-child,
.terms-cont-wrap.termsTypeA .tb-area td:last-child,
.terms-cont-wrap.termsTypeA .agreedepth .tb-area th:last-child,
.terms-cont-wrap.termsTypeA .agreedepth .tb-area td:last-child {border-right: none;}

.terms-cont-wrap.termsTypeA .tb-area table td.border-right,
.terms-cont-wrap.termsTypeA .tb-area table td.border-left,
.terms-cont-wrap.termsTypeA .agreedepth .tb-area table td.border-right {border-right: 1px solid #bbb;}
.terms-cont-wrap.termsTypeA .agreedepth .tb-area table td.border-left {border-left: 1px solid #bbb;}

.terms-cont-wrap.termsTypeA .agreedepth2 {padding-left: 1.7rem;}

.agreeBox.setting dl {padding-left: 0;}
.agreeBox.setting dl.agreeDepth2 {padding-left: 1.7rem;}
.agreeBox.setting dl.agreeDepth2 dl {padding-left: 1.7rem;}
.agreeBox.setting p {padding: 1.6rem 0 1.6rem;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.4;}
.agreeBox.setting p:first-of-type {padding-top: 0;}

.agreebox .terms-cont .sub-ti {padding: 1.5rem 0 0.5rem;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.4;}

.agreeBox.privacy01 .fl li, .agreeBox.privacy01 .fr li {padding-top: 1rem;color: #000;font-size: 1.4rem;font-weight: 400;line-height: 1.4;}
.agreeBox.privacy01 > dl {padding-left: 0;}
.agreeBox.privacy01 dl dt {padding: 2.5rem 0 0.5rem;color: #000 !important;font-size: 1.6rem;font-weight: 600;line-height: 1.4;}
.agreeBox.privacy01 dl dd {padding-top: 1rem;text-indent: 0rem;color: #333;font-size: 1.4rem;font-weight: 400;line-height: 1.4;}
.agreeBox.privacy01 dl dd.bold {font-weight: 400 !important;}

.agreeBox.privacy01 table {width: 100% !important;}
.agreeBox.privacy01 table tbody tr th:first-of-type {width: 30% !important;}
.agreeBox.privacy01 table tbody tr th:last-of-type {width: 70% !important;}

/* A-Mem-Mjoin-003 */
.type-nlssue.type2 .inpt-ti .essential {display: inline-block;padding: 0.6rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/icon-ess.png) center / 1.2rem no-repeat;}
.inpt-inner {position: relative;display: block;}
.btn-inpt {display: inline-block;padding: 0.8rem 1.6rem;color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;border: 1px solid #999;border-radius: 1.4rem;background: #fff;}
.inpt-inner .btn-inpt {position: absolute;top: 50%;right: 0; transform: translateY(-50%);}
.inpt-notice {margin-top: 0.8rem;padding: 0.8rem;color: #666;font-size: 1.2rem;line-height: 1;border-radius: 0.8rem;background: #f6f6f6;}
.inpt-inner.type2 {font-size: 0;}
.inpt-inner.type2 .inpt-inner{display: inline-block;width: calc(50% - 1.2rem);}
.inpt-inner.type2 .mail-t {display: inline-block;margin-top: 0.9rem;padding: 1.5rem 4px;color: #666;font-size: 1.5rem;line-height: 1;}
.type-nlssue.type2 .sel-box {padding-top: 1.2rem;}
.type-nlssue.type2 .cont-ti {padding: 2.4rem 3.2rem 1rem;color: #000;font-size: 1.2rem;font-weight: 600;line-height: 1;}
.type-nlssue.type2 .check-wrap input{display: inline-block;margin-top: 0;}
.check-wrap label {font-size: 0;}
.check-wrap label span {display: inline-block;padding: 4px 0 4px 0.8rem;color: #000;font-size: 1.4rem;line-height: 1;}
.check-wrap + .check-wrap{margin-top: 1rem;}
.join-notice.type2 {margin-top: 2rem;padding: 1.6rem;border-radius: 1.2rem;background: #f6f6f6;}

/* A-Mem-Mjoin-004 */
.join-complete {height: 100%;background: #f6f6f6;}
.complete-cont {position: relative;padding: 8.4rem 2rem 5.2rem;background: #fff;}
.complete-cont .main-txt {padding: 0 0.8rem;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.complete-cont .sub-txt {padding: 1.2rem 0.8rem 0;color: #000;font-size: 1.6rem;line-height: 1.38;word-break: keep-all;}
.complete-cont .sub-txt span {color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.38;}
.complete-cont img{position: absolute;top: 5.2rem;right: 4rem;display: block;width: 7rem;height: 12rem;animation: flipInX 2.5s ease infinite;}
.complete-info {padding: 0 2rem 2.4rem;}
.complete-info h3.tit {
    padding-bottom: 1.4rem; color: #666;font-size: 1.6rem;font-weight: 600;line-height: 1.5;border-bottom: 1px solid #ddd;
    padding: 0 0 1.4rem 2.8rem;background: url(../img/ico-info-sm.png) left .3rem / 2rem no-repeat ;
}

/* A-ID-Search-002 */
.find-info {height: 100%;}
.find-info-cont {min-height: calc(100% - 13rem);}
.find-info-cont .ti {padding: 2.4rem 2rem;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1;background: #f6f6f6;}
.find-info .btn-wrap {padding: 4rem 2rem;}
.find-info-inner {padding: 4rem 2.8rem;}
.find-info-inner p {color: #000;font-size: 2.4rem;line-height: 1.33;}
.find-info-inner p span {position: relative;display: inline-block;margin-right: 0.6rem}
.find-info-inner p span em{position: relative;color: #000;font-size: 2.4rem;font-weight: 600;box-shadow: inset 0 -0.8rem 0 rgba(255,255,50,0.5);}
.find-info-inner .date-info {margin-top: 1.2rem;color: #999;font-size: 1.4rem;line-height: 1;}

/* A-PWD-selfauth-001 */
.change-btn-wrap {padding-top: 0.8rem;border-bottom: 1px solid #eee;}
.change-btn-wrap li {border-top: 1px solid #eee;}
.find-info-cont .change-type {display: block;width: 100%;padding: 2rem 2.4rem;text-align: left;background: url(../img/btn-arrow-medium.png) center right 2.4rem / 1.6rem no-repeat;}
.find-info-cont .change-type span {display: block;color: #000;font-size: 1.5rem;font-weight: 500;line-height: 1;}
.find-info-cont .change-type em {display: block;padding-top: 0.8rem;color: #999;font-size: 1.3rem;line-height: 1;}

/* A-Service-List-001 */
.notice-list li button .tit.type2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 4.5rem;white-space: normal;}
.notice-list.type2 {height: 100%;}
.notice-list.type2 ul{min-height: calc(100% - 12rem);}
.notice-list.type2 .btn-more-box {padding: 4rem 2rem;}

/* A-Service-Detail-001 */
.notice-inner {min-height: calc(100vh - 17.4rem);}

/* A-Service-Cbot */
.cbot-info-txt {padding: 8rem 0 2.8rem;color: #000;font-size: 1.6rem;font-weight: 600;text-align: center;background: url(../img/icon-chatbot.png) center top 2.8rem / 4rem no-repeat;}
.chat-bot-btn-wrap {padding: 0 1.6rem 2.8rem;border-bottom: 0.6rem solid #eee;}
.chat-bot-btn-wrap li + li {margin-top: 1.2rem;}
.chat-bot-btn-wrap li button {display: block;width: 100%;padding: 2rem 2rem 2rem 2.4rem;border-radius: 1.2rem;box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,0.08);background: #fff;}
.chat-bot-btn-wrap li button span {display: flex;align-items: center;justify-content: space-between;}
.chat-bot-btn-wrap li button .titl {display: inline-block;color: #000;font-size: 1.6rem;font-weight: 600;}
.chat-bot-btn-wrap li button .ico {display: inline-block;padding: 0.8rem 1.6rem;color: #666;font-size: 1.2rem;font-weight: 500;line-height: 1;border-radius: 1.4rem;border: 1px solid #999;background: #fff;}
.chat-bot .notice-wrap {padding-bottom: 2.4rem;}
.chat-bot .notice-wrap ul{margin-top: 1.2rem;}
.green-btn-wrap {padding:0 3.2rem 4rem;}
.green-btn-wrap button{margin-top: 0;}
.green-btn-wrap p{padding-top: 1.2rem;color: #999;font-size: 1.3rem;line-height: 1;}


/* PC */

/* PC-Service-Ars-001 */
.mobile .sec-ti {display: none;}
.mobile .only-pc .sec-ti {display: block;}
.sec-ti{padding: 6rem 0 4rem;color: #000;font-size: 3.2rem;font-weight: 600;line-height: 1;text-align: center;}
.sec-sub-ti {padding: 8rem 0 5.2rem;color: #000;font-size: 2rem;line-height: 1;text-align: center;}
.sec-sub-ti.type2 {padding-top: 0;}
.sec-sub-txt {display: block;margin-top: 1rem;font-size: 1.6rem;color: #666;}

.sec-sub-title {}
.sec-sub-title .line-title {position: relative;padding-left: 1.6rem; color: #000;font-size: 2.8rem;font-weight: 600;line-height: 1.4;text-align: left;}
.sec-sub-title .line-title::before {
    content: '';display: inline-block;width: 4px;background-color: #08a75a;
    position: absolute;left: 0;top: .8rem;bottom: .8rem;
}
.sec-sub-title .line-title.h28::before {height: 2.8rem;}

.sec-sub-title .line-title.bd01 {border-bottom: 1px solid #eee;}
.sec-sub-title .line-txt {position: relative; padding: 1.6rem 25rem 4rem 0;font-size: 2rem;color: #999;line-height: 1.5;border-bottom: 1px solid #eee;}
.sec-sub-title .line-txt.type2 {padding: 1.6rem 48rem 4rem 0;}
.sec-sub-title .line-txt.type3 {padding: 1.6rem 28rem 4rem 0;}
.sec-sub-title .line-txt .btn-green {
    padding: 1rem 2rem;color: #08a75a;font-size: 1.8rem;line-height: 1;border-radius: 2.6rem;border: solid 1px #08a75a;background-color: #fff;
    position: absolute;right: 0;top: 2rem;
}
.sec-sub-title .line-txt .top-btn {position: absolute;right: 0;top: 1rem;}
.sec-sub-title .line-txt .top-btn button {
    position: relative;padding: 1rem 2rem 1rem 5rem;color: #08a75a;font-size: 1.8rem;line-height: 1;border-radius: 2.6rem;border: solid 1px #08a75a;
}
.sec-sub-title .line-txt .top-btn button + button {margin-left: .5rem;}
.sec-sub-title .line-txt .top-btn button.btn-green-youtube {background: url(../img/pc-icon-youtube.png) 1.6rem center / 2.8rem no-repeat;}
.sec-sub-title .line-txt .top-btn button.btn-green-naver {background: url(../img/pc-icon-naver02.png) 1.6rem center / 2rem no-repeat;}


.call-area {text-align: center;}
.call-area .number {display: inline-block;padding-left: 7.2rem;color: #000;font-size: 6rem;font-weight: 600;background: url(../img/pc-ico-call.png) center left / 6.8rem no-repeat;}
.call-area .info-txt {padding: 1.2rem 0 3.2rem;color: #666;font-size: 1.6rem;line-height: 1;}
.call-area button {margin: 0 auto;}
.ars-info {padding-top: 7.2rem;}
.ars-info ul {overflow: hidden;width: 100rem;margin: 0 auto;font-size: 0;border-radius: 1.6rem;}
.ars-info ul li {display: inline-block;width: 50%;padding: 4.8rem 0;text-align: center;background: #f6f6f6;}
.ars-info ul li + li {position: relative;}
.ars-info ul li + li::before {content: '';position: absolute;left: 0;top: 50%;width: 1px; height: 9.2rem;margin-top: -4.6rem;border-left: 1px dashed #ddd;}
.ars-info .ars-ti {color: #000;font-size: 2rem;font-weight: 600;line-height: 1;}
.ars-info .ars-sub {padding-top: 1.6rem;color: #000;font-size: 2rem;line-height: 1;}
.complain-list {position: relative;display: flex;align-items: flex-start;font-size: 0;text-align: center;}

.complain-wrap {position: relative;z-index: 1;display: inline-block;width: 100%;padding-top: 15.2rem;text-align: center;}
/* .complain-wrap + .complain-wrap {margin-left: 3.6rem;} */
.complain-wrap .step {display: inline-block;padding: 1rem 0.6rem;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;border-radius: 0.8rem;background: #fff3ad;}
.complain-wrap .step-ti {min-height: 7.8rem;padding: 2.7rem 0 3px;color: #000;font-size: 2rem;font-weight: 600;line-height: 1.2;}
.complain-info {min-height: 14.4rem;padding-top: 1.6rem;font-size: 0;}
.complain-info li {padding: 4px 0;color: #999;font-size: 1.6rem;line-height: 1;}

.complain-wrap::before{content: '';position: absolute;top: 0;left: 50%;z-index: 1;max-width: 12rem;width: 100%;height: 100%;max-height: 12rem;border: 1px solid #ddd;border-radius: 50%;transform: translateX(-50%);}
.complain-wrap.type1::before{background: url(../img/pc-complain1.png) center / 6.8rem no-repeat #fff;}
.complain-wrap.type2::before{background: url(../img/pc-complain2.png) center / 6.8rem no-repeat #fff;}
.complain-wrap.type3::before{background: url(../img/pc-complain3.png) center / 6.8rem no-repeat #fff;}
.complain-wrap.type4::before{background: url(../img/pc-complain4.png) center / 6.8rem no-repeat #fff;}
.complain-wrap.type5::before{background: url(../img/pc-complain5.png) center / 6.8rem no-repeat #fff;}
.complain-wrap.type6::before{background: url(../img/pc-complain6.png) center / 6.8rem no-repeat #fff;}
.complain-list::after {content: '';position: absolute;top: 6rem;left: 50%;width: 90%;height: 1px;transform: translateX(-50%);background: #ddd;}

.complain-wrap.type2{animation-duration: 2.5s;}
.complain-wrap.type3{animation-duration: 3s;}
.complain-wrap.type4{animation-duration: 3.5s;}
.complain-wrap.type5{animation-duration: 4s;}
.complain-wrap.type6{animation-duration: 4.5s;}

/* PC main */
.pc .pc.content {}
.pc .pc.content .pc-main-swiper {min-width: 120rem;}
.pc .pc.content .pc-main-swiper .swiper-slide {text-align: center;display: flex;justify-content: center;}
.pc .pc.content .pc-main-swiper .swiper-slide.banner01 {background-color: #0e0e0e;}

.pc .pc.content .pc-btn-shortcuts {
    position: relative;width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;
    flex-direction: row;padding: 6rem 0 6rem;max-width: 128rem;margin: auto;
}
.pc .pc.content .pc-btn-shortcuts button,
.pc .pc.content .pc-btn-shortcuts a {
    position: relative; display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    padding-top: 9.6rem;color: #000;font-size: 1.4rem;line-height: 1;text-align: center;cursor: pointer;
}
.pc .pc.content .pc-btn-shortcuts button:active,
.pc .pc.content .pc-btn-shortcuts button:focus,
.pc .pc.content .pc-btn-shortcuts button:hover,
.pc .pc.content .pc-btn-shortcuts a:active,
.pc .pc.content .pc-btn-shortcuts a:focus,
.pc .pc.content .pc-btn-shortcuts a:hover {-webkit-transition: all 0.01s;color: #666;}
.pc .pc.content .pc-btn-shortcuts button::before,
.pc .pc.content .pc-btn-shortcuts a::before{
    content: '';display: inline-block;padding: 4rem;position: absolute;left: 50%;top: 0;border-radius: 50%;transform: translateX(-50%);
}
.pc .pc.content .pc-btn-shortcuts button.short-point-card::before {background:#f5f5f5 url(../img/pc-icon-point-card.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts button.short-reissue::before {background:#f5f5f5 url(../img/pc-icon-reissue.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts button.short-point-password::before {background:#f5f5f5 url(../img/pc-icon-point-password.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts button.short-point-bonus::before {background:#f5f5f5 url(../img/pc-icon-point-bonus.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts button.short-receipt::before {background:#f5f5f5 url(../img/pc-icon-point-receipt.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts button.short-cumulate::before {background:#f5f5f5 url(../img/pc-icon-cumulate.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts button.short-point-gift::before {background:#f5f5f5 url(../img/pc-icon-point-gift.png) center center no-repeat;background-size: 4.2rem;}
.pc .pc.content .pc-btn-shortcuts a.short-point-carlife::before {background:#f5f5f5 url(../img/pc-icon-point-carlife.png) center center no-repeat;background-size: 4.2rem;}

.pc .pc.content .pc-point-box {background-color: #f6f6f6;}
.pc .pc.content .pc-point-box > div {padding: 8rem 4rem 8rem;max-width: 128rem;margin: auto;}
.pc .pc.content .pc-point-box > div + div {padding-top: 0;}
.pc .pc.content .pc-point-box h3 {position: relative;padding-top: 5px; color: #000;font-size: 2.4rem;line-height: 1;font-weight: 600;}
.pc .pc.content .pc-point-box .point-mall-ti-box {position: relative;padding-bottom: 4rem;}
.pc .pc.content .pc-point-box .btn-all-product {
    position: absolute;top: 0;right: 0;padding: 1.2rem 1.4rem; border-radius: 2rem;border: solid 1px #08a75a;background-color: #fff;color: #08a75a;font-size: 1.4rem;line-height: 1;
}
.pc .pc.content .pc-point-box > .mall-box .product-list {
    font-size: 0;width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;box-orient: horizontal; flex-direction: row;justify-content: left;
}
.pc .pc.content .pc-point-box > .mall-box .product-list button {
    max-width: 28.2rem; border-radius: 1.2rem;box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);background-color: #fff;overflow: hidden;
    position: relative; display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;cursor: pointer;
}
.pc .pc.content .pc-point-box > .mall-box .product-list button:hover .img img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.pc .pc.content .pc-point-box > .mall-box .product-list button + button {margin-left: 2.4rem;}
.pc .pc.content .pc-point-box > .mall-box .product-list button .img {display: block;overflow: hidden;}
.pc .pc.content .pc-point-box > .mall-box .product-list button .img img {max-width: 100%;width: 100%;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.pc .pc.content .pc-point-box > .mall-box .product-list button .txt {display: block;padding: 2rem 2.4rem; text-align: left; background-color: #fff;}
.pc .pc.content .pc-point-box > .mall-box .product-list button .txt em {display: block;color: #666;font-size: 1.6rem;line-height: 1.5;}
.pc .pc.content .pc-point-box > .mall-box .product-list button:hover .txt .product-name {color: #007b3d;}
.pc .pc.content .pc-point-box > .mall-box .product-list button .txt .price {display: block;color: #000;font-size: 1.6rem;line-height: 1.5;font-weight: 600;}
.pc .pc.content .pc-point-box > .mall-box .product-list button .txt .price strong {
    display: inline-block;padding-right: .3rem; color: #000;font-size: 1.6rem;line-height: 1.5;font-weight: 600;vertical-align: top;
}

.pc .pc.content .pc-point-box > .point-use .pc-point-swiper {padding: 4rem 4rem 0;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .swiper-slide {
    padding: 7.5rem; text-align: center;background: #fff;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;
    -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
    align-items: center;border-radius: 50%;overflow: hidden;font-size: 0;text-indent: -9999px;cursor: pointer;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;
}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .swiper-slide span {line-height: 1;font-size: 0;text-indent: -9999px;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .lotte-cinema {background:#fff url(../img/pc-logo-lottecinema.png) center center no-repeat;background-size: 11.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .cgv {background:#fff url(../img/point-img2.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .emart {background:#fff url(../img/point-img3.png) center center no-repeat;background-size: 11.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .hana-members {background:#fff url(../img/point-img05.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .lf {background:#fff url(../img/point-img5.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .aladdin {background:#fff url(../img/point-img04.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .tvhub {background:#fff url(../img/point-img07.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .apti {background:#fff url(../img/point-img08.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .pointpark {background:#fff url(../img/point-img09.png) center center no-repeat;background-size: 12.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .swiper-slide:hover {background-size: 15rem;}

.pc .pc-point-swiper {position: relative;}
.pc .pc-navigation-swiper > div {position: absolute;top: 50%;margin-top: .4rem; padding: 1.2rem;height: auto;}
.pc .pc-point-box .swiper-button-prev {left: -1rem; background: url(../img/pc-arrow-prev.png) center center no-repeat;background-size: 2.4rem;}
.pc .pc-point-box .swiper-button-next {right: -1rem;background: url(../img/pc-arrow-next.png) center center no-repeat;background-size: 2.4rem;}

.pc .service-center {
    width: 100%;max-width: 128rem;margin: auto;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;box-orient: horizontal; flex-direction: row;padding: 6rem 0 6rem;
    background: url(../img/pc-service-goodoil.png) right 8rem no-repeat;background-size: 14rem;
}
.pc .service-center > div {position: relative; display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .service-center > div .title {display: block; color: #000;font-size: 2rem;line-height: 1;font-weight: 600;}
.pc .service-center > div .title span {
    display: inline-block;padding-right: 2.4rem; color: #000;font-size: 2rem;line-height: 1;font-weight: 600;
    background: url(../img/pc-arrow-next.png) right center no-repeat;background-size: 1.6rem;
}
.pc .service-center .download .txt {padding: 2rem 0 1.6rem; color: #000;font-size: 1.4rem;line-height: 1.5;}
.pc .service-center .download .download-area {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal; flex-direction: row;
}
.pc .service-center .download .download-area button {display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .service-center .download .download-area button {
    display: inline-block;max-width: 14.4rem;padding: 1rem 2rem; color: #08a75a;font-size: 1.8rem;line-height: 1; border-radius: 2rem;border: solid 1px #08a75a;background-color: #fff;
}
.pc .service-center .download .download-area button + button {margin-left: .8rem;}
.pc .service-center .download .download-area button:hover{font-weight: 600;}
.pc .service-center .notice .list {max-width: 42rem;}
.pc .service-center .notice .list ul {padding: 2rem 4.5rem 0 0;}
.pc .service-center .notice .list li {position: relative;padding-right: 8rem;}
.pc .service-center .notice .list li a {display: block;padding: 1rem 0; color: #000;font-size: 1.4rem;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pc .service-center .notice .list li a:hover{text-decoration: underline;}
.pc .service-center .notice .list li .date {position: absolute;right: 0;top: 0; display: inline-block;padding: 1rem 0; color: #666;font-size: 1.4rem;line-height: 1;}

.pc .service-center .client .call {
    margin-top: 2.2rem;padding-left: 3.5rem;color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600; background: url(../img/pc-call.png) left center no-repeat;background-size: 3.4rem;
}
.pc .service-center .client .business-hours {padding: 1.2rem 0 0 3.5rem;color: #666;font-size: 1.4rem;line-height: 1;}
.pc .service-center .client .business-hours span {display: inline-block; color: #000;font-size: 1.4rem;line-height: 1;}

.btn-floating {
    position: fixed;right: 2.5rem;bottom: 5rem; display: none;padding: 3.8rem;font-size: 0;text-indent: -9999px;border-radius: 50%;
    z-index: 999;background: url(../img/pc-floating-top.png) no-repeat center center;background-size: 7.6rem;
}

.pc .type-mypage .name-box {padding: 3.6rem 0 5rem;border-bottom:0;}
.pc .type-mypage .name-box .name {font-size: 3.2rem; text-align: center;}
.pc .type-mypage .name-box .name em {font-size: 3.2rem;}
.pc .type-mypage .name-box .info-txt {font-size: 2.8rem;text-align: center;color: #999;}
.pc .type-mypage .name-box .info-txt em {font-size: 2.8rem;text-align: center;font-weight: 400 !important;}
.pc .type-mypage .user-info {padding: 6rem 0; border-radius: 1.6rem;border: solid 2px #eee;}
.pc .type-mypage .my-level {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;
    flex-direction: row;justify-content: center;
}
.pc .type-mypage .my-level > div {
    position: relative; display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;
    padding-top: 9.6rem;color: #000;font-size: 1.4rem;line-height: 1;text-align: center;cursor: pointer;
}

.pc .type-mypage .my-level .info p {display: none;}

.pc .type-mypage .my-level .info .level-de span.silver {padding: 8.2rem 2rem 0; background-position: center top;background-size: 10rem;}
.pc .type-mypage .my-level .info .level-de span.gold {padding: 8.2rem 2rem 0; background-position: center top;background-size: 10rem;}
.pc .type-mypage .my-level .info .level-de span.vip {padding: 8.2rem 2rem 0; background-position: center top;background-size: 10rem;}
.pc .type-mypage .my-level .info .level-de span.vvip {padding: 8.2rem 2rem 0; background-position: center top;background-size: 10rem;}
.pc .type-mypage .my-level .info .level-de span {font-size: 4.4rem;}
.pc .type-mypage .my-level .info .level-de button {float: none;clear: both;display: block;margin: 2rem auto 0;font-size: 1.8rem;border-radius: 2.4rem;font-weight: 500;background:url(../img/pc-btn-arrow-sm.png) right 1.4rem center / 1.4rem no-repeat ;}
.pc .type-mypage .my-level .info {max-width: 28rem;padding-top: 0;padding-right: 10rem;}
.pc .type-mypage .my-level .rating-wrap .rating-bar {text-align: left;height: 2.8rem;border-radius: 2rem;}
.pc .type-mypage .my-level .rating-wrap .rating-bar span {height: 2.8rem;}
.pc .type-mypage .my-level .rating-wrap .rating-bar span::after {height: 2.6rem;border-radius: 2rem;}
.pc .type-mypage .my-level .rating-wrap {max-width: 48rem;padding-top: 0;}
.pc .type-mypage .my-amount-oil {max-width: 76rem;margin: auto;padding-left: 28rem;margin-top: -12rem;}
.pc .type-mypage .my-level .rating-wrap .rating-bar:before,
.pc .type-mypage .my-level .rating-wrap .rating-bar:after {font-size: 1.6rem;}
.pc .type-mypage .my-amount-oil dt {font-size: 2rem;}
.pc .type-mypage .my-amount-oil dt em {display: inline-block;padding-top: .3rem; font-size: 1.6rem;}
.pc .type-mypage .my-amount-oil dd {font-size: 3.2rem;}
.pc .type-mypage .my-amount-oil dd em {padding-left: .5rem; font-size: 3.2rem;}
.pc .type-mypage .my-point .my-point-wrap {width: 100%;max-width: 60rem;box-shadow: none;}
.pc .type-mypage .my-point .my-point-wrap .cont1 {display: none;}
.pc .type-mypage .my-point .my-point-wrap .cont2 {display: flex;max-width: 60rem;width: 100%;flex-flow: column;cursor: pointer;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl {display: block;width: 100%;padding: 0 2rem;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl:nth-child(1) {order: 2;padding-top: 1.6rem;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl:nth-child(2) {order: 1;padding-bottom: 1.6rem; border-bottom: 1px solid #eee;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl:nth-child(3) {order: 3;padding-top: 1.6rem;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl dt {float: left;font-size: 1.6rem;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl dd {float: right;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl dd p {margin-top: 0;font-size: 1.6rem;color: #666;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl + dl::before {content: none;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl:nth-child(2) dt {font-size: 2rem;color: #000;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl:nth-child(2) dd p {font-size: 2.4rem;color: #000;}
.pc .type-mypage .my-point .my-point-wrap .cont2 dl:nth-child(2) dd p em {font-size: 2.4rem;color: #000;}

.pc .type-mypage .mypage-btns {display: none;}
.pc .type-mypage .my-point {display: flex;justify-content: space-between;padding: 2.2rem 1.9rem 2.4rem;}
.pc .type-mypage .my-point .pc-mypage-btns {width: 43rem;padding-top: 4rem;}
.pc .type-mypage .my-point .pc-mypage-btns ul {
    width:100%;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: flex;
    -webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
}
.pc .type-mypage .my-point .pc-mypage-btns ul li {position: relative; display:block;min-width: 12rem;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .type-mypage .my-point .pc-mypage-btns ul li + li::before {
    content: '';border-left: 1px solid #eee;width: 1px;height: 8rem;display: inline-block;position: absolute;left: -1px;top: 2rem;z-index: 2;
}
.pc .type-mypage .my-point .pc-mypage-btns ul li button {
    position: relative;display: block;width: 100%; height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;padding-top: 9.6rem;color: #000;font-size: 1.4rem;
    line-height: 1;text-align: center;cursor: pointer;
}
.pc .type-mypage .my-point .pc-mypage-btns ul li button::before {content: '';display: inline-block;padding: 4rem;position: absolute;left: 50%;top: 0;border-radius: 50%;transform: translateX(-50%);}
.pc .type-mypage .my-point .pc-mypage-btns ul li button.short-point-bonus::before {background: #f5f5f5 url(../img/pc-icon-point-bonus.png) center center no-repeat;background-size: 4.2rem;}
.pc .type-mypage .my-point .pc-mypage-btns ul li button.short-receipt::before {background: #f5f5f5 url(../img/pc-icon-point-receipt.png) center center no-repeat;background-size: 4.2rem;}
.pc .type-mypage .my-point .pc-mypage-btns ul li button.short-application-history::before {background: #f5f5f5 url(../img/pc-icon-application-history.png) center center no-repeat;background-size: 4.2rem;}
.pc .type-mypage .my-point .pc-mypage-btns ul li button span {color: #000;font-size: 1.4rem;line-height: 1;text-align: center;}
.pc .type-mypage .top-cont {border-bottom: 0;}

/* A-Mem-Mjoin-005 PC */
.pc .join-complete {background: #fff;}
.pc .join-complete-inner {padding: 2rem 0 3.2rem;text-align: center;}
.pc .join-complete-cont {display: inline-block;min-width: 80rem;padding: 6.8rem 10.6rem 7.8rem;text-align: center;border-radius: 1.6rem;border: 2px solid #eee;background: #fff;}
.pc .join-complete-cont p {color: #000;font-size: 2.8rem;font-weight: 400;line-height: 1.7;}
.pc .join-complete-cont strong {color: #000;font-size: 2.8rem;font-weight: 600;line-height: 1.7;vertical-align: top;}
.pc .join-complete-cont .info-txt {padding-top: 2.2rem;color: #999;font-size: 1.6rem;line-height: 1.5;}

.wrapper.only-pc .pc-piont-img {min-height: 25rem; padding: 5.2rem 4.8rem 0 3rem; background: url(../img/pc-point-img.png) left center no-repeat;background-size: cover;border-radius: 1.2rem;}
.wrapper.only-pc .pc-piont-img h3 {font-size: 2.8rem;color: #fff;line-height: 1.4;text-align: left;}
.wrapper.only-pc .pc-piont-img .txt {padding-top: 1rem; font-size: 1.4rem;color: #ffff;line-height: 1.5;text-align: left;word-break: keep-all;}

.pc-tit2 {padding: 6rem 0 1.2rem; color: #000;font-size:2rem;text-align:left;line-height: 1;font-weight: 600;}
.pc-tit2 span {display: inline-block;padding: .5rem 0 0 1.6rem; color: #666;font-size:1.4rem;text-align:left;line-height: 1;font-weight: 400;}
.pc-tit3 {padding: 4rem 0 1.2rem; color: #000;font-size:2rem;text-align:center;line-height: 1;}
.pc-tb-area table {width:100%;border-top: 1px solid #000;}
.pc-tb-area table thead th {padding: 1.6rem 4rem; color: #000;font-size:1.2rem;text-align:center;border-bottom: 1px solid #eee;line-height: 1;background-color: #f6f6f6;}
.pc-tb-area table tbody th {padding: 1.6rem 4rem; color: #000;font-size:1.2rem;text-align:center;border-bottom: 1px solid #eee;line-height: 1;background-color: #f6f6f6;}
.pc-tb-area table tbody td {padding: 1.6rem 4rem; color: #000;font-size:1.4rem;text-align:left;border-bottom: 1px solid #eee;line-height: 1.4;}
.pc-tb-area table tbody td.txt_center {text-align:center;}
.pc-tb-area table.pd5 tbody td {padding: 1.6rem .5rem;}
.pc-tb-area table tbody td .txt1 {position: relative; display: block;padding-left: 1rem; color: #000;font-size:1.4rem;text-align:left;line-height: 1.4;}
.pc-tb-area table tbody td .txt1::before {
    content: '';display: inline-block;padding: .2rem;background-color: #000;border-radius: 50%;overflow: hidden;position: absolute;left: 0;top: .7rem;
}
.pc-tb-area.gray table tbody td {color: #666;}
.pc-tb-area table tbody td.black {color: #000 !important;}
.pc-tb-area.center table tbody td {text-align: center;}
.pc-tb-area table tbody td.no-data {padding: 5rem 0 !important; text-align: center;}
.pc-tb-area.center table tbody td .plus {position: relative; color: #08a75a;font-size: 1.4rem;font-weight: 600;}
.pc-tb-area.center table tbody td .plus::before {content: '+';display: inline-block;padding-right: .3rem;color: #08a75a;font-size: 1.4rem;font-weight: 600;}
.pc-tb-area.center table tbody td .plus em {color: #08a75a;font-size: 1.4rem;font-weight: 600;}
.pc-tb-area.center table tbody td .minus {position: relative;color: #666;font-size: 1.4rem;font-weight: 600;}
.pc-tb-area.center table tbody td .minus::before {content: '-';display: inline-block;padding-right: .3rem; color: #666;font-size: 1.4rem;font-weight: 600;}
.pc-tb-area.center table tbody td .minus em {color: #666;font-size: 1.4rem;font-weight: 600;}
.pc-tb-area.pd10 table tbody td {padding: 1rem 1rem}
.pc-tb-area.pd10 table thead th {padding: 1.6rem 1rem}
.pc-tb-area.td-pd20 table tbody td {padding: 1.6rem 2rem}
.pc-tb-area.td-pd20 table thead th {padding: 1.6rem 2rem}
.pc-tb-area table tbody td .td-flex {display: flex;}
.pc-tb-area table tbody td .td-flex .pc-btn-txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;line-height: 1.6;}
.pc-tb-area table tbody td .td-flex .pc-btn-txt:hover {text-decoration: underline;}
.pc-tb-area table tbody td .td-flex span {color: #000;font-size: 1.4rem;line-height: 1.6;}
.pc-tb-area table tbody td .td-flex * {white-space: nowrap;}

.pc-step-area {padding: 4rem 0; border-top: 1px solid #000;border-bottom: 1px solid #d8d8d8;}
.pc-step-area .process ul {max-width: 90rem;margin: auto;width:100%;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;}
.pc-step-area .process ul li {position: relative;width: 100%; padding-top: 15.2rem; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1; text-align: center;}
.pc-step-area .process ul li::before {
    content: '';position: absolute;top: 0; left: 50%;z-index: 1;max-width: 12rem;width: 100%;height: 100%;
    max-height: 12rem;border: 1px solid #ddd;border-radius: 50%;transform: translateX(-50%);
}
.pc-step-area .process ul li.step01::before {background: url(../img/pc-complain7.png) center / 6.8rem no-repeat;
}
.pc-step-area .process ul li.step02::before {background: url(../img/pc-complain8.png) center / 6.8rem no-repeat;}
.pc-step-area .process ul li.step03::before {background: url(../img/pc-complain2.png) center / 6.8rem no-repeat;}
.pc-step-area .process ul li .step {
    display: inline-block;padding: 1rem 0.6rem;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;border-radius: 0.8rem;background: #fff3ad;
}
.pc-step-area .process ul li .txt {display: block;padding-top: 2.4rem; color: #000;font-size:1.6rem;text-align:center;line-height: 1.5;}
.pc-step-area .process ul li + li::after {
    content: '';display: inline-block;width: 11.1rem;height: .3rem; position: absolute;left: -5.5rem;top: 6rem;
    background: url(../img/pc-arrow.png) no-repeat center center;background-size: 11.1rem;
}

.pc-radius-box .title2 {color: #000;font-size: 2rem;line-height: 1.4;word-break: keep-all;font-weight: 600;}
.pc-radius-box .txt02 {padding-top: 2.1rem; color: #666;font-size: 1.6rem;line-height: 1.4;word-break: keep-all;}
.pc-radius-box .fc-blue {padding-top: 1.6rem; color: #08a75a;font-size: 1.6rem;line-height: 1.4;word-break: keep-all;}

.pc-aste {position: relative; padding: 1.6rem 2rem 0 0;text-align: right;font-size: 1.4rem;line-height: 1;}
.pc-aste::before {content: '※';display: inline-block;font-size: 1.4rem;line-height: 1.3;vertical-align: top;}

.pc-title-header {}
.pc-title-header h3 {position: relative; padding-left: 1.6rem;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.pc-title-header h3::before {
    content: '*';display: inline-block;padding: .4rem;background-color: #000;border-radius: 50%;overflow: hidden;position: absolute;left: 0;top: .7rem;
}
.pc-title-header li {margin-top: 2rem;color: #000;font-size: 1.8rem;line-height: 1.4;word-break: keep-all;}
.pc-title-header li.blue {color: #08a75a;}
.pc-title-header li.red {color: #ff4d4d;}
.pc-title-header li + li {margin-top: 1.5rem;}
.pc-title-header li.aste {position: relative; padding-left: 1.6rem;}
.pc-title-header li.aste::before {content: '*';display: inline-block;position: absolute;left: 0;top: .7rem;}

.pc-tb-info li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.4rem;line-height: 1.54;}
.pc-tb-info li::before {content: '';position: absolute;top: 0.8rem;left: 0;padding:.2rem;border-radius: 50%;background: #666;}

.pc-donation-photo {padding-bottom: 6rem;}
.pc-donation-photo ul li {
    width:100%;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
    padding-left: 2rem;
}
.pc-donation-photo ul li span {position: relative; display:block;width: calc(33.3333% - 2rem);justify-content: center;align-items: center;}
.pc-donation-photo ul li .img {border-radius: 1.2rem;overflow: hidden;margin-left: 2rem;}
.pc-donation-photo ul li .img img {width: 100%;}
.pc-donation-photo ul li + li {padding-top: 2rem;}
.pc-donation-photo ul li span:first-of-type {margin-left: 0;}

.pc-radius-box {padding: 6rem 6rem 1.2rem; border-radius: 1.6rem;border: solid 2px #eee;background-color: #fff;}
.pc-radius-box.pdtype02 {padding: 4rem;}
.pc-radius-box + .pc-radius-box {margin-top: 2rem;}
.pc-radius-box dl {display: table;width: 100%;padding-bottom: 2.8rem;}
.pc-radius-box dl + dl {padding-top: 2.8rem; border-top: 1px solid #f6f6f6;}
.pc-radius-box dt {display: table-cell;min-width: 22rem; color: #000;font-size: 1.6rem;line-height: 1;font-weight: 600;vertical-align: top;padding-top: 2rem;}
.pc-radius-box dd {position: relative; display: table-cell;width: 100%; color: #000;font-size: 1.8rem;line-height: 1;font-weight: 600;}
.pc-radius-box dd.donation input::placeholder {text-align:left;}
.pc-radius-box dd .mw360 {max-width: 36rem;}
.pc-radius-box dd .won {position: absolute;right: 1.6rem;top: 50%;transform: translateY(-50%);color: #000;font-size: 1.8rem;line-height: 1;font-weight: 600;}
.pc-radius-box .pc-bl dt {display: block;}
.pc-radius-box .pc-bl dd {display: block;}
.pc-radius-box .pc-bl dd .pc-txt {padding: 2rem 3.2rem;color: #666;font-size: 1.6rem;line-height: 1.4;border-radius: 1.6rem;background-color: #f6f6f6;}


/* A-login-001 PC */
.pc .login-ipt-wrap {padding: 5.2rem 3.2rem 3.2rem;}
.pc .login-all-cont {max-width: 44.8rem;margin: 0 auto;}
.pc .login-all-cont .logo {display: none;}
.pc .login-wrap {padding: 0;border-bottom: none !important;}
.pc .login-all-cont .input-box input:focus {background-color: #f8f9fa;}
.pc .login-ipt-wrap::before {top: -12.2rem;;width: 11.1rem;height: 18.7rem;}
.pc .input-box.type-id input,.pc .input-box.type-pw input {padding-left: 4.8rem;font-size: 2rem;;background-size: 3.6rem;}
.pc .login-ipt-wrap .input-box + .input-box {margin-top: 3.6rem;}
.pc .input-box.type-id .inpt-inner::before {
    content: '';display: inline-block;padding: 1.4rem;position: absolute;left: 0;top: 2rem;background: url(../img/ico-login1.png) center left / 3.6rem no-repeat;
}
.pc .input-box.type-pw .inpt-inner::before {
    content: '';display: inline-block;padding: 1.4rem;position: absolute;left: 0;top: 2rem;background: url(../img/ico-login2.png) center left / 3.6rem no-repeat;
}
.pc .login-ipt-wrap .check {margin-top: 3.6rem;}
.pc label.check span {font-size: 1.8rem;}
.pc .login-ipt-wrap .btn-wrap {margin-top: 5.2rem;}
.pc .login-txt-btn {margin-top: 2.8rem;}
.pc .login-txt-btn button {font-size: 1.8rem;}
.pc .login-sns {padding: 9.2rem 0;}
.pc .login-sns p {position: relative;padding-bottom: 2.8rem;font-size: 2rem;}
.pc .login-sns p::before{content: '';position: absolute;top: 0.9rem;left: 0;width: 13.7rem;height: 1px;background: #000;}
.pc .login-sns p::after{content: '';position: absolute;top: 0.9rem;right: 0;width: 13.7rem;height: 1px;background: #000;}
.pc .login-sns p strong {font-size: 2rem;}
.pc .login-sns button {padding: 2.6rem;background-size: 5.2rem;}
.pc .login-sns button + button {margin-left: 4rem;}

/* PC-Mem-join-001 */
.join-type-all {padding-top: 4.4rem;}
.pc .step-box-wrap {min-height: initial;padding: 0 4rem;border-bottom: 0 !important}
.pc .step-box-wrap .ti {padding: 3px 0;font-size: 1.8rem;line-height: 1;}
.pc .step-box li {min-width: 2.4rem; min-height: 2.4rem;padding: 4px 0;font-size: 1.6rem;line-height: 1;}
.join-type-box {margin-left: -6rem;padding: 11.2rem 5rem 8.8rem;font-size: 0;}
.join-type-wrap {display: inline-block;position: relative;width: calc(50% - 6rem);margin-left: 6rem;padding: 13rem 4rem 6rem;text-align: center;border-radius: 1.6rem;box-shadow: 0 0.8rem 1.6rem 0 rgba(0,0,0,0.08);background: #fff;}
.join-type-wrap .type-ti {color: #000;font-size: 2rem;font-weight: 600;line-height: 1;}
.join-type-wrap .type-sub-ti {padding: 1.2rem 0 4rem;color: #999;font-size: 1.8rem;line-height: 1;}
.join-type-btn-wrap li + li {margin-top: 2.4rem;}
.join-type-btn-wrap button {display: block;width: 100%;padding: 2.2rem 0;font-size: 2rem;line-height: 1;border-radius: 1.2rem;transition: 0.3s;}
.join-type-btn-wrap button.type1 {border: 1px solid #000;background: #fff;}
.join-type-btn-wrap button.type2 {color: #3c1e1e;border: 1px solid #ffeb00;background: #ffeb00 url(../img/pc-icon-kakao.png) left 1.2rem center / 3.2rem no-repeat;}
.join-type-btn-wrap button.type3 {color: #fff;border: 1px solid #06be34;background: #06be34 url(../img/pc-icon-naver.png) left 1.2rem center / 3.2rem  no-repeat;}
.join-type-wrap::before {content: '';position: absolute;top: -5.2rem;left: 50%;width: 9.4rem;height: 11rem;margin-left: -4.7rem;transition: 0.3s;}
.join-type-wrap.type1::before {background: url(../img/pc-img-emoji.png) center / 9.4rem no-repeat;}
.join-type-wrap.type2::before {height: 11.8rem;background: url(../img/pc-img-emoji2.png) center / 9.4rem no-repeat;}

.join-type-wrap:hover::before {animation: bounce2 1.5s ease infinite;transition: 0.3s;}
.join-type-btn-wrap button:hover {opacity: 0.7;transform: scale(1.03);transition: 0.3s;}

.pc .pc-inner .point-list-cont {margin-top: 1.2rem;}
.pc .pc-inner .point-list-cont ul{margin-left: -0.9rem;font-size: 0;}
.pc .pc-inner .point-list-cont li{overflow: hidden;display: inline-block;width: calc(33.3333% - 0.9rem);margin: 1.2rem 0 0 0.9rem;}
.pc .pc-inner .point-list-cont li button {display: block;width: 100%;padding: 2.4rem 1rem 2rem;text-align: left;}
.pc .pc-inner .point-list-cont li .img-box{overflow: hidden;display: block;position: relative;padding-bottom: 16rem;border-radius: 1.6rem;border: 2px solid #eee;}
.pc .pc-inner .point-list-cont li .img-box img{position: absolute;top: 0;left: 50%;display: block;width: 100%;height: 100%;object-fit: cover;max-width: 22rem;margin: auto;transform: translateX(-50%);}
.pc .pc-inner .point-list-cont li .ti{display: block;margin-top: 1.6rem;padding: 2px 0;color: #000;font-size: 2rem;line-height: 1;font-weight: 600;}
.pc .pc-inner .point-list-cont li .info-txt {display: block;min-height: 5.4rem;margin-top: 0.8rem;color: #999;font-size: 1.4rem;line-height: 1.5;}
.pc .pc-inner .notice-wrap {padding: 0.8rem 2rem 4rem}

.pc .pc-btn-choice {padding: 1rem 2.3rem;border-radius: 2rem;color: #666;font-size: 1.8rem;line-height: 1;font-weight: 500;border: solid 1px #999;background-color: #fff;}
.pc .txt-number {display: inline-block;padding-top: 3rem;color: #666;font-size: 1.4rem;line-height: 1;}

.pc .donation-list-box {
    width:100%;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;
    box-orient:horizontal;flex-direction: row;padding: 4rem 5.2rem 4rem 4rem;border-radius: 1.6rem;border: solid 2px #eee;
}
.pc .donation-list-box > div {display:block;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .donation-list-box > div.first {padding-right: 5.2rem;}
.pc .donation-list-box > div.last {padding-left: 4rem;}
.pc .donation-list-box > div + div {border-left: 1px solid #eee;}
.pc .donation-list-box > div h4 {padding-bottom: 1.6rem; color: #000;font-size: 2rem;line-height: 1;}
.pc .donation-list-box > div h4 strong {color: #000;font-size: 2rem;line-height: 1;font-weight: 600;vertical-align: top;}
.pc .donation-list-box > div .btn-green {padding: .7rem 1.2rem;color: #08a75a;font-size: 1.4rem;line-height: 1;border-radius: 1.6rem;border: solid 1px #08a75a;background-color: #fff;}
.pc .donation-list-box > div .point {color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600;text-align: right;}
.pc .donation-list-box > div .point span {color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600;text-align: right;}


.pc .astekd {position: relative; padding-left: 1.6rem;color: #666;font-size: 1.4rem;line-height: 1;}

.pc .td-search-box {position: relative;padding-right: 6rem;padding: 2rem 6rem;border-radius: 1.6rem;background-color: #f6f6f6;}
.pc .td-search-box .title {position: absolute;left: 6rem;top: 50%;transform: translateY(-50%); color: #000;font-size: 1.62rem;line-height: 1;}
.pc .td-search-box .btn-search {
    display: inline-block; padding: 1.4rem 3rem;color: #000;font-size: 1.6rem;line-height: 1;border-radius: 1.2rem;border: solid 1px rgba(0, 0, 0, 0.08);
    position: absolute;right: 6rem;top: 50%;transform: translateY(-50%); background-color: #ffe132;
}
.pc .td-search-box .search-right {position: absolute;right: 3rem;top: 50%;transform: translateY(-50%);}
.pc .td-search-box .search-right .btn-search {position: relative;right: auto;top: auto;transform: none;}
.pc .td-search-box .select-box {text-align: center;}
.pc .td-search-box .select-box.pad0 {padding: 0 16rem 0 10rem;}
.pc .td-search-box .select-box.pad1 {padding: 0 27rem 0 6rem;}
.pc .td-search-box .select-box.pad1 .box-flex select {min-width: 18rem;}
.pc .td-search-box .select-box ul {font-size: 0;margin: auto;}
.pc .td-search-box .select-box ul li {display: inline-block;font-size: 0;}
.pc .td-search-box .select-box ul li select + select {margin-left: 1rem;}
.pc .td-search-box .select-box ul li.tilde {padding: 0 2rem; color: #000;font-size: 1.8rem;line-height: 1;text-align: center;}
.pc .td-search-box .select-box .box-flex {
    width: 100%;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
}
.pc .td-search-box .select-box .box-flex > * {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;}
.pc .td-search-box .select-box .box-flex select + input {margin-left: 2rem;}
.pc .td-search-box .select-box .box-flex select {width: auto;min-width: 25rem;}

.pc .select-title {display: inline-block;padding-right: 1rem; color: #000;font-size: 1.6rem;line-height: 5rem;}
.pc select.type01 {
    display: inline-block;border: 1px solid #ddd;min-height: 5rem;font-size: 1.6rem;color: #000;padding: 0 5rem 0 2rem;border-radius: 1.2rem;
    background:#fff url(../img/pc-btn-select-medium.png) no-repeat right 2rem center;background-size: 2rem;
}
.pc select.type01:active,
.pc select.type01:focus {border: 1px solid #000;}
.pc select.type02 {
    display: inline-block;border-bottom: 1px solid #ddd;min-height: 5.6rem;font-size: 1.8rem;color: #000;padding: 0 5rem 0 2rem;border-radius: 0;
    background:#fff url(../img/pc-btn-select-medium.png) no-repeat right 1.6rem center;background-size: 2rem;
}
.pc select.type02:active,
.pc select.type02:focus {border: 0;border-bottom: 1px solid #ddd;}

.pc input.type01 {
    display: inline-block;border: 1px solid #ddd;min-height: 5rem;font-size: 1.6rem;color: #000;padding: 0 2rem;border-radius: 1.2rem;background: #fff;
}
.pc input.type02 {
    display: inline-block;border-bottom: 1px solid #ddd;min-height: 5rem;font-size: 1.6rem;color: #000;padding: 0 2rem;background: #fff;
}
.pc .btn-delete.pc-type01,
.pc .btn-delete.pc-type02 {position: absolute;top: 50%; right: 1rem;transform: translateY(-50%);padding: 1.2rem;background-size: 2rem;width: auto !important;}
.pc input.type01:active,
.pc input.type01:focus {border: 1px solid #000;}
.pc input.type02:active,
.pc input.type02:focus {border-bottom:1px solid #000;}

.pc input.type01.start_date,
.pc input.type01.end_date {padding: 0 5rem 0 2rem;background:#fff url(../img/pc-btn-calendar.png) no-repeat right 2rem center;background-size: 2rem;}


.in-bl {display: inline-block;}
.mw170 {max-width: 17rem;}

.pc .pc-point-history {
    width:100%;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;
    box-orient:horizontal;flex-direction: row;
}
.pc .pc-point-history > div {display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .pc-point-history > div + div {margin-left: 8rem;}
.pc .pc-point-history .my-point {padding-left: 4rem;}
.pc .pc-point-history .my-point .title {padding: 3rem 2rem 1.4rem; overflow: hidden; border-bottom: 1px solid #eee;}
.pc .pc-point-history .my-point .title h3 {display: inline-block; color: #000;font-size: 2rem;line-height: 1;font-weight: 600;}
.pc .pc-point-history .my-point .title .right {float: right;vertical-align: top;}
.pc .pc-point-history .my-point .title .right .point {display: inline-block; color: #000;font-size: 2.4rem;line-height: 1;font-weight: 600;}
.pc .pc-point-history .my-point .title .right .point em {display: inline-block;padding-left: .5rem; color: #000;font-size: 2.4rem;line-height: 1;font-weight: 600;}
.pc .pc-point-history .my-point .title .right .btn-green {
    padding: .6rem .8rem;color: #08a75a;font-size: 1.4rem;line-height: 1;border-radius: 1.6rem;border: solid 1px #08a75a;background-color: #fff;
}
.pc .pc-point-history .my-point dl {padding: 1.6rem 2rem 0; overflow: hidden;}
.pc .pc-point-history .my-point dl dt {display: inline-block;float: left; color: #666;font-size: 1.6rem;line-height: 2;}
.pc .pc-point-history .my-point dl dd {display: inline-block;float: right; color: #666;font-size: 1.6rem;line-height: 2;font-weight: 600;}
.pc .pc-point-history .my-point dl dd em {display: inline-block;padding-left: .3rem; color: #666;font-size: 1.6rem;line-height: 2;font-weight: 600;}
.pc .pc-point-history .my-point {}
.pc .pc-point-history > .extinct-point {padding: 3.2rem 6rem 2rem;border-radius: 1.6rem;background-color: #f6f6f6;}
.pc .pc-point-history > .extinct-point h4 {color: #666;font-size: 1.6rem;line-height: 1;}
.pc .pc-point-history > .extinct-point h4 .btn-info {color: #666;font-size: 1.6rem;line-height: 1;}
.pc .pc-point-history > .extinct-point h4 .btn-info {
    padding: .8rem;font-size: 0;text-indent: -9999px;vertical-align: top;background:transparent url(../img/btn-icon-info.png) no-repeat left center;background-size: 1.6rem;
}

.pc .pc-point-history .extinct-point dl {padding: 1.6rem 0 0; overflow: hidden;}
.pc .pc-point-history .extinct-point dl dt {display: inline-block;float: left; color: #666;font-size: 1.6rem;line-height: 2;}
.pc .pc-point-history .extinct-point dl dt span {display: inline-block;position: relative;padding-left: 2rem; color: #666;font-size: 1.6rem;line-height: 2;}
.pc .pc-point-history .extinct-point dl dt span::before {content: '';display: inline-block;margin-left: -1rem;padding-left: 1rem;border-left: 1px solid #ddd;width: 1px;height: 1.2rem;}
.pc .pc-point-history .extinct-point dl dd {display: inline-block;float: right; color: #666;font-size: 1.6rem;line-height: 2;font-weight: 600;}
.pc .pc-point-history .extinct-point dl dd em {display: inline-block;padding-left: .3rem; color: #666;font-size: 1.6rem;line-height: 2;font-weight: 600;}

.pc .point-reserve-history {padding-top: 2.8rem;}
.pc .point-reserve-history .radio-switch-box {max-width: 72rem;margin: 0;max-height: 5rem;}
.pc .point-reserve-history .point-reserve-history-top {
    width:100%;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;
    box-orient:horizontal;flex-direction: row;
}
.pc .point-reserve-history .point-reserve-history-top > div {-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .point-reserve-history .point-reserve-history-top .right {width: 44.8rem;padding-top: 2.4rem;white-space: nowrap;}
.pc .point-reserve-history .point-reserve-history-top .right .date {display: inline-block;padding: 1.8rem 1rem 0 0; color: #666;font-size: 1.4rem;line-height: 1;}
.pc .tb-btn-box {padding-top: 1.2rem; text-align: right;}
.pc .excel-downlaod {
    display: inline-block;padding: .7rem 1.2rem .7rem 3.2rem;color: #08a75a;font-size: 1.4rem;line-height: 1;border-radius: .6rem;
    background:#e6f6ee url(../img/pc-excel-downlaod.png) no-repeat 1rem center;background-size: 1.6rem;
}

/* A-Mem-Mjoin-001 PC */
.pc .join-cont-wrap {padding: 3rem 6rem 0;}
.pc .join-wrap {background: #f6f6f6;}
.pc .step-box-wrap.type2 {background: #fff;}
.pc .join-txt-box .main-txt {font-size: 1.8rem;}
.pc .join-txt-box .sub-txt {font-size: 1.6rem;}
.pc .join-info {font-size: 1.8rem;}
.pc .join-agree {border: 2px solid #eee;}
.pc .join-agree .all-agree {padding: 2rem;}
.pc .nlssue-cont.type3 {padding: 1rem 2rem;}
.pc .nlssue-cont .btn-terms {width: calc(100% - 2.8rem - 1.2rem);background-size: 2rem;}
.pc .nlssue-cont .btn-terms em {padding: 5px 0;font-size: 1.8rem;}
.pc .nlssue-cont .btn-terms span {padding: 5px 0;font-size: 1.8rem;}
.pc .join-notice p {font-size: 1.6rem;}

/* A-Mem-Mjoin-003 PC */
.pc .type-nlssue.type2.bg-gray {padding-top: 2.8rem;}
.pc .type-nlssue.type2 .inpt-box {padding: 0;}
.pc .type-nlssue.type2 .cont-inner {padding: 4rem 6rem;border: 2px solid #eee;}
.pc .type-nlssue.type2 .inpt-ti {display: inline-block;min-width: 24rem;padding: 2rem 0;font-size: 1.6rem;}

.pc .input-box label {display: flex;align-items: center;}
.pc .type-nlssue.type2 input.type03 {display: inline-block;width: 36.8rem;margin: 0;margin-left: 2rem;font-size: 1.8rem;}
.pc .type-nlssue.type2 input.type04 {width: 36.8rem;margin: 0;margin-left: 2rem;font-size: 1.8rem;line-height: 1;}
.pc .inpt-inner .btn-inpt {right: -12rem;padding: 1.1rem 2.3rem;font-size: 1.8rem;border-radius: 2rem;}
.pc .type-nlssue.type2.bg-gray .input-box {padding-bottom: 2.8rem;border-bottom: 1px solid #f6f6f6;}
.pc .type-nlssue.type2.bg-gray .input-box.dis-flex {display: flex; }
.pc .type-nlssue.type2.bg-gray .input-box.type1 {border-bottom: 0;padding-bottom: 1.6rem;}
.pc .type-nlssue.type2.bg-gray .input-box.type1 .label-list {margin-left: 2rem;}
.pc .type-nlssue.type2 .input-box.type2 {margin-top: 0;}
.pc .type-nlssue.type2.bg-gray .input-box input[type=text]:focus,
.pc .type-nlssue.type2.bg-gray .input-box input[type=password]:focus {background: #f8f9fa;}

.pc .inpt-notice {margin-top: 1.1rem;padding: 1.6rem;color: #666;font-size: 1.4rem;background: #fff;}
.pc .type-nlssue.type2.bg-gray .input-box .adr-inpt {width: 11.2rem;}
.pc .inpt-inner.i-block.type2 button {right: -16rem;}
.pc .type-nlssue.type2 .sel-box {padding-top: 0;}

.pc .type-nlssue.type2 .cont-ti {padding: 0;font-size: 1.6rem;}
.pc .type-nlssue.type2 .cont-ti2 {padding: 0 2rem 2rem;font-size: 1.8rem;color: #000;font-weight: 600;line-height: 1;}
.pc .join-notice.type2 {margin-top: 2.8rem;padding: 2rem 3.8rem;}
.pc .join-notice.type2 p {font-size: 1.4rem;}
.pc .inpt-inner.type2 .email-t {display: inline-block;margin-top: 1.9rem;padding: 0 1rem;font-size: 1.8rem;}

/* PC-ID-Search-002 */
.pc .find-info-inner p span {margin-top: 2.8rem;}
.pc .find-info-inner p span em {font-size: 2.8rem;box-shadow: inset 0 -1.2rem 0 rgb(255 255 50 / 50%);}
.pc .complete-cont img {top: 3.2rem;right: 6rem;width: 10rem;height: auto;}

/* PC-Mem-Cjoin-001 */
.pc-c-join-wrap .cont-ti,.pc-c-join-wrap .type-nlssue.type2 .cont-ti {padding: 2.2rem 0 2rem;color: #000;font-size: 1.6em;font-weight: 600;line-height: 1;}
.pc-c-join-wrap .inpt-inner {display: flex;align-items: center;}
.pc .pc-c-join-wrap .type-nlssue.type2 input.type03 {flex: 1;width: auto;}

/* PC-Mem-Cjoin-003 */
.pc .inpt-inner .sub-txt {position: absolute;top: 0;right: 0; padding: 2rem;color: #08a75a;font-size: 1.6rem;line-height: 1;}

/* PC-CID-Search-001 */
.pc-sub-tab {padding-top: 4rem;text-align: center;}
.pc-sub-tab li{display: inline-block;}
.pc-sub-tab li + li{margin-left: 0.8rem;}
.pc-sub-tab button {display: block;width: 100%;min-width: 10rem;padding: 1.2rem 1.6rem;color: #666;font-size: 1.6rem;line-height: 1;transition: 0.3s;border-radius: 2rem;border: 1px solid #f6f6f6;background: #f6f6f6;}
.pc-sub-tab button.selected {color: #08a75a;transition: 0.3s;border: 1px solid #08a75a;background: #fff;}
.btn-user-certified {display: block;margin: 0 auto;padding: 12.2rem 10rem 5.2rem;color: #000;font-size: 1.8rem;line-height: 1;box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,0.08);border-radius: 2.4rem;background: url(../img/icon-phone.png) top 3rem center / 6rem no-repeat;}






.pc .point-list-detail .use-store {padding-top: 8rem;display: flex;}
.pc .point-list-detail .use-store .img-box {overflow: hidden;display: inline-block;width: 23rem;height: 11.8rem; border-radius: 1.6rem;border: 2px solid #eee;}
.pc .point-list-detail .use-store .img-box img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pc .point-list-detail .use-store .point-title {overflow: hidden;display: inline-block;position: relative;padding: 3rem 0 0 2rem;vertical-align: top;}
.pc .point-list-detail .use-store .point-title .ti {display: block;color: #000;font-size: 2.8rem;line-height: 1;font-weight: 600;}
.pc .point-list-detail .use-store .point-title .sub-ti {display: block;min-height: 5.4rem;margin-top: 0.8rem;color: #999;font-size: 1.8rem;line-height: 1.5;}

.pc .point-list-detail .notice-wrap {position: relative;padding: 4rem;margin-top: 4rem; border-radius: 1.6rem;background-color: #f6f6f6;}
.pc .point-list-detail .notice-wrap .ti {position: absolute;left: 4rem;top: 4rem;border: 0;}
.pc .point-list-detail .notice-wrap .ti2 {
    margin-top: 4rem; padding: 0 0 1.2rem 2.4rem;color: #666;font-size: 1.4rem;font-weight: 600;line-height: 1.6rem;
    background: url(../img/ico-info-sm.png) top left / 1.6rem no-repeat;
}
.pc .point-list-detail .notice-wrap .ti2 span {color: #666;font-size: 1.4rem;font-weight: 400;}
.pc .point-list-detail .notice-wrap ul {position: relative; margin: 0; padding: 0 15rem 0 18rem;}
.pc .point-list-detail .notice-wrap ul.pr29 {padding-right: 29rem;}
.pc .point-list-detail .notice-wrap ul::before {content: '';display: inline-block;position: absolute;left: 15rem;top: 0;bottom: 0; border-left: 1px solid #ddd;}
.pc .point-list-detail .notice-wrap .btn-more-show {position: absolute;right: 4rem;top: 1rem;width: auto;padding: 0.6rem 1rem;}
.pc .point-list-detail .notice-wrap li p {font-size: 1.4rem;line-height: 1.43;}
.pc .join-notice p.f14 {font-size: 1.4rem;}
.pc .complete-info.flex.pb12 .join-notice li + li {margin: 0;}
.footer-inner.bg-gray .btn-txt {margin-left: 3rem;}

.call-area.type2 {width: 100rem;margin: 7.2rem auto 0;padding: 4.8rem 0;color: #000;font-size: 2rem;font-weight: 500;line-height: 1.6;background: #f6f6f6;}

/* A-ID-Selfauth-001 PC */
.pc .find-info.type2 .find-info-cont {margin-left: -6rem;}
.pc .change-btn-wrap {width: 102rem; margin: 0 auto;padding: 10rem 0 20rem;font-size: 0;border: 0;}
.pc .change-btn-wrap li {display: inline-block;width: calc(50% - 6rem);margin-left: 6rem;border: 0;}
.pc .find-info-cont .change-type {padding: 6rem 4rem;text-align: center;transition: 0.3s;border: 2px solid #eee;border-radius: 1.6rem;box-shadow: 0 0.8rem 1.6rem 0 rgb(0 0 0 / 8%);background: #fff;}
.pc .find-info-cont .change-type span {font-size: 1.8rem;}
.pc .find-info-cont .change-type em {padding-top: 1.6rem;font-size: 1.6rem;}
.pc .find-info-cont .change-type:hover {position: relative;transition: 0.3s;transform: scale(1.05);border: 2px solid #000;}
.pc .find-info-cont .change-type:hover::after{content: '';position: absolute;top: 7rem;right: 4rem;width: 2.6rem;height: 2.6rem;transition: 0.3s;background: url(../img/btn-arrow-medium.png) center / 2.6rem no-repeat;}
.pc .type-point .present-wrap {padding: 6rem;border-radius: 1.6rem;border: solid 2px #eee;}
.pc .type-point .use-store.type2 {padding: 4rem 6rem;border-radius: 1.6rem;background-color: #f6f6f6;}
.pc .type-point .use-store.type2 .img-box {left: 5.4rem;}

.pc .pc-bg-w .type-point .point-change-wrap.bb-6 {border: 0 !important;}
.pc .pc-bg-w .type-point .point-change-wrap {padding: 2.4rem 0;}
.pc .pc-bg-w .pint-terms-cont ul.bb-6 {border: 0 !important;padding: 4rem 6rem;border-radius: 1.6rem;background-color: #f6f6f6;}

.pc .pc_wrap_cons .event-list {padding: 4rem 0 0;}
.pc .pc_wrap_cons .event-list ul {
    width:100%;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
}
.pc .pc_wrap_cons .event-list ul li {display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;border-radius:0;}
.pc .pc_wrap_cons .event-list ul li + li {margin-left: 2rem;margin-top: 0;}
.pc .pc_wrap_cons .event-list li button.event-box {border-radius:0;box-shadow: none;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.pc .pc_wrap_cons .event-list li button.event-box img{-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.pc .pc_wrap_cons .event-list li button.event-box:hover img{transform: scale(1.1);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.pc .pc_wrap_cons .event-list li button.event-box:hover .title {text-decoration: underline;}

.pc .pc_wrap_cons .event-list li button.event-box:disabled {cursor: default;}
.pc .pc_wrap_cons .event-list li .txt {padding: 1.8rem 3rem 6rem .5rem;}
.pc .pc_wrap_cons .event-list li .event-type {display: inline-block; padding: .6rem 1rem;border-radius: 1.4rem;color: #ff4d4d;font-size: 1.4rem;font-weight: 400; background-color: #feeeee;}
.pc .pc_wrap_cons .event-list li .title {padding-top: 1rem; font-size: 2rem; font-weight: 600;}
.pc .pc_wrap_cons .event-list li .date {font-size: 1.4rem;}
.pc .pc_wrap_cons .event-list li button.event-box:disabled .img {position: relative;}
.pc .pc_wrap_cons .event-list li button.event-box:disabled:hover .img img {transform: scale(1);}
.pc .pc_wrap_cons .event-list li button.event-box:disabled:hover .title {text-decoration: unset;}
.pc .pc_wrap_cons .event-list li button.event-box:disabled::before,
.pc .pc_wrap_cons .event-list li button.event-box:disabled::after {content: none;}
.pc .pc_wrap_cons .event-list li button.event-box:disabled .img img {opacity: 0.35;}

.pc .pc_wrap_cons .event-list li button.event-box:disabled .img::after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.pc .pc_wrap_cons .event-list li button.event-box:disabled .img::after {background: url(../img/icon-stamp.png) no-repeat center center;background-size: 12.8rem;}

.pc .pc-content .pc-inner .event-detail {padding: 0;border-top: 1px solid #000;}
.pc .pc-content .pc-inner .event-detail .ico-share {display: none;}
.pc .pc-content .pc-inner .event-detail .event-title {padding: 3rem 21rem 3rem 14rem;}
.pc .pc-content .pc-inner .event-detail .event-title.pdtp01 {padding: 3rem 34rem 3rem 3rem;}
.pc .pc-content .pc-inner .event-detail .event-title .category {
    position: absolute;left: 0;top: 50%;transform: translateY(-50%); padding: .6rem 1rem;border-radius: 1.4rem;font-size: 1.4rem;
}
.pc .pc-content .pc-inner .event-detail .event-title .title {padding: 0;font-size: 2.2rem;}
.pc .pc-content .pc-inner .event-detail .event-title .date {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1.8rem;}
.pc .pc-content .pc-inner .event-detail .event-title .date span {color: #999;font-size: 1.8rem;line-height: 1;}
.pc .pc-content .pc-inner .event-detail .event-title .date span em {color: #999;font-size: 1.8rem;line-height: 1;}
.pc .pc-content .pc-inner .event-detail .event-title .date span + span {position: relative; padding-left: 2rem;}
.pc .pc-content .pc-inner .event-detail .event-title .date span + span::before {
    content: '';display: inline-block;position: absolute;left: .6rem;top: .5rem;border-left: 1px solid #ddd;height: 1.6rem;
}
.pc .pc-content .pc-inner .event-detail .event-content {text-align: center;}
.pc .pc-content .pc-inner .event-detail .event-content a {all:revert}
.pc .pc-content .pc-inner .event-detail .event-content.txt {padding: 3rem; color: #000;font-size: 1.6rem;line-height: 1.5;text-align: left;}
.pc .pc-content .pc-inner .event-detail .event-content.txt.bd1 {border-bottom: 1px solid #eee;}
.pc .pc-content .pc-inner .event-detail .event-content.txt pre {color: #000;font-size: 1.6rem;line-height: 1.5;text-align: left;}
.pc .pc-content .pc-inner .event-detail .event-content img {max-width: 100%;}
.pc .pc-attached-file {margin-bottom: 4rem; padding: 1.4rem 2rem 2rem;border-radius: 1.2rem;border: solid 2px #eee;background-color: #fff;}
.pc .pc-attached-file img {max-width:100%;}
.pc .pc-attached-file.add {margin-bottom: 0;}
.pc .pc-attached-file .file-box {position: relative;padding: .5rem 0;border-bottom: 1px solid #eee;}
.pc .pc-attached-file h3 {
    margin-bottom: .5rem; padding: 1rem 0 1.5rem 2.4rem;color: #666;font-size: 1.6rem;line-height: 1;text-align: left;border-bottom: 2px solid #eee;font-weight: 400;
    background: url(../img/icon-attached-file.png) no-repeat left 1rem;background-size: 1.8rem;
}
.pc .pc-attached-file .file-box .del {
    display: inline-block;width: auto;border: 0;border-radius: 50%;margin: 0;padding: 1.8rem;
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../img/btn-del.png) center center no-repeat;background-size: 2rem;
}
.pc .pc-attached-file .file-box .del::before {content: none;}

.pc .pc-attached-file button {
    position: relative;display: inline-block;width: auto;padding: 1.2rem 0 1.2rem 3rem;color: #000;font-size: 1.6rem;line-height: 1;text-align: left;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: transparent;
}
.pc .pc-attached-file button + button {margin-top: 1rem;}
.pc .pc-attached-file button::before {
    content: '';display: block;padding: 1rem; position: absolute;top: 1rem;left: 0;background: url(../img/icon-file-download.png) no-repeat left center;
    background-size: 2rem;
}

.pc .pc-attached-file-no-data p {
    margin-bottom: 1rem; padding: 2rem 0 1.4rem;color: #999;font-size: 1.6rem;line-height: 1;text-align: left;border-bottom: 1px solid #ddd;
}

.pc .pc-empathy-area {padding: 1.6rem 2rem;background-color: #f6f6f6;}
.pc .pc-empathy-area .pc-empathy {max-width: 120rem;margin: auto;}

.pc .pc-empathy-area .btn-empathy {
    position: relative; display: inline-block;padding-left: 3.6rem; color: #000;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;background: transparent;
}
.pc .pc-empathy-area .btn-empathy em {
    content: '';display: inline-block;padding: 1.4rem;transition: all 0.3s;position: absolute;left: 0;top: 0;
    background: url(../img/btn-like-off.png) center / 100% no-repeat;
}
.pc .pc-empathy-area .btn-empathy strong {
    display: inline-block;padding-left: .5rem; color: #000;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;vertical-align: top;
}
.pc .pc-empathy-area .btn-empathy.active em {background: url(../img/btn-like-on.png) center / 100% no-repeat;}

.pc .pc-empathy-area .pc-empathy .comment-nb {
    display: inline-block;margin-left: 1.6rem;padding-left: 2.8rem;color: #000;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;
    background: url(../img/icon-chat.png) left center / 2.3rem no-repeat;
}
.pc .pc-empathy-area .pc-empathy .comment-nb span {display: inline-block;padding-left: .5rem; color: #000;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;vertical-align: top;}

.pc .pc-comment {background-color: #f6f6f6;border-top: 0.6rem solid #eee;}
.pc .pc-comment.bt0 {border-top: 0;}
.pc .notice-comment-box {padding: 2rem 0 2.4rem;max-width: 120rem;margin: auto;}
.pc .notice-comment-box .comment-nb {padding: 0 0 1.2rem;color: #000;font-size: 2rem;line-height: 1;text-align: left;font-weight: 600;}
.pc .notice-comment-box .comment-nb span {color: #ff4d4d;font-size: 2rem;line-height: 1;text-align: left;font-weight: 500;}
.pc .notice-comment-box .comment-input {position: relative;padding-right: 13rem;}
.pc .notice-comment-box .comment-input textarea:focus {border: 1px solid #000;}
.pc .notice-comment-box .btn-add2 {
    display: inline-block;min-width: 12.2rem;padding: 1.6rem 1rem;color: #000;font-size: 1.6rem;font-weight: 400;
    line-height: 1;border-radius: 1rem;background-color: #ffe132;border: solid 1px rgba(0, 0, 0, 0.08);position: absolute;right: 0;top: 0;bottom: 0;
}
.pc .notice-comment-box .txt-limit {
    display: inline-block;color: #999;font-size: 1.2rem;font-weight: 400;line-height: 1;
    position: absolute;bottom: 1rem;right: 10rem;
}
.pc .notice-comment-box .txt-limit em {display: inline-block;color: #999;font-size: 1.2rem;font-weight: 400;line-height: 1;}
.pc .notice-comment-box .comment-list {margin-top: 4rem; border-top: 1px solid #000;}
.pc .notice-comment-box .comment-list li {position: relative; padding: 1.6rem 0; border-bottom: 1px solid #eee;}
.pc .notice-comment-box .comment-list li .comment-title {padding-right: 3rem; color: #000;font-size: 1.6rem;font-weight: 400;line-height: 1.4; text-align: left;}
.pc .notice-comment-box .comment-list li .comment-info {padding: 1.2rem 1rem 0 0; color: #000;font-size: 1.4rem;font-weight: 400;text-align: left;}
.pc .notice-comment-box .comment-list li .comment-info .date {display: inline-block; color: #666;font-size: 1.4rem;font-weight: 400;text-align: left;}
.pc .notice-comment-box .comment-list li .comment-info .id {position: relative; display: inline-block;padding-left: 1.5rem; color: #666;font-size: 1.4rem;font-weight: 400;text-align: left;}
.pc .notice-comment-box .comment-list li .comment-info .id::before {
    content: '';display: inline-block;position: absolute;left: .6rem;top: .3rem;border-left: 1px solid #ddd;height: 1rem;
}
.pc .notice-comment-box .comment-list li .btn-trash {
    display: inline-block;padding: 1.4rem; font-size: 0;text-indent: -9999px;position: absolute;top: 1.6rem;right: 0;
    background: url(../img/btn-icon-trash.png) no-repeat center center;background-size: 2rem;
}

.pc .notice-comment-box .comment-list li .pc-btn-area {position: absolute;bottom: 1.6rem;right: 0;}
.pc .notice-comment-box .comment-list li .pc-btn-trash {
    display: inline-block;padding: 1.4rem; font-size: 0;text-indent: -9999px;position: absolute;top: 1.6rem;right: 0;
    background: url(../img/btn-icon-trash.png) no-repeat center center;background-size: 2rem;
}
.pc .notice-comment-box .comment-list li .pc-btn-reply {
    margin-left: 2rem;color: #666;font-size: 1.4rem; font-weight: 500;text-align: left;vertical-align: top;background: transparent;
}


.pc .notice-comment-box .comment-list li .pc-btn-area button {position: relative;right: auto;bottom: auto;}
.pc .notice-comment-box .comment-list li .pc-btn-area button + button {margin-left: .5rem;}
.pc .notice-comment-box .comment-list li .pc-btn-area button {position: relative;right: auto;bottom: auto;}
.pc .btn-delete {padding: 1.4rem;background-size: 2rem;}



.pc .notice-comment-box .comment-list li.reply {position: relative; padding: 1.6rem 0; border-bottom: 1px solid #eee;}
.pc .notice-comment-box .comment-list li.reply .comment-title {padding-right: 3rem; color: #000;font-size: 1.4rem;font-weight: 400;line-height: 1.4; text-align: left;}
.pc .notice-comment-box .comment-list li.reply .comment-title .name {
    display: inline-block;padding: 0 .3rem 0 2rem; color: #08a75a;font-size: 1.4rem;font-weight: 400;line-height: 1.4; text-align: left;
    background: url(../img/icon-reply-green.png) no-repeat left .1rem;background-size: 1.5rem;
}

.pc .notice-comment-box .comment-list li .reply-comment {position: relative;margin-top: 1.5rem; padding:1rem 5rem 1rem 1.6rem;border-radius: 1rem;border: solid 1px #666;background-color: #fff;}
.pc .notice-comment-box .comment-list li .reply-comment input {padding: .2rem 0; border: 0;color: #000;font-size: 1.6rem;font-weight: 400;}
.pc .notice-comment-box .comment-list li .reply-comment input::-webkit-input-placeholder,
.pc .notice-comment-box .comment-list li .reply-comment input::-webkit-input-placeholder{font-size: 1.6rem;}
.pc .notice-comment-box .comment-list li .reply-comment .btn-confirm {
    position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);padding: 1rem 1rem 1rem 0; color: #000;font-size: 1.4rem;font-weight: 500;text-align: left;
}
.pc .notice-comment-box textarea {color: #000;font-size: 1.6rem;font-weight: 400;line-height: 1.4;text-align: left;}
.pc .notice-comment-box textarea::-webkit-input-placeholder{font-size: 1.6rem;}



.pc .notice-comment-box .page-nav {padding: 2rem 0 2rem;text-align: center;}

.pc .btn-list-box {max-width: 40rem;margin: auto;display: flex;align-items: center;justify-content: space-between;padding: 2.8rem 0;}
.pc .btn-list-box.mw60 {max-width: 60rem;}
.pc .btn-list-box .btn-gray {display: block;width: 100%;padding: 2.1rem 0;color: #fff; font-size: 2rem;line-height: 1;text-align: center;border-radius: 1rem;background-color: #999;}
.pc .btn-list-box .btn-list {display: block;width: 100%;padding: 2.1rem 0;font-size: 2rem;line-height: 1;text-align: center;border-radius: 1rem;}
.pc .btn-list-box button + button {margin-left: 2rem;}




.pc .pc-content .pc-inner .top-search  {padding: 4rem 0;border-radius: 1.6rem;background-color: #f6f6f6;}
.pc .pc-content .pc-inner .top-search .sub-search {display: none;}
.pc .pc-content .pc-inner .top-search .search-box dl {width: 100%;display: table;padding: 0 4rem;}
.pc .pc-content .pc-inner .top-search .search-box dl + dl {margin-top: 4rem;}
.pc .pc-content .pc-inner .top-search .search-box dl dt {
    display: table-cell;min-width: 20rem;width: 20rem;padding-top: 1.8rem; color: #000;font-size: 1.6rem;line-height: 1;vertical-align: top;
}
.pc .pc-content .pc-inner .top-search .search-box dl dd {position: relative; display: table-cell;width: 100%;padding-left: 4rem; overflow: hidden;color: #666;font-size: 1.6rem;line-height: 1.4;}
.pc .pc-content .pc-inner .top-search .search-box dl dd span.pdr100 {padding-right: 20rem;white-space: nowrap;}
.pc .pc-content .pc-inner .top-search .search-box dl dd span.pdr100 input {width: 100%;}
.pc .pc-content .pc-inner .top-search .search-box dl dd label.check span.f14 {font-size: 1.4rem;}
.pc .pc-content .pc-inner .top-search .search-box dl dd.f0 {font-size: 0;}
.pc .pc-content .pc-inner .top-search .search-box dl dd .flex {width:100%;max-width: 60rem; display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;}
.pc .pc-content .pc-inner .top-search .search-box dl dd .flex + .flex {margin-top: 1.5rem;}
.pc .pc-content .pc-inner .top-search .search-box dl dd .btn-yellow {
    color: #000;border: 1px solid rgba(0,0,0,0.08);background: #ffe132;display: inline-block;padding: 1.6rem 3rem;font-size: 1.6rem;
    line-height: 1;text-align: center;border-radius: 1.2rem;margin-left: .6rem;
}
.pc .pc-content .pc-inner .top-search .search-box dl dd .search-detail {
    position: absolute;top: .5rem;right: 0;border: 1px solid #ccc;min-height: 4rem;font-size: 1.4rem;color: #000;
    padding: 0 3rem 0 1.3rem;border-radius: 1rem;background: #ddd;
}
.pc .pc-content .pc-inner .top-search .search-box dl dd .search-detail::after {
    content: '';display: inline-block;height: 100%; padding: 0 .8rem;position: absolute;right: 1rem;top: 0;transition: all 0.2s ease-in-out;;
    background: url(../img/pc-btn-select-medium.png) no-repeat center center;background-size: 1.5rem;
}
.pc .pc-content .pc-inner .top-search .search-box dl dd .search-detail.on::after {transform: rotate(180deg);}

.pc .pc-content .pc-inner .top-search .search-box dl dd .flex select {display:block;width: 100%; height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;}
.pc .pc-content .pc-inner .top-search .search-box dl dd input {max-width: 50rem;}
.pc .pc-content .pc-inner .top-search .search-box dl dd label.check input[type="checkbox"] {width: 2rem;height: 2rem;background-size: 2rem auto;}
.pc .pc-content .pc-inner .top-search .search-box dl dd .exe {padding-top: 1.2rem; color: #666;font-size: 1.4rem;line-height: 1;}
.pc .pc-content .pc-inner .top-search .search-box dl dd .check {display: inline-block;min-width: 16rem;white-space: nowrap;}
.pc .pc-content .pc-inner .pc-oil-station .pc-search-results .title {padding: 8rem 0 2rem; border-bottom: 1px solid #000;}
.pc .pc-content .pc-inner .pc-oil-station .pc-search-results .title h3 {display: inline-block;color: #000;font-size: 2rem; font-weight: 600;line-height: 1;}
.pc .pc-content .pc-inner .pc-oil-station .pc-search-results .title span {display: inline-block;padding-top: .6rem; color: #666;font-size: 1.4rem; font-weight: 400;line-height: 1;}
.pc .pc-content .pc-inner .pc-oil-station .pc-search-results .title span strong {display: inline-block;color: #ff4d4d;font-size: 1.4rem; font-weight: 600;line-height: 1;vertical-align: top;}

.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dl {border-bottom: 1px solid #eee;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt {position: relative; padding: 2rem;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt::after {
    content: '';position: absolute;top: 50%;right: 2.8rem;margin-top: -.8rem; padding: 1.4rem;transition: all 0.2s ease-in-out;;
    background: url(../img/btn-dropdown-open.png) center center no-repeat;background-size: 2.4rem;
}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt.active::after {transform: rotate(180deg);}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt span + span {padding-left: 1rem;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .tit {display: inline-block; color: #000;font-size: 2rem;line-height: 1.6;cursor: pointer;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .gs-info-badge {display: inline-block;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .gs-badge {
    display: inline-block;padding: 0.6rem 1rem;border-radius: 1.4rem;font-size: 1.4rem;text-align: center;line-height: 1;
}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .gs-badge.type1 {color: #000;border: 1px solid #fff3ad;background: #fff3ad;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .gs-badge.type2 {color: #666;border: 1px solid #ddd;background: #fff;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .gs-badge.type3 {color: #0058c1;border: 1px solid #e9f3ff;background: #e9f3ff;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .info {padding-top: 1rem;}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .info .address {
    display: inline-block;padding-left: 2.4rem; color: #666;font-size: 1.42rem;line-height: 1;
    background: url(../img/icon-map-location.png) left center no-repeat; background-size: 1.4rem;
}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .info .tel {
    position: relative; display: inline-block;padding-left: 4rem; color: #666;font-size: 1.42rem;line-height: 1;
    background: url(../img/icon-map-call.png) 2rem center no-repeat; background-size: 1.6rem;
}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .info .tel::before {
    content: '';display: inline-block;position: absolute;left: 1rem;top: .1rem;bottom: 0;width: 1px;height: 1.2rem; border-left: 1px solid #ddd;
}
.pc .pc-content .pc-inner .pc-oil-station .pc-oil-station-list dt .btn-quality {
    display: inline-block;margin-left: 0.8rem;padding-right: 1.8rem;color: #08a75a;font-size: 1.4rem;line-height: 2.8rem;
    background: url(../img/ico-info-g.png) center right / 1.6rem no-repeat;white-space: nowrap;
}

.pc .pc-content .pc-inner .pc-oil-station-list dd .map-area {position: relative; height: 60rem;overflow: auto;transition: all 0.3s ease-in-out;}
.pc .pc-content .pc-inner .pc-oil-station-list dd .btn-destination{position: absolute;top: -8rem;right: 2.4rem;padding: 1.2rem 2rem;color: #fff;font-size: 1.6rem;line-height: 1;border-radius: 2rem;box-shadow: 0 4px 0.6rem 0 rgba(0,0,0,0.36);background: rgba(0,0,0,0.85);}
.pc .pc-content .pc-inner .pc-oil-station-list dd .service-box {position: relative;padding: 4rem 2rem;}
.pc .pc-content .pc-inner .pc-oil-station-list dd .service-box .tit {color: #000;font-size: 1.6rem;line-height: 1;}
.pc .pc-content .pc-inner .pc-oil-station-list dd .service-box .service-filter {padding-top: 1.6rem;}
.pc .pc-content .pc-inner .pc-oil-station-list dd .service-box .service-filter .btn-service {
    display: inline-block;padding: 1rem 1.2rem;border-radius: 1.8rem;background-color: #f6f6f6; color: #666;font-size: 1.4rem;line-height: 1;
}
.pc .pc-content .pc-inner .pc-oil-station-list dd .service-box .service-filter span + span {margin-left: .6rem;}

.pc .pc-content .pc-inner .pc-oil-station-list dd .map-area button {position: absolute;display: inline-block;z-index: 9;}
.pc .pc-content .pc-inner .pc-oil-station-list dd .map-area .map-pin {
    padding: 2.4rem;font-size: 0;text-indent: -9999px; background: url(../img/map-pin2.png) center center no-repeat;background-size: 4.8rem;
}


.pc .pc-no-data {
    align-items: center;display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
    width: 100%;min-height: 14.4rem;padding: 1.6rem;text-align: center;color: #999;font-size: 1.8rem;line-height: 1;border-bottom: 1px solid #eee;
}

.pc .pc-no-data > div {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;box-flex: 1;flex-grow: 1;color: #999;font-size: 1.6rem;line-height: 1;}

/* A-Bcard-Nlssue-001 PC */
.pc .type-nlssue .cont-inner.pc-consent {margin-top: 2.8rem;padding: 4.4rem 6rem 4rem;border-radius: 1.6rem;border: 2px solid #eee;background: #fff;}
.pc .type-nlssue .cont-inner.pc-consent .nlssue-cont.type2 {padding: 0;}
.pc .type-nlssue .cont-inner.pc-consent .nlssue-cont.type2 .check span {padding: 0;font-size: 1.6rem;}
.pc .type-nlssue .cont-inner.pc-consent .info-txt {margin-top: 2rem;font-size: 1.6rem;}
.pc .type-nlssue .cont-inner.pc-consent .nlssue-cont.type3 {margin-top: 4rem;padding: 2rem 3.2rem;border-radius: 1.6rem;background: #f6f6f6;}
.pc .type-nlssue .cont-inner.pc-consent .nlssue-cont.type1 {padding: 0;padding-top: 2.4rem;border: 0;border-top: 1px solid #eee;border-radius: 0;}
.pc .type-nlssue .cont-inner.pc-consent .nlssue-cont.type1 em.txt-btn {display: inline-block;margin-left: 2rem;padding: 0.7rem 1rem;color: #08a75a;font-size: 1.4rem;line-height: 1;border-radius: 1.6rem;border: 1px solid #08a75a;background: #fff;}
.pc .type-nlssue .cont-inner.pc-consent .nlssue-cont.type1 .btn-terms {background: #fff;}
.pc .type-nlssue .cont-inner.pc-consent + .btn-wrap {padding: 6rem 2rem;}

/* A-Bcard-Nlssue-004 PC */
.pc .pc-consent.type2 .input-box {padding-bottom: 2.8rem;}
.pc .pc-consent.type2 .input-box + .input-box {border-bottom: 1px solid #f6f6f6;}
.pc .pc-consent.type2 .input-box input:focus {background: #f8f9fa;}
.pc .type-nlssue .btn-wrap {padding: 6rem 0;}
.pc .notice-wrap .ti {font-size: 1.6rem;}
.pc .notice-wrap li p {font-size: 1.4rem;}

/* A-Bcard-Nlssue-005 PC */
.pc .success {display: block;width: 79.2rem;margin: 8rem auto 0;padding: 6.8rem 0 7.4rem;border-radius: 1.6rem;border: 2px solid #eee;background: #fff;}
.pc .success .txt-main {font-size: 2.8rem;}
.pc .success .txt-main > br {display: none;}
.pc .success .txt-main span {width:5rem;height: 6.2rem;background-size:5rem;}
.pc .success .txt-sub {margin-top: 1.8rem;color: #999;font-size: 1.6rem}

/* A-Bcard-MRlssue-001 PC */
.pc .type-nlssue.type4 .cont-inner {padding: 4rem;box-shadow: none;transition: 0.3s;border: 2px solid #eee;border-radius: 1.6rem;}
.pc .type-nlssue.type4 .cont-inner.selected {transition: 0.3s;border: 2px solid #000;}
.pc .type-nlssue.type4 .cont-inner + .cont-inner {margin-top: 2rem;}
.pc-radio-card {position: relative;}
.type-nlssue.type4 .pc-radio-card .input-box {width: 100%;max-width: initial;padding-right: 13rem;}
.type-nlssue.type4 .pc-radio-card .btn-detail {float: initial;position: absolute;top: 0;right: 0;z-index: 1;padding: 1.1rem 2.2rem;border-radius: 2rem;}
.pc-radio-card .input-box label {align-items: flex-start;width: 100%;}
.pc label.radio.type2 em {max-width: initial;}
.pc .notice-wrap .inner-txt {display: block;position: relative;padding-left: 1.2rem;color: #666;font-size: 1.4rem;font-weight: 400;line-height: 1.5;}
.pc .notice-wrap .inner-txt + .inner-txt {margin-top: 4px;}
.pc .notice-wrap .inner-txt::before{content: '';position: absolute;left: 0;top: 0.8rem;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.pc .type-nlssue.type4 .card-img-box {align-items: flex-start;padding: 0 2rem;}
.pc .type-nlssue.type4 .card-img-box em {padding: 0;}
.pc label.radio.type2 .card-ti-name {font-size: 2rem;padding-bottom: 2.4rem;}
.pc .type-nlssue.type4 .btn-detail span {font-size: 1.8rem;}
.pc .check-show {display: none;}
.pc .type-nlssue.type4 .inpt-box {padding: 0;}
.pc .type-nlssue.type4 .mrlssue-terms-wrap {padding: 1rem 4rem 0;border: 0;}
.pc .mrlssue-terms-box.type2 {border: 0;padding: 4rem 0;}
.pc .type-nlssue.type4 .mrlssue-terms-box .nlssue-cont.type1 {padding: 0;}
.pc .type-nlssue.type4 .mrlssue-terms-box .nlssue-cont.type1 .check span {font-weight: 500;}
.pc .type-nlssue.type4 .mrlssue-terms-box .nlssue-cont.type1 .check em {display: inline-block;padding: 5px 0 5px 0.8rem;color: #08a75a;font-size: 1.8rem;font-weight: 500;line-height: 1;}
.pc .mrlssue-terms-box.type2 .nlssue-cont{padding: 2rem;}
.pc .mrlssue-terms-box.type2 .nlssue-cont-txt {display: block;margin-top: 2rem;padding: 2rem 2.8rem 3.2rem;border-radius: 1.6rem;background: #f6f6f6;}
.pc .mrlssue-terms-box.type2 .nlssue-cont-txt p {color: #666;font-size: 1.6rem;line-height: 1.5;}

.pc .year-choice {text-align: right;}

.pc .champions-list {}
.pc .champions-list ul {display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;}
.pc .champions-list ul li {display: block;width: 100%;height: 100%;padding-top: 4rem; -webkit-box-flex: 1;box-flex: 1;flex-grow: 1;overflow: hidden;}
.pc .champions-list ul li + li {margin-left: 2rem;}
.pc .champions-list .thumb {float: left;width: 20rem;}
.pc .champions-list .thumb button {display: block;height: 100%;overflow: hidden;border-radius: 1.2rem;}
.pc .champions-list .thumb button img {width: 100%;height: auto;}
.pc .champions-list .txt {position: relative;padding: 4.2rem 0 0 2rem; overflow: hidden;}
.pc .champions-list .txt .award {position: absolute;left: 2rem;top: .5rem; padding: .7rem 1rem;border-radius: 1.4rem;font-size: 1.4rem;line-height: 1;}
.pc .champions-list .txt .award.grand01 {color: #ff4d4d;background-color: #feeeee;}
.pc .champions-list .txt .award.grand02 {color: #000;background-color: #fff3ad;}
.pc .champions-list .txt .award.grand03 {color: #00a7a7;background-color: #edf9f9;}
.pc .champions-list .txt .award.grand04 {color: #0058c1;background-color: #e9f3ff;}
.pc .champions-list .txt .btn-map {
    position: absolute;right: 0;top: 0.5rem;padding-right: 2.1rem; color: #08a75a;font-size: 1.4rem;line-height: 1.4;font-weight: 500;
    background: url(../img/pc-icon-map.png) center right / 1.6rem no-repeat;white-space: nowrap;
}
.pc .champions-list .txt .tit {padding-bottom: .5rem; color: #000;font-size: 2rem;line-height: 1.3;font-weight: 600;}
.pc .champions-list .txt dl {display: table;margin-top: .8rem;}
.pc .champions-list .txt dt {display: table-cell;min-width: 7rem;padding-left: 2.1rem; color: #666;font-size: 1.4rem;line-height: 1.3;font-weight: 400;vertical-align: top;}
.pc .champions-list .txt dd {display: table-cell;color: #666;font-size: 1.4rem;line-height: 1.3;font-weight: 400;}
.pc .champions-list .txt dt.address {background: url(../img/icon-map-location.png) left top no-repeat; background-size: 1.6rem;}
.pc .champions-list .txt dt.tel {background: url(../img/icon-map-call.png) left top no-repeat; background-size: 1.6rem;}





.pc .pc-benefits-wrap {
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
    padding: 0 0 4.5rem;
}
.pc .pc-benefits-wrap > div {
    display: block;width: 100%;-webkit-box-flex: 1;box-flex: 1;flex-grow: 1;padding: 2.4rem 2rem;border-radius: 1.6rem;background-color: #fff;
}
.pc .pc-benefits-wrap > div + div {margin-left: 2.4rem;}
.pc .pc-benefits-wrap .pc-benefits h2 {padding-bottom: .5rem; color: #000;font-size: 2rem;line-height: 1;font-weight: 600;}

.pc .pc-benefits-wrap .pc-benefits.silver {background:#fff url(../img/icon-level-silver.png) center 6rem no-repeat; background-size: 10rem;}
.pc .pc-benefits-wrap .pc-benefits.gold {background:#fff url(../img/icon-level-gold.png) center 6rem no-repeat; background-size: 10rem;}
.pc .pc-benefits-wrap .pc-benefits.vip {background:#fff url(../img/icon-level-vip.png) center 6rem no-repeat; background-size: 10rem;}
.pc .pc-benefits-wrap .pc-benefits.viplus {background:#fff url(../img/icon-level-vippuls.png) center 6rem no-repeat; background-size: 10rem;}

.pc .pc-benefits-wrap .pc-benefits .performance-list {padding-top: 16rem;}
.pc .pc-benefits-wrap .pc-benefits .performance-list li {padding: .6rem 0; color: #000;font-size: 1.4rem;line-height: 1.2;}
.pc .pc-benefits-wrap .pc-benefits .performance-list li + li {padding-top: 0;}
.pc .pc-benefits-wrap .pc-benefits .performance-list li.medium {font-weight: 500;}


.pc .pc-benefits-wrap .pc-benefits .bene-fits-title {padding: .6rem 0 1.2rem; color: #999;font-size: 1.4rem;line-height: 1;}

.pc .pc-benefits-wrap .pc-benefits .bene-fits li {padding: .6rem 0 .6rem 3.2rem; color: #000;font-size: 1.4rem;line-height: 1.5;}
.pc .pc-benefits-wrap .pc-benefits .bene-fits li.point {background: url(../img/icon-level-point.png) left .6rem no-repeat; background-size: 2.4rem;}
.pc .pc-benefits-wrap .pc-benefits .bene-fits li.gift {background: url(../img/icon-level-gift.png) left .6rem no-repeat; background-size: 2.4rem;}
.pc .pc-benefits-wrap .pc-benefits .bene-fits li.wash {background: url(../img/icon-level-wash.png) left .6rem no-repeat; background-size: 2.4rem;}
.pc .pc-benefits-wrap .pc-benefits .bene-fits li.alliance {background: url(../img/icon-level-alliance.png) left .6rem no-repeat; background-size: 2.4rem;}

.pc .oil-history-case.pdtype02 {min-width: 88rem;margin-top: 4rem; padding: 4rem 0 0;}
.pc .oil-history-case {margin-top: 6rem; padding: 5rem 0;border-radius: 1.6rem;border: solid 2px #eee;text-align: center;}
.pc .oil-history-case dl {display: inline-block;}
.pc .oil-history-case dl + dl {padding-left: 10rem;}
.pc .oil-history-case dl dt {padding-bottom: 3rem; color: #666;font-size: 2rem;line-height: 1;text-align: center;}
.pc .oil-history-case dl dd {color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600;white-space: nowrap;}
.pc .oil-history-case dl dd em {color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600;white-space: nowrap;}
.pc .pc-tb-info2 {color: #999;font-size: 1.4rem;line-height: 1;}
.pc .pc-btn-txt {display: inline-block;padding: 0 .8rem;color: #000;font-size: 1.4rem;line-height: 1;background: transparent;}

.pc .oil-history-case ul {padding: 0 4rem;}
.pc .oil-history-case li.date {text-align: left;}
.pc .oil-history-case li.date span {display: inline-block; color: #999;font-size: 1.8rem;line-height: 1;text-align: left;}
.pc .oil-history-case li.date span + span {position: relative;padding-left: 2.5rem;}
.pc .oil-history-case li.date span + span::before {
    content: '';display: inline-block;border-left: 1px solid #ddd;width: 1px; height: 1.2rem;position: absolute;left: 1.2rem;top: .4rem;
}
.pc .oil-history-case dl.oil-sta {display: block;padding: 2rem 4rem 1rem; overflow: hidden;}
.pc .oil-history-case dl.oil-sta dt {float: left;width: 50%;text-align: left;color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600;white-space: nowrap;}
.pc .oil-history-case dl.oil-sta dd {float: right;width: 50%;text-align: right;color: #000;font-size: 3.2rem;line-height: 1;font-weight: 400;white-space: nowrap;}
.pc .oil-history-case dl.oil-sta dd em {color: #000;font-size: 3.2rem;line-height: 1;font-weight: 600;white-space: nowrap;}

.pc .btn-receipt.yes {padding: 1rem; background: url(../img/pc-icon-receipt-yes.png) center center no-repeat; background-size: 2rem;}
.pc .btn-receipt.no {padding: 1rem; background: url(../img/pc-icon-receipt-no.png) center center no-repeat; background-size: 2rem;cursor: auto;}

.only-pc .pop-content .cont-wrap {padding: 2.8rem 1.6rem 4.8rem;}
.only-pc .pop-content .cont-wrap::before {
    content: '';display: block;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: url(../img/logo-g-opc.png) center / 17.8rem no-repeat;
}
.only-pc .pop-content h2{padding-top: 6.4rem;color: #000;font-size: 2rem;font-weight: 600;text-align: center;background: url(../img/logo-b.png) center top / 13rem no-repeat;}
.only-pc .pop-content .recpt-info {margin-top: 4rem;padding: 0 0.8rem 2.4rem;border-bottom: 1px solid #ddd;}
.only-pc .pop-content .recpt-info div + div{margin-top: 0.8rem;}
.only-pc .pop-content .recpt-info div span + span{position: relative;margin-left: 0.8rem;padding-left: 0.8rem;}
.only-pc .pop-content .recpt-info div span + span::before{content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 0.8rem;transform: translateY(-50%);background: #ddd;}
.only-pc .pop-content .recpt-cont{padding: 1.2rem 1.2rem 1.8rem 1.2rem;border-bottom: 1px solid #ddd;}
.only-pc .pop-content .recpt-cont.type1{padding: 1.8rem 1.2rem;}
.only-pc .pop-content .recpt-cont + .recpt-cont {margin-top: 2.4rem;}
.only-pc .pop-content .recpt-cont .receipt-ti {overflow: hidden;padding-bottom: 1.4rem;}
.only-pc .pop-content .recpt-cont .receipt-ti .type1{float: left;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 2rem;}
.only-pc .pop-content .recpt-cont .receipt-ti .type2{float: right;color: #000;font-size: 2rem;font-weight: 600;line-height: 2rem;}
.only-pc .pop-content .recpt-cont .receipt-ti p {padding: 2px 0 0.6rem 0;color: #000;font-size: 2rem;font-weight: 600;text-align: center;}
.only-pc .pop-content .recpt-cont dl {overflow: hidden;}
.only-pc .pop-content .recpt-cont dl + dl{margin-top: 1.4rem;}
.only-pc .pop-content .recpt-cont dt{float: left;color: #000;font-size: 1.4rem;}
.only-pc .pop-content .recpt-cont dd {float: right;color: #000;font-size: 1.4rem;}
.only-pc .pop-content .recpt-notice {margin-top: 2.4rem;padding: 0 4px;}
.only-pc .pop-content .recpt-notice li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1;word-break: break-word;}
.only-pc .pop-content .recpt-notice li::before{content: '';position: absolute;top: 3px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.only-pc .pop-content .recpt-notice li + li {margin-top: 1.2rem;}
.only-pc .pop-content .barcode-wrap {margin-top: 4rem;padding: 0 3.4rem;}
.only-pc .pop-content .barcode-wrap div img{display: block;width: 100%;margin: 0 auto;}
.only-pc .pop-content .barcode-wrap p {margin-top: 1.2rem;color: #000;font-size: 1.6rem;text-align: center;}

.only-pc .sns-simple .simple-login {padding: 1.2rem 2rem 6rem; color: #000;font-size: 2rem;line-height: 1.5;word-break: keep-all;text-align: center;}
.only-pc .sns-simple .simple-login-join {max-width: 100rem;margin: auto;}
.only-pc .sns-simple .simple-login-join ul {max-width: 60rem;margin: auto; padding: 0 2rem 4rem 2rem;}
.only-pc .sns-simple .simple-login-join li {position: relative;min-height: 6.4rem; padding: 3rem 1.2rem 4rem 10.2rem;}
.only-pc .sns-simple .simple-login-join li .title {color: #000;font-size: 2rem;line-height: 1;font-weight: 500;text-align: left;}
.only-pc .sns-simple .simple-login-join li .title {height: 3rem; color: #000;font-size: 2rem;line-height: 1;font-weight: 500;text-align: left;}
.only-pc .sns-simple .simple-login-join li .title .certify {font-size: 0; margin-left: .4rem;}
.only-pc .sns-simple .simple-login-join li .title .certify img {width: 2rem; height: 2rem;}
.only-pc .sns-simple .simple-login-join li .date {padding-top: .4rem; color: #999;font-size: 1.6rem;line-height: 1;text-align: left;}
.only-pc .sns-simple .simple-login-join li.kakao {background: url(../img/link-kakao.png) 1.6rem center no-repeat;background-size: 6rem;}
.only-pc .sns-simple .simple-login-join li.naver {background: url(../img/link-naver.png) 1.6rem center no-repeat;background-size: 6rem;}
.only-pc .sns-simple .simple-login-join li button {
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666;font-size: 1.6rem;line-height: 1;padding: 1rem 1.6rem;
    min-width: 9.3rem; border-radius: 2rem;border: solid 1px #08a75a;background-color: #fff;
}
.only-pc .sns-simple .simple-login-join li .link-add {color: #08a75a; border: solid 1px #08a75a;}
.only-pc .sns-simple .simple-login-join li .link-added {color: #999; border: 1px solid #ddd; background: #ddd;}
.only-pc .sns-simple .simple-login-join li .link-remove {border: solid 1px #999;}



/* A-Bcard-Guide-001 PC */
.pc .type-card-guide .half-section {display: flex; display: -moz-box;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient:horizontal;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;width: 100%;margin-left: -3rem;}
.pc .type-card-guide .half-section li{width: calc(33.3% - 3rem);margin: 3rem 0 0 3rem;}
.pc .type-card-guide .half-section li button {display: flex;flex-direction: column;height: 100%;}
.pc .type-card-guide .half-section .card-img-box {display: block;max-width: 11.8rem;}
.pc .card-introduce-btns {display: flex;margin-left: -3rem;width: 100%;height: 100%;font-size: 0;flex-wrap: wrap;}
.pc .card-introduce-btns li .btn-card {height: 100%;padding: 4rem 2rem;text-align: center;transition: 0.3s;}
.pc .card-introduce-btns li .btn-card:hover {border: 2px solid #000;transition: 0.3s;}
.pc .card-introduce-btns li .card-img-box {float: initial;display: block;width: 12rem;height: auto;margin: 3rem auto 0;}
.pc .type-card-guide .cont-box li + li {margin-top: 3rem;}
.pc .type-card-guide .card-introduce-btns li {display: inline-block;width: calc(33.3% - 3rem);margin: 3rem 0 0 3rem;}
.pc .type-card-guide .card-introduce-btns li + li {margin: 3rem 0 0 3rem;}
.pc .type-card-guide .btn-card {padding: 3rem 0;text-align: center;box-shadow: none;border: 2px solid #eee;}
.pc .type-card-guide .card-ti {min-height: 4.6rem;max-height: 4.6rem;margin: 0;padding: 0 1rem;font-size: 1.8rem;}
.pc .card-icon {font-size: 1.6rem;}
.pc .card-icon em {font-size: 1.6rem;}
.pc .type-card-guide .card-name {display: block;width: 100%;}
.pc .btn-wrap .btn-more-show {padding: 1rem 0;font-size: 1.6rem;border-radius: 3.4rem;}
.pc .card-introduce {padding: 6rem 0;}
.pc .card-introduce .cont-box {padding: 6rem 0;border-bottom: 1px solid #eee;}
.pc .card-introduce .cont-box:first-of-type{padding-top: 0;}
.pc .card-introduce .cont-box:last-of-type{border-bottom: 0;}
.pc .card-introduce .sec-sub-ti {display: block;padding: 0;padding-bottom: 2rem;font-weight: 500;text-align: left;border-bottom: 1px solid #000;}

/* A-Bcard-Guide-002 */
.pc .card-detail-introduce {position: relative;}
.pc .card-intro-img {position: relative;z-index: 1;}
.pc .card-detail-introduce .card-img-box {width: 18rem;margin: 0 auto;padding: 2rem 0 4rem;}
.pc .card-detail-introduce .card-img-box img {display: block;width: 100%;}
.pc .card-detail-introduce::before {content: '';position: absolute;top: 4rem;left: 50%;width: 44rem;height: 44rem;margin-left: -22rem;border-radius: 50%;background: #fff3ad;}
.pc .bcard-name {display: block;text-align: center;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.pc .bcard-benefit {padding-top: 1.2rem;text-align: center;}
.pc .bcard-benefit span {display: inline-block;font-size: 2rem;line-height: 1;opacity: 0.5;}
.pc .card-detail-introduce .pc-sub-tab {padding-top: 14.2rem;}
.pc .pc-card-detail-intro-txt-wrap {padding-top: 6rem;}
.pc-card-detail-intro-txt-wrap .intro-txt-ti {color: #000;font-size: 2rem;font-weight: 600;padding-bottom: 1.2rem;border-bottom: 1px solid #000;}
.pc .pc-card-detail-intro-list > li + li {margin-top: 6rem;}
.pc .pc-card-detil-txt {padding-top: 4rem;}
.pc .pc-card-detail-intro-txt li + li {margin-top: 2rem;}
.pc .pc-card-detail-intro-txt ul li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.6rem;line-height: 1;}
.pc .pc-card-detail-intro-txt ul li button {margin-top: -4px;color: #000;font-size: 1.6rem;font-weight: 600;text-decoration: underline;line-height: 1;}
.pc .pc-card-detail-intro-txt ul li::before{content: '';position: absolute;top: 6px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.pc .pc-card-detail-intro-txt ul li + li {margin-top: 2rem;}
.pc .pc-card-detail-intro-txt .intro-txt-sub-ti p {padding:0 0 2rem 1.2rem;color: #666;font-size: 1.8rem;font-weight: 600;}
.pc .pc-card-detail-intro-txt ul .intro-txt-sub-ti::before {display: none;}
.pc .pc-card-detil-txt.type-love {position: relative;}
.pc .pc-card-detil-txt.type-love::after{content: '';position: absolute;top: 4rem;right: 6rem;width: 11rem;height: 8.8rem;background: url(../img/pc-love-icon.png) center / 11rem no-repeat;}
.pc .type-card-guide2 .btn-wrap {padding: 6rem 0;}
.pc .complain-wrap.type-card {display: block;padding: 0;font-size: 0;}
.pc .complain-wrap.type-card::before {display: none;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card li{position: relative;display: inline-block;width: 33.33%;margin-top: 0;padding: 0;padding-left: 14rem;text-align: left;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card li + li::after{content: '';position: absolute;top: 4rem;left: -6rem;width: 4rem;height: 4rem;background: url(../img/pc-step-next.png) center / 4rem no-repeat;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card li::before{content: '';top: 4px;width: 12rem;height: 12rem;border-radius: 50%;border: 1px solid #ddd;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card li.step1::before {background: url(../img/pc-card-info1.png) center / 6.8rem no-repeat #fff;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card li.step2::before {background: url(../img/pc-card-info2.png) center / 6.8rem no-repeat #fff;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card li.step3::before {background: url(../img/pc-card-info3.png) center / 6.8rem no-repeat #fff;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card .step-ti {min-height: initial;padding: 1.6rem 0 1.2rem;color: #000;font-size: 2rem;font-weight: 600;line-height: 1;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card .step-txt {padding: 0;color: #999;font-size: 1.6rem;font-weight: 400;line-height: 1.5;}
.pc .pc-card-detail-intro-txt .complain-wrap.type-card button {margin-top: 0.6rem;padding: 1rem 1.8rem 1rem 4.4rem;color: #08a75a;font-size: 1.8rem;font-weight: 500;line-height: 1;text-decoration: none;border: 1px solid #08a75a;border-radius: 3.4rem;background: url(../img/pc-btn-download.png) left 1.6rem center / 2rem no-repeat;}

/* PC-Voucher-Guide-001 */
.pc-card-detail-intro-txt-wrap.type-voucher li + li {margin-top: 6rem;}
.voucher-pc-img-wrap {margin-top: 4rem;font-size: 0;}
.voucher-pc-img {display: inline-block;width: 50%;padding: 5.6rem 0 5rem;border: 2px solid #eee;}
.voucher-pc-img-wrap.type2 .voucher-pc-img {width: 33.33%;padding: 3.2rem 0 3rem;}
.voucher-pc-img p {padding-top: 15rem;color: #000;font-size: 2rem;font-weight: 600;line-height: 1.1;text-align: center;}
.voucher-pc-img-wrap.type2 p {padding-top: 19.4rem;}
.voucher-pc-img.type1 {border-radius: 1.6rem 0 0 1.6rem;}
.voucher-pc-img + .voucher-pc-img{border-left: 2px solid transparent;}
.voucher-pc-img.type2 {border-radius: 0 1.6rem 1.6rem 0;}
.voucher-pc-img.type1 p {background: url(../img/pc-voucher-1.png) top center / 25.2rem no-repeat;}
.voucher-pc-img.type2 p {background: url(../img/pc-voucher-2.png) top center / 25.2rem no-repeat;}
.voucher-pc-img.type3 p {background: url(../img/pc-voucher-3.png) top center / 14rem no-repeat;}
.voucher-pc-img.type4 p {background: url(../img/pc-voucher-4.png) top center / 14rem no-repeat;}
.voucher-pc-img.type5 p {background: url(../img/pc-voucher-5.png) top center / 14rem no-repeat;}

.voucher-detail-box {font-size: 0;}
.voucher-detail-box.type-txt dd {position: relative;display: block;width: 100%;margin-top: 4rem;padding-left: 1.2rem;color: #666;font-size: 1.6rem;line-height: 1.5;border-bottom: 0;}
.voucher-detail-box.type-txt dd::before {content: '';position: absolute;top: 1.1rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.voucher-detail-box.type-txt dd + dd {margin-top: 2rem;}
.voucher-detail-box.type-txt dd .btn-more-show.type-green {display: inline-block;width: auto;margin: 0;margin-left: 0.8rem;padding: 0.7rem 1.2rem;color: #08a75a;font-size: 1.4rem;line-height: 1;}
/* club */
.pc .pc-club-main h2 {position: relative; padding:0 0 2rem 1.6rem;color: #000;font-size: 2.8rem;}
.pc .pc-club-main h2::before {
    content: '';display: inline-block;clear: both;width: .4rem; height: 2.8rem;position: absolute;left: 0;top: .3rem;background: #08a75a;
}
.pc .pc-club-main h2 span {color: #000;font-size: 2.8rem;font-weight: 600;}
.pc .pc-club-main .club-txt {position: relative;padding-bottom: 4rem; color: #666;font-size: 2rem;line-height: 1.4;border-bottom: 1px solid #eee;}
.pc .pc-club-main .club-txt .btn-nickname {
    padding: 1rem 1.5rem;color: #08a75a;font-size: 1.8rem;line-height: 1;border-radius: 2.6rem;border: solid 1px #08a75a;background-color: #fff;
    position: absolute;right: 0;bottom: 4rem;
}
.pc .pc-club-list {padding: 4rem 0;}
.pc .pc-club-list .pc-club {position: relative; padding: 4rem 6rem;border-radius: 1.6rem;border: solid 2px #eee;background-color: #fff;}
.pc .pc-club-list .pc-club + .pc-club {margin-top: 4rem;}
.pc .pc-club-list .pc-club::before {content: '';display: inline-block;padding: 13rem 20rem;position: absolute;right: 6rem;bottom: -3.9rem;}
.pc .pc-club-list .pc-club.friend::before {background: url(../img/pc-img-bn-goilfriend.png) center right 1rem / 40rem no-repeat;}
.pc .pc-club-list .pc-club h3 {color: #000;font-size: 2.4rem;font-weight: 600;}
.pc .pc-club-list .pc-club .txt {position: relative;padding: 1.6rem 0 2.4rem; color: #666;font-size: 1.6rem;line-height: 1.4;}
.pc .pc-club-list .pc-club .btn-activit {
    padding: 1rem 3.8rem 1rem 1.8rem;color: #08a75a;font-size: 1.8rem;line-height: 1;border-radius: 2.6rem;border: solid 1px #08a75a;
    background:#fff url(../img/pc-arrow-small.png) center right 1rem / 1.8rem no-repeat;
}

/* PC-Goodoil-intro-001 */
.oil-fm-txt{position: relative;}
.good-oil-fm-info .sub-ti {padding: 6rem 0 1.6rem;color: #000;font-size: 2.8rem;font-weight: 600;line-height: 1.7;}
.oil-fm-txt .good-oil-txt {position: relative;padding-bottom: 45.3rem;color: #000;font-size: 1.6rem;line-height: 1.5;}
.oil-fm-txt .good-oil-txt::before{position: absolute;top: 1.6rem;content: '';width: 100%;height: 34rem;animation: moveTop infinite 3s ease-in-out;background: url(../img/pc-cloud.png) center / 100% no-repeat;}
.oil-fm-txt .good-oil-txt::after{position: absolute;bottom: 0;left: 0;content: '';width: 100%;height: 45.3rem;background: url(../img/pc-house.png) bottom / 100% repeat-x;}
.good-oil-story {position: relative;padding-top: 2.6rem;}
.good-oil-story::before {content: '';position: absolute;top: -15.8rem;right: 5.4rem;width: 49.6rem;height: 24rem;background: url(../img/pc-goodoil-family.png) center / 100% no-repeat;}
.good-oil-story p {color: #000;font-size: 1.6rem;line-height: 1.5;}
.good-oil-story p + p {margin-top: 2rem;}
.good-oil-story .goodoil-logo {padding-top: 7.2rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/pc-logo-goodoil-family.png) left bottom / 34.6rem no-repeat;}
.good-oil-story strong {display: block;color: #000;font-size: 1.6rem;font-weight: 600;line-height: 1.5;}
.goodoli-fm-introduce {padding-top: 7rem;}
.goodoli-fm-introduce .sub-ti {padding-bottom: 4rem;text-align: center;}
.go-fm-tab {font-size: 0;}
.go-fm-tab li{display: inline-block;width: 14.28%;}
.go-fm-tab li button {display: block;width: 100%;padding-bottom: 12rem;color: transparent;font-size: 0;text-indent: -9999px;transition: 0.3s;}
.go-fm-tab li button.selected {transition: 0.3s;}
.go-fm-tab li button:hover {transform: scale(1.1);transition: 0.3s;}

.go-fm-tab li.type1 button {background: url(../img/pc-go-fm1.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type2 button {background: url(../img/pc-go-fm2.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type3 button {background: url(../img/pc-go-fm3.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type4 button {background: url(../img/pc-go-fm4.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type5 button {background: url(../img/pc-go-fm5.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type6 button {background: url(../img/pc-go-fm6.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type7 button {background: url(../img/pc-go-fm7.png) bottom center / 12rem no-repeat;}

.go-fm-tab li.type1 button.selected {background: url(../img/pc-go-fm1-ac.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type2 button.selected {background: url(../img/pc-go-fm2-ac.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type3 button.selected {background: url(../img/pc-go-fm3-ac.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type4 button.selected {background: url(../img/pc-go-fm4-ac.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type5 button.selected {background: url(../img/pc-go-fm5-ac.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type6 button.selected {background: url(../img/pc-go-fm6-ac.png) bottom center / 12rem no-repeat;}
.go-fm-tab li.type7 button.selected {background: url(../img/pc-go-fm7-ac.png) bottom center / 12rem no-repeat;}


.pc .go-fm-tab-cont {padding: 4rem 0;}
.pc .go-fm-tab-cont::after {content: '';display: block;clear: both;}
.pc .go-fm-tab-cont p {
    position: relative; padding: 42rem 0 4rem;color: #000;font-size: 4rem;line-height: 1;font-weight: 600;
    border-bottom: 2px solid #000;overflow: hidden;
}
/* .pc .go-fm-tab-cont p::before {
    content: '';display: inline-block;width: 61rem;height: 61rem;border-radius: 50%;background: #ffe132;
    position: absolute;left: 50%;bottom: -15rem;transform: translateX(-50%);opacity: 0.4;
} */
.pc .go-fm-tab-cont p::after {
    content: '';display: inline-block;width: 61rem;height: 61rem;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);
}

.pc .go-fm-tab-cont p.character-godoil::after {background: url(../img/brand/pc-goodoil-f1.png) bottom center / 61rem no-repeat;}
.pc .go-fm-tab-cont p.character-gumiso::after {background: url(../img/brand/pc-goodoil-f2.png) bottom center / 61rem no-repeat;}
.pc .go-fm-tab-cont p.character-gudaddy::after {background: url(../img/brand/pc-goodoil-f3.png) bottom center / 61rem no-repeat;}
.pc .go-fm-tab-cont p.character-audrey::after {background: url(../img/brand/pc-goodoil-f4.png) bottom center / 61rem no-repeat;}
.pc .go-fm-tab-cont p.character-gurenpa::after {background: url(../img/brand/pc-goodoil-f5.png) bottom center / 61rem no-repeat;}
.pc .go-fm-tab-cont p.character-sweetie::after {background: url(../img/brand/pc-goodoil-f6.png) bottom center / 61rem no-repeat;}
.pc .go-fm-tab-cont p.character-gourmet::after {background: url(../img/brand/pc-goodoil-f7.png) bottom center / 61rem no-repeat;}

.pc .go-fm-tab-cont dl {float: left; width: 50%;padding: 4rem 4rem;}
.pc .go-fm-tab-cont dl dt {float: left; min-width: 12rem;width: 12rem;padding: 1rem 0; color: #666;font-size: 1.6rem;line-height: 1;}
.pc .go-fm-tab-cont dl dd {float: left;width: calc(100% - 12rem);padding: 1rem 0; color: #000;font-size: 1.6rem;line-height: 1;}

.pc .godoil-family-area {
    display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;
    box-orient:horizontal;flex-direction: row;padding-bottom: 8rem;
}

.pc .godoil-family-area > div {
    position: relative; display: block;width: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;padding: 2.4rem 18rem 2.4rem 4rem;
    border-radius: 1.6rem;box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);background-image: linear-gradient(108deg, #08a75a 9%, #66dd41 73%);
}
.pc .godoil-family-area > div + div {margin-left: 2.4rem;}
.pc .godoil-family-area > div.btn-bizring {background-image: linear-gradient(107deg, #fff261 10%, #ffe132 83%);}
.pc .godoil-family-area > div::after {content: '';display: inline-block;padding: 7.4rem;position: absolute;top: -2.4rem;right: 2.8rem;}
.pc .godoil-family-area > div.btn-bizring::after {background: url(../img/pc-btn-bizring.png) bottom center / 14.8rem no-repeat;}
.pc .godoil-family-area > div.btn-ringtone::after {background: url(../img/pc-btn-ringtone.png) bottom center / 14.8rem no-repeat;}
.pc .godoil-family-area > div.btn-bizring span {display: block;padding-bottom: 1.2rem; color: #000;font-size: 1.8rem;line-height: 1.56;}
.pc .godoil-family-area > div.btn-ringtone span {display: block;padding-bottom: 1.2rem; color: #fff;font-size: 1.8rem;line-height: 1.56;}
.pc .godoil-family-area > div button {
    padding: .6rem 1.5rem;color: #08a75a;font-size: 1.4rem;line-height: 1;text-decoration: none;
    border: 1px solid #08a75a;border-radius: 1.6rem;border: solid 1px #08a75a;font-weight: 400;
}


/* PC 구도일 프렌즈 */
.bd-flex {
    display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;flex-direction: row;
}
.bd-flex > .select-box {display: block;max-width: 36rem;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;}
.bd-flex > .select-box + .select-box {margin-left: 4rem;}
.bd-flex > .select-box.first {position: relative;padding-right: 10rem;}
.bd-flex > .select-box.first .check {position: absolute;right: 0;top: 1.8rem;}

.pc-btn-del {position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);padding: 1rem; background:#fff url(../img/pc-input-del.png) center right / 2rem no-repeat;}




/* 골프(KLPGA) 대회 갤러리 */
.pc-golf-photo ul li {
    width:100%;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;
    flex-direction: row;
}
.pc-golf-photo ul li span {position: relative;width: 33.3333%; display:block;justify-content: center;align-items: center;}
.pc-golf-photo ul li .img {border-radius: 1.2rem;overflow: hidden;}
.pc-golf-photo ul li .img + .img {margin-left: 2rem;}
.pc-golf-photo ul li .img img {width: 100%;object-fit: cover;height: 100%;}
.pc-golf-photo ul li + li {padding-top: 2rem;}

.pc .goodoil-motion .swiper-container {padding: 0 1rem 3rem;}
.pc .goodoil-motion .swiper-slide {
    padding: 4rem 1.2rem 2rem; border-radius: 1.6rem;box-shadow: 0 .8rem 1.6rem 0 rgba(0, 0, 0, 0.08);text-align: center;background: #fff;
    overflow: hidden;font-size: 0;text-indent: -9999px;
}
.pc .goodoil-motion .swiper-slide .img {display: block;width: 100%;height: 100%;max-width: 36rem;max-height: 48rem;overflow: hidden; text-align: center;}
.pc .goodoil-motion .swiper-slide img {display: block;width: 100%; height: 100%;object-fit: cover;}
.pc .goodoil-motion .swiper-slide .download {
    margin-top: 2.6rem;padding: 1rem 1.8rem 1rem 4.4rem;color: #08a75a;font-size: 1.8rem;line-height: 1;text-decoration: none;
    border: 1px solid #08a75a;border-radius: 3.4rem;background: url(../img/pc-btn-download.png) left 1.6rem center / 2rem no-repeat;
}

.pc .goodoil-motion .swiper-container .swiper-notification {background: #f00;}

.pc .goodoil-motion .pc-point-swiper {position: relative;}
.pc .swiper-page {position: relative;height: 8rem;padding-right: 10rem;}
.pc .goodoil-motion .pc-navigation-swiper > div {position: absolute;top: 50%;margin-top: .4rem; padding: 1.2rem;height: auto;}
.pc .swiper-page .swiper-button-prev {left: auto; right: 8rem; background: url(../img/pc-arrow-prev.png) center center no-repeat;background-size: 2.4rem;}
.pc .swiper-page .swiper-button-next {right: 1rem;background: url(../img/pc-arrow-next.png) center center no-repeat;background-size: 2.4rem;}
.pc .goodoil-motion .swiper-pagination-progressbar {
    height: .2rem;border-radius: .2rem;overflow: hidden;left: 1rem; right: 13rem;top: 4rem;background: rgba(0, 0, 0, 0.1);
}
.pc .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}

.pc .godoil-banner {position: relative; padding: 4rem 6rem; border-radius: 16px;text-align: left;background:#fff9d6;}

.pc .godoil-banner::after {
    content: '';display: inline-block;padding: 8.8rem 14.5rem; position: absolute;right: 4rem;top: -1.5rem;
    background: url(../img/pc-godoil-banner.png) center center / 29rem no-repeat;
}
.pc .godoil-banner .title {color: #000;font-size: 2rem;line-height: 1;font-weight: 600;}
.pc .godoil-banner .txt {color: #666;font-size: 1.4rem;line-height: 1;}
.pc .godoil-banner .txt .download {
    margin-left: 2rem; padding: 1rem 1.8rem 1rem 4.4rem;color: #08a75a;font-size: 1.8rem;line-height: 1;text-decoration: none;
    border: 1px solid #08a75a;border-radius: 3.4rem;background:#fff url(../img/pc-btn-download.png) left 1.6rem center / 2rem no-repeat;
}

/* 구도일 TV */
.pc-godoil-tv {padding: 4rem 0 6rem;}
.pc-godoil-tv ul {
    width:100%;display: -webkit-box;display:-moz-box;display: flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;
    flex-direction: row;
}
.pc-godoil-tv ul + ul {padding-top: 6rem;}
.pc-godoil-tv ul li {display:block;width: 100%;height: 100%; -webkit-box-flex:1;-moz-box-flex:1;box-flex:1;flex-grow: 1;overflow: hidden;}
.pc-godoil-tv ul li .txt {padding: 1.5rem 0 1rem; color: #000;font-size: 2rem;line-height: 1.4;font-weight: 600;word-break: keep-all;}
.pc-godoil-tv ul li .date {color: #999;font-size: 1.4rem;line-height: 1.4;font-weight: 400;max-height: 10rem;overflow-y: auto;}
.pc-godoil-tv ul li .date span {display: inline-block;padding-left: .5rem; color: #999;font-size: 1.4rem;line-height: 1.4;font-weight: 400;}
.pc-godoil-tv ul li .sub-txt {display: block;color: #999;font-size: 1.4rem;line-height: 1.4;font-weight: 400;max-height: 10rem;overflow-y: auto;}
.pc-godoil-tv ul li .sub-txt::-webkit-scrollbar,
.pc-godoil-tv ul li .date::-webkit-scrollbar {width: .5rem;}
.pc-godoil-tv ul li .sub-txt::-webkit-scrollbar-thumb,
.pc-godoil-tv ul li .date::-webkit-scrollbar-thumb {border-radius: .5rem;background-color: #555;}
.pc-godoil-tv ul li .sub-txt::-webkit-scrollbar-track,
.pc-godoil-tv ul li .date::-webkit-scrollbar-track {background-color: #eee;}

.pc-godoil-tv ul li span {position: relative; display:block;justify-content: center;align-items: center;}
.pc-godoil-tv ul li .img::after {
    content: '';display: inline-block;padding: 3.4rem;background: url(../img/pc-icon-play.png) center center / 6.8rem no-repeat;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.pc-godoil-tv ul li + li {margin-left: 2.4rem;}
.pc-godoil-tv ul li .img {overflow: hidden;}
.pc-godoil-tv ul li .img img {width: 100%;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.pc-godoil-tv ul li .img img:hover {cursor: pointer;-webkit-transform: scale(1.2);transform: scale(1.2);}
.pc-godoil-tv ul li .img:hover::after {opacity: .5;}

/* A-My-home PC */
.pc .type-mypage .my-level .rating-wrap .rating-bar .level-before {
    display: inline-block;position: absolute;left: 1.2rem;top: 50%;transform: translateY(-50%);color: #000;font-size: 1.6rem;
    line-height: 1;z-index: 2;opacity: 0.3;
}
.pc .type-mypage .my-level .rating-wrap .rating-bar .level-after {
    display: inline-block;position: absolute;right: 1.2rem;top: 50%;transform: translateY(-50%);color: #000;
    font-size: 1.6rem;line-height: 1; z-index: 2;opacity: 0.3;
}

.pc .pc-godoil-tv.oil-story ul + ul {padding-top: 2.4rem;}
.pc .pc-godoil-tv.oil-story ul li {position: relative; height: auto;}
.pc .pc-godoil-tv.oil-story li {min-height: 32rem; padding: 4rem 2rem 8rem 4.8rem;border: solid 1px #bbb;background-color: #f5f5f5;}
.pc .pc-godoil-tv.oil-story li {background:#f5f5f5 url(../img/pc-soil-logo.png) center 4rem / 7.2rem no-repeat;}
.pc .pc-godoil-tv.oil-story li .oil-story-y {
    display: inline-block;padding: 6.5rem 1.6rem; position: absolute;left: 0;top: 0;
    background:#f5f5f5 url(../img/pc-oil-story-bg.png) left top / 3.1rem no-repeat;
}
.pc .pc-godoil-tv.oil-story ul li .txt {padding: 9.2rem 0 0; color: #000;font-size: 2rem;line-height: 1.4;word-break: keep-all;font-weight: 400;}

.pc .posting-view {
    padding: .6rem 1.5rem;color: #08a75a;font-size: 1.4rem;line-height: 1;text-decoration: none;position: absolute;bottom: 2.4rem;right: 2.4rem;
    border: 1px solid #08a75a;border-radius: 1.6rem;border: solid 1px #08a75a;font-weight: 400;
}

.pc .oil-sense {padding-top: 4rem;}
.pc .oil-sense dl + dl {margin-top: 2rem;}
.pc .oil-sense dl {padding: 0;border-radius: 1.6rem;border: solid 2px #eee;background-color: #fff;}
.pc .oil-sense dt {position: relative; padding: 3.8rem 6rem 3.8rem 10rem; color: #000;font-size: 1.6rem;line-height: 1.4;font-weight: 600;cursor: pointer;}
.pc .oil-sense dt::before {
    content: 'Q';display: inline-block;color: #666;font-size: 2.8rem;line-height: 1.4;position: absolute;left: 6rem;top: 2.8rem;font-weight: 600;
}
.pc .oil-sense dd {
    position: relative;padding: 4rem 16rem 4rem 10rem;color: #666;font-size: 1.6rem;line-height: 1.4;font-weight: 400;
    background:#f6f6f6 url(../img/pc-character.png) right 4rem bottom 4rem / 9.2rem no-repeat;
}
.pc .oil-sense dd strong {display: block;color: #666;font-size: 1.6rem;line-height: 1.4;font-weight: 500;}
.pc .oil-sense dd::before {
    content: 'A';display: inline-block;color: #000;font-size: 2.8rem;line-height: 1.4;position: absolute;left: 6rem;top: 3.8rem;font-weight: 600;
}


/* AppGuide */

.appguide-swiper .swiper-container{height: 100%;}
.appguide-swiper .btn-close{position: absolute;top: 2rem;right:2rem;z-index: 2;padding: 1rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/btn-close.png) center / 2.4rem no-repeat;}
.appguide-swiper {position: relative;height: 100%;}
.guide-inner {padding: 6rem 1.8rem 0;height: 100%; background:#fff;}
.guide-inner h1 {color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1.2;text-align: center;}
.guide-inner p {margin: 0 -1.6rem;padding-top: 1.2rem;color: #000;font-size: 1.6rem;line-height: 1.3;text-align: center;}
.guide-txt {min-height: calc(100% - 11rem);}
.appguide-swiper .btn-wrap {padding: 2rem 2rem 4rem;}

.guide-swiper-pagination {position: absolute;z-index: 1;top: 3.1rem;width: 100%;height: auto;text-align: center;}
.guide-swiper-pagination .swiper-pagination-bullet {width:.6rem;height:.6rem;margin-left:1rem;background:#ddd;-webkit-transition: all .5s;transition: all .5s;opacity:1;}
.guide-swiper-pagination .swiper-pagination-bullet:first-of-type {margin-left: 0;}
.guide-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.6rem;background:#222;border-radius: 1rem;}
.guide-txt.type1 {background: url(../img/mb-guide-01.png) bottom center / auto 75% no-repeat;}
.guide-txt.type2 {background: url(../img/mb-guide-02.png) bottom center / auto 75% no-repeat;}
.guide-txt.type3 {background: url(../img/mb-guide-03.png) bottom center / auto 75% no-repeat;}
.guide-txt.type4 {background: url(../img/mb-guide-04.png) bottom center / auto 75% no-repeat;}

/* A-Main PC */
.pc-user-box {display: none;}
.pc .pc .pc-user-box {display: block;}
.pc-user-box .login {padding: 6.4rem 2rem 4rem;box-shadow: 0 4px 1.2rem 0 rgba(0, 0, 0, 0.12);border-radius: 2rem;background: linear-gradient(to bottom, #ffcc35, #fff) !important;}
.pc-user-box .login.before.type-pc {position: absolute;top: calc(-16rem + -15rem - 6rem);right: 0;z-index: 1;}
.pc-user-box .login.before h2 {font-size: 3rem;}
.pc-user-box .login.before .login-txt {padding-top: 1.8rem;}
.pc-user-box .login.before .login-btn .btn-login {padding: 1.7rem 2.4rem;text-align: left;}
.pc-user-box .login.before::before {height: 27.6rem;}
.pc-user-box .login.before .login-btn .btn-login::before {padding: 5.2rem 4rem;top: -6rem;left: unset;right: 0;transform: unset;}
.pc-user-box .pc-user-info-point-box {position: absolute;top: calc(-16rem + -15rem - 7.5rem);right: 0;z-index: 1;padding: 4rem 1.6rem 2.8rem;box-shadow: 0 4px 1.2rem 0 rgba(0, 0, 0, 0.12);border-radius: 2rem;background: #fff !important;}
.pc-user-box .pc-user-info-point-box .name {padding: 0 0.8rem;}
.pc-user-box .pc-user-info-point-box .name span {display: inline-block;color: #000;padding-top: 3px;font-size: 2.4rem; line-height: 1;}
.pc-user-box .pc-user-info-point-box .name span em{ display: inline-block;color: #000;font-size: 2.4rem;font-weight: 600;line-height: 1;}
.pc-user-box .pc-user-info-point-box .name span.rating {display: inline-block; margin-left: 9rem;padding: 0;font-size: 3.2rem;font-weight: 600;line-height: 1;}
.pc-user-box .pc-user-info-point-box .rating-wrap {margin-top: 3.8rem; padding: 0 4px 2.2rem; border-bottom: 1px solid #eee;}
.pc-user-box .pc-user-info-point-box .rating-wrap .rating-level li {font-size: 1.4rem;}
.pc-user-box .pc-user-info-point-box .p-ti {margin-top: 2.4rem;padding: 4px 0 4px 3.2rem;color: #000;font-size: 1.4rem;font-weight: 500;background: url(../img/pc-icon-p.png) left center / 2.8rem no-repeat;}
.pc-user-box .pc-user-info-point-box .p-info {padding-top: 1.4rem;color: #000;font-size: 2.4rem;font-weight: 600;}
.pc-user-box .pc-user-info-point-box .p-info em {padding-left: 4px;color: #000;font-size: 2.4rem;font-weight: 600;}
.pc .pc-btn-shortcuts .pc-user-box .pc-user-info-point-box .btn-pc-level {display: inline-block;width: auto;margin-top: 3rem;padding: 0.7rem 2.8rem 0.7rem 1.6rem;color: #08a75a;font-size: 1.4rem;line-height: 1;border: 1px solid #08a75a;border-radius: 1.4rem;background: url(../img/pc-btn-arrow-sm.png) right 1.2rem center / 1.2rem no-repeat;}
.pc-user-box .pc-user-info-point-box .user-info-point {position: relative;}
.pc-user-box .pc-user-info-point-box .user-info-point::after{content: '';position: absolute;bottom: -2.8rem;right: 0;width: 9.4rem;height: 11.8rem;background: url(../img/pc-img-goodoil-p.png) center/ 100% no-repeat;}
.pc-main-swiper-button {position: absolute;top: -8.6rem;left: 10.2rem;padding-left: 11.2rem;}
.pc-main-swiper-button > * {width: 2.4rem;height: 2.4rem;margin: 0;}
.pc-main-swiper-button .swiper-button-prev {left: 0;right: unset;background: url(../img/pc-swiper-main.png) center / 2.4rem no-repeat;transform: rotate(180deg);}
.pc-main-swiper-button .swiper-button-next {left: unset;right: 0;background: url(../img/pc-swiper-main.png) center / 2.4rem no-repeat;}

/*  */
.pc .type-point .present-wrap .ipt-wrap .won{padding: 2rem 0;}

/* A-Main */
.main-soil-box li.btn-customer button {background: #fff url(../img/img-customer-2.png) right 2rem center / 8.2rem no-repeat;}

/* PC-Main-Appintro-001 */
.pc-app-intro {position: relative;min-width: 115rem;overflow-x: auto;overflow-y: hidden;}
.pc-app-intro > * {position: relative; z-index: 3;}
.pc-app-intro::before {content: '';display: block;position: absolute;top: 118.7rem;left: 0;right: 0;height: 100%;z-index: 1;width: 192rem;}
.pc-app-intro::before {background: url(../img/app-intro/pc-intro-bg.png) left top / 100% no-repeat;}

.pc-app-intro img {pointer-events : none;}
.pc-app-intro .sec-ti{font-size: 3.2rem;padding-bottom: 11rem;}
.pc-app-intro .sec-intro-txt {padding-top: 3.4rem;}
.pc-app-intro .sec-intro-txt span {display: block;font-size: 2.8rem;font-weight: 500;}
.pc-app-intro .sec-intro-txt span.emphasis {display: inline-block;margin-top: 5px;box-shadow: inset 0 -2.1rem 0 #fff3ad;}
.main-intro-btn-wrap p {padding: 14rem 0 3rem;color: #000;font-size: 1.6rem;line-height: 1;}
.main-intro-btn{display:flex;margin-left: -2rem;padding-bottom: 8.9rem;}
.main-intro-btn button{display: block;min-width: 20.5rem;margin-left: 2rem;padding: 2.2rem 3.6rem 2.2rem 7.6rem;color: #000;font-size: 2rem;line-height: 1;border: 1px solid rgba(0,0,0,0.08);border-radius: 1.2rem;}
.main-intro-btn .type-google {background: #ffe132 url(../img/app-intro/pc-ico-googlestore.png) left 2.7rem center / 2.9rem no-repeat;}
.main-intro-btn .type-apple {background: #ffe132 url(../img/app-intro/pc-ico-appstore.png) left 3.4rem center / 2.9rem no-repeat;}
.pc-app-intro .pc-inner.type1 {border-bottom: 1px solid #eee;background: url(../img/app-intro/pc-intro-visual.png) right 9rem bottom / 54.9rem no-repeat;}
/* .pc-app-intro .intro-bg-area {background: url(../img/app-intro/pc-intro-bg.png) bottom / 100% no-repeat;} */
.pc-app-intro .sec-sub-ti {padding: 9rem 0 0 0; color: #000; font-size: 2.4rem;font-weight: 600;line-height: 1;}
.pc-app-intro .sec-sub-txt {margin: 0;padding: 2rem 0 8rem; color: #000; font-size: 2rem;line-height: 1;text-align: center;}
.pc-app-intro .intro-step-box {text-align: center;font-size: 0;}
.pc-app-intro .intro-step-box dl{position: relative;display: inline-block;text-align: center;}
.pc-app-intro .pc-inner.type2 .intro-step-box dl{padding-top: 15.2rem;}
.intro-bg-area .pc-inner.type2 {overflow: hidden;}
.intro-bg-area .pc-inner.type2 .intro-step-box {position: relative;float: right;padding-top: 10rem;font-size: 0;}
.intro-bg-area .pc-inner.type2 .intro-step-box::before{content: '';position: absolute;top: 16rem;left: 50%;width: 90%;height: 1px;transform: translateX(-50%);background: #ddd;}
.pc-app-intro .pc-inner.type2 .intro-step-box dl::before {content: '';position: absolute;top: 0;left: 50%;width: 12rem;height: 12rem;margin-left: -6rem;border-radius: 50%;border: 1px solid #ddd;}
.pc-app-intro .pc-inner.type2 .intro-step-box dl.type1::before{background: #fff url(../img/app-intro/pc-intro-step1.png) center / 6.8rem no-repeat;}
.pc-app-intro .pc-inner.type2 .intro-step-box dl.type2::before{background: #fff url(../img/app-intro/pc-intro-step2.png) center / 6.8rem no-repeat;}
.pc-app-intro .pc-inner.type2 .intro-step-box dl.type3::before{background: #fff url(../img/app-intro/pc-intro-step3.png) center / 6.8rem no-repeat;}
.pc-app-intro .intro-step-box dt {display: inline-block;padding: 0.9rem 0.6rem;color: #000;font-size: 1.4rem;font-weight: 600;line-height: 1;border-radius: 0.8rem;background: #fff3ad;}
.intro-bg-area .intro-step-box dd {padding-top: 2.5rem;color: #000;font-size: 1.8rem;font-weight: 600;line-height: 1.3;text-align: center;}
.intro-bg-area .intro-step-box dl + dl {margin-left: 3.4rem;}
.pc-app-intro .quick-pay-intro {position: relative;float: left;padding-left: 20.9rem;}
.pc-app-intro .quick-pay-intro::before {content: '';position: absolute;bottom: 4.9rem;left: 8.1rem;width: 29rem;height: 22rem;background: url(../img/app-intro/pc-intro-car.png) center / 29rem no-repeat;}
.pc-app-intro .quick-pay-intro::after {content: '';position: absolute;bottom: 0.8rem;right: -4rem;width: 12rem;height: 20rem;background: url(../img/app-intro/pc-intro-goodoil-1.png) center / 12rem no-repeat;}
.pc-app-intro .quick-img {max-width: 28rem;margin: 0 auto;}
.pc-app-intro .quick-img img{display: block;width: 100%;}
.pc-app-intro .quick-pay-intro .swiper-container {max-width: 40.8rem;}
.quick-pay-intro-swiper-button div {padding: 1.2rem;color: transparent;font-size: 0;text-indent: -9999px;}
.quick-pay-intro-swiper-button div.swiper-button-prev {left: 0;background: url(../img/pc-arrow-prev.png) center / 2.4rem no-repeat;}
.quick-pay-intro-swiper-button div.swiper-button-next {right: 0;background: url(../img/pc-arrow-next.png) center / 2.4rem no-repeat;}
.quick-pay-intro-swiper-pagination {height: 0.6rem;margin-top: -2rem;text-align: center;}
.quick-pay-intro-swiper-pagination .swiper-pagination-bullet {width: 0.6rem;height: 0.6rem;opacity: 1;background: #fff;}
.quick-pay-intro-swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0.8rem;}
.quick-pay-intro-swiper-pagination .swiper-pagination-bullet-active {width: 1.6rem;border-radius: 4px;background: #222;}
.pc-app-intro .pc-inner.type3 {padding-top: 2rem;padding-bottom: 9rem;}
.pc-app-intro .pc-inner.type3 .intro-step-box dl + dl {margin-left: 12.8rem;}
.pc-app-intro .find-gas-s-img {max-width: 28rem;}
.pc-app-intro .find-gas-s-img img{display: block;width: 100%;}
.pc-app-intro .pc-inner.type4 {padding-bottom: 11rem;}
.pc-app-intro .pc-inner.type4 .intro-step-box dl + dl{margin-left: 7.6rem;}

.main-intro-btn-wrap.type2 {background: #f6f6f6;text-align: center;}
.main-intro-btn-wrap.type2 p{padding: 4rem 0 3rem;font-weight: 600;text-align: center;}
.main-intro-btn-wrap.type2  .main-intro-btn {justify-content: center;padding-bottom: 4rem;}
.main-intro-btn-wrap.type2  .main-intro-btn .type-apple {position: relative;}
.main-intro-btn-wrap.type2  .main-intro-btn .type-apple::after {content: '';position: absolute;top: -2.6rem;right: -11rem;width: 8rem;height: 13.3rem;background: url(../img/app-intro/pc-intro-goodoil-2.png) center / 8rem no-repeat;}

/* 에러 페이지 - pc */
.pc .error-ralim h2.title {padding-top: 21.2rem;font-size: 2.8rem;background: url(../img/icon-error02.png) bottom 6rem center / 8rem no-repeat;}
.pc .error-ralim h3.sub-title {padding-top: 2rem;font-size: 2rem;}
.pc .service-inspect h2.title {padding-top: 21.2rem;font-size: 2.8rem;background-size: 8rem;background-position: bottom 6rem center;}
.pc .service-inspect h3.sub-title {padding-top: 2rem;font-size: 2rem;}
.pc .inspect-time .time {padding-top: 4rem;font-size: 2rem;}
.pc .inspect-time .txt {padding-top: 1rem;font-size: 1.8rem;}

/* PC-CID-Search-001 */
.type-pc-id-find .input-box {padding: 2rem 0;}
.type-pc-id-find .input-box + .input-box {border-top: 1px solid #f6f6f6;}

.notice-comment-box .btn-add2:disabled {color: #999;background: #dddddd;}

.manager-box {position: relative;padding-bottom: 2.4rem;}
.manager-box::after {
    content: '';position: absolute;left: 50%;bottom: -1rem;width: calc(100% + 2rem + 2rem);height: 1rem;transform: translateX(-50%);background: #f6f6f6;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 0%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%);
}
.pc .type-goodoil-comment {position: relative;padding-bottom: 6.4rem;}
.pc .type-goodoil-comment::after {
    content: '';position: absolute;left: 50%;bottom: 3rem;width: 100vw;height: 4rem;transform: translateX(-50%);background: #f6f6f6;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 0%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%);
}


/* 221207 safearea */
.main-header {padding-top: calc(env(safe-area-inset-top) + 1.6rem);padding-top: calc(constant(safe-area-inset-top) + 1.6rem);}
.main-header .rgt {padding-top:env(safe-area-inset-top);padding-top: constant(safe-area-inset-top);}
.all-menu {padding-top:env(safe-area-inset-top);padding-top: constant(safe-area-inset-top);}

.footer {padding-bottom:calc(env(safe-area-inset-bottom) + 1.6rem); padding-bottom:calc(constant(safe-area-inset-bottom) + 1.6rem);}
.footer::before {height: calc(env(safe-area-inset-bottom) + 7.4rem);}



/* 221207 수정사항 */
.pc .popup-layer .pop-bottom .pop-layer.top-over .m_box {border-radius: 3.6rem;}
.pc-step-area .process ul li + li::after {height: 1rem;}

/* 221217 */
.type-txt-box + .type-txt-box{padding-top: 2rem;border-top: 1px dashed #ddd;}
.type-txt-box strong {padding-bottom: 1rem;color: #08a75a;font-size: 1.4rem;}
.type-txt-box p,.type-txt-box pre {padding-bottom: 2rem;color: #333; font-size: 1.4rem;}

.pc-content .type-txt-box strong {padding-bottom: 1.6rem;font-size: 1.6rem;}
.pc-content .type-txt-box p,.type-txt-box pre {padding-bottom: 2.4rem;font-size: 1.6rem;}

.pc .pc-content .pc-inner .event-detail .event-title.type-flex {display: flex;align-items: flex-start;padding: 3rem 14rem 3rem 0;}
.pc .pc-content .pc-inner .event-detail .event-title.type-flex .category {position: unset;transform: unset;}
.pc .pc-content .pc-inner .event-detail .event-title.type-flex .title {flex: 1;padding-left: 3rem;}

/* 230106 */
.voucher-detail-box dd {display: inline-block;width: 25%;height: 12.4rem;border-bottom: 1px solid #eee;}
.voucher-detail-box dd span {display: flex;align-items: center;justify-content: center;width: 100%; height: 100%;}
.voucher-detail-box dd span img {display: block;object-fit: contain;}

.pc-card-detail-intro-txt-wrap.type-voucher.type2 {font-size: 0;}
.pc-card-detail-intro-txt-wrap.type-voucher.type2 li {display: inline-block;width: 25%;padding: 1rem 0 2rem;text-align: center;}
.pc-card-detail-intro-txt-wrap.type-voucher.type2 li + li {margin: 0;}
.pc-card-detail-intro-txt-wrap.type-voucher.type2 li a {display: block;}
.pc-card-detail-intro-txt-wrap.type-voucher.type2 li a:hover span {text-decoration: underline;}
.pc-card-detail-intro-txt-wrap.type-voucher.type2 li img {display: block; margin: 0 auto;transition: 0.3s;}
.pc-card-detail-intro-txt-wrap.type-voucher.type2 li span {display: block;margin-top: 1.5rem;font-size: 1.6rem; font-weight: 500;}

/* 230109 */
.type-card-guide .card-img-box img {object-fit: contain;}
.type-card-guide .half-section .card-name .card-info {padding: 0 1rem;}
.voucher-detail-box.type-txt dd {height: auto;}

/* 230110 */
.pc .card-detail-introduce .card-img-box img {box-shadow: 0 0.4rem 1.5rem 0 rgb(0, 0, 0, 0.20);border-radius: 1rem;}
.card-img-inner {border: 0;}
.card-img-inner img {max-height: 18.4rem;}
.card-pattern .type .price .btn-choice2 {
    display: inline-block;padding: 0.5rem 1rem 0.5rem 1.1rem; color: #666;font-size: 1.1rem;font-weight: 400;
    line-height: 1;text-align: center;
    border-radius: 14px; background: #FFF;
}
.card-pattern .type .price .btn-change {
    display: inline-block;padding: 0.5rem 1rem 0.5rem 1.1rem; color: #666;font-size: 1.1rem;font-weight: 400;
    line-height: 1;text-align: center;
    border-radius: 14px; background: #FFF;
}
.pop-btn-flex-bottom.pb20 {padding-bottom: 2rem;}
.change-price-box {padding: 1rem 1rem 0;border-top: 1px solid #eee;text-align: center;}
.change-price-box label {display: inline-block;}

/* 230111 */
.type-point .cons.type1 .cons-wrap1 .sub-ti-wrap .btn-green {
    padding: .3rem .7rem;color: #08a75a;font-size: 1.1rem;line-height: 1;border-radius: 1.6rem;border: solid 1px #08a75a;background-color: #fff;float: right;
}

/* 20230112 */
.pc .card-img-inner img {min-height: 18.4rem;}
.pc .type-nlssue.type4 .input-box label.radio.type2 em {width: auto;}
.pc .card-introduce-btns li .card-img-box {width: 13.8rem;}
.card-info-box .card-img-box .card-img-inner {border-radius: .6rem;box-shadow: 0 0.4rem 1.2rem 0 rgb(0, 0, 0, 0.20);}

/* 20230117 */
.pc-tb-area table tbody td .td-flex.reply::before {
    content: 're';display: inline-block;padding-left: 1.5rem;color: #999; font-size: 1.4rem;line-height: 1.6;
    text-align: left;vertical-align: middle;white-space: nowrap;background: url(../img/icon-reply.png) no-repeat left center;background-size: 1.2rem;
}
.pc-tb-area table tbody td .td-flex  .pc-btn-txt.new::before {
    content: 'N';display: inline-flex;align-items: center;justify-content: center;width: 1.8rem;height: 1.8rem;
    margin-right: 4px;box-shadow: 0 0.2rem 0.3rem 0 rgb(241 5 5 / 48%);background-color: #f10505;border-radius: 50%;
    color: #fff;font-size: 1.2rem;line-height: 1;text-align: center;vertical-align: middle;
}
.pc-tb-area table tbody td .td-flex .pc-btn-txt {padding-right: 0;}
.pc-tb-area table tbody td .td-flex .pc-btn-txt:hover {text-decoration: none;color: #08a75a;}

.card-pattern.pay {min-height: 16rem;}
.card-pattern.pay.kb {
    min-height: 16rem;background-image: url(../img/logo-card-kb-white.png);
    background-repeat: no-repeat;background-position: right -1rem bottom -1rem;background-size: 10rem;
}
.card-pattern.pay.shinhan {
    min-height: 16rem;background-image: url(../img/logo-card-shinhan-white.png);
    background-repeat: no-repeat;background-position: right -.8rem bottom -.8rem;background-size: 20rem;
}
.card-pattern.pay.samsung {
    min-height: 16rem;background-image: url(../img/logo-card-samsung-white.png);
    background-repeat: no-repeat;background-position: right 0rem bottom -1.2rem;background-size: 15rem;
}
.card-pattern.pay.hana {
    min-height: 16rem;background-image: url(../img/logo-card-hana-white.png);
    background-repeat: no-repeat;background-position: right -2rem bottom -2rem;background-size: 12rem;
}
.card-pattern.pay.nh {
    min-height: 16rem;background-image: url(../img/logo-card-nh-white.png);
    background-repeat: no-repeat;background-position: right -2rem bottom -2rem;background-size: 9rem;
}
.card-pattern.pay.hyundai {
    min-height: 16rem;background-image: url(../img/logo-card-hyundai-white.png);
    background-repeat: no-repeat;background-position: right .2rem bottom -.5rem;background-size: 18rem;
}
.card-pattern.pay.lotte {
    min-height: 16rem;background-image: url(../img/logo-card-lotte-white.png);
    background-repeat: no-repeat;background-position: right -2rem bottom -2rem;background-size: 10rem;
}
.card-pattern.pay.bc {
    min-height: 16rem;background-image: url(../img/logo-card-bc-white.png);
    background-repeat: no-repeat;background-position: right -2rem bottom -2rem;background-size: 10rem;
}
.card-pattern.pay.woori {
    min-height: 16rem; background-image: url(../img/logo-card-woori-white.png);
    background-repeat: no-repeat; background-position: right bottom ; background-size: 10rem;
}
.card-pattern.pay.naverpay {
    min-height: 16rem; background-image: url(../img/logo-card-naverpay-white.png);
    background-repeat: no-repeat; background-position: right bottom; background-size: 10rem;
}
.swiper-wrapper .swiper-slide .card-pattern.pay .card-detail .card-company .img img {height: 2.5rem;width: auto;}
.card-pattern.pay .card-detail {padding-top: 0;}
.card-pattern.pay .card-detail .card-company em {display: block;padding-top: 1rem; color: #000;font-size: 1.5rem;}
.card-pattern.pay.woori .card-detail .card-company em {color: #fff;}

.type-pay-card .pay-card-cont .card-img-wrap {padding-bottom: 0;}
.type-pay-card .pay-card-cont .card-img-wrap .card-pattern.pay {min-height: 17.2rem;}
.type-pay-card .pay-card-cont .card-img-wrap .card-pattern.pay .card-detail .card-company .img img {position: relative;}
.type-pay-card .pay-card-cont .choice-card {left: auto;right: 1.2rem;}

/* 230126 수정 */
.name-btn-wrap {display: flex;}
.type-mypage .name-box .name-btn-wrap .btn-my-info {position: unset}
.type-mypage .name-box .btn-my-info.type2 {padding: 0.7rem 3rem 0.7rem 1.2rem;color: #08a75a;font-size: 1.2rem;line-height: 1;font-weight: 600;border-radius: 1.4rem;border: 1px solid #08a75a;background: #fff url(../img/btn-arrow.png) center right 1.2rem / 1rem no-repeat;}
.coupon-list .coupon {padding: 0;}
.gift-card-list .gift-card {padding: 0;}
.coupon-list .coupon .coupon-info,.gift-card-list .gift-card .gift-card-info {position: relative;min-height: 14.4rem;padding: 1.6rem 0 1.6rem 2rem;border-radius: 1.2rem;background: #f7feef;}
.coupon-list .coupon::before,.gift-card-list .gift-card::before {z-index: 1;}
.pc .type-mypage .name-box .name-btn-wrap .btn-my-info {margin-left: 1rem;font-size: 1.4rem;border-radius: 2rem;}
/* 230127 수정 */
.pc .type-mypage .name-box .btn-my-info.type2 {font-size: 1.4rem;border-radius: 2rem;}





/* 20230206 오픈 대응 */
.main-banner {padding: 3.4rem 2.4rem 4.4rem;}
/* .main-banner .banner01 {background: url(../img/img-intro.png) no-repeat left bottom -3rem;background-size: 10rem;}
.main-banner .banner02 {background: url(../img/img-intro.png) no-repeat left bottom -3rem;background-size: 10rem;} */
.main-banner.logo-bunuscard {background: url(../img/logo-bunuscard.png) no-repeat right 3rem top 1rem;background-size: 5rem;}
.pop-content .main-banner .die-point h2 {color: #000;font-size: 1.6rem;line-height: 1.4;font-weight: 600;}
.pop-content .main-banner .die-point .so-tit {border-top: 1px solid #eee;padding: 2rem 0;color: #666;font-size: 1.4rem;line-height: 1.4;word-break: keep-all;}
.pop-btn-box {padding: 1rem 0;text-align: right;}
.pop-btn-box button {
    display: inline-block;padding: .6rem 2rem;font-size: 1.3rem;color: #000;border: 1px solid rgba(0,0,0,0.08);background: #ffe132;line-height: 1;
    border-radius: 2.5rem;
}
.pop-content .easy-login .example * {color: #000; font-size: 1.6rem;line-height: 1.4;word-break: keep-all;}
.phto-line {width: 15rem;height: auto;margin: auto;margin-top: 5rem;border: 1px solid #ccc;border-radius: 1.2rem;overflow: hidden;}
.phto-line img {max-width: 100%;}
.header button.btn-kakao {left:1.8rem;background: url(../img/link-kakao.png) center / 2.4rem no-repeat;}

.giveaway-box {padding: 1.8rem 2rem 6rem;}
.giveaway-box .tit-txt .title {color: #000;font-size: 1.6rem;line-height: 1.5;font-weight: 600;}
.giveaway-box .tit-txt p {color: #000;font-size: 1.3rem;line-height: 1.5;}
.giveaway-box .tit-txt p strong {color: #08a75a;font-size: 1.3rem;line-height: 1.5;font-weight: 500;}
.giveaway-box .tit-txt p + p {padding-top: .6rem;}
.giveaway-box .giveaway-list {margin-top: 1rem; padding: 1.2rem 0;border-top: .1rem solid #eee;}
.giveaway-box .giveaway-list li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;}
.giveaway-box .giveaway-list li strong {color: #08a75a;font-size: 1.3rem;line-height: 1.5;font-weight: 500;}
.giveaway-box .giveaway-list li::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.giveaway-box .title24 {padding-bottom: 1rem; color: #000;font-size: 1.4rem;line-height: 1.5;font-weight: 500;}
.giveaway-box .check-type {padding: 2rem 2rem 0 2rem;font-size: 0;border-radius: 1.2rem;border: 1px solid #eeee;overflow: hidden;}
.giveaway-box .check-type .txt {background: #f6f6f6;margin: 1rem -2rem 0;padding: 1.6rem;}
.giveaway-box .check-type .txt > ul > li {position: relative;padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.5;}
.giveaway-box .check-type .txt li + li {margin-top: .5rem;}
.giveaway-box .check-type .txt li div {position: relative;color: #666;font-size: 1.3rem;line-height: 1.5;}
.giveaway-box .check-type .txt li ul {border-bottom: 1px dotted #ccc;}
.giveaway-box .check-type .txt li strong {color: #08a75a;font-size: 1.3rem;line-height: 1.5;font-weight: 500;}
.giveaway-box .check-type .txt > ul > li::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.giveaway-box .check-type .txt > ul > li ul {padding: 1rem 0;margin-bottom: 1rem;}
.giveaway-box .check-type .txt > ul > li ul li {position: relative;color: #888;font-size: 1.2rem;line-height: 1.5;}
.notice-wrap.pdlr10 {padding: 2.4rem 0 4rem;}
.type-nlssue.type-new .cont-ti {padding: 2.4rem 0 1rem;}
.type-nlssue.type-new .inpt-box {padding: 0.8rem 0 0;border-top: 1px solid #eee;}
.type-nlssue.type-new .cont-inner {padding: 2.4rem 0;border: 0;}
.type-nlssue.type-new input {margin: 0;}
input[type="file"].type03 {padding: 1.5rem 1.2rem;color: #000;font-size: 1.5rem;font-weight: 400;line-height: 2rem;border: 0;border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.30s ease-out;border-radius: 0;background: transparent;
}
.notice-input .essential {
    display: inline-block;padding: 0.6rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../img/icon-ess.png) center / 1.2rem no-repeat;
}
.notice-detail .attached-file .img-box {margin-left: -0.9rem;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.notice-detail .attached-file .img-box span {overflow: hidden;display: inline-block;width: calc(50% - 0.9rem);margin: 1.2rem 0 0 0.9rem;border-radius: 1.2rem;}
.notice-detail .attached-file .img-box img {max-width: 100%;}

.mobile .guide-gift .content.scrollBox {height: 100% !important;}


.mobile .guide-gift .voucher-pc-img-wrap {padding: 0 1.6rem;}
.mobile .guide-gift .voucher-pc-img-wrap .voucher-pc-img {padding: 2.6rem 0 2rem;border: 1px solid #eee;}
.mobile .guide-gift .voucher-pc-img-wrap .voucher-pc-img p {padding-top: 8rem;font-size: 1.4rem;font-weight: 500;background-size: 80%;}
.mobile .guide-gift .voucher-pc-img-wrap.type2 .voucher-pc-img p {padding-top: 12rem;font-size: 1.4rem;font-weight: 500;background-size: 80%;}
.mobile .guide-gift .pc-sub-tab-cont .pc-card-detail-intro-txt-wrap {padding: 2rem 1.6rem;}
.mobile .guide-gift .pc-card-detail-intro-txt-wrap .intro-txt-ti {font-size: 1.4rem;font-weight: 500;padding-bottom: 0.6rem;}
.mobile .guide-gift .pc-card-detail-intro-txt-wrap .voucher-detail-box dd {height: 6rem;border-bottom: 0;width: 33.3333%;}
.mobile .guide-gift .voucher-detail-box.type-txt dd {margin-top: 2rem;width: 100%;font-size: 1.3rem;height: auto;}
.mobile .guide-gift .voucher-detail-box.type-txt dd + dd {margin-top: 0;}
.mobile .guide-gift .pc-card-detail-intro-txt-wrap.type-voucher li + li {margin-top: 3rem;}
.mobile .guide-gift .pc-card-detail-intro-txt-wrap.type-voucher.type2 li + li {margin-top: 0;}
.mobile .guide-gift .pc-card-detail-intro-txt-wrap.type-voucher.type2 li span {margin-top: 1rem;font-size: 1.3rem;font-weight: 500;}
.mobile .guide-gift .voucher-detail-box dd span img {max-width: 80%;}
.mobile .guide-gift .voucher-detail-box.type-txt dd .btn-more-show.type-green {padding: 0.4rem 1.2rem;color: #08a75a;font-size: 1.2rem;}
.mobile .guide-gift .pc-card-detail-intro-txt-wrap.type-voucher.type2 li {width: 50%;}

.pc .main-banner.logo-bunuscard {background: url(../img/logo-bunuscard.png) no-repeat right 5rem top 3rem;background-size: 8rem;}
.pc .pop-content .main-banner .die-point h2 {color: #000;font-size: 2.4rem;line-height: 1.4;font-weight: 600;}
.pc .pop-content .main-banner .die-point .so-tit {padding: 2rem 3rem;color: #666;font-size: 1.8rem;}

.pc .pop-btn-box {padding: 3rem 0;}
.pc .pop-btn-box button {padding: 1rem 3rem;font-size: 1.6rem;}
.pc .pop-content .die-point .die-point-info {padding: 2rem 3rem 0;}
.pc .pop-content .easy-login .example * {font-size: 1.8rem;}
@media only screen and (min-width:530px) and (orientation:portrait ){
    .open .content .swiper-wrapper .swiper-slide{width: 60% !important;}
}

.pc .ars-info.email ul {background: #f6f6f6;}
.pc .ars-info.email ul li {vertical-align: top;}
.pc .ars-info.email .ars-sub {padding-top: 1rem;color: #000;font-size: 1.6rem;line-height: 1;}
.pc .ars-info.email .ars-sub2 {margin: 1rem 2rem; padding: 2rem 0 0;border-top: 1px solid #eee;color: #666;font-size: 1.4rem;line-height: 1.5;}

.pc .pc-inner .img-box {margin-left: -1.5rem;padding-bottom: 5rem; font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.pc .pc-inner .img-box span {overflow: hidden;display: inline-block;width: calc(50% - 1.5rem);margin: 1.5rem 0 0 1.5rem;border-radius: 1.2rem;}
.pc .pc-inner .img-box img {width: 100%;}


/* 2023-02-09 */
.pc .pc-header .gnb-bg, .only-pc .pc-header .gnb-bg {top: 16.1rem;}
.pc .pc.content .pc-main-swiper {min-height: 43.5rem;}

/* 2023-02-10 */
.pop-btn-flex-bottom .type-google {background: #ffe132 url(../img/app-intro/pc-ico-googlestore.png) left 1.2rem center / 1.6rem no-repeat;}
.pop-btn-flex-bottom .type-apple {background: #ffe132 url(../img/app-intro/pc-ico-appstore.png) left 1.2rem center / 1.6rem no-repeat;}
.pop-btn-flex-bottom .type-google, .pop-btn-flex-bottom .type-apple {padding: 1.6rem 0 1.6rem 2.4rem;font-size: 1.5rem;}
.pc .pc.content .pc-main-swiper .swiper-slide.banner01 {background: url(../img/2023/img-pc-mainbg01.png) repeat-x left top;}
.pc .pc.content .pc-main-swiper .swiper-slide.banner02 {background: url(../img/2023/img-pc-mainbg02.png) repeat-x left top;}



/* 2023 오픈 css */
.pop-content.pdd0 {padding: 0;}
.pop-content.pdd0 .event {background-color: #212121;}
.pop-content.pdd0 .event img {width: 100%;}
.popup-layer .close.white2 {background: url(../img/btn-close-white.png) no-repeat center center;background-size: 2.8rem;}
.open .content.scroll {max-height: calc(100vh - 5%) !important;}
.open.popup-layer .pop-center {width: 100%;max-height: 98%;}
.open.popup-layer.popup-layer .pop-layer {border-radius: 0;}
.open.popup-layer .m_box {background: transparent;}
.open .content .swiper-wrapper .swiper-slide {text-align: center;align-items: center;width: 80%;}
.open .content .main-banner {padding: 0 0 4rem 0;}
.open .content .main-banner img {width: 100%;border-radius: 1.2rem;overflow: hidden;}
.open .main-pop-swiper-pagination {bottom: .5rem;}
.open .main-pop-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.open .pop-footer {position: relative; padding: 1rem 3rem 0;}
.open .pop-footer label.check span {color: #fff;font-weight: 300;}
.popup-layer.open .close {padding: 0.4rem 0;top: 1rem;right: 3rem;background: transparent;font-size: 1.4rem; color: #fff;text-indent: 0;font-weight: 400;}

.guide-txt.type5 {background: url(../img/2023/mb-guide-05.png) bottom center / auto 75% no-repeat;}
.pc-app-intro .sec-intro-txt span {font-size: 2.6rem;}
.pc-app-intro .pc-inner.type1 {background: url(../img/2023/pc-intro-visual.png) right 4rem bottom / 54.9rem no-repeat;}
.main-intro-btn2 {
    max-width: 45rem; display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;
    box-orient: horizontal;flex-direction: row;padding-bottom: 1rem;
}
.main-intro-btn2 span {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;text-align: center;}
.main-intro-btn2 span img {width: 65px;height: 65px;}
.pc-app-intro::before {top: 135.7rem;}

.find-type6 {max-width: 120rem;margin: auto; padding: 0 0 6rem;border-bottom: 2px solid #efefef;text-align: center;}
.find-type6 img {max-width: 100%;}

.intro-step-box.rating {
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;
    box-orient: horizontal;flex-direction: row;
}
.intro-step-box.rating dl {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;text-align: center;}
.intro-step-box.rating dl .find-gas-s-img {max-width: 35rem;}
.pc-app-intro .pc-inner.type3 .intro-step-box.rating  dl + dl {margin: 0;}

.pc .pc.content .pc-main-swiper .swiper-slide {display: block;}

/* 20203 공지사항 */

.open-notice {max-width: 112rem;margin: auto;}
.open-notice .tit-box {padding: 2.5rem 2rem;border-radius: 1.6rem;background-color: #f6f6f6;text-align: center;}
.open-notice .tit-box .title {color: #000;font-size: 2.4rem;line-height: 1.5;font-weight: 400;text-align: center;}
.open-notice .tit-box .sub-title {padding-top: 1.6rem; color: #000;font-size: 1.6rem;line-height: 1.5;font-weight: 500;text-align: center;}
.open-notice .tit-box .sub-title span {color: #08a75a;font-size: 1.6rem;line-height: 1.5;font-weight: 500;text-align: center;}
.open-notice .notice-title {padding-top: 4rem; color: #000;font-size: 2rem;line-height: 1.5;font-weight: 600;text-align: left;}
.open-notice .list-notice {}
.open-notice .list-notice li {position: relative;margin-top: 1.2rem; padding-left: 1.2rem;color: #666;font-size: 1.6rem;line-height: 1.54;}
.open-notice .list-notice li::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.open-notice .list-notice li.list-type::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #fff;}


.open-notice .tb-area table {width:100%;margin-top: 2rem; border-top: 1px solid #000;border-bottom: 1px solid #000;}
.open-notice .tb-area table thead {background-color: #f6f6f6;}
.open-notice .tb-area table thead th {padding: 1.4rem 1rem; color: #000;font-size:1.2rem;text-align:center;border-bottom: 1px solid #eee;line-height: 1;}
.open-notice .tb-area table tbody th {padding: 1.4rem 1rem; color: #666;font-size:1.4rem;text-align:center;border-bottom: 1px solid #eee;line-height: 1.5;}
.open-notice .tb-area table tbody td {padding: 1.4rem 1rem; color: #666;font-size:1.4rem;text-align:left;border-bottom: 1px solid #eee;line-height: 1.5;}
.open-notice .tb-area table tbody td.center {text-align:center;}
.open-notice .tb-area table tbody td.bod01 {border-left: 1px solid #eee;}
.open-notice .tb-area table tbody td p {color: #666;font-size:1.4rem;text-align:left;line-height: 1.5;}

.open-notice .notice-example {}
.open-notice .notice-example p {padding: .7rem 0; color: #666;font-size: 1.4rem;line-height: 1.5;font-weight: 400;}
.open-notice .title-soil2 {padding: 4rem 0; color: #08a75a;font-size: 2.4rem;line-height: 1.5;font-weight: 600;text-align: center;}
.open-notice .app-guide2 {
    padding: 4rem 4rem 4rem 6rem;border: solid 2px #eee;border-radius: 1.6rem;
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
}

.open-notice .app-guide2 > div {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;}
.open-notice .app-guide2 .my-app-oil h3 {color: #000;font-size: 2.4rem;line-height: 1;font-weight: 600;text-align: left;}
.open-notice .app-guide2 .my-app-oil .txt {padding: 1.6rem 0 2.4rem; color: #666;font-size: 1.6rem;line-height: 1.5;font-weight: 400;text-align: left;}
.open-notice .app-guide2 .my-app-oil .btn-detail2 {
    padding: 1rem 5rem 1rem 1.8rem;border-radius: 2rem;border: solid 1px #08a75a;color: #08a75a;font-size: 1.8rem;line-height: 1;font-weight: 500;text-align: left;
    background: url(../img/2023/btn-arrow-small12.png) no-repeat right .8rem center;background-size: 1.8rem;
}
.open-notice .app-guide2 .app-download2 {display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;}
.open-notice .app-guide2 .app-download2 .oil-app-logo {padding: 8.4rem;background: url(../img/2023/app-icon-i-os.png) no-repeat center center;background-size: 16.7rem;}
.open-notice .app-guide2 .app-download2 .app-box2 {width: 100%;margin-left: 4rem; padding: 2.4rem 1.6rem;border: solid 1px #eee;border-radius: 1.6rem;}
.open-notice .app-guide2 .app-download2 .app-box2 p {padding: .7rem 0; color: #666;font-size: 1.4rem;line-height: 1.5;font-weight: 400;text-align: center;}
.open-notice .app-guide2 .app-download2 .app-qr ul {display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;}
.open-notice .app-guide2 .app-download2 .app-qr ul li {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;text-align: center;}

.open-notice .app-guide2 .app-download2 .app-qr ul li h4 {padding: 1rem 0; color: #666;font-size: 1.4rem;line-height: 1;font-weight: 400;text-align: center;}
.open-notice .app-guide2 .app-download2 .app-qr ul li .qr img {width: 5rem;height: 5rem;}

.mobile .open-notice .tit-box {padding: 1.8rem 2rem;border-radius: 1.6rem;background-color: #f6f6f6;text-align: center;}
.mobile .open-notice .tit-box .title {color: #000;font-size: 1.6rem;line-height: 1.3;font-weight: 400;text-align: center;}
.mobile .open-notice .tit-box .sub-title {padding-top: 1.6rem; color: #000;font-size: 1.3rem;line-height: 1.3;font-weight: 500;text-align: center;}
.mobile .open-notice .tit-box .sub-title span {color: #08a75a;font-size: 1.4rem;line-height: 1.3;font-weight: 500;text-align: center;}
.mobile .open-notice .notice-title {padding-top: 2rem; color: #000;font-size: 1.5rem;line-height: 1;font-weight: 600;text-align: left;}
.mobile .open-notice .list-notice li {position: relative;margin-top: .6rem; padding-left: 1.2rem;color: #666;font-size: 1.3rem;line-height: 1.3;}
.mobile .open-notice .list-notice li::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #666;}
.mobile .open-notice .list-notice li.list-type::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #fff;}
.mobile .open-notice .tb-area table {width:100%;margin-top: 1rem; border-top: 1px solid #000;border-bottom: 1px solid #000;}
.mobile .open-notice .tb-area table thead {background-color: #f6f6f6;}
.mobile .open-notice .tb-area table thead th {padding: 1.2rem 1rem; color: #000;font-size:1.2rem;text-align:center;border-bottom: 1px solid #eee;line-height: 1;}
.mobile .open-notice .tb-area table tbody th {padding: 1.2rem 1rem; color: #666;font-size:1.2rem;text-align:center;border-bottom: 1px solid #eee;line-height: 1.4;}
.mobile .open-notice .tb-area table tbody td {padding: 1.2rem 1rem; color: #666;font-size:1.2rem;text-align:left;border-bottom: 1px solid #eee;line-height: 1.4;}
.mobile .open-notice .tb-area table tbody td.center {text-align:center;}
.mobile .open-notice .tb-area table tbody td.bod01 {border-left: 1px solid #eee;}
.mobile .open-notice .tb-area table tbody td p {color: #666;font-size:1.2rem;text-align:left;line-height: 1.4;}
.mobile .open-notice .notice-example {padding-top: 1rem;}
.mobile .open-notice .notice-example p {padding: .4rem 0; color: #666;font-size: 1.2rem;line-height: 1.3;font-weight: 400;}
.mobile .open-notice .title-soil2 {padding: 2rem 0; color: #08a75a;font-size: 1.5rem;line-height: 1.5;font-weight: 600;text-align: center;}
.mobile .open-notice .app-guide2 {padding: 2rem 2rem 2rem 2rem;border: solid 1px #eee;border-radius: 1.6rem;display:block;}
.mobile .open-notice .app-guide2 > div {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;}
.mobile .open-notice .app-guide2 .my-app-oil h3 {color: #000;font-size: 1.8rem;line-height: 1;font-weight: 600;text-align: left;}
.mobile .open-notice .app-guide2 .my-app-oil .txt {padding: 1rem 0 1.8rem; color: #666;font-size: 1.3rem;line-height: 1.5;font-weight: 400;text-align: left;}
.mobile .open-notice .app-guide2 .my-app-oil .btn-detail2 {
    padding: .6rem 3rem .6rem 1.8rem;border-radius: 1.6rem;border: solid 1px #08a75a;color: #08a75a;font-size: 1.3rem;line-height: 1;font-weight: 400;
    text-align: left;background: url(../img/2023/btn-arrow-small12.png) no-repeat right .8rem center;background-size: 1.2rem;
}
.mobile .open-notice .app-guide2 .app-download2 {
    display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;
    margin-top: 1rem;
}
.mobile .open-notice .app-guide2 .app-download2 .oil-app-logo {padding: 4rem;background: url(../img/2023/app-icon-i-os.png) no-repeat center center;background-size: 8rem;}
.mobile .open-notice .app-guide2 .app-download2 .app-box2 {width: 100%;margin-left: 4rem; padding: 1.4rem 1.2rem;border: solid 1px #eee;border-radius: 1.6rem;}
.mobile .open-notice .app-guide2 .app-download2 .app-box2 p {padding: 0; color: #666;font-size: 1.2rem;line-height: 1.5;font-weight: 400;text-align: center;}
.mobile .open-notice .app-guide2 .app-download2 .app-qr ul {display: -webkit-box;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;flex-direction: row;}
.mobile .open-notice .app-guide2 .app-download2 .app-qr ul li {display: block;width: 100%;height: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex-grow: 1;text-align: center;}
.mobile .open-notice .app-guide2 .app-download2 .app-qr ul li h4 {padding: .5rem 0; color: #666;font-size: 1.2rem;line-height: 1;font-weight: 400;text-align: center;}
.mobile .open-notice .app-guide2 .app-download2 .app-qr ul li .qr img {width: 5rem;height: 5rem;}

/* 23.03.10 탄소 이벤트 (PC-Main-Appevent-003) */
.pc .pc.content .pc-main-swiper .swiper-slide.banner03 {background: #d1dec0;}
.app-event-type-03-01 {text-align: left;}
.app-event-type-03-01 .pc-inner {min-width: 120rem;}
.app-event-type-03-01 h1 {overflow: hidden;padding-right: 2rem;white-space: nowrap;text-overflow: ellipsis;}
.app-event-type-03-01 .event-ti-box {padding: 5rem 0 8rem;text-align: left;}
.app-event-type-03-01 .event-ti-box .sec-ti {display: inline-block !important;position: relative;padding: 0;padding-left: 14.4rem;font-size: 3.2rem;line-height: 1.38;text-align: left;}
.app-event-type-03-01 .event-ti-box .sec-ti::before {content: '';position: absolute;top: -1rem;left: 0;width: 12.9rem;height: 4.4rem;background: url(../img/2023_03/logo-b.png) left center / 12.9rem no-repeat;}
.app-event-type-03-01 .event-ti-box .to-logo-icon {display: inline-block;color: transparent;font-size: 0;padding: 1.8rem;}
.app-event-type-03-01 .event-ti-box .to-logo-icon.type1 {width: 9.4rem;background: url(../img/2023_03/logo-type1.png) center / 100% no-repeat;}
.app-event-type-03-01 .event-ti-box .to-logo-icon.type2 {width: 14rem;margin-left: 3.4rem;background: url(../img/2023_03/logo-type2.png) center / 100% no-repeat;}
.app-event-type-03-01 .event-ti-box .to-logo-wrap {float: right;margin-top: 5px;}
.app-event-type-03-01 .event-sec1 {padding: 6.2rem 0 34rem;border-bottom: 1px solid #eee;background: url(../img/2023_03/img-event-003-visual.png) right bottom / 74rem no-repeat;}
.app-event-type-03-01 .event-sec1 p {text-align: left;font-size: 2.6rem;font-weight: 500;line-height: 1.7;}
.app-event-type-03-01 .event-sec1 p span {display: inline-block;color: #08a75a;font-size: 2.6rem;font-weight: 500;vertical-align: middle;}
.carbon-p-info-txt {padding: 11rem 0 3.5rem;}
.carbon-p-main-txt {padding-bottom: 13.9rem;}
.carbon-p-main-txt dt {display: inline-block;padding-top: 4px;color: #08a75a;font-size: 2.4rem;font-weight: 600;vertical-align: top;}
.carbon-p-main-txt dd {display: inline-block;margin-left: 3.6rem;font-size: 1.8rem;line-height: 1.7;}
.carbon-p-sub-txt dl + dl {margin-top: 4.6rem;}
.carbon-p-sub-txt dl {font-size: 0;}
.carbon-p-sub-txt dt {display: inline-block;min-width: 9.1rem;margin-right: 3.4rem;vertical-align: top;}
.carbon-p-sub-txt dt span {display: inline-block;font-size: 2rem;font-weight: 600;box-shadow: inset 0 -1.2rem 0 rgb(255 255 50 / 50%);}
.carbon-p-sub-txt dd {display: inline-block;font-size: 1.6rem;line-height: 1.3;}
.carbon-p-sub-txt dd button {display: block;margin-top: 1.6rem;width: 40rem;padding:2rem 0;font-size: 2rem;line-height: 1;border-radius: 1.2rem;border: 1px solid rgba(0,0,0,0.08);background: #ffe132;}
.carbon-p-how {padding: 4.3rem 0 5.5rem;}
.carbon-p-how .sm-sec-ti {font-size: 2rem;line-height: 1;}
.carbon-p-how ol {display: flex;flex-wrap: wrap;align-items: flex-end;padding-top: 1.1rem;font-size: 0;}
.carbon-p-how ol li {display: inline-block;min-width: 22rem;margin-top: 4rem;}
.carbon-p-how ol li > * {text-align: center;}
.carbon-p-how ol li + li {position: relative;margin-left: 6.6rem;}
.carbon-p-how ol li + li::before {content: '';position: absolute;top: 31.5rem;left: -4.5rem;width: 2.8rem;height: 2.2rem;background: url(../img/2023_03/icon-arrow.png) center / 2.8rem no-repeat;}
.carbon-p-how ol li img {display: block;margin: 0 auto;height: 45.8rem;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;}
.number-circle {display: flex;align-items: center;justify-content: center;width: 3.6rem;height: 3.6rem;margin: 0 auto;color: #fff;font-size: 1.8rem;border-radius: 50%;background: #08a75a;}
.carbon-p-how ol li .participation-txt {min-height: 4.8rem;margin-top: 1.8rem;font-size: 1.6rem;line-height: 1.5;}
.carbon-p-how ol li.type3 {margin-left: 5rem;}
.carbon-p-how ol li.type3::before {left: -3.5rem;}
.carbon-p-how ol li.type5 {margin: 0;}
.carbon-p-how ol li.type5 img {height: 16.9rem;}
.carbon-p-how ol li.type5::before {content: none;}
.carbon-p-how ol li.type6,.carbon-p-how ol li.type7,.carbon-p-how ol li.type8 {margin-left: 3.3rem;}
.carbon-p-how ol li.type6::before,.carbon-p-how ol li.type7::before,.carbon-p-how ol li.type8::before {left: -3rem;}
.carbon-p-important-txt {padding-top: 7.2rem;}
.carbon-p-important-txt dt {margin: 0; vertical-align: middle;}
.carbon-p-important-txt .bold {margin-left: 1.6rem;font-size: 2rem;}
.carbon-p-important-txt .bold + dd {margin-top: 2rem;}
.carbon-p-point-txt {padding: 7.8rem 0;}
.carbon-p-point-txt dt {display: block;font-size: 2rem;}
.carbon-p-point-txt dd {position: relative;margin-top: 2.6rem;padding-left: 1.2rem;font-size: 1.6rem;line-height: 1;}
.carbon-p-point-txt dd + dd {margin-top: 2rem;}
.carbon-p-point-txt dd::before {content: '';position: absolute;top: 0.6rem;left: 0;padding: 2px;border-radius: 50%;background: #666;}

/* mobile 23.03.10 탄소 이벤트 (PC-Main-Appevent-003) */
.mobile .app-event-type-03-01 {margin: -2rem -1.6rem;}
.mobile .app-event-type-03-01 br {display: none;}
.mobile .app-event-type-03-01 .pc-inner {min-width: 100%;}
.mobile .app-event-type-03-01 .event-ti-box {padding: 3rem 1.6rem 5rem;}
.mobile .app-event-type-03-01 .event-ti-box .sec-ti {padding-left: 9rem;font-size: 1.8rem;word-break: keep-all;}
.mobile .app-event-type-03-01 .event-ti-box .sec-ti::before {width: 8rem;background-size: 100%;}
.mobile .app-event-type-03-01 .event-ti-box .to-logo-wrap {float: unset;margin-top: 0.8rem;}
.mobile .app-event-type-03-01 .event-ti-box .to-logo-icon {background-size: 100% !important;}
.mobile .app-event-type-03-01 .event-ti-box .to-logo-icon.type1 {width: 8rem !important;}
.mobile .app-event-type-03-01 .event-ti-box .to-logo-icon.type2 {width: 11rem !important;}
.mobile .app-event-type-03-01 .event-sec1 {padding: 0 1.6rem 23rem;background-position: center bottom; background-size: 32rem auto;}
.mobile .app-event-type-03-01 .event-sec1 p {font-size: 1.6rem;}
.mobile .app-event-type-03-01 .event-sec1 p span {font-size: 1.6rem;}
.mobile .carbon-p-info-txt {padding: 4rem 1.6rem;}
.mobile .carbon-p-main-txt {padding-bottom: 4rem;}
.mobile .carbon-p-main-txt dt{display: block;padding-top: 0;font-size: 1.6rem;}
.mobile .carbon-p-main-txt dd {display: block;margin: 0;margin-top: 1rem;font-size: 1.4rem;}
.mobile .carbon-p-sub-txt dt {display: block;min-width: auto;}
.mobile .carbon-p-sub-txt dt span {font-size: 1.6rem;}
.mobile .carbon-p-sub-txt dd {margin-top: 1rem;font-size: 1.4rem;}
.mobile .carbon-p-sub-txt dl + dl {margin-top: 1.8rem;}
.mobile .carbon-p-sub-txt dd button {width: 100%;padding: 1.6rem 0;font-size: 1.4rem;}
.mobile .carbon-p-how {padding: 3rem 1.6rem;}
.mobile .carbon-p-how .sm-sec-ti {font-size: 1.8rem;text-align: center;}
.mobile .carbon-p-how ol li {min-width: 100%;margin: 0;}
.mobile .carbon-p-how ol li + li {margin: 0;}
.mobile .carbon-p-how ol li + li::before {display: none;}
.mobile .carbon-p-how ol li img {width: 70%;height: auto;}
.mobile .number-circle {width: 2.4rem;height: 2.4rem;font-size: 1.4rem;}
.mobile .carbon-p-how ol li .participation-txt {margin-top: 1rem;font-size: 1.4rem;}
.mobile .carbon-p-important-txt {padding: 4rem 1.6rem;}
.mobile .carbon-p-important-txt .carbon-p-sub-txt dt {display: inline-block;}
.mobile .carbon-p-important-txt .bold {margin-top: 0;}
.mobile .carbon-p-important-txt dd {line-height: 1.6;}
.mobile .carbon-p-point-txt {padding: 0;padding-top: 4rem;}
.mobile .carbon-p-point-txt dt {font-size: 1.6rem;}
.mobile .carbon-p-point-txt dd {margin-top: 1.6rem;font-size: 1.4rem;line-height: 1.5;}
.mobile .carbon-p-point-txt dd + dd {margin-top: 1rem;}

.mobile .app-event-type-03-01 .event-sec1 p br {display: block;}


/* 23.03.14 main-visual */
.pc .pc.content .pc-main-swiper .swiper-slide.banner04 {background: #121621;}
.pc .pc.content .pc-main-swiper .swiper-slide.banner05 {background: url(../img/2023_03/img-pc-mainbg-5.png) repeat-x left top;}

/* 23.03.14 open 이벤트 (PC-Main-Appevent-004) */
.pc .pc-content .pc-inner .event-detail .event-content.open-event-wrap {min-width: 120rem;text-align: left;}
.open-banner {margin-top: 1rem;padding-top: 7.9rem;padding-left: 9.2rem;border-radius: 3rem 3rem 0 0;background: #121621 url(../img/2023_03/img-event-004-visual-01.png) right 6.6rem top 2rem / 48rem no-repeat;}
.open-banner p {color: #fff;}
.open-banner .open-banner-txt1 {font-size: 2.6rem;font-weight: 500;}
.open-banner .open-banner-txt1 span {display: inline-block;color: #95ffff;font-size: 2.6rem;font-weight: 500;}
.open-banner .open-banner-txt2 {position: relative;margin-top: 2.6rem;padding-bottom: 17.7rem;font-size: 2rem;font-weight: 500;background: url(../img/2023_03/img-event-004-visual-02.png) bottom left 17.4rem / 28rem no-repeat;}
.open-banner .open-banner-txt2 span {display: inline-block;color: #ffe132;font-size: 2rem;font-weight: 500;}
.open-banner .open-banner-txt2::after {content: '';position: absolute;left: 0;bottom: 1.8rem;width: 8.8rem;height: 12rem;background: url(../img/2023_03/img-event-004-visual-03.png) center / 100% no-repeat;}
.open-event-info-box {margin-top: 4rem;}
.open-event-info-box .open-event-info-inner {padding: 3rem 0.6rem;border-bottom: 1px solid #eee;}
.open-event-info-box .open-event-info-inner dt {display: inline-block;padding: 0.6rem 1.2rem;color: #fff;font-size: 1.8rem;line-height: 1;border-radius: 1.5rem;background: #121621;}
.open-event-info-box .open-event-info-inner dd {display: inline-block;margin-left: 3rem;padding-top: 2px;font-size: 1.6rem;line-height: 1;}
.open-event-info-box .open-event-info-inner.type2 dt {vertical-align: top;}
.open-event-info-box .open-event-info-inner.type2 dd {line-height: 1.6;}
.open-event-info-box .open-event-info-inner.type3 dl,.open-event-info-box .open-event-info-inner.type4 dl {padding-top: 2rem;font-size: 0;text-align: center;}
.open-event-info-box .open-event-info-inner.type3 dt,.open-event-info-box .open-event-info-inner.type4 dt {display: block;padding: 0;text-align: left;background: #fff;}
.open-event-info-box .open-event-info-inner.type3 dt span,.open-event-info-box .open-event-info-inner.type4 dt span {display: inline-block;padding: 0.6rem 1.2rem;color: #fff;font-size: 1.8rem;line-height: 1;border-radius: 1.5rem;background: #121621;}
.open-event-info-box .open-event-info-inner.type3 dd {min-width: 22rem;margin: 0;margin-top: 3.5rem;padding-top: 42rem;text-align: center;}
.open-event-info-box .open-event-info-inner.type3 dd + dd {margin-left: 3rem;}
.open-event-info-box .open-event-info-inner.type3 dd.type1 {background: url(../img/2023_03/event-004-01.png) top center / 22rem no-repeat;}
.open-event-info-box .open-event-info-inner.type3 dd.type2 {background: url(../img/2023_03/event-004-02.png) top center / 22rem no-repeat;}
.open-event-info-box .open-event-info-inner.type3 dd.type3 {background: url(../img/2023_03/event-004-03.png) top center / 22rem no-repeat;}
.open-event-info-box .open-event-info-inner.type3 dd.type4 {background: url(../img/2023_03/event-004-04.png) top center / 22rem no-repeat;}
.open-event-info-box .open-event-info-inner.type3 dd span + span {display: block;min-height: 4.8rem;margin-top: 1.9rem;font-size: 1.6rem;line-height: 1.5;}
.open-event-info-box .open-event-info-inner.type3 p {margin-top: 5rem;padding-bottom: 3rem;font-size: 1.6rem;line-height: 3.6rem;text-align: center;}
.open-event-info-box .open-event-info-inner.type3 p .number-circle {display: inline-flex;margin-right: 1rem;}
.open-event-info-box .open-event-info-inner.type4 dd {min-width: 24rem;padding-top: 18rem;padding-bottom: 3rem;margin: 0;}
.open-event-info-box .open-event-info-inner.type4 dd span {display: inline-block;color: #08a75a;font-size: 1.6rem;vertical-align: baseline;}
.open-event-info-box .open-event-info-inner.type4 dd + dd {margin-left: 5rem;}
.open-event-info-box .open-event-info-inner.type4 dd.type1 {background: url(../img/2023_03/event-004-gift-01.png) top center / 24rem no-repeat;}
.open-event-info-box .open-event-info-inner.type4 dd.type2 {background: url(../img/2023_03/event-004-gift-02.png) top center / 24rem no-repeat;}
.open-event-info-box .open-event-info-inner.type4 dd.type3 {background: url(../img/2023_03/event-004-gift-03.png) top center / 24rem no-repeat;}
.open-event-info-box .open-event-info-inner.type4 dd.type4 {background: url(../img/2023_03/event-004-gift-04.png) top center / 24rem no-repeat;}
.open-event-info-box .open-event-info-inner.type5 {border-bottom: 0;}
.open-event-info-box .open-event-info-inner.type5 dd {margin-left: 2rem;}
.open-event-info-box .open-event-info-inner.type5 .block {position: relative;margin-top: 2.9rem;margin-left: 0;padding-left: 2.4rem;}
.open-event-info-box .open-event-info-inner.type5 .block::before {content: '';position: absolute;top: 0.6rem;left: 1.2rem;padding: 2px;border-radius: 50%;background: #666;}
.open-event-info-box .open-event-info-inner.type5 .block + .block {margin-top: 1.8rem;padding-bottom: 3.2rem;}

.mobile .open-banner{padding-top: 25rem;padding-left: 1.6rem;padding-right: 1.6rem;background-size: 30rem;background-position: top 3rem center;}
.mobile .open-banner .open-banner-txt1 {font-size: 1.6rem;}
.mobile .open-banner .open-banner-txt1 span {font-size: 1.6rem;}
.mobile .open-banner .open-banner-txt2 {padding-bottom: 13.5rem;font-size: 1.4rem;word-break: keep-all;background-position: bottom right 1rem ;background-size: 20rem;}
.mobile .open-banner .open-banner-txt2 br {display: none;}
.mobile .open-banner .open-banner-txt2 span {font-size: 1.4rem;}
.mobile .open-event-info-box {margin-top: 2rem;}
.mobile .open-event-info-box .open-event-info-inner {padding: 2rem 0.6rem;}
.mobile .open-event-info-box .open-event-info-inner dt {font-size: 1.6rem;}
.mobile .open-event-info-box .open-event-info-inner dd {display: block;margin: 0;margin-top: 1rem;font-size: 1.4rem;}
.mobile .open-event-info-box .open-event-info-inner.type3 dd {padding-top: 36rem;background-size: 20rem;}
.mobile .open-event-info-box .open-event-info-inner.type3 dd + dd {margin-left: 0;margin-top: 2rem;}
.mobile .open-event-info-box .open-event-info-inner.type3 dt span,.mobile .open-event-info-box .open-event-info-inner.type4 dt span {font-size: 1.6rem;}
.mobile .open-event-info-box .open-event-info-inner.type3 dl,.mobile .open-event-info-box .open-event-info-inner.type4 dl {padding-top: 0;}
.mobile .open-event-info-box .open-event-info-inner.type3 dd span + span {margin-top: 1rem;font-size: 1.4rem;}
.mobile .open-event-info-box .open-event-info-inner.type3 p {margin-top: 0;font-size: 1.4rem;line-height: 1.5;word-break: keep-all;}
.mobile .open-event-info-box .open-event-info-inner.type3 p .number-circle {display: flex;margin: 0 auto 1rem;}
.mobile .open-event-info-box .open-event-info-inner.type4 dd {padding-top: 15rem;background-size: 22rem;}
.mobile .open-event-info-box .open-event-info-inner.type4 dd + dd {margin: 0;}
.mobile .open-event-info-box .open-event-info-inner.type4 dd span {font-size: 1.4rem;}
.mobile .open-event-info-box .open-event-info-inner.type5 {padding-bottom: 0;}
.mobile .open-event-info-box .open-event-info-inner.type5 .block {margin-top: 2rem;}
.mobile .open-event-info-box .open-event-info-inner.type5 .block {padding-left: 1.2rem;word-break: keep-all;line-height: 1.4;}
.mobile .open-event-info-box .open-event-info-inner.type5 .block::before {top: 0.9rem;left: 0;}
.mobile .open-banner .open-banner-txt2::after{left: 1rem;width: 6rem;height:8rem;}

/* 23.03.14 등급 이벤트 (PC-Main-Appevent-005) */
.premium-class-event {text-align: center;}
.premium-class-event .premium-class {margin-top: 2.7rem;padding: 4.7rem;color: transparent;font-size: 0;background: url(../img/2023_03/img-event-005-visual-01.png) center / 22rem no-repeat;}
.premium-txt1 {padding-top:29.7rem;font-size: 2rem;font-weight: 500;line-height: 1.5;background: url(../img/2023_03/img-event-005-visual-02.png) top 3.3rem center / 20rem no-repeat;}
.premium-txt1 span {color: #008530;font-size: 2rem;font-weight: 500;vertical-align: middle;}
.premium-txt2 {margin-top: 2.2rem;font-size: 1.6rem;line-height: 1.5;}
.premium-txt2 span {font-size: 1.6rem;font-weight: 600;vertical-align: baseline;}
.premium-impo {margin-top: 3.8rem;padding-bottom: 1.8rem;}
.premium-impo dt {display: inline-block;padding: 0 0.8rem;font-size: 1.6rem;font-weight: 500;box-shadow: inset 0 -1.2rem 0 #ffedb7;}
.premium-impo dd {margin-top: 0.9rem;color: #666;font-size: 1.5rem;line-height: 1.5;}
.premium-impo dd + dd {margin: 0;}

.mobile .premium-class-event .premium-class {background-size: 18rem;}
.mobile .premium-txt1 {padding-top: 22rem;font-size: 1.6rem;word-break: keep-all;background-size: 16rem;background-position: top 2rem center;}
.mobile .premium-txt1 span {font-size: 1.6rem;}
.mobile .premium-txt2 {font-size: 1.4rem;word-break: keep-all;}
.mobile .premium-txt2 span {font-size: 1.4rem;}
.mobile .premium-impo {margin-top: 2.8rem;}
.mobile .premium-impo dd {font-size: 1.4rem;word-break: keep-all;}

/* 23.03.16 */
.app-event-type-03-01 {margin: -3rem;}
.open-event-info-box .open-event-info-inner.type4 dd.type1 span {color: #a77c08;}
.open-event-info-box .open-event-info-inner.type4 dd.type2 span {color: #574a4a;}
.open-event-info-box .open-event-info-inner.type4 dd.type3 span {color: #f2ab13;}
.open-event-info-box .open-event-info-inner.type4 dd.type4 span {color:#08a75a;}

/* 23.03.17 */
.mobile .app-event-type-03-01 {margin: -2rem -2.4rem;}

/* 23.04.28 고급 실물 보너스카드 발급 이벤트 */
.bns-vip-card-event > * {text-align: left;}
.bns-vip-card-event .bns-vip-cont {margin-top: 4rem;}
.bns-vip-card-event .bns-vip-cont .img {padding: 0;}
.bns-vip-card-event .bns-vip-cont .img img { -webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.bns-vip-card-event .bns-vip-cont p {width: 0;height: 0;color: transparent;font-size: 0;text-indent: -9999999px;}
/* .bns-vip-card-event .bns-vip-cont p {padding-bottom: 123rem;color: transparent;font-size: 0;text-indent: -9999999px;background: url(../img/2023_04/pc-detail-vip.png) top center / 100% no-repeat;}
.mobile .bns-vip-card-event .bns-vip-cont p {padding-bottom: 94rem;background: url(../img/2023_04/mobile-detail-vip.png) top center / contain no-repeat;} */
.bns-vip-card-event .bns-vip-how {padding: 1.8rem 10rem 0;background: #eefff7;}
.bns-vip-card-event dl {font-size: 0;}
.bns-vip-card-event dl dt {color: #003e18;font-size: 2.4rem;font-weight: 600;}
.bns-vip-card-event dl dd {position: relative;margin-top: 1rem;padding-left: 1.4rem;color: #003e18;font-size: 1.8rem;word-break: keep-all;}
.bns-vip-card-event dl dd::before {content: '-';position: absolute;left: 0;}
.bns-vip-card-event .btn-wrap {max-width: unset;}
.bns-vip-card-event .btn-wrap button {padding: 2.5rem 0;color: #fff;font-size: 2.4rem;line-height: 1.25;font-weight: 600;border-radius: 2rem;}
.bns-vip-card-event .btn-wrap button + button {margin-left: 2rem;}
.bns-vip-card-event .btn-wrap .btn-bns-outline {padding: 2.3rem 0;color: #003e18;border: 2px solid #007b3d;background: #eefff7;}
.bns-vip-card-event .btn-wrap .btn-bns-green {color: #fff;background: #007b3d;}
.bns-vip-card-event .btn-wrap .btn-bns-green:disabled {opacity: 1;background: #b4cfc2;}
.bns-vip-card-event .btn-wrap .btn-bns-gold {background: #e4a600;}
.bns-vip-card-event .bns-vip-info {padding: 6rem 10rem;background: #d7eee3;}
.mobile .bns-vip-card-event .bns-vip-cont {margin-top: 2rem;}
.mobile .bns-vip-card-event .bns-vip-how {padding: 0.9rem 1.5rem 0;}
.mobile .bns-vip-card-event dl dt {font-size: 1.8rem;}
.mobile .bns-vip-card-event dl dd {font-size: 1.4rem;}
.mobile .bns-vip-card-event .btn-wrap {display: block;padding: 4rem 0;}
.mobile .bns-vip-card-event .btn-wrap button {padding: 1.6rem 0;font-size: 1.5rem;line-height: 1.2;border-radius: 1rem;}
.mobile .bns-vip-card-event .btn-wrap button + button {margin-left: 0;margin-top: 1rem;}
.mobile .bns-vip-card-event .btn-wrap .btn-bns-outline {padding: 1.4rem 0;border: 1px solid}
.mobile .bns-vip-card-event .bns-vip-info {padding:4rem 1.5rem;}
.mobile .bns-vip-card-event .bns-vip-info dd {line-height: 1.48;}

/* 23.04.28 고굽 살뮬 보너스카드 발급 이벤트 상세 */
.bns-vip-card-event-detail .sub-ti {padding: 4rem 0 2rem;color: #000;font-size: 2rem;font-weight: 600;}
.bns-vip-card-event-detail .bns-bg {position: relative;}
.bns-vip-card-event-detail .bns-bg .img {position: relative;z-index: 1;padding: 0;}
.bns-vip-card-event-detail .bns-bg .img img { -webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.bns-vip-card-event-detail .bns-bg::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 3rem);border-radius: 1rem;background: #eefff7;}
.bns-vip-card-event-detail .bns-ipt-box {margin-top: 3.2rem;padding: 0 2rem;}
.bns-vip-card-event-detail .input-box {padding: 2.8rem 0;border-bottom: 1px solid #f6f6f6;}
.bns-vip-card-event-detail .input-box p {position: relative;padding: 1rem 0 0 21rem;color: #666666;font-size: 1.4rem;text-align: left;}
.bns-vip-card-event-detail .input-box p::before {content: '*';position: absolute;left: 20rem;}
.bns-vip-card-event-detail .inpt-inner {min-width: 36.8rem;}
.bns-vip-card-event-detail .inpt-inner input {display: block;width: 100%;padding: 1.9rem 1.6rem !important;}
.bns-vip-card-event-detail .inpt-ti {display: block;min-width: 20rem;color: #000;font-size: 1.6rem;font-weight: 600;text-align: left;}
.bns-vip-card-event-detail .input-box.address .inpt-inner.type1 {min-width: 26rem;width: 26rem;}
.bns-vip-card-event-detail .input-box.address .inpt-inner.type1 input {width: 11.2rem;}
.bns-vip-card-event-detail .input-box.address .inpt-inner.type1 .btn-inpt {right: 0;padding: 1.1rem 1.6rem;}
.bns-vip-card-event-detail .input-box.address .type2 input {width: 36.8rem;}
.bns-vip-card-event-detail .input-box.address .type2 em {margin-left:1rem;vertical-align: bottom;}
.bns-vip-card-event-detail .bns-detail-cont {margin-top: 4rem;text-align: left;}
.bns-vip-card-event-detail .bns-detail-info p {padding-left: 4.4rem;color: #08a75a;font-size: 1.8rem;font-weight: 600;line-height: 3.2rem;background: url(../img/2023_04/ic-vip-notice.png) left center / 3.2rem no-repeat;}
.bns-vip-card-event-detail .bns-detail-info ul {padding-left: 4.4rem;}
.bns-vip-card-event-detail .bns-detail-info li,.bns-vip-card-event-detail .bns-detail-agree li {position: relative;margin-top: 0.8rem;padding-left: 1.4rem;color: #666;font-size: 1.4rem;line-height: 1.57;}
.bns-vip-card-event-detail .bns-detail-info li::before,.bns-vip-card-event-detail .bns-detail-agree li::before {content: '-';position: absolute;left: 0;color: #666;font-size: 1.4rem;}
.bns-vip-card-event-detail .bns-detail-agree {margin-top: 4rem;}
.bns-vip-card-event-detail .bns-detail-agree p {color: #000;font-size: 1.8rem;font-weight: 600;}
.bns-vip-card-event-detail .bns-detail-agree ul {margin-top: 1.2rem;padding: 1.2rem 2.8rem 2rem 2.8rem;border-radius: 1.6rem;background: #f6f6f6;}
.bns-vip-card-event-detail .bns-radio-wrap {margin-top: 4rem;}
.bns-vip-card-event-detail .bns-radio-wrap {text-align: center;}
.bns-vip-card-event-detail .bns-radio-wrap label.radio {display: inline-block;}
.bns-vip-card-event-detail .bns-radio-wrap label.radio input[type=radio] {width: 2.8rem;}
.bns-vip-card-event-detail .bns-radio-wrap label.radio input[type=radio]:before {padding: 1.4rem;background-size: 2.8rem;}
.bns-vip-card-event-detail .bns-radio-wrap label.radio + label.radio {margin-left: 8rem;}
.bns-vip-card-event-detail .bns-radio-wrap label.radio span {display: inline-block;margin-left: 1.2rem;color: #000;font-size: 1.8rem;line-height: 2.8rem;}
.bns-vip-card-event-detail .btn-list-box {padding: 4rem 0 6rem;max-width: 60rem;}
.bns-vip-card-event-detail .btn-list-box .btn-gray {width: 20rem;}
/* mobile */
.mobile .event-detail .bns-vip-card-event-detail .bns-bg {margin: 0 -1.6rem;}
.mobile .bns-ipt-box-wrap {margin: 0 -1.6rem;padding: 1.6rem;;background: #f6f6f6;}
.mobile .bns-vip-card-event-detail .bns-ipt-box {margin: 0;padding: 2.4rem 2rem;border: 1px solid #eee;border-radius: 1.2rem;background: #fff;}
.mobile .bns-vip-card-event-detail .input-box {padding: 0;border: 0;}
.mobile .bns-vip-card-event-detail .input-box + .input-box {margin-top: 2.8rem;}
.mobile .bns-vip-card-event-detail .inpt-ti {font-size: 1.4rem;}
.mobile .bns-vip-card-event-detail .inpt-inner {min-width: 100%;margin-top: 0.8rem;}
.mobile.bns-vip-card-event-detail .inpt-inner input {padding: 1.5rem 1.2rem;}
.mobile.bns-vip-card-event-detail .inpt-inner input::placeholder {font-size: 1.5rem;}
.mobile .bns-vip-card-event-detail .input-box p {margin-top: 1rem;padding: 0.8rem 1.8rem;color: #666;font-size: 1.2rem;border-radius: 0.8rem;background: #f6f6f6;}
.mobile .bns-vip-card-event-detail .input-box p::before {left: 1rem;}
.mobile .bns-vip-card-event-detail .input-box.address .inpt-inner.type1 {min-width: 100%;width: 100%;}
.mobile .bns-vip-card-event-detail .input-box.address .inpt-inner.type1 input {width: 100%;padding-right: 10.5rem !important;}
.mobile .bns-vip-card-event-detail .input-box.address .inpt-inner.type1 .btn-inpt {padding: 0.8rem 1.6rem;}
.mobile .bns-vip-card-event-detail .input-box.address .type2 input {width: 100%;}
.mobile .bns-vip-card-event-detail .input-box.address .type2 em{margin-left: 0;}
.mobile .bns-vip-card-event-detail .bns-detail-cont{margin-top: 3.2rem;}
.mobile .bns-vip-card-event-detail .bns-detail-info ul {padding-left: 0;}
.mobile .bns-vip-card-event-detail .bns-detail-info li, .mobile .bns-vip-card-event-detail .bns-detail-agree li {margin-top: 1.2rem;font-size: 1.3rem;}
.mobile .bns-vip-card-event-detail .bns-detail-agree {margin-top: 3.2rem;}
.mobile .bns-vip-card-event-detail .bns-detail-agree ul {margin-top: 1.4rem;padding: 0.4rem 1.6rem 1.6rem;}
.mobile .bns-vip-card-event-detail .bns-radio-wrap {margin-top: 2rem;font-size: 0;}
.mobile .bns-vip-card-event-detail .bns-radio-wrap label.radio {width: 50%;}
.mobile .bns-vip-card-event-detail .bns-radio-wrap label.radio input[type=radio] {width: 2.2rem;}
.mobile .bns-vip-card-event-detail .bns-radio-wrap label.radio input[type=radio]:before {padding: 1.1rem;background-size: 2.2rem;}
.mobile .bns-vip-card-event-detail .bns-radio-wrap label.radio + label.radio {margin-left: 0;}
.mobile .bns-vip-card-event-detail .bns-radio-wrap label.radio span {font-size: 1.4rem;line-height: 2.2rem;}
.mobile .bns-vip-card-event-detail .btn-list-box .btn-gray {display: none;}
.mobile .bns-vip-card-event-detail .btn-list-box .btn-list {height: 5rem;}

/* 23.05.16 KT WIZ 이벤트 */
.ktwiz-event > * {text-align: left;}
.ktwiz-event .ktwiz-cont {margin-top: 4rem;}
.ktwiz-event .ktwiz-cont .img {padding: 0;}
.ktwiz-event .ktwiz-cont .img img {width: 100%; -webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.ktwiz-event .ktwiz-cont p {width: 0;height: 0;color: transparent;font-size: 0;text-indent: -9999999px;}
.ktwiz-event .ktwiz-btn {padding: 1.8rem 10rem 0;background: #f0f1f1;}
.ktwiz-event .btn-wrap {max-width: unset;}
.ktwiz-event .btn-wrap button {padding: 2.5rem 0;color: #fff;font-size: 2.4rem;line-height: 1.25;font-weight: 600;border-radius: 2rem;}
.ktwiz-event .btn-wrap button + button {margin-left: 2rem;}
.ktwiz-event .btn-wrap .btn-bns-outline {padding: 2.3rem 0;color: #231f20;border: 2px solid #231f20;background: #f0f1f1;}
.ktwiz-event .btn-wrap .btn-bns-black {color: #fff;background:#231f20;}
.ktwiz-event .btn-wrap .btn-bns-black:disabled {opacity: 1;background:#898889;}
.ktwiz-event .ktwiz-event-date{padding:0 10rem 6rem;background:#f0f1f1}
.ktwiz-event .ktwiz-event-date .pc-date table{widtH:100%;}
.ktwiz-event .ktwiz-event-date .pc-date table tr th,
.ktwiz-event .ktwiz-event-date .pc-date table tr td{padding:2.5rem 0;font-size: 2rem;line-height: 1.5;text-align: center;color: #231f20;}
.ktwiz-event .ktwiz-event-date .pc-date table tr td button{font-size: 2rem;line-height: 1;text-align: center;color: #d3d2d2;border-bottom:1px solid #d3d2d2;}
.ktwiz-event .ktwiz-event-date .pc-date table tr td button.active{color:#ec1c24;border-bottom:1px solid #ec1c24}
.ktwiz-event .ktwiz-event-date .pc-date table thead{background:#d3d2d2;}
.ktwiz-event .ktwiz-event-date .pc-date table tbody{background:#fff;}
.ktwiz-event .ktwiz-info {padding: 6rem 10rem;background: #231f20;}
.ktwiz-event .ktwiz-info dl {font-size: 0;}
.ktwiz-event .ktwiz-info dl dt {color: #fff;font-size: 2.4rem;font-weight: 600;}
.ktwiz-event .ktwiz-info dl dd {position: relative;margin-top: 1rem;padding-left: 1.4rem;color: #fff;font-size: 1.8rem;word-break: keep-all;}
.ktwiz-event .ktwiz-info dl dd::before {content: '-';position: absolute;left: 0;}
.ktwiz-event .ktwiz-event-date .m-date{display:none !important;}
/* 24.06.03 KT WIZ 이벤트 */
.pc .ktwiz-event.ktwiz-2024 .btn-wrap {padding:0 0 6rem 0;}
.ktwiz-event.ktwiz-2024 .ktwiz-event-date .pc-date table tr th {font-weight: bold;}
.ktwiz-event.ktwiz-2024 .ktwiz-event-date .pc-date table tr td button {font-weight: normal;}
.ktwiz-event.ktwiz-2024 .ktwiz-info dl dd {letter-spacing: -1px; font-weight: lighter;}
.ktwiz-event.ktwiz-2024 .ktwiz-event-date {padding:0 10rem;}
.ktwiz-event.ktwiz-2024 .ktwiz-event-date .pc-date .img-area img {display: block; margin: 0 auto;}

@media all and (max-width:1070px) {
    .pc .ktwiz-event.ktwiz-2024 .ktwiz-btn {padding: 1.8rem 7rem;}
    .pc .ktwiz-event.ktwiz-2024 .ktwiz-event-date {padding: 0 7rem;}
    .pc .ktwiz-event.ktwiz-2024 .ktwiz-event-date .pc-date table tr th {word-break: keep-all;}
    .pc .ktwiz-event .ktwiz-event-date .pc-date table tr td,
    .pc .ktwiz-event .ktwiz-event-date .pc-date table tr td button {font-size: 1.7rem;}
}

.mobile .ktwiz-event.ktwiz-2024 .ktwiz-event-date .m-date .img-area img {display: block; width: 90%; margin: 20px auto 0;}
.mobile .ktwiz-event.ktwiz-2024 .ktwiz-event-date {padding: 0 1.5rem;}
.mobile .ktwiz-event.ktwiz-2024 .ktwiz-info dl dd {letter-spacing: initial;}

/* mobile */
.mobile .ktwiz-event .ktwiz-cont {margin-top: 2rem;}
.mobile .ktwiz-info dl dt {font-size: 1.8rem;}
.mobile .ktwiz-info dl dd {font-size: 1.4rem;}
.mobile .ktwiz-event .ktwiz-btn{padding: 0rem 1.5rem 4rem;}
.mobile .ktwiz-event .ktwiz-btn .btn-wrap {display: block;padding:0;}
.mobile .ktwiz-event .ktwiz-btn .btn-wrap button {padding: 1.6rem 0;font-size: 1.5rem;line-height: 1.2;border-radius: 1rem;}
.mobile .ktwiz-event .ktwiz-btn button + button {margin-left: 0;margin-top: 1rem;}
.mobile .ktwiz-event .ktwiz-btn .btn-bns-outline {padding: 1.4rem 0;border: 1px solid}
.mobile .ktwiz-event .ktwiz-info {padding:4rem 1.5rem;}
.mobile .ktwiz-event .ktwiz-info dd {line-height: 1.48;}
.mobile .ktwiz-event .ktwiz-event-date {padding: 0rem 1.5rem 6rem;}
.mobile .ktwiz-event .ktwiz-event-date .pc-date {display:none !important;}
.mobile .ktwiz-event .ktwiz-event-date .m-date{display:block !important;}
.mobile .ktwiz-event .ktwiz-event-date .m-date .m-date-list{width:100%;font-size:1.5rem;}
.mobile .ktwiz-event .ktwiz-event-date .m-date .m-date-list + .m-date-list{margin-top:2rem;}
.mobile .ktwiz-event .ktwiz-event-date .m-date .m-date-list .m-date-period{
    font-weight:600;color:#000;text-align:center;padding:1.8rem 0;background:#d3d2d2;border-radius:1rem 1rem 0 0;}
.mobile .ktwiz-event .ktwiz-event-date .m-date .m-date-list .m-date-game p {line-height: 1.5;}
.mobile .ktwiz-event .ktwiz-event-date .m-date .m-date-list .m-date-game button{margin-top:1rem;font-size:1.5rem;font-weight: 500;color: #d3d2d2;border-bottom:1px solid #d3d2d2}
.mobile .ktwiz-event .ktwiz-event-date .m-date .m-date-list .m-date-game button.active{color:#ec1c24;border-bottom:1px solid #ec1c24;}


/* 23.05.16 이벤트 경품 수령 개인정보제공 동의 */
.event-agree-wrap .event-agree-top{position:relative;padding:1.6rem;height:11rem;background:url('../img/2023_05/img-goodoil.png') no-repeat 96% center;background-size:5.7rem auto;}
.event-agree-wrap .event-agree-top strong{display:inline-block;margin-top:2rem;font-size:1.4rem;font-weight:600;color: #000;}
.event-agree-wrap .event-agree-top p{margin-top:.8rem;font-size:1rem;line-height: 1.6;color: #231f20;}

.event-agree-ipt-wrap {width:100%;padding: 1.6rem;;background: #f6f6f6;}
.event-agree-ipt-wrap .ipt-box {margin: 0;padding: 2.4rem 2rem;border: 1px solid #eee;border-radius: 1.2rem;background: #fff;}
.event-agree-ipt-wrap .input-box {padding: 0;border: 0;}
.event-agree-ipt-wrap .input-box + .input-box {margin-top: 2.8rem;}
.event-agree-ipt-wrap .input-box p {margin-top: 1rem;padding: 0.8rem 1.8rem;color: #666;
    font-size: 1.2rem;border-radius: 0.8rem;background: #f6f6f6;}
.event-agree-ipt-wrap .inpt-inner {width: 100%;margin-top: 0.8rem;}
.event-agree-ipt-wrap .inpt-inner input {display: block;width: 100%;padding: 1.9rem 1.6rem;background:#fff !important}
.event-agree-ipt-wrap .inpt-inner input::placeholder {font-size: 1.5rem !important;}
.event-agree-ipt-wrap .inpt-ti {display: block;min-width: 20rem;color: #000;font-size: 1.4rem;font-weight: 600;text-align: left;}
.event-agree-ipt-wrap .input-box.address .inpt-inner.type1 {min-width: 100%;width: 100%;}
.event-agree-ipt-wrap .input-box.address .inpt-inner.type1 input {width: 100%;padding-right: 10.5rem !important;background:#fff !important}
.event-agree-ipt-wrap .input-box.address .inpt-inner.type1 .btn-inpt {right: 0;padding: 0.8rem 1.6rem;}
.event-agree-ipt-wrap .input-box.address .type2 input {width: 100%;background:#fff !important}
.event-agree-ipt-wrap .input-box.address .type2 em {width:100%;vertical-align: bottom;}

.event-agree-wrap .detail-cont {margin-top: 3.2rem;padding:0 1.6rem;text-align: left;}
.event-agree-wrap .detail-cont .detail-info p {padding-left: 4.4rem;color: #08a75a;font-size: 1.8rem;font-weight: 600;line-height: 3.2rem;background: url(../img/2023_04/ic-vip-notice.png) left center / 3.2rem no-repeat;}
.event-agree-wrap .detail-cont .detail-info ul {padding-left: 0;}
.event-agree-wrap .detail-cont .detail-info li,
.event-agree-wrap .detail-cont .detail-agree li {position: relative;margin-top:1.2rem;padding-left: 1.4rem;color: #666;font-size: 1.3rem;line-height: 1.57;}
.event-agree-wrap .detail-cont .detail-info li::before,
.event-agree-wrap .detail-cont .detail-agree li::before {content: '-';position: absolute;left: 0;color: #666;font-size: 1.4rem;}
.event-agree-wrap .detail-cont .detail-agree {margin-top: 3.2rem;}
.event-agree-wrap .detail-cont .detail-agree p {color: #000;font-size: 1.8rem;font-weight: 600;}
.event-agree-wrap .detail-cont .detail-agree ul {margin-top: 1.4rem;padding: 0.4rem 1.6rem 1.6rem;;border-radius: 1.6rem;background: #f6f6f6;}
.event-agree-wrap .detail-cont .radio-wrap {margin-top: 2rem;font-size: 0;}
.event-agree-wrap .detail-cont .radio-wrap label.radio {display: inline-block;width: 50%;}
.event-agree-wrap .detail-cont .radio-wrap label.radio input[type=radio] {width: 2.2rem;}
.event-agree-wrap .detail-cont .radio-wrap label.radio input[type=radio]:before {padding: 1.1rem;background-size: 2.2rem;}
.event-agree-wrap .detail-cont .radio-wrap label.radio + label.radio {margin-left: 0rem;}
.event-agree-wrap .detail-cont .radio-wrap label.radio span {display: inline-block;margin-left: 1.2rem;color: #000;font-size: 1.4rem;line-height: 2.2rem;}
.event-agree-wrap .btn-wrap {padding:4rem 2rem 6rem !important;}

/* 23.05.16 주유소 보기 팝업 */
.event-popup-layer .pop-layer{max-width:114.6rem !important;height:90vh !important;}
.event-popup-layer .pop-layer .m_box{height:100%;}
.event-popup-layer .pop-header h1{padding-bottom:2rem !important;}
/* .event-popup-layer .content.scroll{height:90vh;} */
.event-popup-layer .pop-content{padding:0 8rem 2.8rem}
.event-popup-layer .pop-content .pop-img img{width:100%;}
.event-popup-layer .pop-content .pop-img .m-img{display:none;}
.event-popup-layer .event-table{margin-top:3.2rem;}
.event-popup-layer .event-table table{widtH:100%;}
.event-popup-layer .event-table table thead{background:#d3d2d2;}
.event-popup-layer .event-table table tr th,
.event-popup-layer .event-table table tr td{padding:2.5rem 0;font-size:2rem;	line-height: 1.5;text-align: center;color: #231f20;}
.event-popup-layer .event-table table tr th{font-weight:600;}
/* mobile */
.mobile .event-popup-layer .pop-layer{widtH:100%;max-width:100% !important;height:100% !important;border-radius:0;}
.mobile .event-popup-layer .pop-content{padding:0;}
.mobile .event-popup-layer .pop-content .pop-img .pc-img{display:none;}
.mobile .event-popup-layer .pop-content .pop-img .m-img{display:block;}
.mobile .pop-bottom .pop-layer .pop-header h1{font-size:1.8rem;}
.mobile .event-popup-layer .event-table{margin-top:1.6rem; padding:0 1.6rem;}
.mobile .event-popup-layer .event-table table tr th,
.mobile .event-popup-layer .event-table table tr td{font-size:1.4rem;padding:1.5rem 0;}

/* 23.05.25 BTS 이벤트 */
.bts-event > * {text-align: left;}
.bts-event .bts-cont {margin-top: 4rem;}
.bts-event .bts-cont .img {padding: 0;}
.bts-event .bts-cont .img img { -webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.bts-event .bts-cont-bg{background:#2e275f;padding:3rem 8rem 10rem;}
.bts-event .bts-cont-bg .pc-txt .date{font-size:2.4rem;	line-height: 1.25;color:#fff;}
.bts-event .bts-cont-bg .pc-txt .event-box{position:relative;background:#fff;border-radius:2rem;margin-top:6.2rem;padding:5.6rem 5.5rem;overflow:hidden;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li{margin-bottom:3.2rem;border-bottom:1px solid #d8d8d8;padding-bottom:3.2rem;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li:last-child{border-bottom:none;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li p.box-txt{display:inline-block;padding:.7rem 1.8rem;background:#2d2557;border-radius:2rem;font-size:2rem;font-weight:500;color: #fff;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li div.sub-txt{margin-top:2rem;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li div.sub-txt p{display:inline-block;font-size:2rem;line-height: 1.3;color: #000;letter-spacing:-.05rem;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li div.sub-txt p:first-child{margin-right:6rem;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li div.sub-txt p span{display:inline-block;width:1rem;height:1.8rem;vertical-align:middle;margin:0 1.8rem;background:url('../img/2023_06/present1/icon-arrow-order.png') no-repeat center;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li p.dot-txt{position:relative;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li p.dot-txt.margin{margin-bottom:.8rem;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li p.dot-txt:before{	content:"";position:relative;top:-0.4rem;margin-right:.9rem;display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#000;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li ul{display:flex;
    justify-content:space-evenly;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li ul li{text-align:center;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li ul li p{font-size: 2rem;line-height: 1.3;color: #000;}
.bts-event .bts-cont-bg .pc-txt .event-box > ul > li ul li p span{color:#8048d8;font-size:2rem;}
.bts-event .bts-cont-bg .pc-txt .event-box .btm-txt{position:absolute;bottom:0;left:0;width:100%;height:8rem;background:#4d3e9e;text-align:Center;display:flex;justify-content: center;align-items: center;gap:.8rem;}
.bts-event .bts-cont-bg .pc-txt .event-box .btm-txt p{font-size:2rem;color:#fff;line-height:8rem;}
.bts-event .bts-info {padding: 6rem 10rem;background: #dfd2ff;}
.bts-event .bts-info dl {font-size: 0;}
.bts-event .bts-info dl dt {color: #000;font-size: 2.4rem;font-weight: 600;}
.bts-event .bts-info dl dd {position: relative;margin-top: 1rem;padding-left: 1.4rem;color: #000;font-size: 1.8rem;word-break: keep-all;}
.bts-event .bts-info dl dd::before {content: '-';position: absolute;left: 0;}
/* mobile */
.mobile .bts-event .bts-cont-bg{padding:0;}
.mobile .bts-event .bts-cont-bg .mb-txt .date{font-size:1.4rem;line-height: 1.14;color:#fff;padding-top:1rem;}
.mobile .bts-event .mb-txt .event-box{padding:4rem 2rem 5rem;background:#2e275f;}
.mobile .bts-event .mb-txt .event-box p{font-size: 1.8rem;font-weight:600;color: #fff;margin-bottom:1rem;}
.mobile .bts-event .mb-txt .event-box p.margin{margin-top:5rem;}
.mobile .bts-event .mb-txt .event-box ul li{position:relative;padding-left:1.2rem;font-size:1.4rem;line-height: 1.43;color: #fff;margin-bottom:1rem;}
.mobile .bts-event .mb-txt .event-box ul li:before{content:"";position:relative;display:inline-block;left:-0.6rem;width:.6rem;height:.6rem;border-radius:50%;background:#fff;}
.mobile .bts-event .bts-info {padding:4rem 1.5rem;}
.mobile .bts-event .bts-info dt{font-size:1.8rem;}
.mobile .bts-event .bts-info dd {font-size:1.4rem;line-height: 1.48;}

.slotmachine-cont{position: relative;max-width:41.2rem;margin:3rem auto 0;}
.slotmachine-cont .slotmachine-title{position:relative;width:100%;height:12.2rem;padding-top:5rem;background:url('../img/2023_06/present1/img-mobile-roulette1.png') no-repeat 100%;background-size:100% auto;}
.slotmachine-cont .slotmachine-title p{font-size:2.2rem;font-weight: 600;line-height: 1;text-align: center;color: #fff;}
.slotmachine-cont .slotmachine-title p span{font-size:2.2rem;color:#f3ef9f;line-height:1;}
.slotmachine-cont .slotmachine-title p.slotmachine-txt{margin-top:1rem;font-size:1.2rem;font-weight:300;line-height: 1.17;letter-spacing: -0.05rem;text-align: center;color: #fff;}
.slotmachine-cont .container{width:100%;height:11.9rem;padding:0 3.4rem;font-size: 2.2rem; background:url('../img/2023_06/present1/img-mobile-roulette2.png') no-repeat 100%;background-size:100% auto;}
.slotwrapper-border { background-color: #8260c1; border-radius: 5px; padding: .3rem; }
.slotwrapper { overflow: hidden; display: inline-block; width: 100%; background-color: #fff; border: 4px solid #000; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
.slotwrapper > div { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; border-right: 2px solid #000; border-left: 2px solid #000; }
.slotwrapper > div:first-child { border-left: 0; }
.slotwrapper > div:last-child { border-right: 0; }
.slotwrapper > div::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.5); z-index: 10; }
.slotwrapper ul { position: relative; width: 100%; height:10rem; line-height: 10rem; text-align: center;}
.slotwrapper ul li {width: 100%;padding: 0;line-height:10rem;}
.slotwrapper ul img {position: relative;z-index: 0;width: 100%;}
.slotmachine-cont .slotmachine-txt2{position:relative;width:100%;height:16rem;padding:2rem 0;background:url('../img/2023_06/present1/img-mobile-roulette3.png') no-repeat top;background-size:100% 100%;}
.slotmachine-cont .slotmachine-txt2 p{font-size:1.3rem;font-weight:400;	line-height: 1.54;text-align: center;color: #dfd2ff;}
.slotmachine-cont .slotmachine-txt2 p strong{display:inline-block;margin-bottom:1rem;font-size:1.6rem;font-weight:600;	line-height: 1.38;text-align: center;color: #fff;}
.slotmachine-cont .btn-wrap{position:relative;width:100%;height:14.3rem;background:url('../img/2023_06/present1/img-mobile-roulette4.png') no-repeat top;background-size:100% 100%;padding:2.7rem 4rem 0;}
.slotmachine-cont .btn-wrap button{height:5rem;font-size: 1.5rem;font-weight:600;text-align: center;color: #fff;background:#904ff6}
.slotmachine-cont .btn-wrap button.retry-btn{background:#3b255c}
.slotmachine-cont .btn-wrap button.confirm-btn{background:#3586eb}

/* 23.06.02 BTS 이벤트 present2 */
.bts-event2 .bts-detail-bg1{widtH:100%;height:129.6rem;background:url('../img/2023_06/present2/pc-detail-bg-1.png') no-repeat;background-size:100% 100%;}
.bts-event2 .bts-detail-bg2{display:flex;align-items: center;    justify-content: center;width:100%;height:100rem;background:url('../img/2023_06/present2/pc-detail-bg-2.png') no-repeat;background-size:100% 100%;}
.bts-event2 .bts-detail-bg3{widtH:100%;height:59.2rem;background:url('../img/2023_06/present2/pc-detail-bg-3.png') no-repeat;background-size:100% 100%;}
.bts-event2 .cont-txt-box{position:relative;width:83.33%;padding:0 2% 0 6.5%;}
.bts-event2 .cont-txt-box .cont-txt{display:flex;font-size:0;width:100%;margin-bottom:6.5%;}
.bts-event2 .cont-txt-box .cont-txt div{font-size:2rem;font-weight:600;color: #000;}
.bts-event2 .cont-txt-box .cont-txt div.shadow-txt{flex:0 0 10rem;margin-right:3.5rem;text-align:right;width:10rem;line-height:2;text-shadow: 0 2px 4px rgba(3, 206, 240, 0.6);}
.bts-event2 .cont-txt-box .cont-txt div.txt{width:77rem;line-height:2;letter-spacing:-0.02rem;}
.bts-event2 .cont-txt-box .cont-txt div.txt ul{display:block;}
.bts-event2 .cont-txt-box .cont-txt div.txt ul li{position: relative;    padding-left: 1.4rem;color: #000;font-size: 1.8rem;word-break: keep-all;line-height:2.22;}
.bts-event2 .cont-txt-box .cont-txt div.txt ul li::before{content: '-';position: absolute;left: 0;}
.bts-event2 .cont-txt-box .cont-txt div.txt2 ul li{font-size:2rem;font-weight:600;line-height:2}
.bts-event2 .bts-info{background:none;position:absolute;left:0;bottom:0;width:100%;padding:0 10rem 6rem;}
.bts-event2 .btn-wrap {position:absolute;top:0rem;left:50%;transform:translateX(-50%);width:49rem;}
.bts-event2 .btn-wrap button {padding: 2.5rem 0;color: #fff;font-size: 2.4rem;line-height: 1.25;font-weight: 600;border-radius: 2rem;background: #1d1d1b;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.bts-event2 .btn-wrap button.btn-grey{background:#898889}
.bts-event2 .btn-wrap button.btn-purple{background:#801cff}

/* mobile */
.mobile .bts-event2 .bts-detail-bg1{widtH:100%;height:auto;background:none;}
.mobile .bts-event2 .bts-detail-bg2{display:flex;align-items: flex-start;    justify-content: center;width:100%;height:103.8rem;background:url('../img/2023_06/present2/mobile-detail-bg-2.png') no-repeat;background-size:100% 100%;}
.mobile .bts-event2 .bts-detail-bg3{widtH:100%;height:59.1rem;background:url('../img/2023_06/present2/mobile-detail-bg-3.png') no-repeat;background-size:100% 100%;}
.mobile .bts-event2 .cont-txt-box{width:90%;padding:5rem 1.3rem 0;}
.mobile .bts-event2 .cont-txt-box .cont-txt{flex-direction:column}
.mobile .bts-event2 .cont-txt-box .cont-txt div.shadow-txt{flex:auto;margin-right:0;font-size:1.8rem;text-align:left;}
.mobile .bts-event2 .cont-txt-box .cont-txt div.txt{widtH:100%;font-size:1.4rem;line-height:2.14;font-weight:500;}
.mobile .bts-event2 .cont-txt-box .cont-txt div.txt ul li{font-size:1.4rem;line-height:2.14;}
.mobile .bts-event2 .cont-txt-box .cont-txt div.txt2 ul li{font-weight:500;}
.mobile .bts-event2  .btn-wrap {display: block;padding:5rem 1.5rem 6rem;position: relative;top: 0;left: 0;transform: none; width: auto;}
.mobile .bts-event2  .btn-wrap button {padding: 1.6rem 0;font-size: 1.5rem;line-height: 1.2;border-radius: 1rem;}

.bts-event-agree-wrap .img img{widtH:100%;}

/* 23.06.12 공지사항 빠른주유 */
.event0613{position:relative;}
.event0613 .top-con .pc-bg{position:relative;padding:5rem 0;background:url('../img/2023_06/soilpay/pc-bg.png') right 5rem / 50rem no-repeat;}
.event0613 .top-con .pc-bg:after{content:"";position:absolute;left:0;bottom:0;display:inline-block;width:100%;height:.2rem;background:url('../img/2023_06/soilpay/pc-dotline.png') no-repeat;}
.event0613 .top-con .pc-bg span.pc-br{display:block;}
.event0613 .top-con .pc-bg .txt-box-black{display:inline-block;padding:.7rem 1.5rem .7rem 4.4rem;border-radius:1.8rem;
    background:#1b1b1b url('../img/2023_06/soilpay/pc-icon-phone.png') 1.6rem center / 2.2rem no-repeat;color:#fff;font-size:1.8rem;line-height:1.11;font-weight:100;}
.event0613 .top-con .pc-bg .txt-box-black img{margin-right:.6rem;}
.event0613 .top-con .pc-bg p.tit{margin:3.6rem 0;font-size:3.2rem;font-weight:600;line-height:1;}
.event0613 .top-con .pc-bg p.tit span{font-size:3.2rem;font-weight:600;line-height:1;}
.event0613 .top-con .pc-bg p.txt{font-size:2.4rem;line-height: 1.5;letter-spacing: -0.05rem;}
.event0613 .top-con .pc-bg p.txt strong{font-size:2.4rem;line-height: 1.5;letter-spacing: -0.05rem;font-weight:600;}
.event0613 .top-con .pc-bg ul{margin-top:4rcap;}
.event0613 .top-con .pc-bg ul li{padding:2.8rem 0 3.8rem 9.6rem;height:8rem;font-size:2rem;font-weight:600;letter-spacing: -0.02rem;color: #1b1b1b;margin-top:2rem;}
.event0613 .top-con .pc-bg ul.pc-txt li:nth-child(1){background:url('../img/2023_06/soilpay/pc-step1.png') left center / 8rem no-repeat;}
.event0613 .top-con .pc-bg ul.pc-txt li:nth-child(2){background:url('../img/2023_06/soilpay/pc-step2.png') left center / 8rem no-repeat;}
.event0613 .top-con .pc-bg ul.pc-txt li:nth-child(3){background:url('../img/2023_06/soilpay/pc-step3.png') left center / 8rem no-repeat;}
.event0613 .top-con .pc-bg ul li span{display: inline-block;font-size: 2rem;font-weight: 600;box-shadow: inset 0 -1.2rem 0 rgb(255 255 50 / 40%);}
.event0613 .top-con .pc-bg ul li a{position:relative;display:inline-block;font-size:2rem;line-height:1;margin-left:2rem;}
.event0613 .top-con .pc-bg ul li a:before{content:"";position:absolute;left:0;bottom:0;display:inline-block;width:92%;height:1px;background:#1b1b1b;}
.event0613 .top-con .pc-bg ul li a:after{content:"";display:inline-block;margin-left:.4rem;width:1.6rem;height:1.6rem;background:url('../img/2023_06/soilpay/pc-arrow-right.png') no-repeat;}
.event0613 .top-tit{position:relative;padding:6.8rem 0;font-size:2.8rem;line-height: 1.14;letter-spacing: -0.5px;color: #ff7900;}
.event0613 .top-tit:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:4.8rem;background:url('../img/2023_06/soilpay/pc-text-bg.png') center no-repeat;}
.event0613 .top-tit strong{font-size:2.8rem;line-height: 1.14;font-weight: 600;color: #ff7900;}
.event0613 .dd-con .dropdown{position:relative;padding:3.6rem 6rem;margin-bottom:5rem;border-radius: 2rem;border: solid 2px #ffd118;background-color: #ffe132; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.16);font-size:2.4rem;font-weight:600;text-align:left;}
.event0613 .dd-con .dropdown:after{content:"";position:absolute;top:50%;right:6rem;transform:translateY(-50%);width:4.8rem;height:4.8rem;background:url('../img/2023_06/soilpay/pc-arrow.png') center center / 4.8rem no-repeat;}
.event0613 .dd-con .dropdown.click{box-shadow: none;}
.event0613 .dd-con .dropdown.click:after{transform:translateY(-50%) rotate(-180deg);}
.event0613 .dd-con .cont{display:none;margin:8rem 0;}
.event0613 .dd-con.second-con .cont{background:url('../img/2023_06/soilpay/pc-bg2.png') right 98% / 38.5rem no-repeat;}

/* mobile */
.mobile .event0613 .m-br{display:block !important;}
.mobile .event0613 .top-con .pc-bg:after{background:url('../img/2023_06/soilpay/m/m-dotline.png') no-repeat;background-size:cover;}
.mobile .event0613 .top-con .m-bg{padding-top:34.4rem;background:url('../img/2023_06/soilpay/m/m-img.png') center 2rem / 32rem no-repeat;}
.mobile .event0613 .top-con .m-bg span.pc-br{display:none;}
.mobile .event0613 .top-con .m-bg p.tit{font-size:2.5rem;margin:3rem 0 1.5rem}
.mobile .event0613 .top-con .m-bg p.tit span{display:block;color:#ff7900;margin-top:0.5rem;font-size:2.5rem;}
.mobile .event0613 .top-con .m-bg p.txt,
.mobile .event0613 .top-con .m-bg p.txt strong{font-size:1.5rem;}
.mobile .event0613 .top-con .m-bg ul li{display:flex;align-items:center;gap:1rem;font-size:1.4rem;padding:0;height:auto;}
.mobile .event0613 .top-con .m-bg ul li .img{width:4.4rem;padding:0;}
.mobile .event0613 .top-con .m-bg ul li .txt{font-weight:600;}
.mobile .event0613 .top-con .m-bg ul li span{font-size:1.4rem;box-shadow:inset 0 -0.8rem 0 rgb(255 255 50 / 40%)}
.mobile .event0613 .top-con .m-bg ul li a{margin-left:0;font-size:1.4rem;}
.mobile .event0613 .top-con .m-bg ul li a:before{width:89%}
.mobile .event0613 .top-con .m-bg ul li a:after{position:relative;top:.3rem;}
.mobile .event0613 .top-tit{padding:4.3rem 0;font-size:1.9rem;}
.mobile .event0613 .top-tit:before{height:6rem;background:url('../img/2023_06/soilpay/m/m-txt-bg.png') center no-repeat;background-size:contain;}
.mobile .event0613 .top-tit strong{font-size:1.9rem;}
.mobile .event0613 .dd-con .dropdown{font-size:1.4rem;padding: 2rem 2.5rem;
    margin-bottom: 2rem;}
.mobile .event0613 .dd-con .dropdown:after{right:2rem;width:2.4rem;height:2.4rem;background:url('../img/2023_06/soilpay/m/m-arrow.png') center center / 2.4rem no-repeat;}
.mobile .event0613 .dd-con .cont{margin:0;}
.mobile .event0613 .dd-con.second-con .cont{background:none;}
.mobile .event0613 .dd-con .mb-txt ul{display:flex;flex-wrap: wrap;  justify-content: space-around;margin:2.4rem auto;}
.mobile .event0613 .dd-con .mb-txt ul li{width:50%;padding:0 0.6rem;margin-bottom:2rem;}
.mobile .event0613 .dd-con .mb-txt ul li img{width:100%;}
.mobile .event0613 .dd-con .mb-txt ul li span{display:block;width:3.2rem;height:3.2rem;border-radius:50%;background:#08a75a;margin:1.5rem auto 1rem;font-size:1.6rem;color:#fff;font-weight:500;line-height:3.2rem;text-align:center;}
.mobile .event0613 .dd-con .mb-txt ul li p{font-size:1.4rem;text-align:center;}
.mobile .event0613 .dd-con .mb-txt ul li p span{display:inline-block;width:2.4rem;height:2.4rem;background:#ff4d4d;font-size:1.6rem;color:#fff;text-align:center;font-weight:400;line-height:2.4rem;margin:0;vertical-align: middle;}
.mobile .event0613 .dd-con.third-con .mb-txt ul li div.w50p{width:13rem !important;}



/* 20230630 */
.mdt20 {margin-top: 2rem !important;}
.pc .choice .input-box.type1 {display: flex;align-items: center;}
.pc .choice .cont-inner .inpt-ti {display: inline-block;min-width: 24rem;padding: 2.8rem 0;font-size: 1.6rem;}
.pc .choice .input-box.type1 .label-list label {display: inline-block;}
.pc .choice .input-box.type1 .label-list label input[type=radio] {margin-top: 0;}
.pc .choice .input-box.type1 .label-list label + label {margin-left: 8rem;}
.pc .choice .input-box.type1 .label-list label em {font-size: 1.8rem;}
.pc .choice .input-box.type1 + .input-box.type1 {margin-top: 0;border-top: 1px solid #f6f6f6;}

.mobile .choice .input-box.type1 {display: block;}
.mobile .choice .cont-inner .inpt-ti {display: block;padding: 2.8rem 0 1.8rem;font-size: 1.4rem;}
.mobile .choice .input-box.type1 .label-list label {display: inline-block;}
.mobile .choice .input-box.type1 .label-list .i-block label {display: block;}
.mobile .choice .input-box.type1 .label-list label input[type=radio] {margin-top: 0;}
.mobile .choice .input-box.type1 .label-list label + label {margin-left: 2rem;}
.mobile .choice .input-box.type1 .label-list label em {font-size: 1.4rem;}
.mobile .choice .input-box.type1 + .input-box.type1 {margin-top: 0;}


/* 20230706 */
.pc .footer-top .ft-btn-list button.bold {font-size: 1.5rem;font-weight: 700 !important;}

/* 20230710 */
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .koreanair {background:#fff url(../img/point-img06.png) center center no-repeat;background-size: 13.8rem;}
.pc .pc.content .pc-point-box > .point-use .pc-point-swiper .kalhotel {background:#fff url(../img/point-img4.png) center center no-repeat;background-size: 13.8rem;}

/* 20230711 */
.type-mypage .mypage-btns li.type6-spay button {background: url(../img/ico-short-pay.png) top 0.9rem center no-repeat;background-size: 3.6rem;}
.main-bg .btn-shortcuts button.short-gift {margin-top: 1.2rem;}
.main-bg .btn-shortcuts button.short-gift::before {background: #f5f5f5 url(../img/ico-short-gift.png) center center no-repeat;background-size: 3.6rem;}
.main-bg .btn-shortcuts button.short-vouchergift::before {background: #f5f5f5 url(../img/ico-short-voucher-gift.png) center center no-repeat;background-size: 3.6rem;}
.awards-box ul {
    display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 2rem;
    -webkit-box-orient: vertical;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.awards-box ul li {font-size: 0;text-indent: -9999px;}
.awards-box ul li + li {margin-left: 1.3rem;}
.awards-box ul li.awards01 {width: 7.3rem;height: 11.4rem; background: url(../img/img_awader01.png) center center no-repeat;background-size: 7.3rem;}
.awards-box ul li.awards02 {width: 10.2rem;height: 11.4rem; background: url(../img/img_awader02.png) center top no-repeat;background-size: 10.2rem;}
.awards-box ul li.awards02 span {display: block;padding-top: 8rem; color: #000;font-size: 1.4rem;font-weight: 500;line-height: 1.3;text-align: center;text-indent: 0;}
/* 20230712 */
.all-menu .menu h3.menu-coupon::before {background: url(../img/side-ico10.png) center top 0.1rem no-repeat;background-size: 2.5rem;}

/* 20230714 */
.gift-card-list.paper .gift-card > .gift-card-info h3 {font-size: 1.3rem;padding-bottom: 0.8rem;}
.gift-card-list.paper .gift-card > .gift-card-info h3 + h3 {font-size: 1.2rem;padding-bottom: 0.5rem;}
.gift-card-list.paper .gift-card .period {padding-top:0;}
.gift-card-list.paper .gift-card > .gift-card-info .price {font-size: 2rem;padding-bottom: 0.5rem;}
.gift-card-list.paper .gift-card .gift-card-info {min-height: 9rem;padding-bottom: 0.6rem;padding-top: 1rem;}
.gift-card-list.paper .gift-card {min-height: 9rem;}
.gift-card-list.paper .gift-card > .gift-card-info .period dd {fon-size: 1.2rem;}

.all-menu .menu li button {white-space: nowrap;}

/* 20230725 */
#idTermsInfoL2.agreeBox.scr {padding-top: 0;}
#idTermsInfoL2.agreeBox.scr ul li {position: relative;padding-left: 1.2rem;}
#idTermsInfoL2.agreeBox.scr ul li::before {content: '-';position: absolute;left: 0;top: 1rem;width: 4px;height: 4px;}

.pop-btn-flex-bottom .type-google1 {background: #ffe132 url(../img/app-intro/pc-ico-googlestore.png) left 1.2rem center / 1.6rem no-repeat;}
.pop-btn-flex-bottom .type-apple1 {background: #ffe132 url(../img/app-intro/pc-ico-appstore.png) left 1.2rem center / 1.6rem no-repeat;}
.pop-btn-flex-bottom .type-google1, .pop-btn-flex-bottom .type-apple {/* padding: 1.6rem 0 1.6rem 2.4rem; */font-size: 1.5rem;}


/* 20230829 */
.august-cont {position: relative;}
.august-btn-wrap {position: absolute;width: 100%;}
.august-btn-wrap button {display: block;width: 100%;color: #fff;box-shadow: 0 0.6rem 1.2rem 0 rgba(0, 0, 0, 0.24);}
.august-btn-wrap .btn-issue {font-weight: 600;background: #000;}
.august-btn-wrap .btn-buy {border: 0.2rem solid #fff;background: #c52923;}
.event-detail .event-content .august-cont .img ,.event-detail .event-content .august-notice .img {padding: 0;}
.pc .august-cont {padding-top: 4rem;}
.pc .august-btn-wrap {bottom: 12rem;padding: 0 20rem;}
.pc .august-btn-wrap button {height: 8rem;color: #fff;font-size: 2.8rem;}
.pc .august-btn-wrap button + button {margin-top: 4rem;}
.mobile .august-btn-wrap {bottom: 4rem;padding: 0 5.4rem;}
.mobile .august-btn-wrap button {height: 4rem;font-size: 1.4rem;}
.mobile .august-btn-wrap button + button {margin-top: 1.2rem;}
.mobile .august-btn-wrap .btn-buy {border-width: 0.1rem;}

.august-coupon-pop {overflow-y: auto;}
.pop-layer .august-coupon-pop .pop-header {height: unset;min-height: unset;}
.pop-content .pop-barcode-box {padding: 0 8rem 6rem;border-bottom: 0.6rem solid #eee;}
.pop-content .online-coupon {padding-top: 3.2rem;border-top: 1px solid #eee}
.offline-coupon {margin-top: 6.4rem}
.pop-barcode-box .coupon-wrap {position: relative;margin-top: 2rem;border-radius: 1rem;text-align: center;background: #f6f6f6;}
.pop-barcode-box .coupon-wrap p {padding: 0 4rem;font-size: 2.8rem;font-weight: 600;}
.pop-barcode-box .coupon-wrap::before {content: '';position: absolute;top: 50%;left: 0;padding: 3rem;border-radius: 50%;transform: translate(-50%,-50%);background: #fff;}
.pop-barcode-box .coupon-wrap::after {content: '';position: absolute;top: 50%;right: 0;padding: 3rem;border-radius: 50%;transform: translate(50%,-50%);background: #fff;}
.pop-barcode-box .coupon-wrap #barcode {max-width: 73%;}
.pop-barcode-box .ti {color: #000;font-size: 2.4rem;font-weight: 600;}
.pop-barcode-box .ti::before {content: '';display: inline-block;margin-right: 1.2rem;padding: 0.4rem;border-radius: 50%;transform: translateY(-0.5rem);background: #000;}
.online-coupon .coupon-wrap {padding: 7.6rem 0;}
.offline-coupon .coupon-wrap {padding: 6.6rem 0;}
.august-coupon-notice {padding: 3rem 2.8rem 6.6rem;}
.august-coupon-notice p {padding: 0 0 1.4rem 2.8rem;color: #666;font-size: 1.6rem;font-weight: 600;border-bottom: 1px solid #dddddd;background: url(../img/ico-info-sm.png) left top / 2rem no-repeat;}
.august-coupon-notice dl {margin-top: 1.6rem;}
.august-coupon-notice dl * {color: #666;}
.august-coupon-notice dt {padding: 0 0 0.4rem 2rem;font-size: 1.4rem;font-weight: 600;line-height: 1.7;}
.august-coupon-notice dd {position: relative;padding-left: 2rem;font-size: 1.4rem;line-height: 1.6;word-wrap: break-word;}
.august-coupon-notice dd + dd {margin-top: 0.4rem;}
.august-coupon-notice dd::before {content: '';position: absolute;left: 0.8rem;top: 0.9rem;width: 0.4rem;height: 0.4rem;border-radius: 50%;background: #666;}
.pc .august-coupon-pop {max-height: 80rem;}
.pc .pop-layer .august-coupon-pop .close {top: 6rem;}
.mobile .august-coupon-pop {max-height: 55rem;}
.mobile .pop-barcode-box {overflow: hidden;padding: 0 1.6rem 4rem;}
.mobile .pop-barcode-box .ti {font-size: 1.6rem;}
.mobile .pop-barcode-box .ti::before {margin-right: 0.6rem;padding: 0.2rem;transform: translateY(-0.35rem);}
.mobile .online-coupon .coupon-wrap {padding: 6rem 0;}
.mobile .pop-barcode-box .coupon-wrap p {padding: 0 3rem;font-size: 1.8rem;}
.mobile .pop-barcode-box .coupon-wrap::before,.mobile .pop-barcode-box .coupon-wrap::after {padding: 2rem;}
.mobile .offline-coupon {margin-top: 3.2rem;}
.mobile .offline-coupon .coupon-wrap {padding: 4rem 0;}
.mobile .august-coupon-notice {padding: 2rem 1.6rem 4rem;}


@media only screen and (max-width: 1040px) {
    .pc .august-btn-wrap {bottom: 4rem;}
}

@media only screen and (max-width: 320px) {
    .mobile .august-btn-wrap {bottom: 2rem;padding: 0 3rem;}
    .mobile .august-btn-wrap button {height: 3rem;font-size: 1.2rem;}
}

/* 구도일 프렌지 6기 이벤트 */

.friends-wrapper {padding:2em 0}
.friends-wrapper img {max-width:100%;}
.friends-wrapper img.show-mobile {display: none;}
.friends-wrapper .form-contents {padding:30px 100px 150px; background: #d6f1fa}
.friends-wrapper .section {position: relative; background: #49c6e7; border-radius: 5px; width:calc(100% - 3px);}
.friends-wrapper .section .inner {position: relative; top:-3px; left:3px; background: #fff; border-radius: 5px; width:calc(100% - 3px); height:calc(100% - 3px);}
.friends-wrapper .section .inner:after {content: ""; position: absolute; right:50px; top:-23px; background: url(../img/event/friends06/icon-clip.png) no-repeat 0 0; width:95px; height:78px;}
.friends-wrapper .form-contents .section .inner {padding:60px 140px 110px 137px; color:#111;}
.friends-wrapper .form-contents .form-typeA th {width:260px;}
.friends-wrapper .form-TypeB .check-group {margin-top:25px;}
.friends-wrapper .btn-group {margin-top:46px; text-align: center}
.friends-wrapper .btn-group button {background: transparent}
.friends-wrapper .btn-group.event-btn-group {margin-top:0; background:#d6f1fa; }

/* 2024-12-19 구도일 프렌즈 7기 이벤트 */
.mobile #goodoil-friends .event-detail {padding: 1rem 1.6rem 0 1.6rem;}
.mobile .friends-wrapper.friends07 {padding: 2rem 0 0 0;}
.mobile .friends-wrapper.friends07 .section {background: none; padding-bottom: 4rem;}
.mobile .friends-wrapper.friends07 .form-contents {background: none; padding: 4rem 0 0 0;}
.mobile .friends-wrapper.friends07 .section .inner {padding: 0;}
.mobile .friends-wrapper.friends07 .radio-group3 {}
.mobile .friends-wrapper.friends07 .radio-group3 > label {height: auto;}
.mobile .friends-wrapper.friends07 .radio-group3 > label + label {margin-top: .8rem;}
.mobile .friends-wrapper.friends07 .radio-group3 > .etc input.type01 {margin-top: 1rem;}
.mobile .friends-wrapper.friends07 .applyType .radio-group {flex-direction: column; align-items: flex-start; margin-top: 1rem;}
.mobile .friends-wrapper.friends07 .section .inner:after {width: 4rem; top: -4.5rem;}
.mobile .friends-wrapper.friends07 .form-typeA tr.border-top {padding-top: 2rem;}
.mobile .friends-wrapper.friends07 .form-typeA .mb-mgt10 {margin-top: 1rem;}
.mobile .friends-wrapper.friends07 .form-typeA .gap48 {gap: 4.8rem;}
.mobile .friends-wrapper.friends07 .form-TypeB .check-group {margin-top: 1.2rem; height: auto;}
.mobile .friends-wrapper.friends07 .form-TypeB.infoAgree {margin-bottom: 4.2rem;}
.mobile .friends-wrapper.friends07 .pc-tb-area th {font-size: 1.2rem; color: #000;}
.mobile .friends-wrapper.friends07 .pc-tb-area td {font-size: 1.2rem; word-break: keep-all;}
.mobile .friends-wrapper.friends07 .btn-group {margin: 0 -1.6rem; padding: 3.2rem 0 4rem 0; background: #d6f1fa;}
.mobile .friends-wrapper.friends07 .btn-group button {width: 60%;}

.form-typeA {table-layout:fixed; width:100%;}
.form-typeA th {font-size: 1.6rem; line-height: 1.4; font-weight: 600; vertical-align: middle; text-align: left;}
.form-typeA .essential {display: inline-block;
    padding: 0.6rem;
    color: transparent;
    font-size: 0;
    text-indent: -9999px;
    background: url(../img/icon-ess.png) center / 1.2rem no-repeat;}
.form-typeA th.vt {vertical-align: top; padding-top:26px;}
.form-typeA td {font-size: 1.8rem; line-height: 1; font-weight: 600; padding:11px 0; text-align: left;}

.form-typeA .info-txt {font-size: 1.4rem; line-height:1; color:#999; padding-top:0.6em}

.radio-group {display: flex; align-items: center; gap: 88px; height:50px;}
.radio-group2 {display: flex; align-items: center; justify-content: space-between; height:50px;}
.radio-group3 {display: flex; align-items: center; flex-wrap: wrap; }
.radio-group3 > label {display: flex; width:50%; text-align: left; height:50px; align-items: center}
.radio-group3 > .etc {display: flex; width:100%; text-align: left; height:50px; align-items: center; gap: 12px; white-space: nowrap}
.radio-group3 > .etc input[type=text] {width:100%;}
.tel-group {display: flex; justify-content: space-between; align-items: center; gap:8px;}
.tel-group input {width:100%;}
.zipcode-group {position:relative; display: flex; flex-direction: column; gap:8px;}
.zipcode-group input {}
.zipcode-group .code {display: flex; align-items: center;  gap: 12px;}
.zipcode-group .code input {width:100%; flex: 1}
.zipcode-group button {
    padding:0 16px;
    display: flex; align-items: center; justify-content: center; height:28px; font-size: 12px; font-weight: 400; border:1px solid #999; border-radius: 14px;}
.select-group {display: flex; justify-content: space-between; align-items: center; gap: 20px}
.select-group select {
    display: inline-block;border: 1px solid #ddd;min-height: 5rem;font-size: 1.6rem;color: #000;padding: 0 5rem 0 2rem;border-radius: 1.2rem;
    background:#fff url(../img/pc-btn-select-medium.png) no-repeat right 2rem center;background-size: 2rem;
    width:100%;
}
.mobile .select-group select {
    display: inline-block;    padding: 1.2rem 1.2rem;
    color: #000; font-size: 1.5rem; font-weight: 400; line-height: 2rem; border: 0; border-bottom: 1px solid #000; border-radius: 0;
    background:#fff url(../img/pc-btn-select-medium.png) no-repeat right 1rem center;background-size: 1.5rem;
    width:100%;
}
.check-group {display: flex; align-items: center; gap: 88px; height:50px;}


.form-TypeB {display: flex; flex-direction: column; margin-top:50px;}
.form-TypeB > strong {font-size: 1.6rem; line-height: 1.4; font-weight: 600; text-align: left;}
.form-TypeB > strong span {display: block; font-size: 1.4rem; line-height: 1.4;}
.form-TypeB > div {margin-top:12px;}
.form-TypeB > div textarea::placeholder {font-size:1.2em !important;}
.form-TypeB .info-txt {text-align: left; font-size: 1.4rem; line-height:1; color:#999; padding-top:0.6em}
.form-TypeB.row {flex-direction: row}
.form-TypeB.row > strong {width: 260px;}
.form-TypeB.row > div {flex: 1; margin-top:-13px;}
@media only screen and (max-width:1200px) {
    .friends-wrapper .form-contents {padding:30px 5% 150px;}
}
@media only screen and (max-width:1080px) {
    .friends-wrapper .form-contents {padding:30px 2em 150px;}
}
@media only screen and (max-width:1000px) {
    .friends-wrapper .form-contents .section .inner {padding:60px 50px 110px 47px; }
}

.mobile .friends-wrapper img.show-pc {display: none;}
.mobile .friends-wrapper img.show-mobile {display: block}
.mobile .friends-wrapper .form-contents {padding:30px 0 80px; width:100%;}
.mobile .friends-wrapper .form-contents .section {width:100%;}
.mobile .friends-wrapper .form-contents .section .inner {padding:60px 20px 60px; left:0; width:100%; border-radius: 0}
.mobile .friends-wrapper .section .inner:after {top: -15px; width: 60px; background-size: 100% auto;}
.mobile .friends-wrapper .form-contents .form-typeA th {width:100%;}
.mobile .friends-wrapper .pc-tb-area th,
.mobile .friends-wrapper .pc-tb-area td{padding-left:0; padding-right:0;}
.mobile .friends-wrapper .form-TypeB .check-group {margin-top:25px;}
.mobile .friends-wrapper .radio-group2 {flex-wrap: wrap; height:auto; padding:12px 0;}
.mobile .friends-wrapper .radio-group2 label {margin:2px 0;}
.mobile .friends-wrapper .select-group {flex-direction: column; gap: 8px;}
.mobile .friends-wrapper .check-group {flex-direction: column; gap: 12px; align-items: flex-start}
.mobile .friends-wrapper.friends07 .btn-group.event-btn-group {padding: 3.2rem 0 4rem 0;}
.mobile .friends-wrapper.friends07 .btn-group.event-btn-group button {width: 60%;}

.mobile .form-typeA tr {display: flex; flex-direction: column; margin-top:24px;}
.mobile .form-typeA tr:first-of-type {margin-top:0;}
.mobile .form-typeA th {width:100%;}
.mobile .form-typeA th .pbr {display: none}
.mobile .form-typeA td {padding:0;}
.mobile .form-TypeB {margin-top:24px;}
.mobile .form-TypeB.row {flex-direction: column;}
.mobile .form-TypeB.row > div{margin-top:12px;}
.mobile .radio-group3 {display: flex; flex-direction: column; align-items: flex-start;}
.mobile .radio-group3 > label {display: flex; width:100%; text-align: left; height:45px; align-items: center}
.mobile .radio-group3 > .etc {display: flex; width:100%; text-align: left; height:auto; align-items: flex-start; gap: 0; flex-direction: column; margin-top:8px;}
.mobile .radio-group3 > .etc input[type=text] {width:100%;}

.mobile .friends-wrapper .btn-group {margin-top:46px; text-align: center; padding:0 20px;}
.mobile .friends-wrapper .btn-group img {}
.friends-wrapper .btn-group.event-btn-group {margin-top:0; background:#d6f1fa; }

.pc .show-pc { display: block}
.pc .show-mo { display: none}
.mobile .show-pc { display: none}
.mobile .show-pc { display: none}

.championship-wrapper {}
.championship-wrapper img {max-width:100%;}
.championship-wrapper .visual {
    background: #073f55;
}
.championship-wrapper .visual .list {
    display: flex; align-items: center; flex-wrap: wrap; gap: 20px 70px; justify-content: center;
    width:1000px; margin:0 auto; padding:0 40px;
    max-width:100%;
}
.mobile .championship-wrapper .visual .list {
    display: flex; align-items: center; flex-wrap: wrap; gap: 18px 28px; justify-content: center;
    padding:0 20px;
}
.championship-wrapper .visual .list label {
    position: relative;
    display: flex; align-items: center; gap: 4px;
    font-size:18px; color:#fff;
    cursor: pointer;
}
.championship-wrapper .visual .list label input {
    position: relative;
    width:18px; height:18px; background: transparent; border:1px solid #fff; border-radius: 50%;
}
.championship-wrapper .visual .list label input:before {
    content: "";
    position: absolute; width:0; height:0; border-radius: 50%;
    left:50%; top:50%; transform: translate(-50%, -50%);
    background: #fff;
    transition: 0.2s all ease-in-out;
}
.championship-wrapper .visual .list label input:checked:before {
    width:10px; height:10px;
}
.championship-wrapper .visual .btn-group {
    display: flex; align-items: center; justify-content: center; gap: 20px;
    margin-top:60px;
}
.mobile .championship-wrapper .visual .btn-group {
    display: flex; align-items: center; justify-content: center; gap: 20px;
    flex-direction: column;
    width:50%; margin:60px auto 0;
}
.pc .championship-wrapper .visual {
    padding-bottom:250px;
    background: #073f55 url(../img/event/championship/2023/pc/bg_header.jpg) no-repeat 0 100%;
    background-size:100% auto;
}
.mobile .championship-wrapper .visual {
    padding-bottom:130px;
    background: #073f55 url(../img/event/championship/2023/mo/bg_header.jpg) no-repeat 0 100%;
    background-size:100% auto;
}


.GrandPrizeFeast-wrapper img {max-width:100%; width: 100%;}
.GrandPrizeFeast-wrapper .tabs {display: flex;}
.GrandPrizeFeast-wrapper .tabs a{ width:50%;}
.GrandPrizeFeast-wrapper .event01 {
    position:relative;
}
.pc .GrandPrizeFeast-wrapper .btn-group {position:absolute; left:0; bottom:7%;  display: flex; justify-content: center; gap: 26px; width:100%; padding:0 80px;}
.mobile .GrandPrizeFeast-wrapper .btn-group {position:absolute; left:0; bottom:5%;  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width:100%; padding:0 25px;}

#appFirstAnniversaryWinnerLayer {
    display: none; opacity: 0;
    position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
    align-items: center; justify-content: center;
    transition: all ease-in-out 0.2s; text-align: center;
}
#appFirstAnniversaryWinnerLayer img {max-width:90%; max-height:94vh;}
#slotMachineLayer {
    display: none; opacity: 0;
    position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
    align-items: center; justify-content: center;
    transition: all ease-in-out 0.2s; text-align: center;
}
#slotMachineLayer img {max-width:90%; max-height:94vh;}


.tax-wrapper {position: relative; max-width:720px; margin: 0 auto; background: #fff; padding-bottom:30px;}
.tax-wrapper img {max-width:100%;}
.tax-wrapper .headerImg {position: relative; width:100%;}
.tax-wrapper .headerImg > img {width:100%;}
.tax-wrapper .productImg {position:absolute; left:50%; top:34.5%; width:60%; background: #dedede; transform: translate(-50%, 0); border-radius: 50%; overflow: hidden}
.tax-wrapper .productImg img {width:100%;}
.tax-wrapper .tax-contents {padding:0 16px;}
.tax-wrapper .tax-contents .product {margin-top:-30%; font-size: 24px; font-weight: 700; color:#222; text-align: center}
.tax-wrapper .tax-contents .product b {display:block; font-size: 24px; font-weight: 700; color:#08A75A;}

.tax-wrapper .tax-contents .information { margin-top:30px; border-radius: 16px; background: #F6F6F6; display: flex; padding: 32px 16px; flex-direction: column; gap: 8px;}
.tax-wrapper .tax-contents .information strong {color: #000; font-size: 16px; font-weight: 700; line-height: 22px}
.tax-wrapper .tax-contents .information ul {}
.tax-wrapper .tax-contents .information ul li {position: relative; padding-left:10px; font-size: 14px; font-weight: 400; line-height: 20px; color:#666;}
.tax-wrapper .tax-contents .information ul li:before {content: ""; position: absolute; left:0; top:7px; width:4px; height:4px; border-radius: 50%; background: #666;}

.tax-wrapper .tax-contents section {margin-top:60px;}
.tax-wrapper .tax-contents section .title {display: block; padding-bottom:24px; font-size: 18px; font-weight: 700; line-height: 28px; color:#000}
.tax-wrapper .tax-contents .section1 p {color:#222; font-size: 14px; line-height: 20px }
.tax-wrapper .tax-contents .section1 ul {display: flex; flex-direction: column; gap: 4px; margin-top:12px;}
.tax-wrapper .tax-contents .section1 ul li {position: relative; display: flex; padding-left:10px; font-size: 14px; font-weight: 400; line-height: 20px; color:#08A75A;}
.tax-wrapper .tax-contents .section1 ul li:before {
    content: ""; position: absolute; left:0; top:7px; width:4px; height:4px; border-radius: 50%; background: #08A75A;
}
.tax-wrapper .tax-contents .section1 ul li strong {width:80px; color:#222; font-size: 14px; font-weight: 400; line-height: 20px;}
.tax-wrapper .tax-contents .section1 .info {margin-top:4px; padding-bottom:48px; font-size: 12px; font-weight: 400; line-height: 18px}
.tax-wrapper .tax-contents .section1 .agreeArea {padding-top:16px; color:#000; font-size: 14px; font-weight: 500; line-height: 20px;}
.tax-wrapper .tax-contents .section1 .agreeArea .check {margin-top:16px;}
.tax-wrapper .tax-contents .section1 .agreeArea p {padding-top:16px; color:#777; font-size: 12px; font-weight: 400;}

.tax-wrapper.grandPrizeFeast .productImg {background: #fff; border: 6px solid #F2911E; top: 41.5%; width: 68%;}
.tax-wrapper.grandPrizeFeast .tax-contents {position: relative;}
.tax-wrapper.grandPrizeFeast .tax-contents .product {color:#fff;}
.tax-wrapper.grandPrizeFeast .tax-contents .product b {color:#FFE132;}
.tax-wrapper.grandPrizeFeast .tax-contents .product p {margin-top:4px;}

.tax-wrapper.grandPrizeFeast#appFirstAnniversary .productImg {border-color:#f9a6b5;}
.tax-wrapper.grandPrizeFeast .tax-contents .product {color:#963c56;}
.tax-wrapper.grandPrizeFeast .tax-contents .product b {color:#fff;}

.header h1.txt.ft16 {font-size:1.6rem;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .productImg {border-color:#e8d197; top: 40.5%;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .productImg2 {position: absolute; top: 64%; left: 50%; width: 68%; transform: translateX(-50%);}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .productImg2 img {display: block; margin: 0 auto;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .desc {position: relative; z-index: 1; margin-top: -180px; width: 100%; text-align: center;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .desc b,
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .desc p {font-size: 24px; color:#fff;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .desc b {color:#ffe2a3;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .section1 .listTypeA ul li,
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .listTypeA tr td {color:#888;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA ul li {padding-left: 0;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA ul li:before {display: none;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .table-wrap {border: 1px solid #eee; border-radius: 8px; overflow: hidden;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .table-wrap:nth-of-type(2) {margin-top: 16PX;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA {border: 0;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA tr th,
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA tr td {border: 0;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA tr th {border-width: 0 1px 1px 0; border-color:#eee; border-style: solid;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA tr:last-child th,
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA tr:last-child td {border-bottom: 0;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .listTypeA tr td {border-width: 0 0 1px 0; border-color:#eee; border-style: solid; font-weight:normal;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .agreeArea .check {margin-top:0;}
.tax-wrapper.grandPrizeFeast#ClassPromotionEvent .tax-contents .information ul li+li {margin-top:8px;}

.tax-wrapper.typeB .header-visual .txtImg {position: absolute; bottom: 4.1rem; left: 50%; transform: translateX(-50%); width: 100%;}
.tax-wrapper.typeB .header-visual .txtImg img {width: 100%;}
.tax-wrapper.typeB .productImg {background: #fff; top: 41.5%; width: 68%;}
.tax-wrapper.typeB .tax-contents .section1 {margin-top: 4rem}
.tax-wrapper.typeB .tax-contents .section1 .info {color: #777;}
.tax-wrapper.typeB .tax-contents .section1 p {color: #444;}

.tax-wrapper.typeB .tax-contents .table-wrap {overflow: hidden; border: 1px solid #e3e3e3; border-radius: .8rem;}
.tax-wrapper.typeB .tax-contents .section1 .listTypeA {border: 0; border-radius: 0;}
.tax-wrapper.typeB .tax-contents .section1 .listTypeA ul {margin-top: 0;}
.tax-wrapper.typeB .tax-contents .section1 .listTypeA ul li {padding-left: 0;}
.tax-wrapper.typeB .tax-contents .section1 .listTypeA ul li,
.tax-wrapper.typeB .tax-contents .listTypeA tr td {color:#888 !important; border-right: 0;}

.tax-wrapper.typeB .tax-contents .listTypeA tr th {border-left: 0;}
.tax-wrapper.typeB .tax-contents .listTypeA tr:first-child th,
.tax-wrapper.typeB .tax-contents .listTypeA tr:first-child td {border-top: 0;}
.tax-wrapper.typeB .tax-contents .listTypeA tr:last-child th,
.tax-wrapper.typeB .tax-contents .listTypeA tr:last-child td {border-bottom: 0;}

.tax-wrapper.typeB .tax-contents .section1  ul li:before {background: #888;}
.tax-wrapper.typeB .tax-contents .section1 .agreeArea p {color: #777;}
.tax-wrapper.typeB .tax-contents .section1 .agreeArea .check {margin-top: 0;}
.tax-wrapper.typeB .tax-contents .information {margin-top: 2rem;}

.tax-wrapper#massEVent .productImg {width: 24rem; height: 24rem; border: 6px solid #cdbd7c;}
.tax-wrapper#massEVent .productImg.m6 img {width: calc(100% - 6.8rem); display: block; margin: 3.6rem auto 0;}
.tax-wrapper#massEVent .productImg.s8 img {width: calc(100% - 6.8rem); display: block; margin: 6.5rem auto 0;}
.tax-wrapper#massEVent .productImg.ex img {width: calc(100% - 7.8rem); display: block; margin: 4.8rem auto 0;}

.tax-wrapper#massEVent .tax-contents .section1 ul li,
.tax-wrapper.typeB .tax-contents .listTypeA tr td {font-weight: 400;}
.tax-wrapper#massEVent .tax-contents .section1 .listTypeA ul li:before {display: none;}
.tax-wrapper#massEVent .tax-contents .product {color: #fee271;}
.tax-wrapper#massEVent .tax-contents .product b {color: #fff;}

.tax-wrapper.typeC#jackpot20251st .productImg {border-color:#fff; top: 42.5%;}
.tax-wrapper.typeC .productImg2 img {position: absolute; top: 65%; left: 50%; width: 68%; transform: translateX(-50%);}

.tax-wrapper.typeC .desc {position: relative; z-index: 1; margin-top: -180px; width: 100%; text-align: center;}
.tax-wrapper.typeC .desc p {font-size: 20px;}
.tax-wrapper.typeC .tax-contents .agreeArea .check {margin-top:0;}
.tax-wrapper.typeC .tax-contents .information ul li+li {margin-top:8px;}
.tax-wrapper.typeC .tax-contents .section1 .listTypeA ul li,
.tax-wrapper.typeC .listTypeA tr td {color:#888;}
.tax-wrapper.typeC .tax-contents .listTypeA ul li {padding-left: 0;}
.tax-wrapper.typeC .tax-contents .listTypeA ul li:before {display: none;}

.tax-wrapper#mass2nd .productImg {
    position: absolute; top: 48% ;left: 50%;
    transform: translateX(-50%);
    width: 24rem; height: 25rem; background: none; border-radius: 0;
}
.tax-wrapper#mass2nd  .tax-contents .table-wrap ul li:before {background: none;}
.tax-wrapper#mass2nd  .tax-contents  ul li:before {background: #08A75A;}

.tax-wrapper#jackpot2025_3rd .productImg {
    position: absolute; top: 55% ;left: 50%;
    transform: translateX(-50%);
    width:90%; background: none; border-radius: 0;
}
.tax-wrapper#jackpot2025_3rd .header-visual .txtImg {bottom:4.6rem;}
.tax-wrapper#jackpot2025_3rd .tax-contents .section1 ul li {color:#004280;}
.tax-wrapper#jackpot2025_3rd .form-typeA .essential {background-image:url('../img/icon-ess-navy.svg');}

.listTypeA {width:100%; table-layout: fixed; border:1px solid #eee; border-radius: 8px; box-sizing: border-box;}
.listTypeA tr th,
.listTypeA tr td { border:1px solid #eee; background: #fff;}
.listTypeA tr th {padding:8px; font-size: 14px; color:#000; font-weight: 500; line-height: 20px; background: #F6F6F6; text-align: center; vertical-align: middle}
.listTypeA tr td {padding:16px 8px; font-size: 14px; font-weight: 500; line-height: 20px; color:#777}
.listTypeA tr td ol {}
.listTypeA tr td ol li {padding:2px 0;list-style-position: inside; list-style-type: decimal; font-size: 14px; font-weight: 500; line-height: 20px; color:#777}

.detail-button-group {display: flex; align-items: center; gap: 16px; margin:16px 0 0 0;}
.detail-button-group.ac {justify-content: center}
.detail-button-group button,
.detail-button-group a {
    display: inline-flex; align-items: center;  gap: 16px;
    height:56px; color:#fff; padding:4px 40px; border-radius: 8px;
    font-size: 20px; font-weight: 400; line-height: 24px;
}
.detail-button-group .fillA {background: #10A1BE;}
.detail-button-group .fillB {background: #08A75A;}
.detail-button-group .fillC {background: #ffe132; font-weight: 400;}
.detail-button-group .icon-download {width:24px; height:24px; background: url(../img/icons/icon-download.svg) no-repeat 50% / 100%}
.detail-button-group .icon-instagram {width:24px; height:24px; background: url(../img/icons/icon-instagram.svg) no-repeat 50% / 100%}


.mobile  {}


.mobile .detail-button-group {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin:16px 0 0 0;}
.mobile .detail-button-group.ac {justify-content: center}
.mobile .detail-button-group button,
.mobile .detail-button-group a {
    display: inline-flex; align-items: center;  gap: 8px;
    height:40px; color:#fff; padding:4px 20px; border-radius: 8px;
    font-size: 16px; font-weight: 400; line-height: 24px;
    max-width:100%;
}
.mobile .detail-button-group .fillA {background: #10A1BE;}
.mobile .detail-button-group .fillB {background: #08A75A;}
.mobile .detail-button-group .fillC {background: #ffe132; font-weight: 400;}
.mobile .detail-button-group .icon-download {width:18px; height:18px; background: url(../img/icons/icon-download.svg) no-repeat 50% / 100%}
.mobile .detail-button-group .icon-instagram {width:18px; height:18px; background: url(../img/icons/icon-instagram.svg) no-repeat 50% / 100%}

.draggable{
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -user-select: text;
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
}


/* 2024-07-11 탄소중립포인트제 */
.content-wrap.app-event-202407 .event-ti-box {padding:5rem 0 0 0; display:flex; flex-direction:column; gap:2.4rem 0; justify-content:center; align-items:center;}
.content-wrap.app-event-202407 .event-ti-box .sec-ti {padding-left:initial; font-size:4.8rem; font-weight:400; line-height:initial; text-align: center;}
.content-wrap.app-event-202407 .event-ti-box .sec-ti strong {font-size:4.8rem; font-weight:700; vertical-align:baseline;}
.content-wrap.app-event-202407 .event-ti-box .sec-ti:before {display:none;}
.content-wrap.app-event-202407 .event-ti-box .logo {width:14.1rem;}
.content-wrap.app-event-202407 .event-ti-box .logo img {width:100%;}

.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 {display:flex; align-items:center; justify-content: space-between; padding: 6.2rem 0; background:none;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 .img {width:74rem;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 .img img {width:100%;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p {font-size:2.4rem; font-weight:400; color:#222;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p b {font-size:2.4rem; vertical-align:baseline;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p strong {font-size:4.6rem; font-weight:700; color:#007b3d;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p span.txt1 {font-size:3.6rem; font-weight:400; color:#222;}
.content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p span.txt2 {font-size:2.2rem; font-weight:400; color:#222; vertical-align:sub;}

.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-info-txt {display:flex; gap:0 10rem;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-main-txt dt {font-size:3.2rem; color:#007b3d;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-main-txt dd {display:block; margin:1.3rem 0 0 0;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-sub-txt dd {display:block; margin:1rem 0 0 0; line-height:2.4rem;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-sub-txt dd strong {display:block; font-weight:700;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-sub-txt dd .btn {display:block; margin-top:1.6rem;width:40rem;padding:2rem 0; font-size: 2rem; line-height:1; border-radius: 1.2rem; border: 1px solid rgba(0,0,0,0.08); background: #ffe132; text-align:center;}

.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how .sm-sec-ti {font-size:2.8rem; font-weight:700;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol {align-items:flex-start;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li {min-width:21.6rem;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li img {height:auto !important;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li+li {margin-left:0;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li+li:before {display:none;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li.type5 {margin-top:4rem}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li.type6,
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li.type7 {min-width:32.4rem;}
.content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li .number-circle {margin-top:1.6rem; background:#007b3d;}

@media all and (max-width:800px) {
    .content-wrap.app-event-202407 .event-ti-box .sec-ti {font-size:2.4rem;}
    .content-wrap.app-event-202407 .event-ti-box .sec-ti strong {font-size:2.4rem;}
    .content-wrap.app-event-202407 .event-ti-box .sec-ti br {display:block;}

    .content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 {flex-direction:column;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p,
    .content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p b {font-size:1.7rem;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p strong {font-size:2.4rem;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 p span.txt1 {font-size:2rem;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .event-sec1 .img {width:100%;}

    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-info-txt {padding:4rem 2.4rem; flex-direction:column;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-main-txt dt {font-size:2.8rem;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-sub-txt dd .btn {width:100%; font-size:1.6rem;}

    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how .sm-sec-ti {font-size:1.8rem;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol {padding-top:3.2rem; align-items:flex-end; justify-content: center;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li p br {display:block;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-how ol li img {width:auto;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-point-txt {padding:0 2.4rem;}
    .content-wrap.app-event-202407 .app-event-type-03-01 .carbon-p-point-txt dt {font-size:1.7rem; font-weight:700;}
}

/* 2024-07-30 빠른주유 체크카드 등록 공지사항 */
.app-event-type-03-01 {margin: 0;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 {border: none; background: url('../img/2024_07/img-event-004-visual.png') no-repeat bottom -12.7rem right; background-size: 67% auto;}
.content-wrap.app-event-202407 .event-ti-box .sec-ti.mo,
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .img {display: none !important;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap p {font-size: 3.6rem; line-height: 4.6rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap p strong {font-size: 3.6rem; color:#000; vertical-align: baseline;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap button {display: block; margin-top: 2.4rem; width: 29.6rem; height: 64px; line-height: 62px; font-size: 2rem; border-radius: 1.2rem; border: 1px solid rgba(0,0,0,0.08); background:#ffe132;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .fast-oiling {margin-top: 3.7rem; font-size: 1.6rem !important; line-height: 2.4rem !important;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .fast-oiling strong {margin-bottom: 1.3rem; display: block; font-size: 3.2rem; color:#007b3d !important;}

.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how {padding: 4.3rem 250rem; margin: 0 -250rem; background:#fafafa;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol {justify-content: center; align-items: center;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li {min-width: 21rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA-1 ol li {min-width: 17rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA ol li img {width: 14rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li img {width: 22rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type25 img.mo {display:none;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 .participation-txt.mo,
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 .mo-txt {display: none;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li:nth-child(n + 2) .number-circle {margin-top: 1.1rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li {min-width: 23.6rem;}

.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type22,
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type30 {min-width: 21.6rem;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type30 .number-circle {margin-top: 1.6rem;}

.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type22 img,
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type30 img {width: 12.3rem !important;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type25 img {width: 41rem !important;}

.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li img.mo {display: none;}

.content-wrap.app-event-202407.chkCard .carbon-p-point-txt dt {font-weight: bold;}

@media all and (max-width:805px) {
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 {background: none;}
    .content-wrap.app-event-202407.chkCard .event-ti-box .sec-ti {font-size:2.4rem;}
    .content-wrap.app-event-202407.chkCard .event-ti-box .sec-ti.pc {display: none !important;}
    .content-wrap.app-event-202407.chkCard .event-ti-box .sec-ti.mo {display: inline-block !important;}
    .content-wrap.app-event-202407.chkCard .event-ti-box .sec-ti br {display:block;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap {padding: 0 2.4rem;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap p,
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap p strong {font-size: 2.2rem; line-height: 1.3; text-align: center; word-break: keep-all;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .desc-wrap button {width: 100%; font-size: 1.6rem;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .img {display: block !important; width: 100%; margin: 1.6rem -2.4rem 0;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .img img {width: calc(100% + 5rem);}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .fast-oiling {margin-top: -4.9rem; text-align: left !important;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .event-sec1 .fast-oiling br {display: none;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how {padding: 3rem 1.6rem; margin: initial;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol {gap: 1.2rem;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li {margin-top: 1.5rem; width: 45%; min-width: 45%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA ol li img {width: 70%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type2 {width: 60%; margin-top: 1.5rem;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type2 img {width: 50%;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li .participation-txt {word-break: keep-all;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type2 .participation-txt {width: auto;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 .participation-txt.pc,
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 .number-circle.pc {display: none;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 .participation-txt.mo,
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 .mo-txt {display: block;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol {flex-direction: column;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li img {width: 50%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li img.pc {display: none;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li img.mo {display: block; width: 100% !important;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type22 img,
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li.type30 img {width: 70% !important;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li img {width: 100% !important;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li .participation-txt {width: initial;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeB ol li:nth-child(n + 2) .number-circle {margin-top: 1.4rem;}

    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-point-txt {padding: 7.8rem 2.4rem 0;}
}

@media all and (max-width: 535px) {
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type1 {margin-top: 0; width: 70%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA ol li.type1 img {width: 60%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA ol li img {width: 100%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type2 {width: 75%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA ol li.type2 img {width: 60%;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type2 p br,
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li.type4 p br {display: none;}

    /*.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA-1 ol li {min-width: 21rem;}*/
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA-1 ol li img {width: 90% !important;}
}

@media all and (max-width: 390px) {
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li,
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how ol li .participation-txt {text-align: center;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01 .carbon-p-how.typeA ol li img {width: 100%;}

}

/* 2024-10-30 결제수단 선택 - 빠른주유 네이버페이 추가 */
.register-payment {padding: 1.6rem 1.6rem 0 1.6rem;}
.register-payment > p {padding: 1.6rem 0; text-align: center; font-size: 1.8rem;}
.register-payment > p strong {font-size: 1.8rem;  font-weight: 700;}
.register-payment .pattern-wrap {}
.register-payment .pattern-wrap .pattern {display: block; border: 1px solid #ebebeb; border-radius: 1rem; padding: 2.5rem 2rem; width: 100%; text-align: left;}
.register-payment .pattern-wrap .pattern+.pattern {margin-top: 1.2rem;}
.register-payment .pattern-wrap .pattern.card {background: #fff url(../img/pattern-card.png) no-repeat right 2rem center;}
.register-payment .pattern-wrap .pattern.pay {background: #fff url(../img/pattern-pay.png) no-repeat right 2rem center;}
/* 2024-08-06 개인정보처리방침 라벨링 */
.mgt16 {margin-top: 1.6rem !important;}
.mgt32 {margin-top: 3.2rem !important;}
.pdl16 {padding-left: 1.6rem !important;}
.pdl24 {padding-left: 2.4rem !important;}
.pdl32 {padding-left: 3.2rem !important;}
.line1-5 {line-height: 1.5 !important;}

.infoLabel {max-width: 1200px; margin: 0 auto;}
.infoLabel .section {margin-top: 6rem;}
.infoLabel .top h2,
.infoLabel h3 {font-weight: 700; text-align: center;}
.infoLabel .top h2 {padding-bottom: 4rem; font-size: 3.2rem;}
.infoLabel .top .btn-close {display: none;}
.infoLabel .top .privacy-year {padding: 0;}
.infoLabel .top .privacy-year .sel-box {justify-content: center;}
.infoLabel .top .privacy-year .btn-select {padding: 1.7rem 2.4rem; width: 32.4rem; border: 1px solid #ddd; border-radius: 1.2rem; background-position: center right 1.2rem; color: #222; cursor:pointer;}
.infoLabel h3 {font-size: 2.4rem; color: #222;}
.infoLabel .desc-wrap {margin-top: 2.4rem;}
.infoLabel .desc-wrap p {font-size: 1.6rem; color: #444; line-height: 2.4rem; word-break: keep-all;}
.infoLabel .desc-wrap p+p {margin-top: 10px;}

.infoLabel .contents .desc-wrap p {text-align: center;}
.infoLabel .icon-area {margin: 3.2rem 0 1.6rem 0; display: flex; flex-wrap: wrap; gap:1rem 0; justify-content: center;}
.infoLabel .icon-area a {display: block; margin-right: 1rem; width: 32%;}
.infoLabel .icon-area .icon {padding: 2.4rem 0; width: 100%; background: #fafafa; border: 1px solid #eee; border-radius: 2.4rem;}
.infoLabel .icon-area .icon .img {margin-bottom: 2rem; text-align: center;}
.infoLabel .icon-area .icon p {text-align: center; color: #222;}
.infoLabel .contents .sub {font-size: 1.3rem; text-align:center; color: #888;}

.infoLabel .index ol {padding: 4rem 6rem; display: flex; flex-wrap: wrap; border: 1px solid #eee; background: #fafafa; border-radius: 2.4rem;}
.infoLabel .index li {list-style-type: decimal; padding: 1.6rem 0; width: 52rem;}

.infoLabel .accordion-area a {display: block; width: 100%; border-top: 1px solid #d9d9d9;}
.infoLabel .accordion-area a:first-child {margin-top: 4rem;}
.infoLabel .accordion-area a .toggle-btn {position: relative; padding: 2rem 2rem 2rem 7.2rem; width: 100%;}
.infoLabel .accordion-area a .toggle-btn::after {position: absolute; content: ""; display: block; width: 3rem; height: 3rem; background-image: url('../img/2024_08/info-label/arrow-down.png'); background-repeat: no-repeat; top: 3.5rem; right: 0;}
.infoLabel .accordion-area a .toggle-btn.active:after {transform: rotate(180deg);transition: 0.2s all;}

.infoLabel .accordion-area a .toggle-btn strong {display: block; padding: 1.2rem 0 1.2rem 0.8rem; font-size: 2.4rem; font-weight: 500; color: #222; text-align: left;}
.infoLabel .accordion-area a.list09 .toggle-btn strong,
.infoLabel .accordion-area a.list10 .toggle-btn strong {padding: 1.2rem 0 1.2rem 4.8rem;}

.infoLabel .accordion-area a .toggle-btn strong:before {content:''; display: block; position: absolute; width: 4rem; height: 4rem; background-image: url('../img/2024_08/info-label/acc-icon01.png'); background-repeat: no-repeat; background-size: 100%; top: 2.5rem; left: 2rem;}
.infoLabel .accordion-area a.list02 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon02.png');}
.infoLabel .accordion-area a.list03 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon03.png');}
.infoLabel .accordion-area a.list04 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon04.png');}
.infoLabel .accordion-area a.list05 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon05.png');}
.infoLabel .accordion-area a.list06 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon06.png');}
.infoLabel .accordion-area a.list07 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon07.png');}
.infoLabel .accordion-area a.list08 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon08.png');}
.infoLabel .accordion-area a.list09 .toggle-btn strong:before {width:8.4rem; height: 4rem; background-image: url('../img/2024_08/info-label/acc-icon09.png');}
.infoLabel .accordion-area a.list10 .toggle-btn strong:before {width:8.4rem; height: 4rem; background-image: url('../img/2024_08/info-label/acc-icon10.png');}
.infoLabel .accordion-area a.list11 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon11.png');}
.infoLabel .accordion-area a.list12 .toggle-btn strong:before {background-image: url('../img/2024_08/info-label/acc-icon12.png');}

.infoLabel .accordion-area .toggle-contents {padding: 4rem 2rem 4rem 8rem; display: none; background: #fafafa;}
.infoLabel .accordion-area .toggle-contents p {color: #222; line-height: 2.4rem;}
.infoLabel .accordion-area .toggle-contents p,
.infoLabel .accordion-area .toggle-contents dl {padding: 0 8rem 0 0;}
.infoLabel .accordion-area .toggle-contents .dl-list {padding: 0 3.5rem 0 1.6rem; margin-top: 1.6rem;}
.infoLabel .accordion-area .toggle-contents .dl-list dl {color: #222;}
.infoLabel .accordion-area .toggle-contents .dl-list dl dt {word-break: keep-all;}
.infoLabel .accordion-area .toggle-contents .dl-list dl dd {margin-top: .8rem; padding-left: 1.6rem; word-break: keep-all;}
.infoLabel .accordion-area .toggle-contents .dl-list dl+dl {margin-top: .8rem;}
.infoLabel .accordion-area .toggle-contents .dl-list dl dd.dash-list > dl {padding-left: 3.6rem; position: relative;}
.infoLabel .accordion-area .toggle-contents .dl-list dl dd.dash-list > dl:before {position: absolute; content: ""; display: block; width: .5rem; height: .1rem; background-color: #222; top: .8rem; left: 2.4rem;}

.infoLabel .accordion-area .table {margin: .8rem 0 2.4rem 0; width: 100%; border-bottom: 1px solid #bbb;}
.infoLabel .accordion-area .table strong {display: block; color: #222; margin-bottom: .8rem}
.infoLabel .accordion-area .table table {width: 100%;}
.infoLabel .accordion-area .table.depth2 {width: 90%; margin: .8rem 1.6rem 2.4rem;}
.infoLabel .accordion-area .table table th {padding: 1.6rem 0; border-top: 1px solid #000; border-bottom: 1px solid #bbb; background: #eee;}
.infoLabel .accordion-area .table table td {padding: .8rem; text-align: center; line-height: 1.5;}
.infoLabel .accordion-area .table table td.border-bottom {border-bottom: 1px solid #bbb;}
.infoLabel .accordion-area .table table td .flex {display: flex; gap: .4rem; text-align: left; line-height: 1.5;}
.infoLabel .accordion-area .table table td .flex > * {flex-grow: 0;}
.infoLabel .accordion-area .table table td .flex+.flex {margin-top: .4rem;}
.infoLabel .accordion-area .table table td .flex span {margin-top: .2rem; width: 3.6rem;}

.infoLabel .toggle-contents .list {margin-top: 1.6rem;}
.infoLabel .toggle-contents .list li+li {margin-top: 0.8rem;}
.infoLabel .toggle-contents .dot-list {margin-top: 1.6rem; padding-right: 8rem;}
.infoLabel .toggle-contents .dot-list li {padding-left: .8rem; word-break: keep-all; line-height: 1.3;}
.infoLabel .toggle-contents .dot-list li+li {margin-top: .8rem;}
.infoLabel .toggle-contents .dash-list {margin-top: 1.6rem; padding-right: 8rem;}
.infoLabel .toggle-contents .dash-list li {position: relative; padding-left: .8rem; word-break: keep-all; line-height: 1.3;}
.infoLabel .toggle-contents .dash-list li:before {position: absolute; content: ""; display: block; width: .5rem; height: .1rem; background-color: #222; top: .8rem; left: 0;}
.infoLabel .toggle-contents .dash-list li+li {margin-top: .8rem;}

.infoLabel .accordion-area .table .sub-wrap strong {display:block; font-weight:bold; font-size:1.8rem;}
.infoLabel .accordion-area .sub-wrap .list > p {font-size:1.6rem;}
.infoLabel .accordion-area .sub-wrap .list ul {margin:.6rem 0; padding-left:1rem}
.infoLabel .accordion-area .sub-wrap .list ul li+li {margin-top:.4rem;}

@media all and (max-width: 1200px) {

    .infoLabel {padding: 0 3rem; width: 100%;}
    .infoLabel .index li {width: 48rem;}
}

/* 테이블만 해당하는 미디어쿼리 */
@media all and (max-width: 1080px) {

    .infoLabel .accordion-area .table.table-scroll {overflow-x: scroll;}
    .infoLabel .accordion-area .table.table-scroll table {width: auto; min-width: 120rem;}
    .infoLabel .accordion-area .table table td {word-break: keep-all;}

    .table-scroll table th,
    .table-scroll table td {white-space: nowrap;}

    ::-webkit-scrollbar {width: 0; height: .2rem; border: 1px solid #fff;}
    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment {width: 100%}
    ::-webkit-scrollbar-track {background: transparent; -webkit-border-radius: 10000px; border-radius: 10000px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);}
    ::-webkit-scrollbar-thumb {height: .2rem; width: .2rem; background:#555; -webkit-border-radius:10000px; border-radius:100000px;}
}

@media all and (max-width: 805px) {
    .infoLabel .section:first-child {margin-top: 0;}
    .infoLabel .top h2 {align-items: center; padding : 1.2rem 0; font-size: 1.8rem; font-weight: 400; text-align: left; display: flex; justify-content: space-between;}
    .infoLabel .top h2 .btn-close {display:inline-block; width: 2.8rem; height: 2.8rem; text-indent: -99999rem; background: url('../img/2024_08/info-label/btn-close.png') no-repeat top right;}
    .infoLabel .top .privacy-year .sel-box {margin: 0 -3rem; padding: 1.7rem 2rem; justify-content: flex-start; background: #f6f6f6;}
    .infoLabel .top .privacy-year .btn-select {padding: .8rem 0; width: 100%; border-width: 0 0 1px 0; border-color: #000; border-radius: initial; font-size: 1.4rem;}

    .infoLabel h3 {font-size: 2rem;}
    .infoLabel .desc-wrap {margin-top: 4rem;}
    .infoLabel .desc-wrap p {font-size: 1.4rem; text-align: left !important;}
    .infoLabel .contents .desc-wrap p br {display: none;}
    .infoLabel .contents .sub {font-size: 1.2rem;}

    .infoLabel .icon-area a {width: calc(50% - 2rem);}
    .infoLabel .icon-area .icon {padding: 2.4rem 1.2rem; height: 18.3rem;}
    .infoLabel .icon-area .icon p {font-size: 1.4rem; word-break: keep-all;}

    .infoLabel .index ol {padding: 1.6rem 3.4rem;}
    .infoLabel .index li {width: 100%;}

    .infoLabel .accordion-area a .toggle-btn {padding: 5rem 5rem 0 0;}
    .infoLabel .accordion-area a .toggle-btn strong {font-size: 2rem;}
    .infoLabel .accordion-area a.list09 .toggle-btn strong,
    .infoLabel .accordion-area a.list10 .toggle-btn strong {padding: 1.2rem 0 1.2rem 0;}
    .infoLabel .accordion-area a .toggle-btn strong:before {width: 3.5rem; height: 4rem; top: 1.5rem; left: 0;}
    .infoLabel .accordion-area a .toggle-btn::after {top: 6rem;}

    .infoLabel .accordion-area .toggle-contents {padding: 2rem 1.6rem;}
    .infoLabel .accordion-area .toggle-contents p,
    .infoLabel .accordion-area .toggle-contents dl {padding: 0;}
}

/* 2024-08-19 빠른주유 쿠폰 이벤트 */
.tax-wrapper.fast-oil .tax-contents section:first-child {margin-top: 0; padding-top: 2rem;}
.tax-wrapper.fast-oil .tax-contents section {margin-top: 3rem;}
.tax-wrapper.fast-oil .tax-contents section .listTypeA tr td ol li {list-style-type: none;}

/* 2024-10-02 신규 회원 이벤트 */
.newUserEvent .event {position: relative;}
.newUserEvent .event .event-btn {position: absolute; left: 50%; transform: translateX(-50%);}
.newUserEvent #event01 .event-btn {bottom: 48%;}
.newUserEvent #event02 .event-btn {top: 33%;}
.newUserEvent #event01 .event-btn a,
.newUserEvent #event02 .event-btn a {display: block;}
@media all and (max-width: 805px) and (min-width: 320px) {
    .newUserEvent .event .event-btn {width: 80%;}
}

/* 2024-10-02 Mass 이벤트 */
.massEvent .visual {position: relative;}
.massEvent .visual .tabs {position: absolute; bottom: -.5rem; width: 100%;}
.massEvent .visual .tabs a {width: 50% !important;}
.massEvent #event01 .btn-group {flex-direction: row; bottom: 21%;}
.massEvent #event01 .count {position:absolute; bottom: 18%; display: flex; gap: 2.8rem; justify-content: center; width: 120rem;}
.massEvent #event01 .count.show-mo {display: none;}
.massEVent #event01 .count.show-mo span {line-height: 3rem !important;}
.massEvent #event01 p {width: 32rem; text-align: center;}
.massEvent #event01 .count span {font-size: 1.6rem; color: #fff;}
.massEvent #event01 .count span b {padding-left: .4rem; font-size: 2.2rem; font-weight: 400; color: #fff; vertical-align: baseline;}
.massEvent .event01 {position: relative;}
.massEvent .event01 .tabs-02 {position: absolute; bottom: -.5rem; width: 100%;}
.massEvent .event01 .tabs a {width: 50% !important;}

@media all and (max-width: 1200px) and (min-width: 806px) {
    .massEvent #event01 p {width: 28%;}
    .massEvent #event01 .count {width: 100%; gap: 0.9rem;}
    .massEvent #event01 .count span b {font-size: 2rem;}
}

@media all and (max-width: 805px) and (min-width: 320px) {
    .massEvent #event01 p {width: 30vw;}
    .massEvent #event01 .count.show-pc {display: none;}
    .massEvent #event01 .count.show-mo {display: flex; width: 100%; bottom: 20%; gap: 0;}
    .massEvent #event01 .count span {font-size: 1.65rem;}
    .massEvent #event01 .count span b {padding-left: 0;}
    .massEvent #event01 .btn-group {bottom: 23.5%;}
}

@media all and (max-width: 640px) and (min-width: 441px) {
    .massEvent #event01 p {width: 27vw;}
    .massEvent #event01 .count.show-mo {bottom: 19.5%; gap: 1.3rem;}
    .massEvent #event01 .count span b {font-size: 2rem;}
}

@media all and (max-width: 440px) and (min-width: 320px) {
    .massEvent #event01 .count.show-pc {display: none;}
    .massEvent #event01 p {width: 25vw;}
    .massEvent #event01 .count.show-mo {bottom: 19% !important; gap: 1.8rem;}
    .massEvent #event01 .count span {font-size: 1rem;}
    .massEvent #event01 .count span b {font-size: 1.6rem;}
}

/* 2024-10-25 빠른주유 별도 페이지 추가 */
.app-event-type-03-01.fast-visual {border-bottom: 1px solid #eee;}
.event-detail.fast-oil {padding: 0;}
.pc .pc-content .pc-inner .event-detail.fast-oil {border-top: 0;}
.content-wrap.app-event-202407.chkCard .app-event-type-03-01 .fast-oil .event-sec1 {width:138rem; margin: 0 auto; background: url('../img/2024_10/fast-oil-visual.png') right bottom no-repeat;}
.event-detail.fast-oil .fast-oil-shortcut {padding: 2.4rem 0; text-align: center;}
.event-detail.fast-oil .fast-oil-shortcut a {display: block;}

@media all and (max-width: 805px) {
    .mobile .fast-oil-page {overflow-x: hidden;}
    .mobile .app-event-type-03-01 .event-ti-box {padding-top: 10.2rem;}
    .content-wrap.fast-oil-page .event-ti-box .sec-ti strong {font-size: 3.1rem; line-height: 1.2;}
    .mobile .app-event-type-03-01.fast-oil br {display:block;}
    .app-event-type-03-01.fast-visual {border-bottom: 0; margin: 0 !important;}
    .content-wrap.fast-oil-page.chkCard .app-event-type-03-01 .fast-oil .event-sec1 {padding-top: 6rem; width: 100%; background: none;}

    .content-wrap.fast-oil-page .app-event-type-03-01 .fast-oil .event-sec1 .fast-oiling {margin-top: 2rem;}
    .content-wrap.fast-oil-page .app-event-type-03-01 .fast-oil .event-sec1 .fast-oiling strong {text-align: left !important;}
    .content-wrap.fast-oil-page .app-event-type-03-01 .fast-oil .event-sec1 .desc-wrap {padding: 0 3.63rem;}
    .content-wrap.fast-oil-page .app-event-type-03-01 .fast-oil .event-sec1 .desc-wrap button {height: 50px; line-height: 48px;}

    .content-wrap.fast-oil-page .app-event-type-03-01.fast-visual .event-sec1 .img {margin: 1.6rem -4.4rem 0;}
    .content-wrap.fast-oil-page .app-event-type-03-01.fast-visual .event-sec1 .img img {width: calc(100% + 9rem);}

    .event-detail.fast-oil .fast-oil-shortcut img {width: 90%;}
    .event-detail.fast-oil .fast-oil-shortcut a > img {width: 80%;}

    .content-wrap.fast-oil-page .app-event-type-03-01.fast-oil .carbon-p-how ol li.type1 {display: flex; align-items: center; justify-content: center; gap: 6rem; width: 100%; margin-top: 3.2rem;}
    .content-wrap.fast-oil-page .app-event-type-03-01.fast-oil .carbon-p-how ol li.type1 img {width: 28%; margin: 0;}
    .content-wrap.fast-oil-page .app-event-type-03-01.fast-oil .carbon-p-how ol li.type2 {margin-top: 2.3rem;}
    .content-wrap.fast-oil-page .app-event-type-03-01.fast-oil .carbon-p-point-txt {padding: 3rem 3.6rem;}
}

@media all and (max-width: 535px) {
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01.fast-oil .carbon-p-how ol li.type1 {gap: 4rem;}
    .content-wrap.app-event-202407.chkCard .app-event-type-03-01.fast-oil .carbon-p-how ol li.type1 img {width: 40%;}
}

/* 2024-11-27 서울드래곤시티 이벤트 */
.DragonCityEvent {background: #9c1f34;}
.DragonCityEvent .eventStepWrap {max-width: 120rem; padding: 0 12rem 8rem; margin-top: 2rem; text-align: left;}
.DragonCityEvent .eventStepWrap .step+.step {margin-top: 4rem;}
.DragonCityEvent .eventStepWrap .step strong {font-size: 2.4rem; font-weight: 700; color: #fff;}
.DragonCityEvent .eventStepWrap .step ul {padding-top: 1.6rem;}
.DragonCityEvent .eventStepWrap .step ul li {padding-left: 1.6rem; position: relative; font-size: 2.4rem; font-weight: 300; color: rgba(255,255,255, .8); line-height: 1.4;}
.DragonCityEvent .eventStepWrap .step ul li::before {position: absolute; content: ''; display: block; width: .7rem; height: .2rem; background: rgba(255,255,255, .8); left: 0; top: 1.5rem;}
.DragonCityEvent .eventStepWrap .step ul li+li {margin-top: 1.6rem;}
.DragonCityEvent .eventStepWrap .step ul li a {text-decoration: none !important; color: rgba(255,255,255, .8) !important;}
.DragonCityEvent .eventStepWrap .step ul li > ul {display: flex; align-items: center; gap: 1.6rem;}
.DragonCityEvent .eventStepWrap .step ul li > ul li {padding-left: 0; display: flex; align-items: center; gap: 1.6rem;}
.DragonCityEvent .eventStepWrap .step ul li > ul li::before {background: none;}
.DragonCityEvent .eventStepWrap .step ul li > ul li+li {margin: 0;}
.DragonCityEvent .eventStepWrap .step ul li > ul li span {font-size: 2.4rem; font-weight: 300; color: rgba(255,255,255, .8);}
.DragonCityEvent .eventStepWrap .step ul li > ul li button {width: 12rem; height: 4.4rem; border: 1px solid #e5e5e7; border-radius: .8rem;}
.DragonCityEvent .eventStepWrap .step ul li > ul li button img.ios {width: 8.9rem; height: 2.4rem;}
.DragonCityEvent .eventStepWrap .step ul li > ul li button img.google {width: 9.5rem; height: 2.4rem;}

@media (min-width: 806px) and (max-width: 1199px) {
    .DragonCityEvent .eventStepWrap {padding: 0 6rem 8rem;}
}

@media all and (max-width: 805px) {
    .DragonCityEvent .visual {position: relative;}
    .DragonCityEvent .visual .show-mo.eventImg {padding-bottom: 1.8rem;}
    .DragonCityEvent .app-btn {position: absolute; bottom: 1.8rem; left: 0; text-align: center; width: 100%; display: flex; justify-content: center; padding: 0 4.6rem 0 5.6rem;}
    .DragonCityEvent .app-btn button {background: none; width: 40%;}
    .DragonCityEvent .app-btn button+button {margin-left: .8rem;}
    .DragonCityEvent .url-shortcuts {position: relative; padding-top: 1rem;}
    .DragonCityEvent .url-shortcuts .btn-area {position: absolute; bottom: calc(50%); left: 0; text-align: center; width:100%;}
    .DragonCityEvent .url-shortcuts .btn-area a.btn-url {display: block; width: 60%; margin: 0 auto; }
}

@media (min-width: 320px) and (max-width: 540px) {
    .DragonCityEvent .app-btn {bottom: 1.4rem;}
    .DragonCityEvent .app-btn button {width: 46%;}
}

/* 2024-11-28 친구추천 이벤트 */
.friendEvent .event01.show-pc .btn-group {bottom: 10%;}
.friendEvent .btn-group button {background: none;}
.friendEvent .event02.show-pc,
.friendEvent .event02.show-mo {background: linear-gradient(180deg, rgba(255, 232, 238, 0) 0%, #FFD1DD 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #ffe8ee;}
.friendEvent .event02.show-pc img.event-desc {padding: 4.4rem 16.5rem 0 16.5rem;}
.friendEvent .event02.show-pc .data-area {padding-bottom: 10rem; margin-top: 6.2rem; width: 100%;}
.friendEvent .event02.show-pc .box-white {position: relative; margin: 0 16.5rem; padding: 4rem 4rem 6rem 4rem; background: #fff; border-radius: 2.4rem; box-shadow: 0 4px 10px 0 rgba(132,61,82,0.3);}
.friendEvent .event02.show-pc .box-white::before {position: absolute; content: ''; display: block; width: 26.8rem; height: 4.5rem; background: url('../img/event/Event2024/friendEvent/pc-event2-badge.png') no-repeat; top: -3rem; left: 50%; transform: translateX(-50%);}
.friendEvent .event02.show-pc .box-white .title {text-align: left; font-size: 3.2rem; font-weight: bold;}
.friendEvent .event02.show-pc .box-white .flex {margin-top: 3.2rem; display: flex;}
.friendEvent .event02.show-pc .box-white .flex .data:first-child {position: relative;}
.friendEvent .event02.show-pc .box-white .flex .data:first-child::after {position: absolute; content:''; display: block; widtH: 2px; height: 100%; background: rgba(227,227,227); top: 0; right: 0;}
.friendEvent .event02.show-pc .box-white .flex .data p {font-size: 2.4rem;}
.friendEvent .event02.show-pc .box-white .flex .data strong {display: block; padding-top: 3rem; font-size: 4.8rem; font-weight: bold;}
.friendEvent .event02.show-pc .box-white .flex .data span {display: block; margin-top: .8rem;}

.friendEvent .event01.show-mo .btn-group {bottom: 8%;}
.friendEvent .event02.show-mo img.event-desc {padding-top: 4rem;}
.friendEvent .event02.show-mo .data-area {margin-top: 4rem; padding: 0 2rem 4rem 2rem; width: 100%;}
.friendEvent .event02.show-mo .data-area .box-white {position: relative; padding: 2.4rem 2rem; background: #fff; border-radius: 1.6rem; box-shadow: 0 2px 4px 0 rgba(132,61,82,0.3);}
.friendEvent .event02.show-mo .box-white::before {position: absolute; content: ''; display: block; width: 43%; height: 27%; background: url('../img/event/Event2024/friendEvent/mo-event2-badge.png') no-repeat; background-size: 100%; top: -1.6rem; left: 50%; transform: translateX(-48%);}
.friendEvent .event02.show-mo .box-white .title {font-size: 1.4rem; font-weight: bold;}
.friendEvent .event02.show-mo .box-white .flex {margin-top: 2.4rem; display: flex; text-align: center;}
.friendEvent .event02.show-mo .box-white .flex .data:first-child {position: relative;}
.friendEvent .event02.show-mo .box-white .flex .data:first-child::after {position: absolute; content:''; display: block; widtH: 2px; height: 100%; background: rgba(227,227,227); top: 0; right: 0;}
.friendEvent .event02.show-mo .box-white .flex .data strong {display: block; padding-top: 1.6rem; font-size: 2.4rem; font-weight: bold;}
.friendEvent .event02.show-mo .box-white .flex .data span {display: block; margin-top: 1rem; font-size: 1.1rem; font-weight: 400; color: #666;}

@media (min-width: 806px) and (max-width: 1040px) {
    .friendEvent .event02.show-pc img.event-desc {padding: 4.4rem 10.5rem 0 10.5rem;}
    .friendEvent .event02.show-pc .box-white {margin: 0 10.5rem;}
    .friendEvent .event02.show-pc .box-white .title {font-size: 2.4rem;}
    .friendEvent .event02.show-pc .box-white .flex .data p {font-size: 1.8rem;}
    .friendEvent .event02.show-pc .box-white .flex .data strong {font-size: 3.2rem;}
}

@media (min-width: 580px) and (max-width: 805px) {
    .friendEvent .event02.show-mo .data-area {margin-top: 6.4rem;}
    .friendEvent .event02.show-mo .box-white::before {height: 30%; top: -2.6rem;}
    .friendEvent .event02.show-mo .box-white .title {margin-top: 1.4rem; font-size: 2.4rem;}
    .friendEvent .event02.show-mo .box-white .flex .data p {font-size: 1.8rem;}
}

/* 2025-02-19 친구추천 이벤트 당첨자 페이지 */
.friendEvent .event02.win-page.show-pc .box-white {position: relative; margin: 0 15rem; padding: 4rem 4.4rem;}
.friendEvent .event02.win-page.show-pc .box-white::before {background-image: url('../img/event/Event2024/friendEvent/pc-event2-badge-win.png'); width: 27.5rem;}
.friendEvent .event02.win-page .box-white .flex .data {position: relative; width: 25%;}
.friendEvent .event02.win-page.show-pc .box-white .flex .data::after {position: absolute; content:''; display: block; width: 2px; height: 100%; background: rgba(227,227,227); top: 0; right: 0;}
.friendEvent .event02.win-page.show-pc .box-white .flex .data:last-child::after {display: none;}
.friendEvent .event02.win-page .box-white .flex .data p {display: flex; justify-content: center; gap: 2.4rem;}
.friendEvent .event02.win-page .box-white .flex .data p+p {margin-top: .8rem;}
.friendEvent .event02.win-page.show-pc .box-white .flex .data p,
.friendEvent .event02.win-page.show-pc .box-white .flex .data span {font-size: 2.8rem;}
.friendEvent .event02.win-page .box-white .flex .data span {display: initial; margin-top: 0;}

.friendEvent .event02.win-page.show-mo .data-area .box-white {padding: 2.4rem 0;}
.friendEvent .event02.win-page.show-mo .box-white::before {background-image: url('../img/event/Event2024/friendEvent/pc-event2-badge-win.png');}
.friendEvent .event02.win-page.show-mo .box-white .flex {margin-top: 1.4rem;}
.friendEvent .event02.win-page.show-mo .box-white .flex .data p {gap: 3rem;}
.friendEvent .event02.win-page.show-mo .box-white .flex .data span {color: #000;}
.friendEvent .event02.win-page.show-mo .box-white .flex .data p,
.friendEvent .event02.win-page.show-mo .box-white .flex .data span {font-size: 1.5rem;}

@media (min-width: 1020px) and (max-width: 1199px) {
    .friendEvent .event02.win-page.show-pc .box-white {margin: 0 10rem; padding: 4rem 3.5rem;}
    .friendEvent .event02.win-page.show-pc .box-white .flex .data p,
    .friendEvent .event02.win-page.show-pc .box-white .flex .data span {font-size: 2.4rem;}
}

@media (min-width: 806px) and (max-width: 1019px) {
    .friendEvent .event02.win-page.show-pc .box-white {margin: 0 5rem;;}
    .friendEvent .event02.win-page.show-pc .box-white .flex .data p,
    .friendEvent .event02.win-page.show-pc .box-white .flex .data span {font-size: 2.2rem;}
}

@media (min-width: 414px) and (max-width: 805px) {
    .friendEvent .event02.win-page.show-mo .box-white .flex .data p,
    .friendEvent .event02.win-page.show-mo .box-white .flex .data span {font-size: 1.8rem;}
}

/* 2025-04-07 5월 MASS 이벤트 */
.massEvent.event25_1st .tabs {position: initial;}
.massEvent.event25_1st #event01,
.massEvent.event25_1st #event02 {margin-top: -2rem;}
.pc .massEvent.event25_1st #event01_01 {position: relative; background-color: #ffc7c9;}

.massEvent #event01_01.event25_01 .apply {padding: 6rem 5rem 0; width: 100%; display: flex; gap: 3.3rem; justify-content: center;}
.massEvent #event01_01.event25_01 .apply div {position: relative;}
.massEvent #event01_01.event25_01 .apply div p {position: absolute; top: 8%; right: 22%; transform: translate(25%, 50%);}
.massEvent #event01_01.event25_01 .apply div:nth-of-type(2) p {right: 26%;}
.massEvent #event01_01.event25_01 .apply div p span {font-size: 3.2rem;}
.massEvent #event01_01.event25_01 .apply div p span.num {font-weight: bold;}

.massEvent #event01_01.event25_01 .product-area ul {margin-top: 6rem; display: flex; justify-content: center;}
.massEvent #event01_01.event25_01 .product-area ul:nth-child(2) {padding: 0 3.2rem 6rem; gap: 1.4rem;}
.massEvent #event01_01.event25_01 .product-area .product-list li div .badge {margin: 1.6rem auto 0; width: 18rem; height: 3.4rem; border-radius: 2rem; background: #f39c9f;}
.massEvent #event01_01.event25_01 .product-area .product-list li div p {line-height: 3.4rem; color: #fff;; font-size: 2rem; text-align: center;}
.massEvent #event01_01.event25_01 .product-area .product-list li div p span {vertical-align: baseline; color: #fff;; font-size: 2rem;}

.pc .massEvent .contents-btm {position: relative;}
.massEvent .contents-btm .btn-area {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.massEvent .contents-btm .btn-area button {background: none;}
.massEvent .contents-btm .btn-area img {width: initial;}

.pc .massEvent.event25_1st #event02 {position: relative; margin-top: -3rem;}
.pc .massEvent.event25_1st #event02 .mkt-agree {position: relative;}
.massEvent.event25_1st #event02 .mkt-agree .btn-area {position: absolute; left: 20%; bottom: 33%;}
.massEvent.event25_1st #event02 .mkt-agree .btn-area img {width: initial;}

.popup-layer#openPrize .pop-bottom .pop-layer .pop-header h1 {padding: 4.8rem 1rem .8rem 1rem; text-align: center; font-size: 2.5rem;}
.popup-layer#openPrize .close {background: url(../img/event/2025/mass/btn-close-green.png) no-repeat center center; background-size: 3rem}
.popup-layer#openPrize .pop-bottom {vertical-align: middle;}
.popup-layer#openPrize .pop-bottom .pop-layer {border-radius: 4rem; background: #c0f5e4;}
.popup-layer#openPrize .pop-layer .m_box {background: #c0f5e4;}

.popup-layer#openPrize .prize-list {padding: 2rem 0 0 0;}
.popup-layer#openPrize .radio-group {height: auto; justify-content: center; flex-wrap: wrap; gap: 3.6rem 2rem;}
.popup-layer#openPrize .radio-group div {width: 40%;}
.popup-layer#openPrize .radio-group div label span img {width: 100%;}

.pc .popup-layer#openPrize .close {top: 2rem; right: 2rem;}
.pc .popup-layer#openPrize .pop-bottom .pop-layer .pop-header h1 {padding: 9.6rem 1rem 4rem 1rem;}

.pc .popup-layer#openPrize .radio-group div,
.pc .popup-layer#openPrize .radio-group div label span img {width: auto;}
.pc .popup-layer#openPrize .pop-btnArea {padding: 2rem 1.5rem 1rem 0;}
.pc .popup-layer#openPrize .pop-btnArea img {padding: 0 11rem;}
.pc .popup-layer#openPrize .pop-info {font-size: 2rem;}

.popup-layer#openPrize .pop-btnArea {width: 100%; background: #c0f5e4; padding: 2rem 3rem;}
.popup-layer#openPrize .pop-btnArea img {width: 100%}

.popup-layer#openPrize .radio-group div {position: relative;}
.popup-layer#openPrize .radio-group div input {position: absolute; left: 0; top: 0;width: 100%; height: 100%; background-color: transparent;}
.popup-layer#openPrize .radio-group div label {position: relative; display: block; height: 100%;}
.popup-layer#openPrize .radio-group div label .img {position: relative; display: block;}
.popup-layer#openPrize .radio-group div input[type="radio"]:checked {border: 0;}
.popup-layer#openPrize .radio-group div input[type="radio"]:checked + label .img::after {
    position: absolute; content: ''; display: block;
    width: 110%; height: 110%; background: url('../img/event/2025/mass/mo/product-on.svg') no-repeat; background-size: 100%;
    z-index: 100; top: -1.5rem; left: 0;
}
.popup-layer#openPrize .radio-group div .prize-name {display: block; margin-top: 1.6rem; font-size: 1.8rem; letter-spacing: -.13rem; white-space: nowrap;}
.popup-layer#openPrize .radio-group div .prize-name strong {display: block; font-size: 1.8rem; font-weight: 600;}
.popup-layer#openPrize .pop-info {margin-bottom: 2rem;}

@media (min-width: 806px) and (max-width: 979px) {
    .massEvent.event25_1st #event02 .mkt-agree .btn-area img {width: 80%;}
}

@media (min-width: 806px) and (max-width: 890px) {
    .massEvent #event01_01.event25_01 .apply div p span {font-size: 2.8rem;}
}

@media (max-width: 805px) {
    .massEvent.event25_1st #event01_01 {position: relative; background-color: #ffc7c9;}
    .massEvent #event01_01.event25_01 .apply {padding: 6rem 4rem 0; position: initial;}
    .massEvent #event01_01.event25_01 .apply div p {width: 100%; top: 65%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
    .massEvent #event01_01.event25_01 .apply div p span {vertical-align: middle; font-size: 3.2rem;}

    .massEvent #event01_01.event25_01 .product-area .product-list {margin: 0; padding: 6rem 0 6rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.4rem 1rem;}
    .massEvent #event01_01.event25_01 .product-area .product-list li {width: calc((80vw / 2) * 1);}

    .massEvent .contents-btm {position: relative; margin-top: -1rem; padding-bottom: 3rem; background-color: #ffc7c9;}
    .massEvent .contents-btm .btn-area {padding: 0 10rem; left: initial; transform: initial;}

    .massEvent.event25_1st #event02 .mkt-agree {position: relative;}
    .massEvent.event25_1st #event02 .mkt-agree .btn-area {width: 30%; position: absolute; left: 0; bottom: 0; transform: translate(40%, -290%);}
    .popup-layer#openPrize .pop-header h1 img {width: 35%;}
    .popup-layer#openPrize .close {width: 3rem; height: 3rem; padding: 0;}
}


@media (max-width: 490px) {
    .massEvent #event01_01.event25_01 .apply {padding: 6rem 3rem 0; gap: 1.1rem;}
    .massEvent #event01_01.event25_01 .apply div p span {font-size: 2rem;}
    .massEvent #event01_01.event25_01 .apply div p span.num {font-size: 2rem;}

    .massEvent #event01_01.event25_01 .product-area .product-list {padding: 3rem 0;}
    .massEvent #event01_01.event25_01 .product-area .product-list li div .badge {width: 12rem;}
    .massEvent #event01_01.event25_01 .product-area .product-list li div p,
    .massEvent #event01_01.event25_01 .product-area .product-list li div p span {font-size: 1.6rem;}

    .massEvent .contents-btm .btn-area {padding: 0 5rem;}

    .massEvent.event25_1st #event02 .mkt-agree .btn-area {width: 40%; transform: translate(32%, -200%);}

    .popup-layer#openPrize .radio-group div .prize-name,
    .popup-layer#openPrize .radio-group div .prize-name strong {font-size: 1.4rem;}

}

/* 2025-04-21 빠른주유 쿠폰 다운로드 페이지 */
.pc .app-event-type04 .app-event-type04-inner div,
.pc .app-event-type04 .app-event-type04-inner .img {text-align: center;}
.pc .app-event-type04 .app-event-type04-inner .img img {width: 50%;}

.mobile .app-event-type04 .app-event-type04-inner button img {padding: 0 2.4rem; width: 100%;}

.app-event-type04 {margin-top: 4rem;}
.app-event-type04 .event-ti-box .tit {text-align: center; font-size: 3.6rem; font-weight: bold;}
.app-event-type04 .app-event-type04-inner {padding-top: 3.2rem;}
.app-event-type04 .app-event-type04-inner .desc {margin: 0 2.4rem;}
.app-event-type04 .app-event-type04-inner div,
.app-event-type04 .app-event-type04-inner div b {font-size: 1.8rem;}
.app-event-type04 .app-event-type04-inner div strong {display: block; padding-bottom: 1.3rem; font-size: 2.4rem; font-weight: bold; color: #007b3d;}
.app-event-type04 .app-event-type04-inner div ul li {margin-top: .4rem; font-size: 1.6rem;}
.app-event-type04 .app-event-type04-inner div+div {margin-top: 3.2rem;}
.app-event-type04 .app-event-type04-inner .img img {margin-top: 3.2rem; width: 100%;}
.app-event-type04 .app-event-type04-inner button {width: 100%; margin-top: 2.4rem;}
.app-event-type04 .notice-list {border: 0; margin: 3rem 2.4rem;}
.app-event-type04 .notice-list dt {margin-bottom: 1.6rem; font-weight: bold; font-size: 1.8rem;}
.app-event-type04 .notice-list dd+dd {margin-top: .8rem;}
.app-event-type04 .notice-list dd {position: relative; padding-left: 1.8rem;}
.app-event-type04 .notice-list dd::before {position: absolute; content: ''; display: block; width: .4rem; height: .4rem; background: #000; border-radius: 50%; left: .7rem; top: .7rem;}