/* Modal Layer */
.layer-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.7); */
    z-index: 9999;
    overflow: hidden;
    padding:2rem 4rem;
	opacity:0;
    transition:all 0.3s ease;
    transform:scale(1.2);
    z-index:-1;
}
.layer-popup.open {
    opacity:1;
    z-index:1000;
    transform:scale(1);
}

/* Modal Content */
.layer-popup .md-content {
    display:none;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:100%;
    background-color: #fff;
    padding: 5rem;
    border-radius: 2.4rem;
    -webkit-box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
}
.layer-popup.open .md-content {
    display:block;
}
.layer-popup .md-content .close {
    display:block; position:absolute; top:5rem; right:5rem; font-size:0;
    width:2.8rem; height:2.8rem; background:url("../png/ly_close.png") no-repeat center;
    background-size:contain;
}

.md-header {

}
.md-header h2 {
    font-size: 2.4rem;
    font-weight: 650;
    color: #000;
    margin-bottom:3rem;
    padding-right:4rem;
    line-height:1.4;
}

.md-body {
    overflow-y:auto;
    max-height:calc(100vh - 29rem);
}
.md-body::-webkit-scrollbar {
    width:0.6rem;
}
.md-body::-webkit-scrollbar-track {
    background:#eee;
    /* border-radius:100vw; */
}
.md-body::-webkit-scrollbar-thumb {
    background:#ccc;
    /* border-radius:100vw; */
    /* border:0.3rem solid #fff; */
}

.md-footer {
    padding-top:3rem;
}

@media all and (max-width:820px) {
    .layer-popup {padding:2rem 2rem;}
    .layer-popup .md-content {padding:3rem;}
    .layer-popup .md-content .close {top:3rem; right:3rem;}
}
@media all and (max-width:380px) {
    .layer-popup .md-content {padding:3rem 2rem;}
    .layer-popup .md-content .close {right:2rem;}
}




/* 개인정보 수집·이용에 관한 사항 */
#prvUsePopup .agree-body {
    padding:3rem 0 3rem 3rem;
    border-radius: 1.2rem;
    background-color: #f5f5f5;
}
.ly-agree-box {
    padding-right:3rem;
    overflow-y:auto; 
    max-height:calc(100vh - 35rem);
}
.ly-agree-box::-webkit-scrollbar {
    width:0.6rem;
}
.ly-agree-box::-webkit-scrollbar-track {
    background:#f5f5f5;
    /* border-radius:100vw; */
}
.ly-agree-box::-webkit-scrollbar-thumb {
    background:#ccc;
    /* border-radius:100vw; */
    /* border:0.3rem solid #fff; */
}
.ly-agree-box > h2 {font-size:2.4rem; color:#222; font-weight:750; line-height:1;}
.ly-agree-box > dl {}

.ly-agree-box > dl > dd {}
.ly-agree-box > dl > dd h3 {font-size:1.8rem; color:#363636; font-weight:750;}
.ly-agree-box > dl > dd p {margin-top:5px; font-size:1.6rem; color:#363636; line-height:1.5;}
.ly-agree-box > dl > dd p.ind {padding-left:1.2rem; text-indent:-1.2rem;}
.ly-agree-box > dl > dd .h3_sub {padding-left:1.5rem; font-size:1.6rem; color:#363636; line-height:1.5;}
.ly-agree-box > dl > dd .h3_sub h4 {margin-top:1.5rem; font-size:1.7rem; color:#363636; font-weight:500;}
.ly-agree-box > dl > dd .h3_sub p {padding-left:1.2rem; text-indent:-1.2rem; font-size:1.5rem; color:#363636;}
.ly-agree-box > dl > dd .agree_tbl {margin-top:1.5rem;}
.ly-agree-box > dl > dd .agree_tbl table {width:100%;}
.ly-agree-box > dl > dd .agree_tbl th {font-size:1.6rem; text-align:center; color:#414141; font-weight:500; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#f5f5f5; height:4.8rem;}
.ly-agree-box > dl > dd .agree_tbl td {font-size:1.6rem; text-align:center; color:#646464; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; height:4.8rem; line-height:1.5;}
.ly-agree-box > dl > dd .agree_tbl table tr th + th,
.ly-agree-box > dl > dd .agree_tbl table tr th + td,
.ly-agree-box > dl > dd .agree_tbl table tr td + td {border-left:solid 1px #ccc;}
.ly-agree-box > dl > dd .agree_tbl p.enc {margin-top:5px; font-size:1.4rem; color:#666; font-weight:300; text-align:right; font-style:italic;}

.ly-agree-box .ntbox {
	padding:2rem;
	background:#f4f6fa; font-size:1.6rem;
	border-radius:4px;
}

@media all and (max-width:820px) {
    #prvUsePopup .agree-body {
        padding:3rem 0 3rem 2rem;
    }
    .ly-agree-box {
        padding-right:2rem;
    }
}





.popup {
    margin-top:13rem;
    padding:0 3.125%;
}
.popup button {

}
@media all and (max-width:450px) {
    .popup {
        margin-top:6rem;
        padding:0 5%;
    }
}

/* 공지 팝업 */
.notice-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.7); */
    z-index: 9999;
    overflow: hidden;
    padding:2rem 4rem;
	opacity:0;
    transition:all 0.3s ease;
    transform:scale(1.2);
    z-index:-1;
}
.notice-popup.open {
    opacity:1;
    z-index:1000;
    transform:scale(1);
}
/* Modal Content */
.notice-popup .pop-content {
    display:none;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
}
.notice-popup.open .pop-content {
    display:block;
}
.notice-popup .pop-content .close {    
    padding-left:2rem;
    background:url("../png/search_close.png") no-repeat left center;
    background-size:1.5rem auto;
}

.notice-popup .pop-content .thumb {
    font-size:0;
}
.notice-popup .pop-content .thumb img {
    max-width:100%;
}
.notice-popup .pop-content .bottom {
    display:flex;
    justify-content:space-between;
    background:var(--red);
    padding:0.5rem 2rem;
}
.notice-popup .pop-content .bottom label {
    font-size:1.6rem;
    color:#fff;
}
.notice-popup .pop-content .bottom button {
    display:inline-block;
    border:0;
    font-size:1.6rem;
    color:#fff;
    cursor: pointer;
}



/* 영상 팝업 */
.mov-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.7); */
    z-index: 9999;
    overflow: hidden;
    padding:2rem 4rem;
	opacity:0;
    transition:all 0.3s ease;
    transform:scale(1.2);
    z-index:-1;
}
.mov-popup.open {
    opacity:1;
    z-index:1000;
    transform:scale(1);
}
/* Modal Content */
.mov-popup .pop-content {
    display:none;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
}
.mov-popup.open .pop-content {
    display:block;
}
.mov-popup .pop-content .close {    
    padding-left:2rem;
    background:url("../png/search_close.png") no-repeat left center;
    background-size:1.5rem auto;
}

.mov-popup .pop-content .thumb {
    font-size:0;
}
.mov-popup .pop-content .thumb img {
    max-width:100%;
}
.mov-popup .pop-content .bottom {
    display:flex;
    justify-content:space-between;
    background:var(--red);
    padding:0.5rem 2rem;
}
.mov-popup .pop-content .bottom label {
    font-size:1.6rem;
    color:#fff;
}
.mov-popup .pop-content .bottom button {
    display:inline-block;
    border:0;
    font-size:1.6rem;
    color:#fff;
    cursor: pointer;
}


.mov-popup .mov-box {
    position:relative;
    padding-top:56.29%;
}
.mov-popup .mov-box iframe {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
}