@charset "utf-8";

#area-popup {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100;}
#area-popup .area-popup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#fff;}
#area-popup .area-popup {width:450px; padding:20px 30px;}
#area-popup .area-popup .body {position:relative; margin-top:20px;}
#area-popup .area-popup .title {padding:15px 20px; line-height:20px; font-size:17px; font-weight:bold; color:#fff; background:#2f8a47;}
#area-popup .area-popup .contents {height:320px; padding:15px 20px; margin-top:20px; border:1px solid #2f8a47; overflow:auto;}
#area-popup .area-popup .slick-slide {display:inline-block;}

#area-popup .area-popup .tail {margin-top:10px; text-align:right;}
#area-popup .area-popup .tail span {display:inline-block; padding:0 10px; min-width:70px; font-size:17px; line-height:28px; color:#fff; text-align:center; vertical-align:top; background:#5ba109; cursor:pointer;}
#area-popup .area-popup .tail span+span {margin-left:10px;}


#area-popup .area-popup .slick-dots {position:absolute; bottom:-30px; left:0px; width:200px;}
#area-popup .area-popup .slick-dots li {display:inline-block; margin:0 3px;} 
#area-popup .area-popup .slick-dots button {width:12px; height:12px; font-size:0; border:0; background:#ddd; border-radius:15px; cursor:pointer;}
#area-popup .area-popup .slick-dots .slick-active button {background:#5ba109;}