/* 공통 */
.bg-g{background-color: #f5f5f5;}
.bg-g02{background-color: #f8f8fb;}
.bg-p{background-color: #4f00cc !important; color: #fff !important;}
.bg-k{background-color: #000 !important; color: #fff !important;}
.bg-w{background-color: #fff !important;}
.bg-p{background-color: #4f00cc;}
.bg-p2{background-color: #fb2780 !important; color: #fff !important; border: 1px solid #fb2780 !important;}

.fc-b{color: #104976;}
.fc-r{color: #fe0000;}
.fc-p{color: #fb2780; font-weight: 600;}
.fc-p2{color: #4f00cc; font-weight: 600;}


.bold{font-weight: 700;}
.bg-b{background-color: #104976; color: #fff;}
.pt-120{padding-top: 120px;}
.pb-120{padding-bottom: 120px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px !important;}
.pt-32{padding-top: 32px !important;}
.pb-32{padding-bottom: 32px !important;}

.mt-100{margin-top: 100px;}
.mt-170{margin-top: 129px;}
.mt-85{margin-top: 85px;}

* b{word-break: keep-all;}
* h2{word-break: keep-all;}

.dis-f{display: flex;}
.flex-c{flex-direction: column !important;}
.flex-wrap{flex-wrap: wrap;}
.justi-s-b{justify-content: space-between;}
.justi-f-s{justify-content: flex-start !important;}
.justi-c{justify-content: center !important;}
.align-i-c{align-items: center;}
.align-f-s{align-items: flex-start !important;}
.align-f-e{align-items: flex-end !important;}
.posi-r{position: relative;}
.text-a-l{text-align: left !important;}
.text-a-c{text-align: center !important;}

.w-100{width: 100% !important;}

.border-t{border-top: 1px solid #ddd !important;}
.border-b{border-bottom: 1px solid #ddd !important;}
.border-l{border-left: 1px solid #ddd !important;}
.border-r{border-right: 1px solid #ddd !important;}
.border-none{border: 0 !important;}

.btn-type02{border: 1px solid #ddd; background-color: #fff;}

input:focus{border: 0; outline: 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.title_wrap h2{font-size: 28px; font-weight: 600;}
.title_wrap span{margin-right: 4px; color: #4f00cc; font-weight: 700;}

button.delete{color: #fe0000; font-size: 16px; margin-top: 4px; display: block;}

/* 헤더 */
.wrap02 .header{border-bottom: 0;}
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; border-bottom: 1px solid #ddd;}
.header .inner{max-width: 100%;}
.header .inner .top{ padding: 16px;}
.header .inner .top>.bd-lg{padding: 0;}
.simple_header .inner .top>.bd-lg{padding: 24px 0; display: flex; align-items: center; justify-content: space-between;}
.header .inner .top .member_area{display: flex; justify-content: flex-end;}
.header .inner .top ul{display: flex; align-items: center;}
.header .inner .top ul li a{font-size: 16px;}
.header .inner .top ul li + li{margin-left:24px;}

.header .inner .mid{ padding:0 0 24px 0; margin-bottom: 24px;}
.header .inner .mid>.bd-lg{display: flex; justify-content: flex-end; align-items: center; padding: 0;}
.header h1{ text-indent: -9999px; overflow: hidden;width: 85px; height: 70px; background: url(../img/s3/166405097315901.png)no-repeat center center / contain;}
.header h1 a{display: block; width: 100%; height: 100%;}
.header .inner .mid>.bd-lg .left{position: absolute; left: 0%;  display: flex; align-items: center;}
.header .inner .mid>.bd-lg .left h1{margin-right: 32px;}
.header .inner .mid .search_wrap {display: flex; align-items: center;}
.header .inner .mid .search_wrap select{border: 0; padding: 14px 56px 14px 14px; width: 170px;
    background:#f7f7f7 url(../img/s3_SHOP/165524060115868.png)no-repeat 90% 50% / 10px 8px;
}
.rotate{background:#f7f7f7 url(../img/s3_SHOP/165524106772918.png)no-repeat 90% 50% / 10px 8px !important;}
.header .inner .mid .search_wrap input{background-color: #f7f7f7; border: 1px solid #ddd;padding: 16px 50px 16px 24px; width: 460px; max-width: 100%; border-radius: 55px;}
.header .inner .mid .search_wrap .search_con{position: relative; margin-left: 8px;}
.header .inner .mid .search_wrap .search_con button{position: absolute; right: 7px; top: 53%; transform: translateY(-50%);}
.header .inner .mid .icon_wrap{display: flex; align-items: center;}
.header .inner .mid .icon_wrap .h-cart{margin-left: 24px; position: relative;}
.header .inner .mid .icon_wrap .h-cart .cart-count{position: absolute; right:-10px; top: -10px; width: 20px; 
    height: 20px; border-radius: 50%; background-color: #858585; padding: 4px;
    display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px;
}   
.header .inner .mid .icon_wrap .h-mypage a{position: relative; display: block;}
.header .inner .mid .icon_wrap .h-mypage a span{position: absolute; 
    color:#fff; right: -18px; top:-8px; background-color: #c5c5c5; border-radius: 50px; padding: 4px 8px;
    font-size: 12px;
}
.header .inner .mid .icon_wrap .h-mypage a span.m_on{background-color: #104976;}
.header .inner .bottom_con {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.header .inner .bottom_con>.bd-lg{padding: 0;}
.header .inner .bottom_con nav{display: flex; justify-content: space-between; align-items: center;}
.header .inner .bottom_con nav .left ul{display: flex; align-items: center;}
.header .inner .bottom_con nav .left ul li.all_wrap{width: 135px; position: relative; justify-content: flex-start;}
.header .inner .bottom_con nav .left ul li.all_wrap>a{display: flex; align-items: center; padding-left: 0;}
.header .inner .bottom_con nav .left ul li.all_wrap>a span{display: block; margin-right: 16px;}
.header .inner .bottom_con nav .left ul li.all_wrap>a span i{display: block; width: 23px; height: 3px; background-color: #104976;}
.header .inner .bottom_con nav .left ul li.all_wrap>a span i + i{margin-top: 4px;}
.header .inner .bottom_con nav .left ul li{text-align: center; display: flex; align-items: center; justify-content:center;}
.header .inner .bottom_con nav .left ul li a{font-size: 17px; padding: 16px 24px;}
.view_event{display: flex !important;}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu{background-color: #fff; position: absolute; border: 1px solid #ddd;
    top: 56px; left: 16px; z-index:4; display: flex; flex-direction: column; align-items: center;
    min-height: 470px; width: 120%;  min-width: 155px; box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
    padding: 24px 0;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu b{display: block; font-weight: 600;
  color: #104976; font-size: 16px; cursor: pointer;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu>a{padding:6px 8px; display: block; opacity: 0.7; font-weight: 600;
    font-size: 16px; text-align: left;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth{padding: 0 24px; width: 100%;}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth + .sub_depth{margin-top: 16px;}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in{display: none; height: 100.1%; min-width: 155px; position: absolute; 
    left: 100%; top: 0; background-color: #fff; border: 1px solid #ddd; padding: 24px;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in a{display: block; padding: 0; opacity: 0.7; font-size: 16px; text-align: left;}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in a + a{margin-top: 8px;}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth:hover .sub_depth_in{display: block;}

.header .inner .bottom_con nav .left ul li.on a{color: #104976; position: relative; font-weight: 700;}
.header .inner .bottom_con nav .left ul li.on a::after{content: ""; width: 100%; height: 3px; background-color: #104976;
    position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%);
}
.header .inner .bottom_con nav .right ul{display: flex; align-items: center;}
.header .inner .bottom_con nav .right ul li{display: flex; align-items: center; justify-content: center; }
.header .inner .bottom_con nav .right ul li a{display: flex; align-items: center; justify-content: center; padding: 16px 24px;}
.header .inner .bottom_con nav .right ul li a span{display: block; margin-left: 8px;}
.header .inner .bottom_con nav .right ul li.bg-g{border: 1px solid #f7f7f7;}
.header .inner .bottom_con nav .right ul li.bg-b{border: 1px solid #104976;}

.header .inner02{display: none; position: fixed;  bottom: 0; left: 0; 
    background-color: #fff; width: 100vw; padding: 16px; border-top: 1px solid rgba(0,0,0,0.1);
    z-index: 999;
}
.header .inner02 nav ul{display: flex; align-items: center;}


.header .inner02 nav ul li{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
.header .inner02 nav ul li p{font-size: 12px; margin-top: 4px; text-align: center; opacity: 0.7;}
.header .inner02 nav ul li a img{width: 30px; height: 30px;}
.header .inner02 nav ul li a img:first-child{display: block;}
.header .inner02 nav ul li a img:last-child{display: none;}
.header .inner02 nav ul li.on a img:first-child{display: none;}
.header .inner02 nav ul li.on a img:last-child{display: block;}

.header .menu_list ul{display: flex; align-items: center;}
.header .menu_list ul li + li{margin-left: 32px;}
.header .menu_list ul li{font-size: 18px;}
.header .menu_list ul li a{font-weight: 600;}
.header .menu_list ul li.page_on a{color: #4f00cc; font-weight: 700;}

/* footer */
footer{position: relative;}
footer .top_con{padding: 24px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} 
footer .top_con a{display: block; margin-right:24px;}
footer .top_con a:last-child{margin-right: 0;}

footer .top_con>div{display: flex;}

footer .btm{padding: 60px 0;}
footer .btm>div{display: flex; justify-content: space-between; }
footer .left_con{display: flex; align-items: flex-start; }
footer .left_con img{width: 90px; margin-right:40px;}
footer .left_con .mid ul li{display: flex; align-items: center;}
footer .left_con .mid ul li + li{margin-top: 4px;}
footer .left_con .mid ul li p::after{content: ""; width: 1px; height: 10px; background-color: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
footer .left_con .mid ul li p{font-size: 15px; color: #999; margin-right: 8px; padding-right: 8px; position: relative; }
footer .left_con .mid ul li p:last-child::after{display: none;}
footer .left_con .mid ul li p:last-child{margin-right: 0; padding-right: 0;}
footer .left_con .mid ul li.copy{margin-top: 24px;}

footer .right_con{text-align: right;}
footer .right_con a{display: block; font-size: 35px; font-weight: 600; margin-bottom: 8px;} 
footer .right_con p{font-size: 14px;}
footer .right_con p + p{margin-top: 8px;}





/* 공통 리스트 스타일 */

/* 체험단 리스트 타입 1*/
.list_style01 .inner>ul{display: flex; flex-wrap: wrap;}

.list_style01 .inner>ul li .img_wrap{border-radius: 15px;overflow: hidden; margin-bottom: 16px; position: relative; padding-bottom: 75%;}
.list_style01 .inner>ul li .img_wrap img{position: absolute; width: 100%; height: 100%;; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.list_style01 .inner>ul li{width: 20%;}
.list_style01 .inner>ul li .img_wrap .icon{position: absolute; right: 10px; top: 10px; z-index: 3; width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%;}
.list_style01 .inner>ul li .img_wrap .icon img{width: 15px !important; height: auto !important;}

.list_style01 .inner>ul li .txt_wrap>.top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; width: 100%; padding: 0;}
.list_style01 .inner>ul li .txt_wrap>.top .sns_wrap{display: flex;}
.list_style01 .inner>ul li .txt_wrap>.top .sns_wrap .icon{margin-right: 4px;}
.list_style01 .inner>ul li .txt_wrap>.top .sns_wrap .icon:last-child{margin-right: 0;}
.list_style01 .inner>ul li .txt_wrap>.top .statu_wrap{display: flex; align-items: center;}
.list_style01 .inner>ul li .txt_wrap>.top .statu_wrap p{font-size: 14px; font-weight: 600; color: #999;}
.list_style01 .inner>ul li .txt_wrap>.top .statu_wrap p + p{margin-left: 4px; padding-left:4px; position: relative;}
.list_style01 .inner>ul li .txt_wrap>.top .statu_wrap p + p::before{content: ""; width: 1px; height:10px; background-color: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.list_style01 .inner>ul li .txt_wrap .mid{margin-bottom: 16px;}
.list_style01 .inner>ul li .txt_wrap .mid b{font-size: 18px; font-weight: 600;}
.list_style01 .inner>ul li .txt_wrap .mid span{display: block; font-size: 15px; opacity: 0.7; margin-top: 4px;}


.list_style01 .inner>ul li .txt_wrap .btm .type_wrap{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -4px;}
.list_style01 .inner>ul li .txt_wrap .btm .type_wrap p{margin-right: 4px; margin-bottom: 4px; }
.list_style01 .inner>ul li .txt_wrap .btm .small{background-color: #f5f5f5; padding: 4px 6px; font-size: 14px; font-weight: 600;}

.list_style01 .inner>ul li .txt_wrap .btm .period{margin-top: 32px;}
.list_style01 .inner>ul li .txt_wrap .btm .period dl{display: flex; justify-content: space-between;align-items: center;}
.list_style01 .inner>ul li .txt_wrap .btm .period dl dd{font-size: 14px;}
.list_style01 .inner>ul li .txt_wrap .btm .period dl dt{display: flex; align-items: center; font-size: 20px; font-weight: 500;}
.list_style01 .inner>ul li .txt_wrap .btm .period dl dt div{font-weight: 500; color: #fb2780; margin-left: 8px;}
.list_style01 .inner>ul li .txt_wrap .btm .period dl dt img{width: 20px;}

.list_style01 .point_wrap{position: absolute; right: 10px; bottom: 10px; z-index: 3;}
.list_style01 .point_wrap p{background: linear-gradient(45deg, #8300aa, #4f00cc, #1075e7); padding:4px 8px ; font-size: 13px; font-weight: 500; color: #fff;}
.list_style01 .point_wrap p i{font-weight: 500;}

.list_style01.end .inner>ul li{opacity: 0.3; filter: grayscale(0.5);}

/* 필터 스타일 */
.area_con{ display: flex; align-items: center; margin-bottom: 24px;}
.area_con .area_list{margin-left: 16px; position: relative; z-index: 5; }
.area_con i.arrow{margin-top:8px;}
.area_con p.area{font-size: 20px; font-weight: 600;}
.area_con p.area02{cursor: pointer;}
.area_con p.area i{display: inline-block; vertical-align: middle; margin-top: -6px;}
.area_con p.area i img{width: 13px; margin-left: 4px; margin-top: -3px;}
.area_con select{border: 1px solid #ddd; padding: 12px 32px 16px 12px; border-radius: 5px; background-position: 90% 50% !important; min-width: 150px;}
.area_con select + select{margin-left: 8px;}
.area_con b{font-weight: 700; font-size: 18px; padding-right: 16px; display: block; width: 100px;}



.local_wrap{padding: 24px; box-shadow: 1px 1px 10px rgba(0,0,0,0.18); width: 630px;
    position: absolute; left: 0; top:35px; z-index: 10; background-color: #fff; display: none;
    max-height: 650px; overflow-y: auto; overflow-x: hidden;
}
.local_wrap ul li{border-bottom: 1px solid #ddd; padding: 16px 0;}
.local_wrap ul li dl{display: flex; align-items: flex-start;}
.local_wrap ul li dl dt{width: 100px; font-weight: 600;}
.local_wrap ul li dl dt p{}
.local_wrap ul li dl dd{width: calc(100% - 100px); display: flex; flex-wrap: wrap; opacity: 0.7;}
.local_wrap ul li dl dd p{width:25%; margin-bottom:12px; cursor: pointer;}

.local_wrap.menu_on{display: block;}
.rotate_e{transform: translateY(4px) rotateZ(180deg);}




/* 카테고리 필터 */
.filter_con ul{border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 24px 0;}
.filter_con ul li + li{margin-top: 16px;}
.filter_con ul li dl{display: flex; align-items: center;}
.filter_con ul li dl dt{width: 160px;}
.filter_con ul li dl dt p{font-weight: 600; font-size: 18px;}
.filter_con ul li dl dd{width: calc(100% - 160px); display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -8px;}
.filter_con ul li dl dd div{padding: 0 4px; cursor: pointer; margin-bottom: 8px;}
.filter_con ul li dl dd div p{background-color: #fff; border: 1px solid #ddd; border-radius: 55px; padding: 8px 20px; white-space: nowrap;}
.filter_con ul li dl p.on{background-color: #4f00cc; color: #fff; border: 1px solid #4f00cc;}s

/* 더보기 버튼  */
.more_btn {display: flex; align-items: center; justify-content: center; margin-top: 48px;}
.more_btn button{text-align: center; display: block; background-color: #f5f5f5; font-weight: 600; border-radius: 55px; padding: 12px 16px; margin: 0 auto;}
.more_btn button img{width: 13px; margin-left: 4px;}

/* 토글 스위치 */
.onoff_button{display: flex;;align-items: center; justify-content: flex-end; margin-bottom: 32px;}
.onoff_button>div{ width: 280px; padding: 12px 16px;  background-color: #f5f5f5; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.onoff_button>div p{font-weight: 600;}
.onoff_button>div span{}
.onoff_button .toggleSwitch {width: 60px;height: 30px;display: block;position: relative;border-radius: 30px;background-color: #fff;box-shadow: 0 0 10px 3px rgba(0 0 0 / 15%);cursor: pointer;margin:0 16px;}
.onoff_button .toggleSwitch .toggleButton {width: 25px;height: 25px;position: absolute;top: 50%;left: 4px;transform: translateY(-50%);border-radius: 50%;background: #4f00cc;}
.onoff_button #toggle:checked ~ .toggleSwitch {background: #4f00cc;}
.onoff_button #toggle:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 30px);background: #fff;}
.onoff_button .toggleSwitch, .toggleButton {transition: all 0.3s ease-in;}



/* 댓글 */
.reply_wrap .reply_num p {font-size: 18px; padding-bottom: 8px;}
.reply_wrap .reply_num p span{ color: #4f00cc; font-weight: 600; padding-right: 4px;}
.reply_wrap .reply_con{margin-bottom: 16px; margin-top: 4px; border: 1px solid #ddd; display: flex; justify-content: space-between; border-radius: 5px; overflow: hidden;}






.reply_wrap .reply_con textarea{height: 160px; padding: 8px; border: 0;}
.reply_wrap .reply_con a{display: flex; align-items: center; justify-content: center; width: 140px; background-color: #4f00cc; color: #fff; vertical-align: middle;}
.reply_wrap .reply_list ul li .orizin{padding: 16px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #ddd;}
.reply_wrap .reply_list ul li .top{display: flex;}
.reply_wrap .reply_list ul li .top .name{font-size:16px;display: flex; margin-bottom: 0; align-items: center;}
.reply_wrap .reply_list ul li .top .name{font-size: 16px; font-weight: 600; padding-right: 16px;}
.reply_wrap .reply_list ul li .top .date{color: #888; font-weight: 300; font-size: 16px;}
.reply_wrap .reply_list ul li .bottom textarea{padding: 8px 12px; height: 65px;}
.reply_wrap .reply_list ul li .bottom p{font-size: 15px; color: #888; font-weight: 400;}
.reply_wrap .reply_list ul li .submit{color: #888; font-size: 15px; display: flex; justify-content: flex-end;}
.reply_wrap .reply_list ul li .submit i{cursor: pointer;}
.reply_wrap .reply_list ul li .submit i + i{padding-left: 4px;}
.reply_wrap .reply_list ul li .submit button{padding: 0; font-size: 14px;}
.reply_wrap .reply_list ul li .submit button + button{padding-left: 4px;}
.reply_wrap .reply_list .sub-reply{position: relative; padding-left: 60px; padding-right: 16px;
     padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #fff; background-color: #f5f5f5;
     display: flex; justify-content: space-between; align-items: flex-start;
    }
.reply_wrap .reply_list .sub-reply::before{content:"";position: absolute; left: 16px; top: 8px; width: 30px; height: 23px;
  background: url('https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/EASY/162811342514953.png')no-repeat center center / contain;
}
.reply_wrap .reply_list .sub-reply .reply_con{border: 0;}
.reply_wrap .reply_list .sub-reply .reply_con>div{border: 1px solid #ddd;}



.reply_wrap .reply_list ul li .top .post_writer{color: #4f00cc; border-radius: 55px; border: 1px solid #4f00cc; font-size: 0.85em; padding: 2px 8px; margin-left: 8px;}

.reply_wrap .reply_list ul li .txt{width: calc(100% - 100px);}
.reply_wrap .reply_list ul li .submit{width: 100px;}
.reply_wrap .cancle_btn{position: relative; padding: 0; margin-top: 2px;}
.reply_wrap .cancle_btn::after{content: ""; width:100%; height: 1px ; background-color: #999; position: absolute; bottom: -0; left: 0;}



/* 어드민 페이지 */
.admin nav{border-right: 1px solid #ddd; width: 220px;}
.admin nav .left{display: flex; align-items: center; justify-content: center;}
.admin nav .right{padding: 24px 24px; border-left: 1px solid #ddd;}
.admin nav .list ul.depth{display:none;}
.admin nav .list ul{}
.admin nav .list ul li{width: 100%; border-bottom: 1px solid #ddd;}
.admin nav .list ul li + li{}
.admin nav .list ul li p{display: flex; align-items: center; cursor: pointer;}
.admin nav .home{padding: 32px;}
.admin nav .list{width: 100%;}
.admin nav .list ul li>p{padding: 16px 24px; opacity: 0.5;}
.admin nav .list ul li.on p{color: #4f00cc;font-weight: 700; opacity: 1;}
.admin.admin_customer2 nav .list ul li.on p{color: #fb2780;}
.admin nav img{width: 30px; filter: invert(1); margin-right: 8px;}

.admin .top {padding: 32px 24px; width: calc(100% - 220px)}
.admin .top .title {margin-bottom: 16px;}
.admin .top .title h2{font-size: 20px; font-weight: 600;}
.admin .top .title button{background-color: #4f00cc; font-size: 16px; color: #fff; padding: 10px 16px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.admin .top .title button img{width: 20px; margin-right: 8px;}
.admin .top .con01{background-color: #f5f5f5; padding:32px 0; border-radius: 5px;}
.admin .top .con01 ul{display: flex; align-items: center;}
.admin .top .con01 ul li{padding: 0 16px; border-right: 1px solid #ddd; width: 20%; text-align: center; opacity: 0.5;}
.admin .top .con01 ul li.on{opacity: 1;}
.admin .top .con01 ul li:last-child{border-right: 0;}
.admin .top .con01 ul li span{font-weight: 600; display: block; margin-bottom: 8px; font-size: 16px;}
.admin .top .con01 ul li p{font-size: 22px; font-weight: 400; cursor: pointer;}
.admin .top .con01 ul li p i{color: #4f00cc; font-weight: 600; font-size: 30px; margin-right: 3px;}

.admin .top .con02{margin-top: 32px;}
.admin .top .con02 .tab{display: flex; overflow: hidden; background-color: #f2f2f2;}
.admin .top .con02 .tab p{padding:16px 52px; font-weight: 600; opacity: 0.7; cursor: pointer; background-color: #f2f2f2; border-right: 1px solid #aeaeae;}
.admin .top .con02 .tab p i{font-weight: 600; margin-left: 4px;}
.admin .top .con02 .tab p.on{color: #4f00cc;border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #fff; margin-bottom: -1px; box-shadow:6px -1px 9px rgba(0,0,0,0.2); font-weight: 600; position: relative; z-index: 2; opacity: 1; border-top: 1px solid #4f00cc; border-left: 1px solid #4f00cc; border-right: 1px solid #4f00cc; border-bottom: 0;}
/* .admin .top .con02 .tab p.on::after{content: ""; width: 100%; height: 2px; background-color: #4f00cc; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);} */

.admin .top .con02 .tab02{display: flex; padding-top: 24px; }
.admin .top .con02 .tab02 p{border-radius: 55px; cursor: pointer; background-color: #f5f5f5; font-size: 15px; padding:8px 20px; text-align: center; margin-right: 16px;}
.admin .top .con02 .tab02 p.on{background-color:#4f00cc; color: #fff;}
.admin .top .con02 .tab02 p:last-child{margin-right: 0;}

.admin .table_wrap{width: 100%; max-width: 1620px; margin-top: 32px; overflow-y: hidden; overflow-x: auto;}
.admin .table_wrap::-webkit-scrollbar {height: 8px;} 

.admin .table_wrap table{width: 100%;}
.admin .table_wrap table tr th{background-color: #f5f5f5; border: 1px solid #ddd; padding: 12px 16px; text-align: center; vertical-align: middle; font-weight: 600;}
.admin .table_wrap table tr td{padding: 12px 16px; border: 1px solid #ddd; vertical-align: middle;}
.admin .table_wrap table tr td img{width: 120px; margin: 0 auto; display: block;}
.admin .table_wrap table tr td.state{min-width: 140px;}
.admin .table_wrap table tr .long{min-width: 250px;}
.admin .table_wrap table p{font-size:14px; padding:8px 8px; text-align: center; border-radius:5px;  color: #fff;}
.admin .table_wrap table p.ing{background-color: #4f00cc; }
.admin .table_wrap table p.refuse2{background-color: #7641cc; }
.admin .table_wrap table p.refuse3{background-color: #4c6edf; }

.admin .table_wrap table p.comp{background-color: #a7a7a7;}
.admin .table_wrap table p.stop{background-color: #fb2780;}
.admin .table_wrap table p.refund{background-color: #6b6b6b;}
.admin .table_wrap table p.refuse{background-color: #999; cursor: pointer;}
.admin .table_wrap table p.refuse span{display: block; font-size: 12px;}

.admin .table_wrap table p.cancle_request{background-color: #fb2780;}
.admin .table_wrap table p.cancle_complete{background-color: #a7a7a7;}
.admin .table_wrap table tr td select{width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 8px 12px; background-position: 93% 50% !important;}


.admin .table_wrap table button{padding: 8px 16px; border-radius: 5px; font-size: 15px;}
.admin .table_wrap table button.memo{background-color: #dbdbdb;}
.admin .table_wrap table button.view{background-color: #ffb93a; color: #fff; margin: 0 auto; display: block;}
.admin .table_wrap table button.view2{background-color: #999; color: #fff; margin: 0 auto; display: block;}
.admin .table_wrap table button.no_view{background-color: #fff; color: #222; margin: 0 auto; display: block; pointer-events: none;}


.admin .table_wrap table tr td .cancle{text-align: center; margin-top: 8px;}
.admin .table_wrap table tr td .cancle span{  font-size: 14px; cursor: pointer; position: relative;}
.admin .table_wrap table tr td .cancle span::before{content: ""; width: 100%; height: 1px; background-color: #ddd; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%);}
.company_refuse.admin .table_wrap table p{color: #222; padding: 0; font-size: 16px; text-align: left;}
.company_refuse .btn_wrap{display: flex; justify-content: center;}
.company_refuse .btn_wrap button{padding: 12px 24px; font-size: 16px; margin-top: 32px; border-radius: 5px;}


.admin_upload .inner ul li{}
.admin_upload .inner ul li + li{margin-top: 100px;}
.admin_upload .inner ul li>h2 i{font-weight: 600; color: #4f00cc;}
.admin_upload .inner ul li>h2{font-size: 22px; font-weight: 600; display: block;  padding-bottom: 16px; border-bottom: 2px solid #000;}
.admin_upload .inner ul li .in{display: flex; flex-wrap: wrap;}
.admin_upload .inner ul li .in dl{width: 50%; display: flex; height: auto; border-bottom: 1px solid #ddd;}
.admin_upload .inner ul li dl dt{width: 160px; background-color: #f5f5f5; text-align: center;display: flex; align-items: center; justify-content: center; height: auto; }
.admin_upload .inner ul li dl dt p{ padding: 16px; font-weight: 600;}
.admin_upload .inner ul li dl dd{width: calc(100% - 160px); padding: 16px; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -8px;}
.admin_upload .inner ul li dl dd >div{ position: relative; margin-bottom: 8px;}
.admin_upload .inner ul li dl dd >div input[type="text"]{width: 100%;}
.admin_upload .inner ul li dl dd >div input[type="number"]{width: 100%;}
.admin_upload .inner ul li dl dd >div input[type="date"]{width: 100%;}
.admin_upload .inner ul li dl dd >div input{border: 1px solid #ddd; background-color: #fff; padding:12px 8px; border-radius: 5px;}
.admin_upload .inner ul li dl dd >div input + span{margin-left: 6px; font-weight: 600;white-space: nowrap; word-break: break-all;}
.admin_upload .inner ul li dl dd >div input + span i{font-weight: 600;}
.admin_upload .inner ul li dl dd>span{font-size: 14px; font-weight: 600; opacity: 0.7; display: block;}
.admin_upload .inner ul li dl dd >div textarea{width: 100%; height: 155px; resize: none; width: 100%; padding: 12px; border-radius: 5px;}
.admin_upload .inner ul li .inner{display: flex;flex-direction: column; padding: 16px; }
.admin_upload .address button{background-color: #4f00cc; color: #fff; padding: 12px 32px; border-radius: 5px;}
.admin_upload .keyword button{background-color: #4f00cc; color: #fff; border-radius: 5px; padding: 8px;}
.admin_upload .keyword p + p{margin-left: 8px;}
.admin_upload .keyword input{margin-right: 4px;}
.admin_upload .inner ul li dl.keyword dd >div input[type="text"]{width:calc(25% - 4px); max-width: 100%; margin-bottom: 8px;}
.admin_upload select{width: 100%; border: 1px solid #ddd; padding: 12px 32px 12px 16px; background-position: 95% 50% !important; border-radius: 5px;}

.admin_upload .inner .btm_btn{display:flex; align-items: center; justify-content: center; gap: 16px; margin-top: 32px;}
.admin_upload .inner .btm_btn button{padding: 12px 16px; border-radius: 5px; width: 150px; max-width: 100%; font-size: 16px;}
.admin_upload .inner .del_btn{border: 1px solid #ddd; padding: 8px 12px; margin-top: 8px; border-radius: 5px; font-size: 15px;}



.campaign_name b{display: block; font-size: 18px; font-weight: 600; margin-bottom: 12px;}
.campaign_name ul{display: flex; flex-wrap: wrap; margin-bottom: -16px;}
.campaign_name ul li{ cursor: pointer; margin-bottom: 16px;}
.campaign_name ul li:last-child{}
.campaign_name ul li .con_wrap{padding: 8px 32px 8px 8px; position: relative; height: 100%; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.campaign_name ul li .con_wrap .x_btn{position: absolute; cursor: pointer; font-size: 12px; right: 0; top: 0%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; background-color: #4f00cc; color: #fff;}

.campaign_name ul li.on .con_wrap{background-color: #4f00cc; color: #fff;}
.campaign_name ul li.on .con_wrap .x_btn{background-color: #fff; color: #4f00cc; font-weight: 600;}



/* 체크박스 디자인 */
.admin_upload input[type="checkbox"] {display: none;}
.admin_upload input[type="checkbox"] + label::after {content: "";width: 20px; height: 20px; border-radius: 5px; border: 1px solid #ddd; position: absolute; left: 0; top: 1px; background-color: #fff; cursor: pointer;}
.admin_upload input[type="checkbox"]:checked + label {}
.admin_upload input[type="checkbox"]:checked + label::after{content: "";background: url(../img/s3/16640603736987.png)no-repeat center/20px 20px;}
.admin_upload input[type="checkbox"] + label span{margin-left:30px; cursor: pointer;}



.admin_upload input[type="radio"] {display: none;}
.admin_upload input[type="radio"] + label::after {content: "";width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ddd; position: absolute; left: 0; top: 1px; background-color: #fff; cursor: pointer;}
.admin_upload input[type="radio"]:checked + label {}
.admin_upload input[type="radio"]:checked + label::after{content: ""; border: 6px solid #4f00cc;}
.admin_upload input[type="radio"] + label span{margin-left:30px; cursor: pointer;}

.admin_upload input[type="file"] {display: none;}

.admin_upload .plus{width: 80px; height: 80px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; color: #999; font-size: 30px; cursor: pointer;}
.file_list{margin-top: 8px; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -12px;}
.file_list .img{position: relative;margin-right: 12px; display: flex; align-items: center; padding-right: 24px; margin-bottom: 12px; }
.file_list .img:last-child{margin-right: 0;}
.file_list .img .x-btn{position: absolute; width: 15px; height: 15px; font-size: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #4f00cc; color: #fff; right: 0; top: 50%; transform: translateY(-50%);} 

.file_list .img-upload{border: 1px solid #ddd; overflow: hidden;}
.file_list .img-upload img{margin-right: 0 !important;}
.admin_upload .file_list .img{margin-bottom: 0; position: relative; overflow: hidden; border: 1px solid #ddd; padding-right: 0; cursor: pointer; margin-right: 0; width: 80px; height: 80px; align-items: center; justify-content: center; border: 1px solid #ddd;}
.admin_upload .file_list{margin-top: 0; margin-bottom: 0;}
.upload_img{display: flex; align-items: center; gap: 8px;}

.admin_upload .file_list .img + .img{margin-left: 8px;}
.admin_upload .file_list .img .x_btn{position: absolute; right: 0; top: 0; width: 15px; height: 15px; background-color: #222; color: #fff; display: flex; align-items: center; justify-content: center;}


.admin_ad_view .file_list .img{padding-right: 0; width: 80px; height: 80px; border: 1px solid #ddd; display: flex;align-items: center; justify-content: center; cursor: pointer;}
.point{position: relative; padding-left: 16px;}
.point + .point{margin-top:8px;}
.point::before{content: ""; width: 5px; height: 5px; background-color: #4f00cc; position: absolute; left: 0; top: 8px;}

.admin_alarm .con ul li{cursor: pointer;}
.admin_alarm .con ul li .con_wrap{display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd; border: 1px solid #ddd; padding: 16px;}
.admin_alarm .con ul li + li{margin-top: 16px;}
.admin_alarm .con ul li .con_wrap .left{display: flex; align-items: center;}
.admin_alarm .con ul li .con_wrap .left .icon{width: 50px; padding: 8px; margin-right:16px; height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5;}
.admin_alarm .con ul li .con_wrap .left .icon img{opacity: 0.7;}
.admin_alarm .con ul li .con_wrap .left .txt i{color: #4f00cc; font-weight: 600;}
.admin_alarm .con ul li .con_wrap .right .date{opacity: 0.7; font-weight: 600;}
.admin_alarm .con ul li.read .con_wrap{opacity: 0.6;}

.no_post p{opacity: 0.7; margin-top: 16px;}


.point_wrap ul{}
.point_wrap ul li .con_wrap{display: flex; border-top: 1px solid #ddd;}
.point_wrap ul li .con_wrap.point_add button.x_btn{position: absolute; right: 4px; top: 50%; transform: translateY(-50%); line-height: 1; width: 20px; height: 20px; border-radius: 50%; background-color: rgba(0,0,0,0.1); text-align: center;}
.point_wrap ul li .con_wrap.point_add .right p{border: 1px solid #ddd; padding: 6px 12px; border-radius: 5px; cursor: pointer;}
.point_wrap ul li .con_wrap.point_add .right p + p{margin-left: 8px;}
.point_wrap ul li .con_wrap.point_add .point_select{margin-left: 16px;}


.point_wrap ul li + li{}
.point_wrap ul li .con_wrap .left{padding: 16px; width: 150px; background-color: #f5f5f5; height: auto;}
.point_wrap ul li .con_wrap .right{padding: 16px; width: calc(100% - 150px);}

.point_wrap ul li .con_wrap .right .no_use{opacity: 0.4 !important; pointer-events: none;}



.point_wrap ul li .con_wrap .right input{border: 1px solid #ddd; padding: 8px 12px; border-radius: 5px;}
.point_wrap ul li.all_price {border-top: 2px solid #000;}
.point_wrap ul li.all_price .con_wrap{align-items: center;}
.point_wrap ul li .con_wrap .right i.price{font-size: 23px; font-weight: 600; margin-right: 4px;}

.point_wrap ul li.all_price .left{background-color: #fff; color: #4f00cc; font-weight: 600;}
.point_wrap ul li.all_price .left p{font-weight:700; font-size: 18px;}
.point_wrap .terms{border: 1px solid #ddd; margin-top: 32px; padding: 16px;}
.point_wrap .terms .in_ex{background-color: #f5f5f5; padding: 16px; max-height: 250px; overflow-y: auto; overflow-x: hidden; margin-top: 16px;}
button.next{background-color: #4f00cc; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; width: 150px; border-radius: 5px; font-size: 16px; margin: 32px auto 0 auto; padding: 12px 16px;}
.point_wrap button.change_button{background-color: #4f00cc; color: #fff;padding: 8px 12px; border-radius: 5px; margin-left: 16px;}
.point_wrap p.small {font-size: 15px;font-weight: 600;opacity: 0.7;display: block;}


.campaign_upload>ul li .con_wrap{display: flex;}
.campaign_upload>ul li .con_wrap {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.campaign_upload>ul li .con_wrap .left{padding: 16px; display: flex; align-items: center; width: 150px; background-color: #f5f5f5; height: auto;} 
.campaign_upload>ul li .con_wrap .left p{display: flex; align-items: center;}
.campaign_upload>ul li .con_wrap .right{padding: 16px; width: calc(100% - 150px);}
.campaign_upload>ul li .con_wrap .right input{border: 1px solid #ddd; padding: 12px 16px; width: 100%;}

.campaign_upload button{background-color: #4f00cc; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; width: 150px; border-radius: 5px; font-size: 17px; margin: 32px auto 0 auto; padding: 12px 16px;}


.kakao{position: fixed; right: 20px; bottom: 20px; border-radius: 50%; width: 80px; height: 80px;display: flex; align-items: center; justify-content: center; z-index: 999;
    background-color: #F7E600;
}
.kakao img{width: 25px; margin: 0 auto 8px auto; text-align: center; display: block; }
.kakao p{color: #3A1D1D; font-weight: 600; font-size: 13px; font-weight:800;}

.rock{position: absolute; right: 0; bottom: 0; opacity: 0.3; z-index: 2;}



span.small{font-size: 15px; margin-top: 8px; display: block; text-align: left;} 


.filter_mo{display: none; flex-wrap: wrap; border-top: 2px solid #000; padding-top:16px; border-bottom: 1px solid #ddd;}
.filter_mo .select_con{width: 50%; margin-bottom: 16px; display: flex; align-items: center; padding: 0 16px;}
.filter_mo .select_con select{border: 1px solid #ddd; border-radius: 5px; padding: 12px 16px; background-position: 90% 50% !important; width: calc(100% - 83px);}
.filter_mo .select_con b{width: 83px;  font-size: 16px; display: block; font-weight: 7000; padding-right: 16px;}

.mo_category{display: none;}
.mo_category select{border: 1px solid #ddd; border-radius: 5px; padding: 12px 32px 12px 16px; background-position: 90% 50% !important; width:100%;}



.side_nav02 { position: fixed;top: 0;left: 0;width: 100vw;height: 100vh; ;background-color: #fff;z-index: 999;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3); background-color: #fff; display: none; overflow-y: auto; overflow-x: hidden;
}
.side_nav02 .top h2{font-size:22px; font-weight: 700;}
.side_nav02 .top img{width: 10px;}
.side_nav02 .top .right_con button{border: 1px solid #ddd; border-radius: 55px; padding: 6px 12px; font-size: 13px;}
.side_nav02 .top .right_con button + button{margin-left: 4px;}

.side_nav02 .top{padding:72px 24px 32px 24px;}
.side_nav02 .login_btn{font-size: 18px; font-weight:on 700; padding-left: 0;}
.side_nav02 .x_btn{font-size: 25px; font-weight: 600; cursor: pointer; position: absolute; right: 20px; top: 20px;}

.side_nav02 .btm_con{border-top: 8px solid #f8f8fb; padding: 24px;}
.side_nav02 .btm_con>b{font-size: 17px;display: block; margin-bottom:16px; font-weight: 600;}
.side_nav02 .btm_con .inner a{padding: 12px 0; font-size: 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd;}
.side_nav02 .btm_con img{}



.side_nav02 .mid{ padding:0 24px; margin-bottom: 32px;}
.side_nav02 .mid>div{background-color: #f5f5f5; border-radius: 5px; padding: 24px;}
.side_nav02 .mid>div>b{font-size: 14px; display: block; font-weight: 600; margin-bottom: 8px;}
.side_nav02 .mid img{width: 8px; margin-left: 8px;}
.side_nav02 .mid p{font-size: 18px; font-weight: 600;}



.main_popup{position: fixed; z-index: 99999; width: 100%; height: 100%; display: flex; align-items: flex-start; background: rgba(0, 0, 0, 0.2);}
.main_popup .inner{width: auto; max-width: 90%; padding:130px 0 0 90px;}
.main_popup .inner .img_wrap{background-color: #f5f5f5; overflow: hidden;}
.main_popup .inner .img_wrap img{width:auto !important; max-width: auto !important; height: 100% !important; margin: 0 auto;}
.main_popup .inner .txt_wrap{background-color: #f5f5f5; padding: 8px; display: flex; justify-content: space-between; font-size: 15px; font-weight: 600; }
.main_popup .inner .txt_wrap p{cursor: pointer; opacity: 0.7;}

.exel_down input{background-color: #fff;border: 1px solid #00c250;color: #00c250;
    background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/admin/i-xls.png);
    background-size: 24px 24px;padding-left: 32px;padding-right: 8px;padding-top: 8px;padding-bottom: 8px;
    cursor: pointer;border-radius: 5px;background-repeat: no-repeat;background-position: 6px center;
}



/* 탭 공통 */
.tab.type01{display: flex; align-items: center; justify-content: flex-start; gap: 16px;}
.tab.type01 p.on{background-color: #4f00cc; color: #fff;}
.tab.type01 p{border-radius: 55px; padding: 16px 32px; background-color: #f5f5f5; cursor: pointer; font-size: 17px;}

.tab.type02{display: flex; align-items: center; justify-content: flex-start; gap: 16px; border-bottom: 1px solid #f5f5f5;}
.tab.type02 p.on{color: #4f00cc; font-weight: 700; position: relative;}
.tab.type02 p.on::after{content: ""; width: 100%; height: 3px; background-color: #4f00cc; bottom: -3px; left: 0; position: absolute;}
.tab.type02 p{padding: 16px 24px;  font-size: 17px; cursor: pointer; color: #999;}


/* 마이페이지 상품 현황 추가 */
.my_service{border-bottom: 1px solid #ddd; padding: 16px;}
.my_service .pd_state{background-color: #f5f5f5; border-radius: 5px; padding: 12px;}
.my_service .pd_state dl + dl{margin-top: 4px;}
.my_service .pd_state dl dd{font-weight: 600; font-size: 15px;}
.my_service .pd_state dl dt{font-size: 15px;}

.my_service dl{display: flex; align-items: center; justify-content: space-between;}
.my_service .pd_name dl dt{font-weight: 600; font-size: 18px; font-weight: 700;}
.my_service .pd_name{margin-bottom: 12px;}

.my_service button{margin-top: 8px; width: 100%; background-color: #333; border-radius: 5px; color: #fff; text-align: center; padding: 12px;}
.my_service h3{display: block; margin-bottom: 12px; font-size: 15px; font-weight: 500; opacity: 0.7; position: relative; padding-left:12px;}
.my_service h3::before{content: ""; width: 5px; height: 5px; background-color: #333; border-radius: 50%; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}


/* 24-08-16 my_state */

.dif-f {display: flex;}
.my_service .point-box {padding: 24px;}
.my_service .point-box i,
.my_service .point-box p {font-size:20px; font-weight: 700;}
.point-button {width: 100%; gap: 5px; justify-content: flex-start}
.point-button > button {width: 65px; border-radius: 100px; padding: 8px;}
.point-button > button:first-child { border: 1px solid #1075e7; background-color: #1075e7;}
.point-button > button:last-child { border: 1px solid  #1075e7; background-color: #fff; color: #1075e7;}
.pd_state b{font-size: 14px; display: block; font-weight: 600; margin-bottom: 8px;}
.my_service .point-box img { width: 8px; margin-left: 8px;}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){
 
  
 }
 
/* ********************************************* *
 * 1250px max
 * ********************************************* */
 @media (max-width:1250px){

    .simple_header .inner .top>.bd-lg{padding: 16px 24px;}
    .mt-85 { margin-top: 68px;}
    
}


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

    .rock{display: none;}

    /* 공통 */
    .pt-120{padding-top: 100px;}
    .pb-120{padding-bottom: 100px;}
    .pt-100{padding-top: 90px;}
    .pb-100{padding-bottom: 90px;}

    .header .inner .mid>.bd-lg .left{left: 0; transform: inherit;}
    .header .inner .bottom_con>.bd-lg{padding: 0;}
    .header .inner .bottom_con nav .left ul li a{font-size: 16px;}
    .header .inner .bottom_con nav .left ul li.all_wrap .all_menu{width: 100vw;}
    .header .inner .bottom_con nav .left ul li.all_wrap{padding-left: 16px;}
    .header .inner .mid{padding: 0 16px 24px 16px;}
    .header h1 {width: 70px;}
    .header .inner .mid .search_wrap input{width: 570px;}

    .admin .top .con01 ul li p i{font-size: 25px;}
    .admin .top .con01 ul li span{margin-bottom: 4px; font-size: 15px;}
    .admin .top .con01{padding: 24px 0;}
    .admin .top .con02 .tab p{font-size: 15px; padding: 16px 32px;}
    .admin .top .title button{font-size: 15px;}

    .admin .top{padding: 32px 16px;}

    .list_style01 .inner>ul{margin-bottom:-60px;}
    .list_style01 .inner>ul li{width: 33.33%; margin-bottom: 60px;}

    .header .inner .mid .search_wrap input{width: 440px;}
    .header .menu_list ul li{font-size: 17px;}
    .header .menu_list ul li + li{margin-left: 24px;}

    

   
 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){

    /* 공통 */
    .pt-120{padding-top: 90px;}
    .pb-120{padding-bottom: 90px;}
    .pt-100{padding-top: 80px;}
    .pb-100{padding-bottom: 80px;}
    

    footer .left_con img{width: 85px; margin-right: 24px;}
    footer .left_con .mid ul li p{font-size: 14px;}
    footer .btm{padding: 40px 0;}
    footer .right_con a{font-size: 29px;}
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

    .mo_no_view{display: none !important;}
    body{padding-bottom:85px;}
    
    /* 공통 */
    .pt-120{padding-top: 90px;}
    .pb-120{padding-bottom: 90px;}
    .pt-100{padding-top: 70px;}
    .pb-100{padding-bottom: 70px;}
    .pt-80{padding-top: 70px;}
    .pb-80{padding-bottom: 70px !important;}
    .mt-170{margin-top: 80px;}
    
    .header .inner .top{padding: 31px 16px 24px 16px;}
    .header h1 {position: fixed;top: 12px;left: 20px;width: 48px; height: 58px;}
    .header .inner .mid{padding: 0; margin-bottom: 0;}

    .header .inner .mid .search_wrap input{width: 100%;}
    .header .inner .mid>.bd-lg .left{width: 100%;}
    .simple_header h1 {position: static;}
    .header.simple_header .top{padding: 24px 16px;}

    .header .inner .bottom_con nav .right{position: fixed; bottom: 10px; right: 20px; z-index: 4;}
    .header .inner .bottom_con nav .right ul li{width: 80px; height: 80px; border-radius: 50%;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
    .header .inner .bottom_con nav .right ul li + li{margin-top: 16px;}
    .header .inner .bottom_con nav .right ul{flex-direction: column;}
    .header .inner .bottom_con nav .right ul li a{flex-direction: column; align-items: center; justify-content: center; font-size: 14px;}
    .header .inner .bottom_con nav .right ul li a span{margin-left: 0; margin-top: 6px;}


    .header .inner .mid .search_wrap{position: fixed; top: 17px; width: 60%; left: 80px;}
    .header .inner .mid .search_wrap select{width: 100%; padding: 14px 32px 14px 14px;}
    .header .inner .mid .search_wrap .search_con{width: 100%; margin-left: 0;}
    .header .inner .mid .search_wrap input{width: 100%;}


    .header .inner02{display: block; padding: 16px 0;}
    .kakao{bottom: 95px;}



    .admin_upload .inner ul li .in dl{width: 100%;}

    .admin{display: block;}
    .admin nav{display: none;}
    .admin .top{width: 100%; }

    .list_style01 .inner>ul li .txt_wrap .mid b{font-size: 17px;}
    .list_style01 .inner>ul li .txt_wrap .btm .period dl dt{font-size: 16px;}
    .list_style01 .inner>ul li .txt_wrap .btm .period dl dt img{width: 16px;}
    .list_style01 .point_wrap p{font-size: 12px;}

    .header .inner .mid>.bd-lg .menu_list{display: none;}

    .mo_view_02{display: block;}
    .mo_view_02 .my_service{margin-bottom: 30px; border-top: 1px solid #ddd;}
    

 }
  /* ********************************************* *
 * 850px
 * ********************************************* */
 @media screen and (max-width: 850px){

    footer .left_con{display: block;}
    footer .left_con img{margin-bottom: 32px;}

    footer .btm>div{display: block;}

    footer .right_con{text-align: left; border-top: 8px solid #f5f5f5; margin-top: 24px; padding-top: 24px;}



 }
  /* ********************************************* *
 * 820px
 * ********************************************* */
 @media screen and (max-width: 820px){
    .list_style01 .inner>ul li .txt_wrap>.top{display: block; margin-bottom: 8px;}
    .list_style01 .inner>ul li .txt_wrap .btm .period{margin-top: 24px;}



 }

 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){
 
 
    .header .inner .bottom_con nav .left ul li.all_wrap{width: auto;}

    /* 공통 */
    .pt-120{padding-top: 80px !important;}
    .pb-120{padding-bottom: 80px !important;}

    .simple_header h1{}

    .admin_upload .inner ul li>h2{font-size: 20px;}

    .admin .top .con01 ul{flex-wrap: wrap; margin-bottom: -32px;}
    .admin .top .con01 ul li{width: 33.333%; margin-bottom: 32px;}
    .admin .top .con01 ul li:nth-child(3){border-right: 0;}
    .admin .top .con01 ul li p i{font-size: 21px;}
    .admin .top .con01 ul li p{font-size: 17px;}


    .filter_con ul{display: none;}
    .filter_mo{display: flex;}
    .mo_category{display: block;}
    .mo_cata_list {display: none;}

    .list_style01 .inner>ul li .txt_wrap .btm .small{font-size: 12px;}

    
  /* .main_popup{position: absolute;} */
  /* .main_popup .inner{position: absolute; left: 0; top: 0; width: 450px;} */
  /* .main_popup .inner .img_wrap{width: 100%; height: auto;} */
  /* .main_popup .inner .img_wrap img{width: 100%; height: auto;} */

  .point_wrap ul li .con_wrap{display: block;}
  .point_wrap ul li .con_wrap .left{width: 100%;}
  .point_wrap ul li .con_wrap .right{width: 100%; font-weight: 600;flex-wrap: wrap;}
  .point_wrap ul li .con_wrap .right p{}
  .point_wrap ul li .con_wrap.point_add .right{display: block;}
  .point_wrap ul li .con_wrap .right input{width: 100%;}
  .point_wrap ul li .con_wrap.point_add .point_select{margin-top: 8px; margin-left: 0; flex-wrap: wrap; }
  .point_wrap ul li .con_wrap.point_add .point_select p{margin-bottom: 8px;}

  .point_wrap ul li.all_price .con_wrap{display: flex;width: 100%;}
  .point_wrap ul li.all_price .con_wrap .left{width: 150px;}
  .point_wrap ul li.all_price .con_wrap .right{width: calc(100% - 150px); display: flex;justify-content: flex-end;}
  .point_wrap ul li.all_price .con_wrap .right>div{text-align: right;}

  .tab02_wrap{flex-wrap: wrap;}
  .exel_down{width: 100%; margin-top: 32px; display: flex; justify-content: flex-end;}
  .admin .table_wrap{margin-top: 24px;}

  .admin_upload .inner ul li dl dd >div{display: block; width: 100%;}
  .admin_upload .inner ul li dl dd{padding: 16px 0;}
  .admin_upload .inner ul li dl dd >div input[type="text"]{width: 100%;}
  .admin_upload .inner ul li dl dd >div input + span{margin-left: 0; margin-top: 8px; display: block; white-space: wrap;}
  
 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){

    .pt-100{padding-top: 50px !important;}
    .pb-100{padding-bottom: 50px !important;}
    .pt-120{padding-top: 60px !important;}
    .pb-120{padding-bottom: 60px !important;}
    .pb-80{padding-bottom: 60px !important;}
    .pt-80{padding-top: 60px !important;}
    .header .inner .mid>.bd-lg .left{position: static;}
    .header .inner .top{padding: 31px 16px 28px 16px;}
    .simple_header .inner .top{padding: 16px 0;}


    .header .inner .bottom_con nav .left ul li.all_wrap{display: none;}
    .header .inner .bottom_con nav .left{ overflow-y: hidden; overflow-x: auto;}
    .header .inner .bottom_con nav .left::-webkit-scrollbar {height: 6px;}
    .header .inner .bottom_con nav .left::-webkit-scrollbar-thumb{ background-color: #2cadf9!important;}
    .header .inner .bottom_con nav .right{bottom: 85px;}
    .header .inner .bottom_con nav .right ul li{width: 65px; height: 65px;}
    .header .inner .bottom_con nav .right ul li a{font-size: 12px;}
    .header .inner .bottom_con nav .left ul li.on a::after{bottom: 0;}

    .header .inner .mid .icon_wrap .h-mypage{display: none;}
    .header .inner .mid .icon_wrap{padding-left: 0; position: fixed; top: 16px; right: 20px;}
    .header .inner .mid>.bd-lg .left{width: 100%;}
    .header .inner .mid .search_wrap{width: 48%;}
    .header .inner02{display: block;}

    .admin_upload .inner ul li dl dt{width: 120px;}
    .admin_upload .inner ul li dl dd{width: calc(100% - 120px);}

    .admin .top .con01 ul li span{font-size: 14px;}

    .admin .top .con02 .tab{max-width: 640px; overflow-x: auto; overflow-y: hidden;}
    .admin .top .con02 .tab02{overflow-y: hidden; overflow-x: auto; padding-bottom: 8px;}
    .admin .top .con02 .tab::-webkit-scrollbar {height: 5px;} 
    .admin .top .con02 .tab02::-webkit-scrollbar {height: 5px;} 
    .admin .top .con02 .tab p{padding: 12px 24px; white-space: nowrap; font-size: 14px;}
    .admin .top .con02 .tab02 p{white-space: nowrap; font-size: 14px; margin-right: 8px;}
    .admin .table_wrap table tr th{font-size: 15px;}
    .admin .table_wrap table tr td{font-size: 15px;}

    .admin_alarm .con ul li .con_wrap{display: block;}
    .admin_alarm .con ul li .con_wrap .right .date{margin-top:16px; opacity: 0.5; font-weight: 500; text-align: right; font-size: 15px;}
    .admin_alarm .con ul li .con_wrap .left .txt{width: calc(100% - 50px);}

    .list_style01 .inner>ul li{width: 50%;}

    .campaign_upload>ul li .con_wrap .left p{font-size: 15px;}
    
    .admin_upload input[type="checkbox"] + label span{font-size: 14px;}
    .point_wrap ul li .con_wrap .right p{font-size: 15px;}
    .point_wrap ul li .con_wrap .right .point_input input{width:calc(100% - 23px)}
    .point_wrap ul li .con_wrap .right .point_input span{width: 15px; display: inline-block; vertical-align: middle;}
    .point_wrap button.change_button{width: 100%; margin-left: 0; margin-top: 16px;}
    
    .campaign .menu_list{margin-top: 32px;}

    footer .left_con img{width: 65px; margin-bottom: 24px;}
    footer .right_con a{font-size: 20px;}
    footer .right_con p + p{margin-top: 4px;}
    footer .top_con a{margin-right: 12px;}

    .list_style01 .inner>ul{margin-bottom: -32px;}
    .list_style01 .inner>ul li{margin-bottom: 32px;}
   

    .ad_commu.notice .dis-f .right{padding-top: 32px !important;}

    .point_wrap ul li .con_wrap .right>div{width: 100%;}
    .point_wrap ul li .con_wrap .right>div + div{margin-top: 4px;}

    .kakao{width: 60px; height: 60px;}
    .kakao p{font-size: 12px;}
    .kakao img{width: 18px;}

    .admin_upload .inner ul li dl.keyword dd >div input[type="text"]{width:calc(33.333% - 4px); max-width: 100%; margin-bottom: 8px;}
    .main_popup .inner{padding:100px 16px;}

    .tab.type01 p{padding: 8px 24px; font-size: 15px;}
    
    .header .inner .mid .search_wrap{width: 43%;}

 }
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
 
    
    .pt-100{padding-top: 32px !important;}
    .pb-100{padding-bottom: 60px !important;}
    .pt-120{padding-top: 32px !important;}
    .pb-120{padding-bottom: 60px !important;}
    .pb-80{padding-bottom: 60px !important;}
    .pt-80{padding-top: 32px !important;}

    .admin_upload .inner ul li .in dl.keyword dl dd>div{display: flex !important;}
    .admin_upload .inner ul li .in dl{display: block;}
    .admin_upload .inner ul li .in dl dt{width: 100%; justify-content: flex-start;}
    .admin_upload .inner ul li .in dl dd{width: 100%;}
    .admin_upload .inner ul li>h2{font-size: 18px;}

    .admin_upload .inner ul li dl dd >div{display: block; width: 100%;}
    .admin_upload .inner ul li dl dd >div input + span{margin-left: 0; margin-top: 8px; display: block;}
    .admin_upload .inner ul li .in dl dt p br{display: none;}

    .admin .top .title h2{font-size: 18px;}
    .admin .top .con02{margin-top: 24px;}
    
    .admin .top .title{display: block;}
    .admin .top .title button{margin-top:32px; width: 100%;}

    .campaign_upload>ul li .con_wrap{display: block;}
    .campaign_upload>ul li .con_wrap .left{width: 100%;}
    .campaign_upload>ul li .con_wrap .right{width: 100%; padding: 16px 0;}

    .campaign_upload button{font-size: 15px; width: 100%;}


    .list_style01 .inner>ul li .txt_wrap .mid b{font-size: 16px;}
    .list_style01 .inner>ul li .txt_wrap .mid span{font-size: 14px;}

    .filter_mo{display: block;}
    .filter_mo .select_con{width: 100%;}
    .filter_mo b{width: 100%;}
    .filter_mo select{width: 100%;}
    .filter_mo .select_con{padding: 0;}
    .filter_mo button{width: 100%; padding: 12px; text-align: center; background-color: #4f00cc; color: #fff; border-radius: 5px; font-size: 16px;}

    .area_con{display: block;}
    .area_con select{width: 48%;}
    .area_con b{margin-bottom: 8px;}

    footer .left_con .mid ul li{flex-wrap: wrap;}
    footer .top_con{padding: 16px 0;}

    .header .inner .top ul li + li{margin-left: 16px;}
    .header .inner .top ul li a{font-size: 15px;}


    .main_popup .inner .txt_wrap {font-size: 14px;}

    .reply_wrap .reply_list ul li .orizin{flex-direction: column;}
    .reply_wrap .reply_list .sub-reply{flex-direction: column;}
    .reply_wrap .reply_list ul li .submit{width: 100%; margin-top: 32px;}
    .reply_wrap .reply_list ul li .submit button + button{padding-left: 12px;}
    .reply_wrap .reply_num p{font-size: 16px;}
    .reply_wrap .reply_list .sub-reply::before{width: 15px;}
    .reply_wrap .reply_list .sub-reply{padding-left: 50px;}
    .reply_wrap .reply_con textarea{height: 80px;}
    .reply_wrap .reply_con a{width: 100px;}
    .reply_wrap .reply_list ul li .txt{width: 100%;}
    .reply_wrap .reply_list ul li .top{flex-wrap: wrap;}
    .reply_wrap .reply_list ul li .top .date{width: 100%; margin-top: 2px; margin-bottom: 0;}

    .admin_upload .inner ul li dl.keyword dd >div input[type="text"]{width:calc(50% - 4px);}
    .admin_upload .inner ul li dl.keyword dd >div{display: flex;}

    .campaign_name ul li{width: 33.33%;}


    .area_con select{min-width: auto; width: 47%;}


 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){


    .login .panel01_top .login_but .button button{font-size: 15px;}

    .admin .top .con01 ul li{width: 50%;}
    .admin .top .con01 ul li:nth-child(2n){border-right: 0;}
    .admin .top .con01 ul li:nth-child(3){border-right: 1px solid #ddd;}

    .admin_alarm .con ul li .con_wrap .left .icon{display: none;}
    .admin_alarm .con ul li .con_wrap .left .txt{width: 100%;}



    .admin .top .con01 ul li p{font-size: 14px;}
    .admin .top .con01 ul li span{font-size: 13px;}
    .admin .top .con01 ul li{margin-bottom: 12px;}
    .admin .top .con01 ul{margin-bottom: -12px;}
    .admin .top .con01{padding: 12px 0;}


    .list_style01 .inner>ul li .txt_wrap .mid b{font-size: 15px;}
    .list_style01 .inner>ul li .txt_wrap>.top .statu_wrap{display: block;}
    .list_style01 .inner>ul li .txt_wrap>.top .statu_wrap p + p::before{display: none;}
    .list_style01 .inner>ul li .txt_wrap>.top .statu_wrap p + p{margin-left: 0; margin-top: 4px; padding-left: 0;}
    .list_style01 .inner>ul li .txt_wrap .btm .period dl{display: block;}
    .list_style01 .inner>ul li .txt_wrap .btm .period dl dd{margin-top: 8px;}
    .list_style01 .inner>ul li .txt_wrap .btm .period{margin-top: 16px;}


    .side_nav02 .top{display: block;}
    .side_nav02 .right_con{margin-top: 12px;}
    footer .left_con .mid ul li{display: block;}
    footer .left_con .mid ul li p::after{display: none;}

    .main_popup .inner .txt_wrap{font-size: 13px;}

    .point_wrap ul li.all_price .left p{font-size: 16px;}
    .point_wrap ul li .con_wrap .right i.price{font-size:16px;}
    .point_wrap ul li.all_price .con_wrap .left{width: 120px;}
    .point_wrap ul li.all_price .con_wrap .right{width: calc(100% - 120px);}
    .point_wrap ul li.all_price .con_wrap{align-items: flex-start;}
    .admin_upload input[type="radio"] + label span{font-size: 14px;}


    .filter_mo .select_con b{font-size: 15px;}
    .filter_mo button{font-size: 14px;}

    .header .inner .mid .search_wrap {position: static; width: 100%;}
    .header .inner .mid .search_wrap input{padding: 12px 54px 12px 16px;}
    .header .inner .top{padding-bottom: 16px;}

    .mt-170{margin-top: 140px;}

    .header .inner .mid{padding: 16px; margin-bottom: 0;}

 }

  /* ********************************************* *
 * 300px
 * ********************************************* */
 @media screen and (max-width: 300px){




 }