@charset "utf-8";

.b_modal								{ position:fixed; left:0; top:0; right:0; bottom:0; cursor:pointer; opacity:.3; z-index:9998;}
.bPopup									{ display:none; width:540px; transform: translate(-50%, -50%);}
.inner										{ position:relative; width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;}
.bPopup .item							{ float:left; text-align:center;}
.bPopup .item .pop_img				{ clear:both; display:none; max-height:600px; overflow-x:hidden; overflow-y:scroll; padding:2%;}
.bPopup	.item.slick-active .pop_img { display:block;}

/* 스크롤 보이도록 설정 */
.bPopup .item .pop_img::-webkit-scrollbar { -webkit-appearance: none; width:3px;}
.bPopup .item .pop_img::-webkit-scrollbar:vertical { width:8px; }
.bPopup .item .pop_img::-webkit-scrollbar:horizontal { height:8px; }
.bPopup .item .pop_img::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #fff; }
.bPopup .item .pop_img::-webkit-scrollbar-track { border-radius:10px; background-color:#fff; }

.bPopup .item .pop_tit						{ overflow:hidden; margin:0; color:#fff; background:#000; padding:1em 7em 1em 1.5em; text-align:left; font-size:1.2em; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.bPopup .b-close								{ display:inline-block; float:left; width:50%; line-height:45px; font-size:.94em; cursor:pointer; text-align:center; border:1px solid rgba(0,0,0,0.2); border-left:none; background:#fafafa }

#pop												{ overflow:hidden; }
#pop .slick-dots 								{ position:absolute; right:1.5em; top:16px; }
#pop .slick-dots li								{ display:inline-block; margin:0 2px}
#pop .slick-dots li	button					{ width:16px; height:16px; overflow:hidden; padding:0; font-size:1px; text-indent:-40px; background:#000; border:2px solid #fff; border-radius:50%; cursor:pointer }
#pop .slick-dots li.slick-active button	{ background:#fff }


@media all and (max-width:600px){
    .bPopup							{ width:100%; padding:15px;}
    .bPopup .item .pop_img		{ max-height:500px; }
	.bPopup .b-close				{ line-height:40px}
}
@media all and (max-width:400px){
    .bPopup .item .pop_img		{ max-height:400px; }
    .bPopup .b-close				{ line-height:36px;}
}