@charset "utf-8";
/*atest*/
body{padding:0; margin:0; font-family:'Roboto', 'Noto Sans KR', sans-serif; }
*{box-sizing:border-box;}
ul,li{list-style:none; padding:0; margin:0;}
a{cursor:pointer;}
a, a:hover, a:visited{color:#000; text-decoration:none;}
p{margin:0; padding:0;}

/*#plus_shop img{display:block; margin:0;}*/
/*#payment img{display:block; margin:0;}*/

/*서브메뉴*/
#plus_shop .s_menubar{width:100%; height: 58px; line-height: 58px; background:#fff;}
#plus_shop .s_menubar .menu_list{max-width:1200px; margin:auto; text-align:center; display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; margin-top: 15px;}
#plus_shop .s_menubar .menu_list li{margin:0 40px 0 0;}
#plus_shop .s_menubar .menu_list li a{color:#000; font-size:16px; font-weight:500; display:block; height:58px;}
#plus_shop .s_menubar .menu_list li.active a{color:#7632FF; border-bottom: 2px solid #7632FF;}

#plus_shop .m_header{display:none;}
#plus_shop .menu_sub{width:100%; background: #fff; margin-bottom:10px;}
#plus_shop .menu_sub ul{max-width:1200px; margin:50px auto 0; height:60px; line-height: 60px; display: flex; flex-direction: row; align-content: center; justify-content:center; overflow:hidden;}
#plus_shop .menu_sub li{display: inline-block; border:1px solid #ddd; border-bottom-color:#000; width: 100%; margin-left: -1px;}
#plus_shop .menu_sub li:first-child{margin-left: 0;}
#plus_shop .menu_sub li a{display:block; color: #000; text-align: center; color: #000;}
#plus_shop .menu_sub li.active{border-color: #000; z-index:2;}
#plus_shop .menu_sub li.active a{background: #fff; color: #7632FF; font-weight:bold;}

/*tab*/
#plus_shop .mileshop_tab{width:100%; margin-bottom:40px;}
#plus_shop .mileshop_tab ul{display: flex;}
#plus_shop .mileshop_tab:after{display:block; content:''; clear:both;}
#plus_shop .mileshop_tab li{/*float:left;*/ width:100%; margin-left:-1px; height:60px; line-height:60px; border:1px solid #000;}
#plus_shop .mileshop_tab li.active{border-bottom:0;}
#plus_shop .mileshop_tab li a{display:block; text-align:center;}

/* 배너 */
/* #payment .payment_bnr{width:100%; height:160px; margin:auto; background:url(/img/new/plus/v2/sample_wbnr.jpg) no-repeat center #c0c0bd;} */
#plus_shop .payment_bnr{ width: 100%;}
#plus_shop .payment_bnr .banner { width:100%; margin:auto; }

#payment { background-color: #fff; }
#payment .tit_payment{font-size:26px; margin-bottom:20px;}
#payment .payment_contents{max-width:1200px; margin:auto; padding:30px 0;}

/*플러스멤버십*/
#payment .payment_contents .product_plus{margin-bottom:50px;}
#payment .payment_contents .product_plus > ul{display:flex; justify-content:space-between; flex-direction:row; flex-wrap:nowrap;}
#payment .payment_contents .product_plus > ul > li{width:380px; height:300px; border:2px solid #000; text-align:center; padding:20px 15px 30px; margin-right:15px;flex: 1;min-width: 0;}
#payment .payment_contents .product_plus > ul > li:last-child{margin-right:0;}
#payment .payment_contents .product_plus > ul > li.plus_best{border-color:#704bfa; background:#fafbff;}
#payment .payment_contents .product_plus p.badge_area{width:74px; height:30px; margin:0 auto 5px;}
#payment .payment_contents .product_plus > ul > li.plus_best p.badge_area{background:url(/img/new/plus/v2/badge_best.png) no-repeat center;}
#payment .payment_contents .product_plus p.tit_plus{font-size:22px; font-weight:500; margin-bottom:10px;}
#payment .payment_contents .product_plus p.dics_plus{margin-bottom:30px; word-break:keep-all;}
#payment .payment_contents .product_plus p.cb_plus_agree{height:20px; line-height:20px; margin-bottom:20px;}
#payment .payment_contents .product_plus p.cb_plus_agree input[type="checkbox"]{display:none;}
#payment .payment_contents .product_plus p.cb_plus_agree input[type="checkbox"] + label span{display:inline-block; width:20px; height:20px; margin:-4px 7px 0 0; vertical-align:middle; background:#fff; border:1px solid #000; cursor:pointer;}
#payment .payment_contents .product_plus p.cb_plus_agree input[type="checkbox"]:checked + label span{background:url(/img/new/plus/v2/icon_check.png) no-repeat center #000; background-size:20px; border-color:#000;}
#payment .payment_contents .product_plus a.btn_plus_join{display:block; margin: auto; background:#1e1e1e; color:#fff; border:none; width:260px; height:55px; line-height:55px; cursor:pointer; font-size:24px;}
#payment .payment_contents .product_plus a.btn_plus_join span{font-size:16px;}
#payment .payment_contents .product_plus a.btn_plus_join span.discount{color:#bcaaff; text-decoration:line-through;}
#payment .payment_contents .product_plus li.plus_best a.btn_plus_join{background:#704bfa;}

/*코인*/
#payment .payment_contents .product_coin{margin-bottom:50px;}
/* #payment .payment_contents .product_coin > ul{display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;} */
#payment .payment_contents .product_coin > ul{grid-template-columns: repeat(2, minmax(200px, 1fr));display: grid;justify-content: space-between;flex-wrap: wrap;grid-gap: 0 20px;}
#payment .payment_contents .product_coin > ul > li{/*width:380px;*/ height:100px; padding:0 30px; border:2px solid #000; margin-bottom:15px;}
/* #payment .payment_contents .product_coin > ul > li:nth-child(4),
#payment .payment_contents .product_coin > ul > li:nth-child(5),
#payment .payment_contents .product_coin > ul > li:nth-child(6){margin-bottom:0;} */
#payment .payment_contents .product_coin > ul > li a{display:block; height:96px; line-height:96px;}
#payment .payment_contents .product_coin > ul > li a span.txt_price{float:right; font-weight:700;}
#payment .payment_contents .product_coin > ul > li a span.img_coin{float:left; margin-top:33px; margin-right:10px; background:url(/img/new/plus/v2/icon_paymentcoin.png) no-repeat center; display:block; width:30px; height:30px; background-size:auto 30px;}
#payment .payment_contents .product_coin > ul > li a span.img_servicecoin{float:left; margin-top:33px; margin-right:10px; background:url(/img/new/plus/v2/icon_servicecoin_w.png) no-repeat center; display:block; width:30px; height:30px; background-size:auto 30px;}
#payment .payment_contents .product_coin > ul > li a span.txt_coin {float: left; margin-right: 10px; }

/*한정이모티콘*/
#payment .payment_contents .payment_emoticon{border:1px solid #ddd; background:#fafafa; padding:20px 50px; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-evenly; margin-bottom:50px;}
#payment .payment_contents .payment_emoticon p.tit_emoticon{font-size:26px; font-weight:300; word-break:keep-all;}
#payment .payment_contents .payment_emoticon p.tit_emoticon span{color:#704bfa; font-weight:500;}
#payment .payment_contents .payment_emoticon li{display:inline-block; margin:0 20px 0 0; width:100px; height:100px; border-radius:5px; overflow:hidden;}
#payment .payment_contents .payment_emoticon li img{width:100%;}

/*멤버십 및 코인정보*/
#payment .payment_contents .info_membership .info_list{border:1px solid #ddd; padding:50px 50px 0 50px;}
#payment .payment_contents .info_membership .info_list li{/*width:500px;*/ height:140px; margin-bottom:40px; display:flex; color:#666; /*word-break:keep-all;*/}
/* #payment .payment_contents .info_membership .info_list li:nth-child(1), */
/* #payment .payment_contents .info_membership .info_list li:nth-child(3){margin-right:50px;} */
#payment .payment_contents .info_membership .info_list .info_img{/*width:100px;*/ height:100px; border-radius:50%; /*background:#f6f6f6;*/ /*float:left;*/ margin-right:30px; /*overflow:hidden;*/}
#payment .payment_contents .info_membership .info_list .info_img img{/*width:100%;*/width: 100px;height: 100px;background-color: #f6f6f6;border-radius: 50%;}
#payment .payment_contents .info_membership .info_list .info_dics{max-width: 380px; /*float:left;*/}
#payment .payment_contents .info_membership .info_list .info_dics p.tit_plusinfo{font-size:24px; margin-bottom:5px; color:#000;}

/*마일리지샵*/
#payment .payment_contents .product_mileage{margin-bottom:50px;}
#payment .payment_contents .product_mileage .mileshop_list{grid-template-columns: repeat(auto-fill, 172px);flex-wrap: wrap;justify-content: space-between;display: grid;}
#payment .payment_contents .product_mileage p.tit_payment{height:40px; line-height:40px;}
#payment .payment_contents .product_mileage span.user_mileage{display:inline-block; width:100px; height:40px; display:inline-block; background:#f0ebf6; color:#5232dd; border:2px solid #d7c6eb; border-radius:30px; margin:auto; font-size:18px; margin-left:10px; font-weight:500; text-align:center;}
#payment .payment_contents .product_mileage span.user_mileage{width:100px; height:40px; background:url(/img/new/plus/v2/icon_mileage_m.png) no-repeat 10px center #f0ebf6; padding-left:27px;}
#payment .payment_contents .product_mileage .mileshop_list li{/*display:inline-block;*/ /*margin:0 13px;*/ margin-bottom:50px; text-align:center;}
#payment .payment_contents .product_mileage .mileshop_list .list_thumb{width:170px; height:170px; padding-top:35px; border-radius:5px; background:#fff; margin:0 auto 15px;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: #000 0px 2px 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=1);
    box-shadow: #dddddd 1px 2px 10px;}
#payment .payment_contents .product_mileage .mileshop_list .list_thumb img{width:100px; height:100px; margin:auto;}
#payment .payment_contents .product_mileage .mileshop_list .thumb_tit{text-align:center; width:170px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
#payment .payment_contents .product_mileage .mileshop_list .buymileage{width:65px; height:28px; line-height:28px; background:url(/img/new/plus/v2/icon_mileage.png) no-repeat 8px center #f0ebf6; padding-left:30px; color:#000; border:1px solid #d7c6eb; border-radius:30px; margin:auto;}
#payment .payment_contents .product_mileage .mileshop_list .bought { width:65px; height:28px; line-height:28px; color:#000; border:1px solid #d7c6eb; border-radius:30px; margin:auto; background:#f0ebf6; color:#7644d1; }
#payment .payment_contents .product_mileage .mileshop_list li.ready .list_thumb img{opacity:0.4;}
#payment .payment_contents .product_mileage .mileshop_list li.ready .buymileage{width:70px;background:#f6f6f6; border-color:#ddd; color:#999; padding:0; text-align:center;}
#payment .payment_contents .product_mileage .mileshop_list li.ready .close_btn { width: 160px; height: 45px; line-height: 45px; background: #eee; color: #999; display: block; margin: auto; text-align: center; }
/*안내사항*/
#payment .payment_notice{border: 1px solid #ddd; padding:30px 50px; background: #f6f6f6; max-width:1200px; margin:20px auto 0px; font-size:14px; line-height:24px;}
#payment .payment_notice .tit_notice{cursor: pointer;}
#payment .payment_notice .tit_notice{display:inline-block; height: 30px; line-height:30px; font-size:20px;}
#payment .payment_notice .notice_list{padding-top: 15px; color: #666;}
#payment .payment_notice .notice_list li{margin-bottom:5px; padding-left:10px;}
#payment .payment_notice .notice_list li:before{color: #666; content: "•"; margin-left:-10px; padding-right: 5px;}
/* mj */
.info_list ul{display: grid;grid-template-columns: repeat(2, 1fr);justify-content: space-between;grid-gap: 0 20px;}

/*결제수단 레이어*/
/*#payment .payment_layer{width:90%; max-width:540px; margin:auto; background:#fff; padding:0 35px;}*/
/*#payment .payment_layer .layer_header{border-bottom:1px solid #ddd; height:70px; position:relative;}*/
/*#payment .payment_layer .layer_header p.tit_layer{font-size:22px; height:50px; line-height:50px; padding-top:20px;}*/
/*#payment .payment_layer .layer_header a.layer_close{width:20px; height:20px; background:url(/img/new/plus/v2/close_x.png) no-repeat center; background-size:auto 20px; position:absolute; bottom:15px; right:0;}*/
/*#payment .payment_layer .layer_contents{padding:35px 0;}*/
.layer_contents ul:after{display:block; clear:both; content:'';}
.layer_contents li{border:1px solid #ddd; width:33.33%; height:85px; float:left; margin-left:-1px; margin-top:-1px;}
.layer_contents li a{display:block; text-align:center; padding:45px 5px 0;}
.layer_contents li.pay_kkp{background:url(/img/new/plus/v2/paylogo_kakaopay.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_nvp{background:url(/img/new/plus/v2/paylogo_naverpay.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_mob{background:url(/img/new/plus/v2/paylogo_mobile.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_mob_settle{background:url(/img/new/plus/v2/paylogo_mobile.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_card{background:url(/img/new/plus/v2/paylogo_card.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_card_settle{background:url(/img/new/plus/v2/paylogo_card.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_cul{background:url(/img/new/plus/v2/paylogo_cultureland.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_cul_settle{background:url(/img/new/plus/v2/paylogo_cultureland.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_bnl{background:url(/img/new/plus/v2/paylogo_booknlife.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_bnl_settle{background:url(/img/new/plus/v2/paylogo_booknlife.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_hpm{background:url(/img/new/plus/v2/paylogo_happymoney.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_hpm_settle{background:url(/img/new/plus/v2/paylogo_happymoney.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_pop{background:url(/img/new/plus/v2/paylogo_pop.png) no-repeat center 10px; background-size:100px;}
.layer_contents li.pay_send{background:url(/img/new/plus/v2/paylogo_send.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_bank_settle{background:url(/img/new/plus/v2/paylogo_send.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_input{background:url(/img/new/plus/v2/paylogo_input.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_va_settle{background:url(/img/new/plus/v2/paylogo_input.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_gcard{background:url(/img/new/plus/v2/paylogo_cardglobal.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_coin{background:url(/img/new/plus/v2/paylogo_coin.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_pointpark{background:url(/img/new/plus/v2/paylogo_pointpark.png) no-repeat center 12px; background-size:100px;}
.layer_contents li.pay_card_moonhwa{background:url(/img/new/plus/v2/paylogo_card.png) no-repeat center 12px; background-size:100px;}
.layer_contents .payment_info{max-width:437px; height:55px; line-height:55px; border:1px solid #dae0f1; background:#f1eeff; margin-left:-1px; margin-bottom:10px; padding:0px 20px; font-size:16px; font-weight:bold;}
.layer_contents .payment_info img{ display:inline-block; margin-right:10px; width:30px;}
.layer_contents .payment_info span.price{ float:right; color:#5232dd; flex:1;text-align: right;}
.layer_contents .payment_info:after{display:block; clear:both; content:'';}

/*확인용배경(modal)*/
.detail-modal-background {width: 100%; height:100%; background: rgba(0,0,0,0.5); position:fixed; top: 0; left: 0; z-index:9999; display: none;}
.detail-modal-background .layerpop_buy{ margin: 0 auto; top: 50%; transform: translateY(-50%); width:100%; max-width:500px; padding:30px 0; background:#fff; z-index:11; position:relative;}
.detail-modal-background .layerpop_buy .pop_tit{font-size:22px; line-height: 22px; border-bottom: 1px solid #ddd; position:relative; padding-bottom:20px; margin:0 30px 0;}
.detail-modal-background .layerpop_buy a.btn_layer_close{display:block; width:22px; height:22px; background: url(/img/new/openstore/v2/close_x.png) no-repeat center; background-size:22px; position:absolute; top:0; right:0;}
.detail-modal-background .layerpop_buy .pop_contents{padding:30px 30px 0;}
.detail-modal-background .layerpop_buy .pop_contents .buy_con_thumb{float:left; margin:0 20px 30px 0;}
.detail-modal-background .layerpop_buy .pop_contents .buy_con_info{float:left; width:calc(100% - 115px);}
.detail-modal-background .layerpop_buy .pop_contents .buy_con_info p.ncon_tit{font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.detail-modal-background .layerpop_buy .pop_contents .buy_con_info p.novel_tit{font-size:16px; color: #666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:7px;}
.detail-modal-background .layerpop_buy .pop_contents .buy_con_info p.price{background:url(/img/new/plus/v2/icon_mileage_m.png) no-repeat 10px center #f1eeff; border: 1px solid #dae0f1; background-size:22px; width: 90px; height: 32px; line-height:32px; border-radius:20px; color:#000; text-align:center; padding-left:25px; font-weight:bold; font-size:14px;}
.detail-modal-background .layerpop_buy .pop_contents .buy_con_thumb img{width:90px;}
.detail-modal-background .layerpop_buy .buy_notice{clear:both; font-size:14px; color:#999; padding:10px 15px; background:#fff; margin-bottom:0px;}
.detail-modal-background .layerpop_buy .pop_btn_area { text-align: center; }
.detail-modal-background .layerpop_buy .pop_btn_area a.popbtn_buy{width: 160px; height:45px; line-height:45px; background: #704bfa; color: #fff; display:inline-block; margin: 0 auto; text-align: center;}
.detail-modal-background .layerpop_buy .pop_btn_area a.close_btn{width: 160px; height: 45px; line-height: 45px; background: #eee; color: #999; display: inline-block; margin: 0 auto; text-align: center;}


/* 탑툰 배너 */
.top_toon_bn_pc{
    width: 100%;
    height: 150px;
    background: url('https://image.novelpia.com/img/new/plus/plus_bnr_pc_novelpiaxtoptoon.png') no-repeat center;
    background-size: contain;
    margin-bottom: 20px;
}

.top_toon_bn_mb img{
    width: 100% !important;
}

/* 100원 결제 부분 */
.one-event-wrapper{
    position: relative;
    width: 100%;
    margin-bottom: 28px;
    text-align: right;
    background-image: url(/img/new/plus/v2/plus_banner_100won_pc.png?vewsion=0.1);
    /* padding: 28px 65px 28px 0; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: calc(100% - 0px) calc(100% - 0px);
    height: 504px;
}

.one-event-wrapper > div{
    position: absolute;
    bottom: 55px;
    right: 55px;
}

.one-buy-btn{
    width: 260px;
    border: none;
    color: #FFF;
    background-color: #1E1E1E;
    font-size: 25px;
    padding: 10px 0;
    cursor: pointer;
    max-width: 100%;
}

.one-buy-btn span{
    font-size: 17px;
}

.one-event-wrapper .cb_plus_agree{
    margin-right: 15px;
}

.one-event-wrapper .cb_plus_agree label{
    color: #FFF;
}

@media (min-width:0px) and (max-width:891px) {
    body{background: #f6f6f6; font-size:14px;}
    body > div.row { display: none; }
    body > div.am-header.mobile_show { display: none; }
    body div.am-pagetitle { display: none; }
    #plus_shop { margin-top: 0px; }
    #plus_shop .top_navi { top: 0px; }

    #plus_shop .s_menubar{width:100%; height: 45px; line-height: 45px; background: url(/img/new/plus/v2/bg_menuline.png) no-repeat center center / 0px 0px #FFF;padding: 0;margin: 0;}
    #plus_shop .s_menubar .menu_list{height: 45px;width:100%;display: flex;justify-content:space-around;background:#fff;margin-top: 0px;padding:0;margin: 0;}
    #plus_shop .s_menubar .menu_list li{margin:0;}
    #plus_shop .s_menubar .menu_list li a{color:#000; display:block; height:45px; font-size:14px; font-weight:normal;}
    #plus_shop .s_menubar .menu_list li.active{}
    #plus_shop .s_menubar .menu_list li.active a{color:#7632FF; border-bottom:2px solid #7632FF; font-weight:500;}

    #plus_shop .m_header{display:flex; justify-content:space-between; align-items: center; height: 40px; line-height:40px; background: #fff;  padding: 0 10px; font-size:16px;}
    #plus_shop .m_header a, .m_header span{display:block; height:35px; line-height:35px; padding-top:5px;}
    #plus_shop .m_header a.hbtn_back{width: 35px; height: 35px; background:url(/img/new/plus/v2/arrow_goback_2.png) no-repeat center; background-size: auto 30px; margin-top:5px;}
	#plus_shop .m_header a.h_home{width:35px; height: 35px; float:right; background:url(/img/new/plus/v2/icon_home_2.png) no-repeat center; background-size: auto 30px; margin-top: 5px;}
    #plus_shop .m_header a.h_menu{width:35px; height: 35px; float:right; background:url(/img/new/plus/v2/icon_menu_2.png) no-repeat center; background-size: auto 30px; margin-top: 5px;}
    #plus_shop .m_header a.secret_p_menu{width:35px; height: 35px; float:right; background:url(//images.novelpia.com/img/new/secret_mode_on.png) no-repeat center; background-size: auto 30px; margin-top: 5px;}

    #plus_shop .payment_bnr{width:100%; background-size:cover; }
    /*#plus_shop .payment_bnr .banner{display:none;}*/
    /*tab*/
    #payment .mileshop_tab{width:100%; margin-bottom:20px;}
    #payment .mileshop_tab li{width:auto; margin-left:0; margin-right:5px; height:35px; line-height:35px; border:1px solid #ddd; border-radius:30px; padding:0 15px;}
    #payment .mileshop_tab li.active{border:1px solid #5232dd; background:#7359e4;}
    #payment .mileshop_tab li a{display:block; text-align:center;}
    #payment .mileshop_tab li.active a{color:#fff;}

    #payment .tit_payment{font-size:18px; margin-bottom:10px;}
    #payment .payment_contents{padding:0;}
    /*플러스멤버십*/
    #payment .payment_contents .product_plus{padding:20px 15px 20px; background:#fff; margin-bottom:0;}
    #payment .payment_contents .product_plus > ul{flex-direction:column; justify-content:flex-start;}
    #payment .payment_contents .product_plus > ul > li{width:100%; height:auto; background:#fff; margin-bottom:15px; padding:0 15px 20px;min-width: 0;flex: 1;min-width: 250px;}
    #payment .payment_contents .product_plus > ul > li:last-child{margin-bottom:0;}
    #payment .payment_contents .product_plus > ul > li.plus_best{padding-top:20px;}
    #payment .payment_contents .product_plus p.badge_area{width:50px; height:26px; margin:0 auto 3px;}
    #payment .payment_contents .product_plus > ul > li.plus_best p.badge_area{background:url(/img/new/plus/v2/badge_best_m.png) no-repeat center; background-size:auto 26px;}
    #payment .payment_contents .product_plus p.tit_plus{font-size:18px; margin-bottom:3px;}
    #payment .payment_contents .product_plus p.dics_plus{margin-bottom:25px;}
    #payment .payment_contents .product_plus p.cb_plus_agree{height:20px; line-height:20px; margin-bottom:10px;}
    #payment .payment_contents .product_plus p.cb_plus_agree input[type="checkbox"]:checked + label span{background:url(/img/new/plus/v2/icon_check_m.png) no-repeat center #000; background-size:20px;}
    #payment .payment_contents .product_plus a.btn_plus_join{width:90%; height:50px; line-height:50px; font-size:18px;}
    #payment .payment_contents .product_plus a.btn_plus_join span{font-size:14px;}
    .layer_contents .payment_info{display: flex;width: 100%;height: 55px;line-height: 55px;border: 1px solid #dae0f1;background: #f1eeff;margin-left: -1px;margin-bottom: 10px;padding: 0px 15px;font-size: 11px;font-weight: bold;justify-content: space-between;align-items: center;max-width: 100%;}
    .layer_contents .payment_info:after{display:none;}
    /*코인*/
    #payment .payment_contents .product_coin > ul{display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
    #payment .payment_contents .product_coin{padding:20px 15px 20px; background:#fff; margin-bottom:0;}
    #payment .payment_contents .product_coin > ul > li{width:100%; height:70px; margin-bottom:5px; padding:0;}
    #payment .payment_contents .product_coin > ul > li:nth-child(4),
    #payment .payment_contents .product_coin > ul > li:nth-child(5),
    #payment .payment_contents .product_coin > ul > li:nth-child(6){margin-bottom:5px;}
    #payment .payment_contents .product_coin > ul > li a{height:66px; line-height:66px; padding:0 20px; font-size:16px;}
    #payment .payment_contents .product_coin > ul > li a span.img_coin{margin-top:20px; background:url(/img/new/plus/v2/icon_paymentcoin_m.png) no-repeat center; width:26px; height:26px; background-size:auto 26px;}
    #payment .payment_contents .product_coin > ul > li a span.img_servicecoin{margin-top:20px; background:url(/img/new/plus/v2/icon_servicecoin_m.png) no-repeat center; width:26px; height:26px; background-size:auto 26px;}
    /*한정이모티콘*/
    #payment .payment_contents .payment_emoticon{padding:20px 15px; margin-bottom:0px; border:none; background:none;white-space: nowrap;justify-content: center;gap:5px;}
    #payment .payment_contents .payment_emoticon p.tit_emoticon{font-size:16px; margin-right:0; letter-spacing:-1px;}
    #payment .payment_contents .payment_emoticon p.tit_emoticon span{display:block;}
    #payment .payment_contents .payment_emoticon ul{/*width:calc(100% - 100px);*/display: flex;min-width: 0;}
    #payment .payment_contents .payment_emoticon li{margin:0 0 0 5px; /*width:28%;*/ height:auto;}
    #payment .payment_contents .payment_emoticon li img{width:100%;max-width: 150px;}
    /*멤버십 및 코인정보*/
    #payment .payment_contents .info_membership{background:#fff; padding:30px 15px 20px;}
    #payment .payment_contents .info_membership .info_list{border:none; padding:0;}
    #payment .payment_contents .info_membership .info_list li{width:100%; height:auto; display:flex; border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:0;}
    #payment .payment_contents .info_membership .info_list li:first-child{padding-top:10px;}
    #payment .payment_contents .info_membership .info_list li:nth-child(1),
    #payment .payment_contents .info_membership .info_list li:nth-child(3){margin-right:0px;}
    #payment .payment_contents .info_membership .info_list li:last-child{border-bottom:none;}
    #payment .payment_contents .info_membership .info_list li:after{display:block; content:''; clear:both;}
    #payment .payment_contents .info_membership .info_list .info_img{width:50px; height:auto; border-radius:50%; /*background:#f6f6f6; float:left;*/ margin-right:20px;}
    #payment .payment_contents .info_membership .info_list .info_dics{width:calc(100% - 70px); height:auto;}
    #payment .payment_contents .info_membership .info_list .info_dics p.tit_plusinfo{font-size:16px;}
    #payment .payment_contents .info_membership .info_list .info_img img{width:50px;height: 50px;background-color: #f6f6f6;border-radius: 50%;}
    /*마일리지샵*/
    #payment .payment_contents .product_mileage{background:#fff; margin-bottom:20px; padding:15px;}
    #payment .payment_contents .product_mileage p.tit_payment{font-size:18px;}
    #payment .payment_contents .product_mileage span.user_mileage{float:right; font-size:16px; height:30px; line-height:30px; background: url(/img/new/plus/v2/icon_mileage_m2.png) no-repeat 10px center #f0ebf6; background-size:auto 14px; width:auto; padding: 0 10px 0 30px;}
    #payment .payment_contents .product_mileage .mileshop_list{grid-template-columns: repeat(auto-fill, 100px);flex-wrap: wrap;justify-content: space-around;display: grid;grid-gap: 0 5px;}
    #payment .payment_contents .product_mileage .mileshop_list{text-align:center;}
    #payment .payment_contents .product_mileage .mileshop_list li{margin:0 5px 20px;width: fit-content;}
    #payment .payment_contents .product_mileage .mileshop_list .list_thumb{width:100px; height:100px; padding:15px 0; margin-bottom: 5px;}
    #payment .payment_contents .product_mileage .mileshop_list .list_thumb img{width:70px; height:70px; margin:auto;}
    #payment .payment_contents .product_mileage .mileshop_list .thumb_tit{width:100%;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;}
    #payment .payment_contents .product_mileage .mileshop_list .buymileage{background:url(/img/new/plus/v2/icon_mileage_m.png) no-repeat 10px center #f0ebf6; background-size:auto 11px; width:60px; height:26px; line-height:26px; padding-left:15px;}
    #payment .payment_contents .product_mileage .mileshop_list .close_btn { width: 50%; height: 50px; line-height: 50px; }
    /*안내사항*/
    #payment .payment_notice{width:100%; padding:10px 15px; line-height:18px; border:none; font-size:12px;}
    #payment .payment_notice .notice_list{padding-top:5px;}
    #payment .payment_notice li{margin-bottom:5px;}
    #payment .payment_notice:last-child{margin-bottom:50px;}
    #payment .payment_notice .tit_notice{font-size:16px;}
    /* 배너 */
    #payment .payment_bnr{height: 130px;background: url('/img/new/openstore/v2/banner_20211108_m.png') no-repeat center;background-size: auto 130px;width: 100%;margin: auto;}

    /* mj */
    .info_list ul{display: flex; flex-direction: column;}

    /*결제수단 레이어*/
    /*#payment .payment_layer{padding:0 20px;}*/*/
    /*#payment .payment_layer .layer_header p.tit_layer{font-size:16px; height:50px; line-height:50px; padding-top:20px;}*/
    /*#payment .payment_layer .layer_header a.layer_close{width:20px; height:20px; background:url(/img/new/plus/v2/close_x_m.png) no-repeat center; background-size:auto 20px; position:absolute; bottom:15px; right:0;}*/
    /*#payment .payment_layer .layer_contents{padding:20px 0;}*/
    .layer_contents li{height:80px;}
    .layer_contents li a{padding:45px 5px 12px;font-size: 12px;}
    .layer_contents li.pay_kkp{background:url(/img/new/plus/v2/paylogo_kakaopay_m.png) no-repeat center 10px; background-size:auto 20px;}
    .layer_contents li.pay_nvp{background:url(/img/new/plus/v2/paylogo_naverpay_m.png) no-repeat center 10px; background-size:auto 20px;}
    .layer_contents li.pay_mob{background:url(/img/new/plus/v2/paylogo_mobile_m.png) no-repeat center 12px; background-size: 90px;background-position: center 12px;}
    .layer_contents li.pay_card{background:url(/img/new/plus/v2/paylogo_card_m.png) no-repeat center 12px; background-size: 85px;}
    .layer_contents li.pay_cul{background:url(/img/new/plus/v2/paylogo_cultureland_m.png) no-repeat center 10px; background-size:auto 20px;}
    .layer_contents li.pay_bnl{background:url(/img/new/plus/v2/paylogo_booknlife_m.png) no-repeat center 10px; background-size:90px;}
    .layer_contents li.pay_hpm{background:url(/img/new/plus/v2/paylogo_happymoney_m.png) no-repeat center 12px; background-size:90px;}
    .layer_contents li.pay_pop{background:url(/img/new/plus/v2/paylogo_pop_m.png) no-repeat center 10px; background-size:90px;}
    .layer_contents li.pay_send{background:url(/img/new/plus/v2/paylogo_send_m.png) no-repeat center 14px; background-size:90px;}
    .layer_contents li.pay_input{background:url(/img/new/plus/v2/paylogo_input_m.png) no-repeat center 14px; background-size:90px;}
    .layer_contents li.pay_gcard{background:url(/img/new/plus/v2/paylogo_cardglobal_m.png) no-repeat center 12px; background-size:90px;}
    .layer_contents li.pay_coin{background:url(/img/new/plus/v2/paylogo_coin_m.png) no-repeat center 12px; background-size:90px;}
	.layer_contents li.pay_pointpark{background:url(/img/new/plus/v2/paylogo_pointpark_m.png) no-repeat center 12px; background-size:90px;}
    .layer_contents li.pay_card_moonhwa{background:url(/img/new/plus/v2/paylogo_card_m.png) no-repeat center 12px; background-size: 85px;}
    .layer_contents .payment_info img{width: 20px;height: 20px;}

    /*확인용배너(modal)*/
    .detail-modal-background .layerpop_buy{ position: fixed; top: auto; bottom:0; transform: translateY(0%); padding-bottom:0; padding-top: 20px; max-width: 100%; min-width: 280px; }
    .detail-modal-background .layerpop_buy .pop_tit{padding-bottom:15px;}
    .detail-modal-background .layerpop_buy .pop_contents{padding-top:20px;}
    .detail-modal-background .layerpop_buy .pop_contents .buy_con_thumb{margin-bottom:20px;}
    .detail-modal-background .layerpop_buy .pop_contents .buy_con_info p.ncon_tit{font-size:18px;}
    .detail-modal-background .layerpop_buy .pop_contents .buy_con_info p.novel_tit{font-size:14px;}
    .detail-modal-background .layerpop_buy a.btn_layer_close{background:url(/img/new/openstore/v2/close_x_m.png); background-size:100%;}
    .detail-modal-background .layerpop_buy .buy_notice{font-size:12px;}
    .detail-modal-background .layerpop_buy .pop_btn_area { display: flex; justify-content: space-between; align-items: center; }
    .detail-modal-background .layerpop_buy .pop_btn_area a.popbtn_buy{width:50%; height:50px; line-height:50px;}
    .detail-modal-background .layerpop_buy .pop_btn_area a.close_btn{width:50%; height:50px; line-height:50px;}
    .detail-modal-background .openstore .notice_line{border-color:#dadaff; border-top: 1px solid #dadaff;}
    .detail-modal-background .layerpop_buy .pop_contents{padding:30px 30px;}

    /* 코인샵 구조바꾸기 */
    .coin-wrapper{
        /*
        white-space: nowrap;
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 6px;
        float: left;
        */
    }

    #payment .payment_contents .product_coin > ul > li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #payment .payment_contents .product_coin > ul > li a span.img_coin {
        /*margin-top: 20px;*/
        /*margin: 0;*/
    }

    #payment .payment_contents .product_coin > ul > li a span.img_servicecoin {
        /*margin-top: 20px;*/
        /*margin: 0;*/
    }

    #payment .payment_contents .product_coin > ul > li a {
        padding: 0 10px;
    }

    #payment .payment_contents .product_coin > ul > li a {
        font-size: 13px;
    }

    .txt_price{
        flex: 1;
        text-align: right;
    }

    /* 100원 결제 부분 */
    .one-event-wrapper{
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
        background-image: none;
        padding: 15px 20px;
        border: 2px solid #2C99AD;
        height: fit-content;
    }

    .one-event-wrapper > div{
        position: static;
    }

    .one-buy-btn{
        width: 90%;
        border: none;
        color: #FFF;
        background-color: #2C99AD;
        font-size: 18px;
        padding: 10px 0;
        cursor: pointer;
        max-width: 100%;
    }

    .one-buy-btn span{
        font-size: 14px;
    }

    .one-event-wrapper .cb_plus_agree{
        margin-right: 0;
    }

    .one-event-wrapper .cb_plus_agree label{
        color: #000;
    }

    .badge_area_one{
        background: url(/img/new/plus/v2/badge_event_m.png) no-repeat center;
        background-size: auto 26px;
        width: 63px;
        height: 26px;
        margin: 0 auto 3px;
    }

    .one_event_mb_img{
        background-image: url('/img/new/plus/v2/m_layer_100won_plus_02.png');
        width: 100%;
        height: 300px;
        position: fixed;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    @media (min-width:0px) and (max-width:370px) {
        .coin-wrapper{
            gap:5px;
        }

        #payment .payment_contents .product_coin > ul > li a {
            font-size: 10px;
        }
    }

    @media (min-width:0px) and (max-width:320px) {
		#payment .payment_contents .product_coin > ul > li {
			min-width: 285px;
		}
        #payment .payment_contents .product_coin > ul > li a {
            font-size: 9px;
        }
		#payment .payment_contents .product_coin > ul > li .txt_price { white-space: nowrap; }
    }

}