#attractt-popup{ position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow-y: auto;display: none;z-index: 9999;background-image:none;background-color: rgba(0,0,0,.8)}
#attractt-popup .att-wrap.popCenter{top: 0 !important;padding: 10px 0 !important;margin-top: 0 !important;}
#attractt-popup .att-wrap .att-left .att-image{max-width: 570px}
#attractt-popup .att-wrap .att-right .att-function{display: none}
#attractt-popup .att-wrap .att-right .att-contents .att-user{border-bottom: 1px solid #ebebeb;margin-bottom: 20px}
#attractt-popup .att-wrap .att-right .att-contents .att-user img.att-thumbnail{display: none}
#attractt-popup .att-wrap .att-right .att-contents .att-user .att-user-right{position: relative;top: 0;padding-left: 0}
#attractt-popup .att-wrap .att-right .att-contents .att-user .att-user-right .att-user-name a{font-size: 20px;color: #000;word-break: break-all;line-height: 28px;margin-bottom: 12px;display: inline-block;font-family: 'SDGothic', sans-serif;font-weight: 600;}
#attractt-popup .att-wrap .att-right .att-contents .att-user .att-user-right .att-created-time{font-size: 12px;color: #999;padding-bottom: 20px}
#attractt-popup .att-wrap .att-right .att-contents .att-user .att-logo-icon{display: none}
#attractt-popup hr{display: none}
#attractt-popup .att-wrap .att-right .att-contents .att-caption{font-size: 14px;color: #222;line-height: 21px;word-break: break-all;margin-top: 0}
#attractt-popup .att-wrap .att-right .att-contents .att-hashtags{margin-top: 20px;line-height: 23px;font-size: 14px;}
#attractt-popup #att-btn-close{background:url('../../img/brand/attractt_btn_pop_close.png') no-repeat 0 0 / contain;width: 30px;height: 30px;top: 30px;right: 30px ;opacity: .4;transition: opacity 0.3s}
#attractt-popup #att-btn-close:hover{opacity: 1}
#attractt-popup .pagination{top: inherit;bottom: 20px;}
#attractt-popup .pagination-click{width: 6px;height: 6px;background-image: none;background-color: rgba(136,136,136,.5);background-size: 6px 6px !important;margin: 0 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;}
#attractt-popup .pagination-click.active{background-color: #f22c2d;background-position: 0 0 !important;}
#attractt-popup #popup-button-next{background:rgba(255,255,255,.5) url('../../img/common/btn_arrow_next_black.png') no-repeat center / 30px !important;width: 30px;height: 30px;border-radius: 100% }
#attractt-popup #popup-button-prev{background:rgba(255,255,255,.5) url('../../img/common/btn_arrow_prev_black.png') no-repeat center / 30px !important;width: 30px;height: 30px;border-radius: 100% }

#attractt-popup #att-btn-next{background: url('../../img/brand/attractt_btn_pop_next.png') no-repeat 0 0 / contain;width: 16px;height: 30px;opacity: 0.3;transition: opacity 0.3s}
#attractt-popup #att-btn-prev{background: url('../../img/brand/attractt_btn_pop_prev.png') no-repeat 0 0 / contain;width: 16px;height: 30px;opacity: 0.3;transition: opacity 0.3s}
#attractt-popup #att-btn-next:hover{opacity: 1;background-position: 0 0}
#attractt-popup #att-btn-prev:hover{opacity: 1;background-position: 0 0}


@media (min-width: 1760px){
    #attractt-popup .att-wrap {max-width: 1020px;margin-top: -285px;}
    #attractt-popup .att-wrap .att-right .att-contents {width: 450px;height: 570px;padding: 60px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #attractt-popup .att-wrap .att-left .att-image {width: 570px;height: 570px;}
}
@media (max-width: 1760px) and (min-width: 1540px) {
    #attractt-popup .att-wrap {max-width: 1020px;margin-top: -285px;}
    #attractt-popup .att-wrap .att-right{height: 570px}
    #attractt-popup .att-wrap .att-right .att-contents {width: 450px;height: 570px;padding: 60px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #attractt-popup .att-wrap .att-left .att-image {width: 570px;height: 570px;}
}
@media (max-width: 1540px) and (min-width: 1320px){
    #attractt-popup .att-wrap {max-width: 1020px;margin-top: -285px;}
    #attractt-popup .att-wrap .att-right{height: 570px}
    #attractt-popup .att-wrap .att-right .att-contents {width: 450px;height: 570px;padding: 60px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #attractt-popup .att-wrap .att-left .att-image {width: 570px;height: 570px;}
}
@media (max-width: 1320px) and (min-width: 1100px){
    #attractt-popup .att-wrap {max-width: 1020px;margin-top: -285px;}
    #attractt-popup .att-wrap .att-right{height: 570px}
    #attractt-popup .att-wrap .att-right .att-contents {width: 450px;height: 570px;padding: 60px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #attractt-popup .att-wrap .att-left .att-image {width: 570px;height: 570px;}
}

@media (max-width: 1100px) and (min-width: 880px){
    #attractt-popup .att-wrap .att-right .att-contents{height: 420px;}
}
@media (max-width: 880px){
    #attractt-popup{background-color: rgba(0,0,0,.5)}
    #attractt-popup #att-btn-close{right: 25px;}
    #attractt-popup .att-wrap .att-right{position: relative}
    #attractt-popup #popup-button-next{opacity: 1}
    #attractt-popup #popup-button-prev{opacity: 1}
    #attractt-popup .att-wrap .att-right .att-contents{padding: 20px}
}

@media (max-width: 880px)and (min-width: 660px){
    #attractt-popup .att-wrap{margin-top: -390px;padding: 10px 0}
    #attractt-popup .att-wrap .att-right .att-contents{height: 220px}
}
@media (max-width: 660px) and (min-width: 450px){
    #attractt-popup .att-wrap{margin-top: -285px;}
    #attractt-popup .att-wrap .att-right .att-contents{height: 200px}
}

@media (max-width: 450px){
    #attractt-popup .att-wrap .att-left{height: 320px}
    #attractt-popup .att-wrap{margin-top: -235px;max-width: 320px}
    #attractt-popup .att-wrap .att-left .att-image{height: 320px}
    #attractt-popup .att-wrap .att-right .att-contents .att-user{margin-bottom: 15px}
    #attractt-popup .att-wrap .att-right .att-contents .att-user .att-user-right .att-user-name a{font-size: 17px;line-height: 26px;margin-bottom: 5px}
    #attractt-popup .att-wrap .att-right .att-contents .att-caption{font-size: 13px;line-height: 20px}
    #attractt-popup .att-wrap .att-right .att-contents .att-hashtags{font-size: 13px;line-height: 20px}
    #attractt-popup .att-wrap .att-right .att-contents{padding: 25px}


}