@charset "utf-8";

/* modal */
.ws-modal-open,
.ws-modal-open body {overflow:hidden; /*사이트에 position:sticky 사용으로 인해서 overflow:hidden 사용 불가 */ }

.ws-modal-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.7); transition:.2s;}

.ws-modal-outer {position:relative; flex:0 0 auto; width:100%; max-height:100%; padding:20px; overflow:auto; -ms-overflow-style:none;/* IE and Edge */ scrollbar-width:none;/* Firefox */}
.ws-modal-outer::webkit-scrollbar {display:none;}

.ws-modal-inner {position:relative; width:100%; max-width:1200px; margin:0 auto; background:#fff; border-radius:12px; overflow: hidden; padding: 120px 80px 70px; }

.ws-modal-close { display: inline-block; width: 30px; height: 30px; background-size: contain; background: url(../images/sub/fancybox-close.png) center no-repeat; border: none; position: absolute; right: 30px; top: 30px; }

/* 공통 */
.pop-sb { position: absolute; right: 80px; bottom: 70px; }
.pop-txtbox { margin-top: 40px; }
.pop-txtbox p {position: relative; padding-left: 18px; margin-bottom: 13px; }
.pop-txtbox p:last-child { margin-bottom: 0; }
.pop-txtbox p::before { content: ""; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 3px; background: #a77719; }
.pop-txtbox .group { position: relative; display: block; padding-left: 12px;}
.pop-txtbox .group::before { content: "※"; position: absolute; left: 0; top: 0; font-size: 16px; font-weight: 300; color: #a77719; }
.pop-txtbox .group .clr { font-weight: 600; color: #a77719; }
.pop-txtbox a { font-weight: 600; text-decoration: underline; text-underline-position: under; display: inline-block;}
.pop-txtbox strong { font-weight: 600; color: #1f3a21; font-size: 20px; }
.pop-txt2 { margin-top: 30px; }
.pop-txt2 strong { font-size: 16px; font-weight: 600; color: #a77719;}

/* 반응형 */
@media (max-width: 1200px) {
	.ws-modal-inner { border-radius: 5px; padding: 60px 20px 35px;}
    .ws-modal-close { width: 24px; height: 24px; right: 15px; top: 15px; background-size: contain;}
    .pop-sb { height: 80px; right: 20px; bottom: 35px; }
    .pop-txtbox { margin-top: 25px; }
    .pop-txtbox p { padding-left: 10px; margin-bottom: 8px; }
    .pop-txtbox p::before { top: 9px; }
    .pop-txtbox strong { font-size: 16px; }
    .pop-txt2 { margin-top: 30px;}
    .pop-txt2 strong  { font-size: 14px; }
}

@media (max-width: 640px) {

}