div.sub_h3{font-size: 22px; white-space: nowrap; font-weight: bold; color: #fb2780; text-align: center;  position: relative;}
div.sub_h3 .sub_category{display: none; position: absolute; top:50px; left: 0; background-color: #fff; border: 1px solid #ddd; font-size: 16px;
    width: 100%;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1); z-index: 3;
}
div.sub_h3 .sub_category a{cursor: pointer; display: block; padding: 4px 0; width: 100%;}
div.sub_h3 p span.on img{transform: rotate(180deg);}
div.sub_h3 p span img{width: 12px; max-width: 12px;}
div.sub_h3 p{display: flex; align-items: center; cursor: pointer;}
div.sub_h3 p i{font-weight: 700;}
div.sub_h3 p span{display: block; margin-left: 16px;}
div.sub_h3::after{content: ""; width: 100%; height: 3px; background-color: #fb2780; position: absolute; bottom: -0; left: 0;}


.campaign .list_style01 .inner>ul{margin-bottom: -56px;}
.campaign .list_style01 .inner>ul li{margin-bottom: 56px; cursor: pointer;}
.campaign .filter_wrap .top{display: flex;border-bottom: 1px solid #ddd; margin-bottom: 16px; max-width: 1200px;}

.campaign .filter_wrap .top ul{display: flex;align-items: center;justify-content: flex-start; font-size:1.25em; overflow-x: auto;overflow-y: hidden;
    margin-left: 16px;
 padding-bottom: 16px;
}
.campaign .filter_wrap .top ul::-webkit-scrollbar{height: 3px;}
.campaign .filter_wrap .top ul::-webkit-scrollbar-thumb{background-color: #0080cc!important;}


.campaign .filter_wrap .top ul li{margin:0 10px;color:#888; font-size: 18px;}
.campaign .filter_wrap .top ul li.on{color:#000; font-weight: 600;}
.campaign .filter_wrap .top ul li.on a{font-weight: 600;}
.campaign .filter_wrap .top ul li a{white-space: nowrap;}
.campaign .filter_wrap { /* padding-top:120px !important; */}

.campaign .menu_list{display: flex;align-items: center;margin-top: 60px; justify-content: space-between; font-size:0.875em; margin-bottom: 24px;}
.campaign .menu_list .top_slide{width: 100%; display: none; background: #fff; height: auto; position: absolute; top: 31px; left: 0; z-index: 999;} 
.campaign .menu_list .top_slide li{width:50%;border-right:1px solid #ddd; border-bottom:1px solid #ddd;display: inline-block;
    margin-left:-4px;padding: 12px 0 10px;text-align: center; font-size:14px;color:#888; font-weight: 400;}
.campaign .menu_list .top_slide li.on p{ font-weight: 600;color:#333}
.campaign .menu_list .top_slide li p a{width: 100%; display: block;}
.campaign .menu_list .top_slide li:nth-child(2n){border-right:none;}
.campaign .menu_list .cata_list ul{display: flex;}
.campaign .menu_list .cata_list ul li{margin-right:16px; opacity: 0.7;}
.campaign .menu_list .cata_list ul li p{font-size: 16px; font-weight: 600; cursor: pointer;}
.campaign .menu_list .cata_list ul li:last-child{margin-right: 0;}
.campaign .menu_list .cata_list ul li.on{opacity: 1; color: #fb2780;}

.campaign .menu_list .right{font-size:0.875rem; color:#888}
.campaign .menu_list .right .number{font-size:1.125rem; color:#000; font-weight: 600;}


.campaign_view .type_area{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -8px; }
.campaign_view .type_area>div{margin-right: 8px; margin-bottom: 8px;}
.campaign_view .type_area .icon{display: flex; align-items: center;}
.campaign_view .type_area>div:last-child{margin-right: 0;}
.campaign_view .inner{}
.campaign_view .inner > div{padding: 32px; display:inline-block; vertical-align: top; margin-right: -4px;}
.campaign_view .inner .left{width: calc(100% - 450px); border-right: 1px solid #ddd;}

.campaign_view .type_wrap{flex-wrap: wrap; align-items: flex-start;}
.campaign_view .type_wrap p{background-color: #fff; border: 1px solid #ddd;font-weight: 600; padding: 6px 12px; font-size: 14px; border-radius: 5px; white-space: nowrap;}
.campaign_view .type_wrap p + p{margin-left: 6px;}
.campaign_view .title h2{font-size: 25px; font-weight: 600; margin: 16px 0;}

.campaign_view .sns_wrap .icon + .icon{margin-left: 8px;}

.campaign_view .img_list .view_slide{}

.campaign_view .point_wrap p{border: 1px solid #4f00cc; font-weight: 600; color: #4f00cc; padding: 6px 12px; font-size: 14px; border-radius: 5px;}
.campaign_view .point_wrap p i{font-weight: 600; }

.campaign_view .img_list{position: relative; margin-bottom: 48px;}
.campaign_view .img_list .view_slide .swiper-slide{background-color: #f5f5f5; border-radius: 10px; overflow: hidden;}
.campaign_view .img_list .img {padding-bottom: 35%; background: url(../img/s3/165818330017890.png)no-repeat center center / contain;}
.campaign_view .img_list .img02{background: url(../img/s3/165818578443628.png)no-repeat center center / contain;}
.campaign_view .img_list .arrow ul li{cursor: pointer; position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); 
    width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background-color: rgba(255,255,255,0.8); box-shadow: 1px 1px 10px rgba(0,0,0,0.1); padding: 4px;
}
.campaign_view .img_list .arrow ul li img{width: 10px;}
.campaign_view .img_list .arrow ul li.arrow_left{left: -20px}
.campaign_view .img_list .arrow ul li.arrow_right{right: -20px;}
.campaign_view .img_list .arrow{} 

.campaign_view .tab{display: flex; align-items: center; padding-bottom: 8px; margin-bottom: 0; border-bottom:2px solid #eee;}
.campaign_view .tab p{font-size: 18px; font-weight: 600; opacity: 0.5; cursor: pointer; position: relative;}
.campaign_view .tab p + p{margin-left:24px;}
.campaign_view .tab p.on{opacity: 1; font-weight: 700; }
.campaign_view .tab p.on::after{content: ""; width: 100%; height: 3px; background-color: #4f00cc; position: absolute; bottom: -11px; left: 0; }
.campaign_view .tab p.on i.count{color: #4f00cc; font-weight: 600;}
.campaign_view .tab p i.count{margin-left: 4px;}
.campaign_view .tab p i{font-weight: 600; color: #333;}

.campaign_view .review_in{}
.campaign_view .review_info ul li{display: flex; align-items: flex-start; padding: 32px 0;}
.campaign_view .review_info ul li + li{border-top: 1px solid #ddd;}
.campaign_view .review_info ul li .left_con{width: 250px;}
.campaign_view .review_info ul li .left_con b{font-weight: 600;}
.campaign_view .review_info ul li .right_con .map_wrap{background-color: #f5f5f5; height: 350px; width: 100%; display: flex; align-items: center; justify-content: center;}
.campaign_view .review_info ul li .right_con .map_save{background-color: #4f00cc; color: #fff; border-radius: 5px; padding: 12px 16px; margin-top: 16px;}
.campaign_view .review_info ul li .right_con{width: calc(100% - 250px);}
.campaign_view .review_info ul li .right_con p + p{margin-top: 8px;}
.campaign_view .review_info ul li .right_con.keyword{display: flex;}
.campaign_view .review_info ul li .right_con.keyword p + p{margin-top: 0;}
.campaign_view .review_info ul li .right_con.keyword p{position: relative; padding: 6px 12px; font-weight: 600; white-space: nowrap; color: #4f00cc; margin-right: 8px; border-radius: 55px; border: 1px solid #4f00cc; font-size: 14px;}
.campaign_view .review_info ul li .right_con.keyword p:last-child{margin-right: 0;}
.campaign_view .review_info ul li .right_con.keyword p::before{content: "#"; display: inline-block; vertical-align: middle;margin-right: 4px;}

.campaign_view .review_info ul li .right_con.point_wrap2 p{background: linear-gradient(45deg, #8300aa, #4e37c6, #1075e7);padding: 8px 12px;border-radius: 5px; display: inline; font-size: 13px;font-weight: 500;color: #fff;}

.campaign_view .review_info ul li .right_con.head_keyword{display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.campaign_view .review_info ul li .right_con.head_keyword p::after{content: ",";display: inline-block; vertical-align: middle;}
.campaign_view .review_info ul li .right_con.head_keyword p:last-child::after{display: none;}
.campaign_view .review_info ul li .right_con.head_keyword p + p{margin-top: 0;}


.campaign_view .reivew_in{padding: 32px 0;}
.campaign_view .reivew_in ul{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -48px;}
.campaign_view .reivew_in ul li{width: 25%; margin-bottom: 48px;}
.campaign_view .reivew_in ul li .con_wrap{display: flex; align-items: center;}
.campaign_view .reivew_in ul li .con_wrap .thum{width: 50px; height: 50px; background-color: #f5f5f5; position: relative; border-radius: 50%; overflow: hidden; }
.campaign_view .reivew_in ul li .con_wrap .thum img{position: absolute; left: 50%; top: 50%; height: 100%; transform: translate(-50%, -50%);}
.campaign_view .reivew_in ul li .con_wrap p{width: calc(100% - 50px); padding-left: 16px;}
.campaign_view .reivew_in .more_btn button{margin: 48px auto 0 auto;}

.campaign_view .inner .right{width: 450px; position: sticky; top:180px;left: 0;}
.campaign_view .inner .right .thumb{width: 100%;}
.campaign_view .inner .right .thumb img{width: 100%;}
.campaign_view .inner .right ul li{font-size: 17px; font-weight: 600; padding: 16px 0; border-bottom: 1px solid #ddd;}
.campaign_view .inner .right ul li.top{padding-top: 0; background-color: #f5f5f5; padding:24px; border-bottom: 0; border-radius: 10px;}
.campaign_view .inner .right ul li.top p{font-weight: 600; margin-bottom: 16px;}
.campaign_view .inner .right ul li.top dl{display: flex;}
.campaign_view .inner .right ul li.top dl + dl{margin-top: 8px;}
.campaign_view .inner .right ul li.top dl dt{font-weight: 600; margin-right: 16px; width: 100px;}
.campaign_view .inner .right ul li + li{}
.campaign_view .inner .right ul li p{font-weight: 600; cursor: pointer;}
.campaign_view .inner .right .btn_wrap button{background-color: #4f00cc; border-radius: 5px; margin-top: 32px; color: #fff; text-align: center; width: 100%; padding: 12px 16px; font-size: 17px;}

.campaign_view .inner .left{position: relative;}
.campaign_view .inner .left .icon{position: absolute; display: flex; cursor: pointer; align-items: center; justify-content: center; right: 16px; top: 16px; width: 35px; height: 35px; border-radius: 50%;}

/* ********************************************* *
 * 1400px max
 * ********************************************* */
 @media (max-width:1400px){

}
/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px){

    h3.sub_h3{font-size: 20px;}

    .campaign_view .inner .right{width: 350px;}
    .campaign_view .inner .left{width: calc(100% - 350px);}
    .campaign_view .inner .right ul li{font-size: 16px;}

    .campaign_view .review_info ul li .left_con{width: 200px;}
    .campaign_view .review_info ul li .right_con{width: calc(100% - 200px);}
   
}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){


    .campaign_view .inner .right{width: 300px;}
    .campaign_view .inner .left{width: calc(100% - 300px);}

    .campaign_view .review_info ul li .left_con b{font-size: 15px;}
    .campaign_view .review_info ul li .right_con p{font-size: 15px;}
   
    
}
/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){

    .campaign_view .inner > div{padding: 16px;}
    .campaign_view .inner .left{padding-left: 0;}
    .campaign_view .inner .right{padding-right: 0;}
    .campaign_view .point_wrap p{font-size: 13px;}
    .campaign_view .title h2{font-size: 22px;}

}
/* ********************************************* *
 * 840px max
 * ********************************************* */
 @media (max-width:840px){

    .campaign_view .inner > div{display: block;}
    .campaign_view .inner .left{width: 100%; padding-bottom: 0 !important; padding-right: 0; border-right: 0;}
    .campaign_view .inner .right{width: 100%; padding-left: 0; border-top: 1px solid #ddd;}
    .campaign_view .inner .right .thumb{display:none;}
    
}
/* ********************************************* *
 * 769px max
 * ********************************************* */
 @media (max-width:769px){


    .campaign_view .tab p{font-size:17px;}

    
}
/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){
   
    div.sub_h3 p{font-size: 18px;}
    .campaign_view .review_info ul li{display: block;}
    .campaign_view .review_info ul li .left_con{width: 100%; margin-bottom: 16px;}
    .campaign_view .review_info ul li .right_con{width: 100%;}


}

/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){
html{font-size:14px;}

   h3.sub_h3{font-size: 18px;}
 }
/* ********************************************* *
 * 400px max
 * ********************************************* */
 @media (max-width:400px){

   
    h3.sub_h3{font-size: 16px; margin-right: 22px;}
    


}
/* ********************************************* *
 * 350px max
 * ********************************************* */
 @media (max-width:350px){
  
 }