.wrap {background: #eee;}

header {padding: 0 1.4rem; background:#fff}
header h1 {    font-size: 2rem; color: #181c1d; font-weight: 900; letter-spacing: -1px; text-align: center; padding: 1.5rem 0;}

.content { padding: 3rem 2rem 0;}
.contxt {background:#fff;border: 1px solid #ddd;border-radius: .5rem .5rem 0 0; border-bottom: 0;}
.contxt ul {display:flex; flex-flow:column;}
.contxt ul li {border-bottom:2px solid #ddd;}
.contxt ul li:last-child {border-bottom:none}
.contxt ul li h2 {font-size:2rem; font-weight: bold; padding: 1rem; color:#181c1d}
.contxt ul li.on h2 {background: #e1eff9;}
.contxt ul li .report_wrap {border-top: 2px solid #ddd; display: none;}
.contxt ul li.on .report_wrap {display: block;}
.contxt ul li .report_wrap div {font-size: 1.5rem; font-weight: 600; padding: 1.5rem 1rem;display:block;font-family:'GmarketSansMedium'; }
.contxt ul li .report_wrap div p {font-size:1.4rem; padding-left: 2rem; position: relative;}
.contxt ul li .report_wrap div p:nth-child(2n-1):after {content:''; display: block; width: 5px; height: 5px; background: #333; border-radius:50% ; position: absolute; left: 1rem; top:50%; transform:translateY(-50%)}
.contxt ul li .report_wrap div p.img_wrap {display: block; margin-top: 1rem;}
.contxt ul li .report_wrap div p.img_wrap img {width: 100%;}


.modal {
display: none; /* 모달창 숨겨 놓기 */
position: fixed; 
z-index: 200; /* 모달창을 제일 앞에 두기 */
left: 0; top: 0;
width: 100%; height: 100%;
overflow: auto; /* 스크롤 허용 auto */
cursor: pointer; /* 마우스 손가락모양 */
background-color: rgba(0, 0, 0, 0.8);
padding: 6rem 0 4rem;
}
/* 모달창 이미지 */
.modal_content {
margin: auto;
display: block;
width: 80%; height: auto;
max-width: 1000px;
animation-name: zoom;
animation-duration: 0.8s;
}
.close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
width: 2rem;
}
.close img {width: 100%; }
.close:hover, .close:focus{
color: #bbb;
text-decoration: none;
cursor: pointer;
}