|
<style>
.layout {
max-width: 600px;
margin: 0 auto;
}
.qna {
list-style: none;
margin: 0;
padding: 0;
}
.qna>li {
padding: 10px 0;
box-sizing: border-box;
}
.qna>li:nth-child(n+2) {
/* 아이템 구분 점선 */
border-top: 1px dashed #aaa;
}
.qna input {
display: none;
}
.qna label {
/* 제목 - 클릭 영역 */
font-weight: bold;
color: #000;
margin: 20px 0 0;
cursor: pointer;
}
.qna label::before {
/* 제목 앞 화살표 */
display: block;
content: "";
width: 0;
height: 0;
border: 8px solid transparent;
border-left: 8px solid #a00;
margin: 2px 0 0 8px;
float: left;
}
.qna input:checked+label::before {
/* 내용 펼침 상태 제목 앞 화살표 */
border: 8px solid transparent;
border-top: 8px solid #a00;
border-bottom: 0;
margin: 8px 4px 0;
}
.qna div {
/* 내용 영역 - 기본 감춤 상태 */
display: none;
color: #666;
font-size: 0.9375em;
overflow: hidden;
padding: 10px 0 10px 30px;
box-sizing: border-box;
transition: max-height 0.4s;
}
.qna input:checked+label+div {
/* 내용 영역 펼침 */
display: block;
}
</style>
<ul class="qna">
<li>
<input type="checkbox" id="qna-1">
<label for="qna-1">PC에서 인터넷 브라우저를 크롬 사용시 안내</label>
<div>
<img src="https://e-learning.kdtech.or.kr/upload/editor/ppgnuwco.PNG" style="width: 100%;">
<br><br>
<img src="https://e-learning.kdtech.or.kr/upload/editor/kblsmkyz.PNG" style="width: 100%;">
<br>
<Br>
<span style="font-size: 15px;">Chrome 명령어:</span> <span style="color: red; font-size: 15px;">-disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure</span>
<br><br>
<span style="font-size: 15px;">Chrome 다시 실행 후</span> <span style="color: red; font-size: 15px;">[chrome://settings/privacy] 접속</span>
<p> </p>
</div>
</li>
<li>
<input type="checkbox" id="qna-2">
<label for="qna-2">PC에서 인터넷 브라우저 Edge 사용시 안내</label>
<div>
<p>
<img src = "https://e-learning.kdtech.or.kr/upload/editor/pnpcehad.PNG" style ="width: 100%";>
<br>
<br>
<img src = "https://e-learning.kdtech.or.kr/upload/editor/kooubkbi.PNG" style ="width: 100%";>
<span style="font-size: 15px;">Edge 명령어:</span> <span style="color: red; font-size: 15px;">-disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure
</span>
<br><br>
<span style="font-size: 15px;">Edge 다시 실행 후</span> <span style="color: red; font-size: 15px;">[edge://settings/content/cookies] 접속 > 쿠키 전체 허용 및 [edge://settings/privacy] 접속하여 검색 데이터 전체 삭제 엣지 아이콘 마우스 우클릭하여 관리자 권한으로 실행하여 결제 재진행</span>
</p>
</div>
</li>
<li>
<input type="checkbox" id="qna-3">
<label for="qna-3">모바일기기 결제시 안내</label>
<div>
<p>
<img src = "https://e-learning.kdtech.or.kr/upload/editor/pnpixuol.PNG" style ="width: 100%";>
</p>
</div>
</li>
<li>
|
