@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {
    #main_slide {
        height: auto;
    }
    #main_slide .swiper-button-next {
        right: 20px;
    }
    #main_slide .swiper-button-prev {
        left: 20px;
    }
    .hot_ad .swiper-button-next2 {
        right:5px;
    }
    .hot_ad .swiper-button-prev2 {
        left:5px;
    }
    nav #gnb {
        padding:0 10px;
    }
    .shopping_per ul li {
        width: 20%;
        min-height:136px;
        border-top:1px solid #eee;
        border-right:1px solid #eee;
        border-bottom:1px solid #eee;
    }
    .shopping_per ul li:nth-child(n+6) {
        border-top: none;
    }
    .shopping_per ul li:nth-child(7n+1) {
        border-left: none;
    }
    .shopping_per ul li:nth-child(5n+1) {
        border-left:1px solid #eee;
    }
    section {
        padding:0 15px;
    }
    .tab_cont .tab_box ul li {
        width: 31.3%;
    }
    .id_pop .id_preview,
    .pw_pop .pw_preview {
        width: 40vw;
    }
    .stamp_wrap .contents .stamp_list {
        height: 115px;
    }
    .stamp_wrap .contents .list .stamp_num {
        font: 500 2.8em Roboto;
    }
    .m_padding {
        padding:0;
    }
    .stamp {
        padding:5%;
    }
}
@media screen and (max-width:1024px) {
    .cashbox .cash_num img {
        height: 230px;
    }
    .service_top .service_tit p,.service_top2 .service_tit p {
        font-size:  1.28em;
    }
    .waybox2 .cash_num {
        width: 100%;
    }
    .service_tab .tab_tit li {
        font-size: 1.1em;
    }
    .service_tab .tab_tit2 li {
        font-size: 1.1em;
    }
    .way_tab li {
        width:50% !important;
    }
    .way_tab li:nth-child(1),
    .way_tab li:nth-child(2) {
        border-bottom: 0;
    }
    .waybox2 .cash_num,
    .waybox .cash_num {
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
    .waybox2 .cash_num:last-child,
    .waybox .cash_num:last-child {
        border-bottom: 0;
    }
    .day_buy {
        flex-direction: column;
        align-items: flex-start;
    }
    .day_buy .month_btn {
        margin-top:5px;
    }
    .day_buy .plus_day {
        width:32%;
    }
    .ml_2 {
        margin-left:0;
    }
    .detail_top .detail_btn {
        width:50%;
    }
    .board_list_wrap li.board_list_title2 {
        width: 35%;
    }
    .stamp_wrap .txtbox2 ul li {
        font-size: 1.1em;
        padding: 0 0 0 70px;
        margin-bottom: 13px;
    }
    .stamp_wrap .contents .list .stamp_num {
        font:500 2.5em Roboto;
    }
    .stamp_wrap .contents .list .stamp_txt {
        font-size: 1.3em;
    }
    .stamp_wrap .contents .stamp_list {
        padding:0; 
        height:90px;
    }
    .stamp_wrap .contents .stamp_list .stamp_more {
        top: 10px;
        right: 10px;
    }
    footer #copyright .cr_l li {
        text-align: center;
    }
    footer #copyright .cr_r {
        margin: 20px auto !important;
    }
    .inner_scroll {
        flex-direction: column;
    }
}
@media screen and (max-width:768px) {
    .inner_lm {
        height: 90px;
        padding: 15px 10px;
        border-bottom: 1px solid #ddd;
    }
    .inner_lm #logo_area,
    .inner_lm #logo_area ul {
        width:100%;
    }
    .inner_lm #logo_area ul.logout {
        display: none;
        width:0;
    }
    .inner_lm #logo_area ul .logo {
        width:30%;
    }
    .inner_lm #logo_area ul .search {
        width:70%;
    }
    nav #gnb li#hMenu {
        display: inline-block;
        height: 40px;
        line-height: 40px;
    }
    nav #gnb li#hMenu_pc {
        display: none;
    }
    .shopping_per ul li,
    .shopping_mall ul li {
        width: 33.33%;
        min-height: 106px;
    }
    .shopping_per ul li {
        height: 155px;
    }
    .shopping_mall ul li {
        transition: none;
        border-top:1px solid #eee;
        border-right:1px solid #eee;
        border-bottom:1px solid #eee;
    }
    .shopping_mall ul li:nth-child(n+6) {
        border-top: none;
    }
    .shopping_mall ul li:nth-child(5n+1) {
        border-left: none;
    }
    .shopping_mall ul li:nth-child(n+4) {
        border-top: none;
    }
    .shopping_mall ul li:nth-child(3n+1) {
        border-left:1px solid #eee;
    }
    .shopping_mall ul li:hover {
        padding: 14px 23px 18px;
    }
    .shopping_mall ul li:hover .shopping_point {
        padding-top:2px;
    }
    .shopping_per ul li .shopping_btn,
    .shopping_mall ul li .shopping_btn {
        height:36px;
        display: flex;
        border: 1px solid #ddd;
        position: inherit;
        margin-top: 13px;
        background: #f9f9f9;
        font-size: 11px;
        border-radius: 3px;
    }
    .shopping_per ul li .shopping_btn a,
    .shopping_mall ul li .shopping_btn a {
        color: #000;
    }
    .shopping_per ul li .shopping_btn .pipe:before,
    .shopping_mall ul li .shopping_btn .pipe:before {
        background-color: #c9c9c9;
    }
    .shopping_per ul li .shopping_btn,
    .shopping_mall ul li .shopping_btn {
        height:28px;
    }
    .shopping_per ul li .shopping_point,
    .shopping_mall ul li .shopping_point{
        padding-top: 2px;
    }
    .shopping_per ul li:hover:after,
    .shopping_mall ul li:hover:after {
        display: none;
    }
    .shopping_per ul li:nth-child(n+4) {
        border-top: none;
    }
    .shopping_per ul li:nth-child(7n+1) {
        border-left: none;
    }
    .shopping_per ul li:nth-child(5n+1) {
        border-left: none;
    }
    .shopping_per ul li:nth-child(3n+1) {
        border-left:1px solid #eee;
    }
    .deal .deal_inner .deal_box {
        width:43.5%;
    }
    .deal .deal_inner .deal_box:nth-child(3) {
        display: none;
    }
    .tab_cont .tab_box ul li {
        width: 48%;
    }
    nav #gnb li#hMenu_pc2 {
        display: none;
    }
    /* #main_slide {
        margin-top:0;
        height:300px;
    } */
    #main_slide:hover .swiper-button-next,
    #main_slide:hover .swiper-button-prev {
        opacity: 0;
    }
    .inner_lm #logo_area ul .join {
        display: none;
    }
    #search_wrap .search_bar .search_box .search_input {
        height:40px;
    }
    #search_wrap .search_bar .search_box .btn_search {
        padding: 4px 8px 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .inner_scroll {
        display: none;
    }
    .inner_scroll2 {
        display: flex;
        flex-direction: column;
    }
    footer #fnb .fnb_l {
        text-align: center;
    }
    footer #fnb .fnb_l li {
        margin: 0 12px;
        font-size: 13px;
    }
    .service_top img, .service_top2 img {
        display: none;
    }
    .service_tit {
        text-align: center;
    }
    .service_tit p {
        margin-top: 3%;
        font-size: 1.3em;
    }
    .service_tab .tab_tit li {
        width: 100%;
        padding: 1.8% 0;
        font-size: 1.2em;
        border-left: 1px solid #ddd;
        border-top: 0;
    }
    .service_tab .tab_tit li:first-child {
        border-top:1px solid #ddd;
    }
    .service_tab .tab_tit2 li {
        width: 100%;
        padding: 1.8% 0;
        font-size: 1.2em;
        border-left: 1px solid #ddd;
        border-top: 0;
    }
    .service_tab .tab_tit2 li:first-child {
        border-top:1px solid #ddd;
    }
    .service_tab .tab_tit2 a:first-child li,
    .service_tab .tab_tit2 a:nth-child(2) li {
        border-bottom: none;
    }
    .service_tab .tab_tit2 li:last-child {
        border-bottom:1px solid #ddd;
    }
    h6 {
        font-size: 1.2em;
    }
    .service_tab .tab_cont .tab_box ul li {
        width:25%;
        padding: 11px;
    }
    .service_top, .service_top2 {
        justify-content: center;
    }
    h7 {
        justify-content: center;
        font-size: 1.2em;
        font-weight: 500;
    }
    .shopping_nav {
        font-size: 1.2em;
        font-weight: 500;
    }
    .cashbox:before,
    .cashbox:after {
        display: none;
    }
    .cashbox .cash_num {
        width:100%;
        padding: 9% 0;
        border-bottom: 1px solid #ddd;
    }
    .cashbox .cash_num:last-child {
        border-bottom: none;
    }
    .cashbox .cash_num img {
        height: auto;
        width: 70%;
    }
    h5 {
        margin:0 0 5% 0;
    }
    h7 span {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .service_top, .service_top {
        padding: 10% 0 6%;
    }
    .cash_mobile {
        display: block;
    }
    .cash_pc {
        display: none;
    }
    .service_tab {
        padding:6% 0;
    }
    .inner_scroll2 {
        padding:11% 0;
    }
    .way_tab li {
        width:100% !important;
    }
    .waybox .cash_num,
    .waybox2 .cash_num {
        width: 100%;
        padding:10% 0;
    }
    .mall_content .mall_left {
        width:100%;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        flex-direction: initial;
        align-items: center;
    }
    .mall_content .mall_right {
        width:100%;
    }
    .mall_content {
        flex-direction: column;
    }
    .mall_content .mall_left .mall_logo {
        width: 30%;
        margin-top: -20px;
    }
    h8 {
        margin-top:30px;
    }
    .cash_num h7 span {
        width: 25px;
        height: 25px;
        line-height: 22px;
    }
    h9 {
        font-size: 1.8em;
    }
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }
    .waybox3 .cash_num .no_txt {
        text-align: center;
        padding-left: 0;
    }
    .waybox3 .cash_num .no_txt p br {
        display: none;
    }
    .layer_pop .pop_wrap {
        width: 90%;
    }
    .layer_pop .pop {
        padding: 6% 7%;
    }
    .layer_content h7 {
        font-size: 1.3em;
    }
    .shopping_top .shopping_content .list_tit {
        font-size: 1.1em;
    }
    .shopping_top .shopping_content {
        flex-direction: column;
    }
    .shopping_top .shopping_content .shopping_list {
        border-right: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
    }
    .shopping_top .shopping_content .shopping_list:last-child {
        margin-bottom: 0px;
        border-bottom: 0;
        padding-bottom: 0px;
    }
    .shopping_nav {
        margin: 0 0 16px 0;
    }
    .month_btn {
        font-size: 0.8em;
    }
    .board_list_row_header li, 
    .board_list_row li,
    .qna_box .qna_li .qna_content,
    .qna_box .qna_li .qna_prebox .qna_preview {
        font-size: 13px;
    }
    .board_list_wrap li.board_list_num,
    .board_list_wrap li.board_list_num2,
    .board_list_wrap li.board_list_hit,
    .board_list_wrap li.board_list_day,
    .board_list_wrap li.board_list_per,
    .board_list_wrap li.board_list_date {
        display: none;
    }
    .board_list_wrap li.board_list_checkbox {
        width: 10%;
    }
    .board_list_wrap li.board_list_title {
        width: 100%;
    }
    .board_list_wrap li.board_list_product {
        width: 26%;
    }
    .board_list_wrap li.board_list_mall {
        width: 20%;
    }
    .board_list_wrap li.board_list_cash {
        width: 17%;
    }
    .board_list_wrap li.board_list_cash2 {
        width: 20%;
    }
    .board_list_wrap li.board_list_content {
        width: 40%;
    }
    .board_list_wrap li.board_list_back {
        width: 20%;
    }
    .board_list_wrap li.board_list_com {
        width: 17%;
    }
    .board_list_wrap li.board_list_com2 {
        width: 20%;
    }
    .board_list_wrap li.board_list_oreder {
        width: 15%;
    }
    .board_list_wrap li.board_list_no {
        width: 17%;
    }
    .detail_top {
        flex-direction: column;
    }
    .detail_top .shopping_logo .detail_txt {
        display: none;
    }
    .detail_top .shopping_logo {
        font-size: 1.3em;
    }
    .detail_content {
        font-size: 1em;
        padding: 7%;
    }
    .detail_top .detail_btn {
        width: 100%;
    }
    .board_list_name {
        display: none;
    }
    .flex_jus {
        flex-direction: column;
    }
    .title_wrap_r,
    .title_wrap_r2 {
        padding-top:20px;
        max-width:90%;
    }
    .board_list_wrap li.board_list_title2 {
        width: 72%;
    }
    .register_service .my_box,
    .register_privacy .my_box {
        width:90%;
    }
    .id_pop .id_preview,
    .pw_pop .pw_preview {
        width: 90vw;
    }
    .detail_top .detail_btn p {
        width: 60%;
    }
    .detail_top .detail_btn .btn_box {
        width:40%;
    }
    .detail_top .detail_btn .btn_box a {
        font-size: 1.1em;
        height: 40px;
        line-height: 40px;
    }
    .board_view_header {
        padding:16px 0;
    }
    .board_view_header li.board_view_title {
        font-size: 1.2em;
        font-weight: 500;
    }
    .board_view_header li {
        font-size: 0.9em;
    }
    .shopping_day .btn_type3 {
        font-size:0.7em;
    }
    .shopping_nav .btn_type3 {
        font-size: 0.7em;
    }
    h10 {
        font-size: 1.1em;
    }
    .detail_content:before {
        opacity: 0;
    }
    /* #main_slide {
        display: none;
    }
    #main_slide_m {
        display: block;
    } */
    #header_pc {
        display: none;
    }
    #header_mobile {
        display: block;
    }
    #header_mobile nav {
        width: 95.5%;
        border-top: none;
        border-bottom: none;
        margin: 0 auto 3%;
    }
    #header_mobile .inner_lm #logo_area ul .join {
        display: block;
    }
    #header_mobile .inner_lm .logo {
        width: 30%;
        position: absolute;
        left: 35%;
    }
    .stamp_wrap .contents {
        display: block;
    }
    .stamp_wrap .list,
    .stamp_wrap .txtbox {
        width:100%;
        padding-top: 30px;
    }
    .stamp {
        width:100%;
    }
    .stamp_wrap .contents .stamp_list {
        height: 130px;
        width: 48%;
        float: left;
        margin: 1%;
        flex-direction: column;
        justify-content: center;
    }
    .stamp_wrap .contents .list .stamp_num {
        padding-top: 10px;
    }
    .layer_content h7 {
        justify-content: left;
    }
    .stamp .swiper-wrapper {
        height: auto;
    }
    .stamp_tit {
    }
    .stamp_pop .pop {
        padding:6%;
        width:300px;
    }
    .stamp_board1 .pop,
    .stamp_board2 .pop,
    .stamp_board3 .pop {
        width:90%;
        padding: 6%;
    }
    h12 {
        font-size: 1.7em;
    }
    .stamp_wrap .contents .list .stamp_txt {
        font-size: 1.1em;
    }
    .stamp_wrap .contents .list .stamp_num {
        font: 500 2em Roboto;
    }
    .title .stamp_tit {
        height: 280px;
    }
    footer #copyright .cr_r li img {
        height: 28px;
            margin: 0 10px !important;
    }
    .footer_img {
        height: 25px;
    }
    footer #copyright .cr_l li {
        font-size: 13px;
    }
}
@media screen and (max-width:670px) {
    .shopping_per ul li,
    .shopping_mall ul li {
        padding: 10px 8px 12px;
    }
    .shopping_per ul li:hover,
    .shopping_mall ul li:hover {
        padding: 10px 8px 12px;
    }
}
@media screen and (max-width:540px) {
    .shopping_per ul li,
    .shopping_mall ul li {
        min-height: 151px;
        padding: 10px 13px 10px;
    }
    .shopping_mall ul li:hover {
        padding: 10px 13px 10px;
    }
    .shopping_per ul li .shopping_point,
    .shopping_mall ul li .shopping_point {
        font-size: 14px;
    }
    .shopping_per ul li .shopping_point strong,
    .shopping_mall ul li .shopping_point strong {
        font-size: 20px;    
    }
    h2 {
        font-size: 25px;
    }
    .deal .deal_inner h3 {
        width:24%;
        font-size: 20px;
    }
    .deal .deal_inner .deal_box {
        width:70%;
    }
    .deal .deal_inner .deal_box:nth-child(2),
    .deal .deal_inner .deal_box:nth-child(3) {
        display: none;
    }
    .tab_tit li {
        width:33.33%;
    }
    .tab_cont .tab_box ul li {
        width: 98%;
    }
    .tab_tit li:nth-child(1),
    .tab_tit li:nth-child(2),
    .tab_tit li:nth-child(3) {
        /* border-bottom:none; */
    }
    .tab_tit li:nth-child(4) {
        border-left:1px solid #ddd;
    }
    .tab_tit .tab_disabled {
        display: none;
    }
    .tab_tit2 a:nth-child(1) li,
    .tab_tit2 a:nth-child(2) li,
    .tab_tit2 a:nth-child(3) li {
        border-bottom:none;
    }
    .tab_tit2 li:nth-child(4) {
        border-left:1px solid #ddd;
    }
    .reco_dc, .reco_flex {
        padding-bottom: 3%;
    }
    /* #main_slide, #main_slide .swiper-slide img {
        height:165px;
    } */
    #main_slide .swiper-button-next,
    #main_slide .swiper-button-prev {
        display: none;
    }
    .inner_lm #logo_area ul .search {
        width: 66%;
    }
    .inner_lm #logo_area ul .logo {
        width: 31%;  
    }
    .deal .deal_inner .deal_box {
        margin: 0 4%;
    }
    .tab_tit li img {
        width: 100px;
    }
    .shopping_per {
        padding:9% 0;
    }
    .reco_box {
        padding:12% 0;
    }
    #search_wrap .search_bar .search_box .search_input {
        width: 85%;
    }
    .service_tab .tab_tit li {
        border-bottom: 1px solid #ddd;
        padding: 2.8% 0;
    }
    .service_tab .tab_tit2 li {
        border-bottom: 1px solid #ddd;
        padding: 2.8% 0;
    }
    .service_tab .tab_cont  {
        padding: 3% 0 6% 0;
    }
    h5 {
        font-size: 2.6em;
    }
    .service_top .service_tit p, .service_top2 .service_tit p {
        font-size: 1.1em;
    }
    .waybox3 .cash_num .no_txt p,
    .waybox3 .cash_num .no_txt .no_span,
    .waybox3 .cash_num .no_txt .no_strong {
        font-size: 0.9em;
    }
    .waybox3 {
        margin-top:10%;
    }
    .inner_lm {
        height: 65px;
        padding: 15px 10px;
        border-bottom: 1px solid #ddd;
    }
    .stamp {
        padding:7% 0;
    }
    .title .stamp_tit {
        height: 250px;
    }
}
@media screen and (max-width:450px) {
    #main_slide {
        height: 300px;
        margin-top: 0;
    }
    .swiper_pc {
        display: none;
    }
    .swiper_m {
        display: block;
    }
    .shopping_per ul li .shopping_btn a:first-child {
        margin-bottom:2px;
    }
    .shopping_per ul li,
    .shopping_mall ul li {
        min-height: 172px;
        padding: 12px 8px 15px;
    }
    .shopping_mall ul li:hover {
        padding: 12px 8px 15px;
    }
    .shopping_per ul li {
        width: 50%;
        height: 115px;
        padding: 10px 14px 12px;
    }
    .shopping_per ul li:nth-child(n+3) {
        border-top: none;
    }
    .shopping_per ul li:nth-child(7n+1) {
        border-left: none;
    }
    .shopping_per ul li:nth-child(5n+1) {
        border-left: none;
    }
    .shopping_per ul li:nth-child(3n+1) {
        border-left: none;
    }
    .shopping_per ul li:nth-child(2n+1) {
        border-left:1px solid #eee;
    }
    .shopping_per ul li .shopping_logo img {
        margin:0 auto;
        width:80%;
    }
}
@media screen and (max-width:414px) {
    
}
@media screen and (max-width:375px) {}
@media screen and (max-width:360px) {
    
}
@media screen and (max-width:320px) {
}