@charset "UTF-8";

:root{
	--popup-sm:500px;
	--popup-md:600px;
	--popup-lg:800px;
	--popup-xl:1140px;
}

/* 일반 팝업 - 팝업 열기 버튼 */
.btn-popup-open.blue{box-shadow:0px 4px #74a3b0;background-color:#7fb1bf;}
.btn-popup-open.blue:active{box-shadow:0 0 #74a3b0;background-color:#709ca8;}
.btn-popup-open.red{box-shadow:0px 4px 0px #e04342;background-color:#fa5a5a;}
.btn-popup-open.red:active{box-shadow:0 0 #ff4c4b;background-color:#ff4c4b;}
.btn-popup-open.purple{box-shadow:0px 4px 0px #ad83a8;background-color:#cb99c5;}
.btn-popup-open.purple:active{box-shadow:0 0 #ba8cb5;background-color:#ba8cb5;}
.btn-popup-open.cyan{box-shadow:0px 4px 0px #73b9c9;background-color:#7fccde;}
.btn-popup-open.cyan:active{box-shadow:0 0 #73b9c9;background-color:#70b4c4;}
.btn-popup-open.yellow{box-shadow:0px 4px 0px #d1b757;background-color:#f0d264;}
.btn-popup-open.yellow:active{box-shadow:0 0 #ff4c4b;background-color:#d6bb59;}

@media screen and (min-width:1201px) {
	/* 일반 팝업 - 레이어팝업 크기별 팝업 사용자 지정 */
	.popup-wrap.layer-large > .popup-box{max-width:var(--popup-lg);}
	.popup-wrap.layer-middle > .popup-box{max-width:var(--popup-md);}
	.popup-wrap.layer-small > .popup-box{max-width:var(--popup-sm);}
}