.tenclip_top_wrap {padding:0.6rem 0;background:#fafafa;border-bottom:2px solid #666;width:100%;margin-bottom:30px;}
.tenclip_ex_box {position: absolute;top: 2.7rem;right:4rem;width: 270px;border: 1px solid #999;font-size: 14px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.3);}
.tenclip_ex_box img {width:17px;height:auto;margin-top:-3px;margin-right:3px;}
.tenclip_kakaoic {position: absolute;right:-10px;top:35px;}
.tenclip_kakaoic img {width:50px;height:auto;}
.tenclip_iframe01 {width:100%;height:450px;border-radius: 15px;}
.tenclip_ThumbImg {width:100%;height:auto;border-radius: 15px;}
.tenclip_bn p {border-radius: 10px;background: #fff097;padding:0.5rem 1.5rem;text-align:center;}
.tenclip_bn img {width:100%;height:auto;}
.tbl_privacy table {border:1px solid #ccc;box-sizing:border-box;border-collapse : collapse;}
.tbl_privacy th {border:1px solid #ccc;box-sizing:border-box;border-collapse : collapse;padding:5px 10px;background: #fafafa;font-weight: 600;text-align: center;font-size:0.9rem;}
.tbl_privacy td {border:1px solid #ccc;box-sizing:border-box;border-collapse : collapse;padding:5px 10px;font-size:0.9rem;color:#666;}
.count_info {
    display: none;
    position: absolute;
    top: 2rem;
    right:0px;
    width: 260px;
    border: 1px solid #999;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    z-index: 10;
}
.p_sns_bt {border:1px solid #666;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #000 !important;}
.p_sns_bt:hover {border:1px solid #fff !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #666 !important;}
.p_sns_bt_active {border:1px solid #fff !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #666 !important;}
.p_sns_bt img, .p_sns_bt_active img {width:auto;height:16px;}
.p_share_bt {border:1px solid #fff !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: #fff !important;font-weight: 600;font-size:0.8rem;}
.p_share_bt  img  {width:auto;height:13px;margin-right:10px;}
.p_homepage_bt {border:1px solid #fff !important;background: #152a69 !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: #152a69 !important;font-weight: 600;font-size:0.8rem;color:#fff;}
.premium_tt {color:#fee97d !important;font-weight: 600;font-size: 0.9rem;}
.premium_bg {background:rgba(0,0,0,1) url('../image/premium_bg.png') no-repeat  left top /1200px auto !important;padding-right: 3rem !important;  padding-left: 3rem !important;}
.premium_ic {position: absolute; top:0px;right:0px;}
.premium_ic img {width:50px;height:auto;}

.sns_bt {border:1px solid #ccc;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #fff !important;}
.sns_bt:hover {border:2px solid #333 !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #fafafa !important;}
.sns_bt_active {border:2px solid #333 !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #fafafa !important;}
.sns_bt_closed {border:1px solid #ccc !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #cccccc !important;}
.sns_bt img, .sns_bt_active img, .sns_bt_closed img {width:auto;height:16px;}
.sns_bt_closed img {opacity: 0.3 !important;}
.share_bt {border:1px solid #000 !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: #fff !important;font-weight: 600;font-size:0.8rem;}
.share_bt  img  {width:auto;height:13px;margin-right:10px;}
.homepage_bt {border:1px solid #152a69 !important;background: #152a69 !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;
    background: #152a69 !important;font-weight: 600;font-size:0.8rem;color:#fff;
}
.p_circle div {border:2px solid #ccc;background: #ccc;position: relative;border-radius: 50%;width:15px;height:15px;cursor: pointer;}
.p_circle .active {border:2px solid #ccc;background: #000 !important;position: relative;border-radius: 50%;width:15px;height:15px;cursor: pointer;}
.tenclip_list_tab {display: flex;flex-direction: row;justify-content: space-between; border-left:1px solid #ccc;margin-right: -0.2rem !important;margin-left: -0.2rem !important;margin-top:2rem;}
.tenclip_list_tab div {display: flex;align-items: center; justify-content: center; width:100%;padding:0.8rem 0.5rem;border:1px solid #ccc;background:#f4f5f9;border-left:0px !important;text-align: center;cursor:pointer;}
.tenclip_list_tab .active {background:#fff;border-bottom:1px solid #fff !important;border-top:1px solid #333 !important;border-left:1px solid #333 !important;border-right:1px solid #333 !important;}
.tenclip_list_tab .none {padding:0.5rem;border-bottom:1px solid #ccc;border-top:0px;border-right:0px;background:#fff;}
.tenclip_list_tab span {font-size:1rem;font-weight:600;word-break: keep-all;line-height:1rem;}

.tenclip_faq_btn button {border:2px solid #0dbdfd;min-width: 120px;border-radius: 30px;padding:7px;text-align: center;background: #fff;color:#0dbdfd;font-weight:600;}
.tenclip_faq_btn button:hover {border:2px solid #0dbdfd !important;min-width: 120px;border-radius: 30px;padding:7px;text-align: center;background: #0dbdfd !important;color:#fff !important;}
.tenclip_faq_btn .active {border:2px solid #0dbdfd !important;min-width: 120px;border-radius: 30px;padding:7px;text-align: center;background: #0dbdfd !important;color:#fff !important;}

.padding-top-15 {
    padding-top: 15px;
}

.product_join {
    display: none;
}

@media (min-width: 1200px) {
    .tenclip_bn img {width:200px;height:auto;}

}


@media (max-width: 1024px) {
    .tenclip_ex_box {top: 4.6rem;}

}

@media (max-width: 960px) {
    .tenclip_list_tab {margin-top:1rem !important;}
    .tenclip_list_tab span {font-size:0.8rem;font-weight:500;}
}


@media (max-width: 768px) {
    .tenclip_bn img {width:235px;height:auto;}

}


@media (max-width: 576px) {
    .tenclip_ex_box {position: absolute;top: 6.5rem;left:3%; width: 94%;border: 1px solid #999;font-size: 14px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.3);}
    .count_info {
        display: none;
        position: absolute;
        top: 7rem;
        left:3%;
        width: 94%;
        border: 1px solid #999;
        font-size: 14px;
        background: #fff;
        box-shadow: 0 3px 7px rgba(0,0,0,.3);
    }
    .premium_bg {padding-right: 1rem !important;  padding-left: 1rem !important;border-radius: 0px !important; }
    .tenclip_list_tab div {padding:0.5rem 0.5rem;}
}


@media (max-width: 400px) {
    .w-400-none {display: none !important;}

}