"대부" OST를 장조로 바꿔보았다

익명

138

(짤)

(음악있음. 음악이 중요)

<div class="html"></div> <div class="listAndEdit"> <div class="left"> <div class="list"> <a href="/humor"><button>목록</button></a> </div> </div> <div class="right">  <div class="likeContainer"><button id="like" class="like">추천</button></div> </div> </div>  <div class="commentsTitle">댓글</div> <div class="newComment" id="newComment"> <div class="contentContainer"> <div class="newCommentContent"><textarea name="content" placeholder="로그인 필요" disabled></textarea></div> <div class="button"><button disabled>등록</button></div> </div> </div> <div class="comments" id="comments"> </div> </div> <section id="boardList"> <a class="item" href="/humor/zoSL7AovNgw"> <div class="info"> <div class="titleContainer"> <span class="title">한국인 구분방법</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>461</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/8P6VrnrRpKf"> <div class="info"> <div class="titleContainer"> <span class="title">길가다 소화전에서 물 세고있으면 뭐함?</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>313</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/MhXJBT515JE"> <div class="info"> <div class="titleContainer"> <span class="title">파묘 촬영 중 진짜 위험했던 이도현ㄷㄷ</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>561</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/BSHvexbHoDa"> <div class="info"> <div class="titleContainer"> <span class="title">민원인 : 사망 신고 하러 왔습니다</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>208</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/l4WekNxdq6u"> <div class="info"> <div class="titleContainer"> <span class="title">인생 조언 레전드</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>416</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/o4O7Xq2r8kA"> <div class="info"> <div class="titleContainer"> <span class="title">미쳐버린 주간 따릉이 이용 랭킹 ㄷㄷㄷㄷㄷ</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>442</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/PM3gKwjVyHZ"> <div class="info"> <div class="titleContainer"> <span class="title">소름돋는 이이경 귀신</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>438</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/rG7DBLs5Zgo"> <div class="info"> <div class="titleContainer"> <span class="title">콘센트 유료화</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>414</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/G0VPTKEPxQo"> <div class="info"> <div class="titleContainer"> <span class="title">50억 개이득</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>431</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/1QRFWHrCOwZ"> <div class="info"> <div class="titleContainer"> <span class="title">기온 낮은 강원도 대관령 근황</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>449</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/xP1XQHkOc8x"> <div class="info"> <div class="titleContainer"> <span class="title">뇌 정지 오는 짤 모음</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>530</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> <a class="item" href="/humor/fdZY0eRj1sJ"> <div class="info"> <div class="titleContainer"> <span class="title">소개팅남 차가 벤츠인데 실망한 블라녀 ㄷㄷㄷ</span> </div> <div class="etc"> <div class="nickName">익명</div> <div class="dot"></div> <div class="viewCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>453</div> </div> </div> <div class="image"> <div class="image-section" style="width:50%;">  <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div> </div> </a> <div class="line"></div> </section> <section class="pagination"> <div class="prev"> <a href="?page=1"><font color=#DC143C>이전</font></a> </div> <div class="number"> <a class="selected" href="?page=1">1</a> <a class="notSelected" href="?page=2">2</a> <a class="notSelected" href="?page=3">3</a> <a class="notSelected" href="?page=4">4</a> <a class="notSelected" href="?page=5">5</a> </div> <div class="next"> <a href="?page=2"><font color=#DC143C>다음</font></a> </div> </section> <section id="modal"> <div class="container share"> <div class="shareItem facebook"> <a href="https://facebook.com/share.php?u=https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380" target="_blank"> <img src="/assets/social/facebook.svg"> </a> </div> <div class="shareItem twitter"> <a href="https://twitter.com/share?url=https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380&text="대부" OST를 장조로 바꿔보았다" target="_blank"> <img src="/assets/social/twitter.svg"> </a> </div> <div class="shareItem naver"> <a href="https://share.naver.com/web/shareView?url=https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380&title="대부" OST를 장조로 바꿔보았다" target="_blank"> <img src="/assets/social/naver.svg"> </a> </div> <div class="shareItem kakaoStory"> <a href="https://story.kakao.com/share?url=https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380" target="_blank"> <img src="/assets/social/kakaostory.svg"> </a> </div> <div class="shareItem tumblr"> <a href="http://tumblr.com/widgets/share/tool?canonicalUrl=https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380" target="_blank"> <img src="/assets/social/tumblr.svg"> </a> </div> <div class="shareItem pinterest"> <a href="http://pinterest.com/pin/create/button/?url=https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380" target="_blank"> <img src="/assets/social/pinterest.svg"> </a> </div> <div class="shareItem link"> <a href="javascript:copyToClipboard('https://opparun2.com/humor/대부-ost를-장조로-바꿔보았다-102380')"> <img src="/assets/social/link.svg"> </a> </div> </div> <div class="container removeArticle"> <form action="/humor/대부-ost를-장조로-바꿔보았다-102380/edit" method="POST"> <input type="password" name="password" placeholder="비밀번호"> <button>확인</button> </form> </div> <div class="container removeComment"> <input type="password" name="password" placeholder="비밀번호"> <button>확인</button> </div> <div class="container report"> <input type="hidden" name="type"> <input type="hidden" name="id"> <textarea name="content" placeholder="신고 내용"></textarea> <button>확인</button> </div> <div class="background"></div> </section> </article> <style> #socialAuth.aside { grid-template-columns: repeat(2, 1fr); } </style> <aside class="desktopHide"> <section class="userBox"> <div class="inputsAndButtons"> <form action="/login" method="POST"> <input type="text" name="keyword" placeholder="아이디 또는 이메일"> <input type="password" name="password" placeholder="비밀번호"> <button name="login" class="login">로그인</button> </form> </div> <section id="socialAuth" class="aside"> <a href="/auth/google" class="google"><img src="/assets/social/google.svg"></a> <a href="/auth/kakao" class="kakao"><img src="/assets/social/kakao.svg"></a> </section> <div class="joinAndFindPassword"> <div class="join"><a href="/join">회원가입</a></div> <div class="findPassword"><a href="/findInfo">아이디·비밀번호 찾기</a></div> </div> </section> <section> <section id="section"> <div class="sectionGroups"> <div class="sectionGroup"> <div class="sections side"> <div class="section text"> <div class="sectionTitleContainer"> <h3><a href="/notice">✨공지&이벤트</a></h3> <div class="more"><a href="/notice">더보기</a></div> </div> <div class="articles text"> <div class="article"> <div class="titleContainer"> <a href="/notice/Bhv6ezjqZUg" class="title">8월 포인트 이벤트안내(종료)</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/notice/bKlbo0Wp7Wa" class="title">오빠달려(오달넷) 전용앱 출시-(업데이트 버전1.3)</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/notice/bGsTIvsmTa1" class="title">포인트사용 및 8월 이벤트알림</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/notice/lIbtldyO5Q8" class="title">제휴신청 안내</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/notice/gpdmOezZan8" class="title">7월 31일 출석이벤트 당첨</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> </div> </div> <div class="section text"> <div class="sectionTitleContainer"> <h3><a href="/new">최근 게시글</a></h3> <div class="more"><a href="/new">더보기</a></div> </div> <div class="articles text"> <div class="article"> <div class="titleContainer"> <a href="/cqQ0bh/sKyCVtiOoB4" class="title">제휴 문의드립니다</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> <span class="commentCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-dots" class="svg-inline--fa fa-comment-dots fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M144 208c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm112 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm112 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>1</span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/H2jGnK/Az8sd3dmEFY" class="title">[강남-☀️미러셔츠풀싸롱☀️김종국상무☀️] 【업스커트 하얀팬티 한컷】 저보다 큰 기럭지 때문인지 느낌이 뭔가 묘한 시간이었네요^^</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/cqQ0bh/IawsUAFnkHR" class="title">제휴문의드립니다</a> <span class="commentCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-dots" class="svg-inline--fa fa-comment-dots fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M144 208c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm112 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm112 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>1</span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/H2jGnK/rvwerFpWwL5" class="title">[강남-☀️미러셔츠풀싸롱☀️김종국상무☀️] ⎝⎝쥑이는 다리라인 인증⎞⎠⎠ 후기 쓸 정도로 잘 맞춰주는 언니 덕에 잘놀은거 같네요</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <span class="category">하드코어</span> <a href="/SUfsZD/hBixt5OOmOz" class="title">계산동-❤️15만원AV쓰리노n하이셔츠룸❤️</a> <span class="image"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg></span> </div>  </div> <div class="article"> <div class="titleContainer"> <a href="/cqQ0bh/RbX8EoZUXeP" class="title">제휴신청이요</a> <span class="commentCount"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-dots" class="svg-inline--fa fa-comment-dots fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9da5b6" d="M144 208c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm112 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm112 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>1</span> </div>  </div> </div> </div> </div> </div> </div> </section> </section> <section> </section> </aside> <section id="banner" class="fixedBannerContainer rightWing" > <div id="fixedBanner" > <section id="banner" class="banner_box banner__box__rightWing"> <div class="banner" id="banner168" > <a href="https://t.me/oppa_run" rel="nofollow" target="_blank"> <img src="https://cdr64ww.s3.ap-northeast-2.amazonaws.com/banner/1715497634697-a8yibizgx1p.gif" alt="1715497634697-a8yibizgx1p.gif"> </a> </div> <div class="banner" id="banner184" > <a href="https://open.kakao.com/o/sHaV38yg" rel="nofollow" target="_blank"> <img src="https://cdr64ww.s3.ap-northeast-2.amazonaws.com/banner/1721881328599-m2x734xoim.gif" alt="1721881328599-m2x734xoim.gif"> </a> </div> </section> </div> </section> </main> <style> </style> <footer> <section id="customDesign" class="footer"> <div style="cursor:pointer;float:right;" onclick="window.scrollTo(0,0);">△ TOP<br></div><br> </section> <div class="buttons"> <a href="/terms">이용약관</a> <div>|</div> <a href="/privacy">개인정보처리방침</a> <div>|</div> <a href="/feed">RSS</a> </div> <div class="introduce">오빠달려넷 - 오달넷</div> </footer>  <script> const sticky = document.querySelector('header').offsetHeight; const leftWing = document.querySelector(".leftWing #fixedBanner"); const rightWing = document.querySelector(".rightWing #fixedBanner"); window.onscroll = () => { if (window.pageYOffset > sticky && window.innerWidth > 1280) { if (leftWing) leftWing.classList.add('sticky'); if (rightWing) rightWing.classList.add('sticky'); } else { if (leftWing) leftWing.classList.remove('sticky'); if (rightWing) rightWing.classList.remove('sticky'); } }; </script>  <script> const popupBanners = document.querySelectorAll('#popupBanner .banner'); popupBanners.forEach(popupBanner => { const closeBtn = popupBanner.querySelector('.close'); const permanentCloseBtn = popupBanner.querySelector('.permanentClose'); const bannerId = popupBanner.getAttribute('bannerId'); closeBtn.addEventListener('click', () => { popupBanner.classList.add('deactivate'); }); permanentCloseBtn.addEventListener('click', () => { popupBanner.classList.add('deactivate'); const blockBannerDatas = getCookie('blockBanners'); if (blockBannerDatas) { const cookieDatas = JSON.parse(blockBannerDatas); if (!cookieDatas.find(cookieData => cookieData === bannerId)) { cookieDatas.push(bannerId); setCookie('blockBanners', JSON.stringify(cookieDatas)); } } else { const datas = [bannerId]; setCookie('blockBanners', JSON.stringify(datas)); } }); }); </script>  <script> // tab const tabBoards = document.querySelectorAll('#section .sectionGroups .tab'); tabBoards.forEach(tabBoard => { const titles = tabBoard.querySelectorAll('.titles .title'); const articlesGroup = tabBoard.querySelectorAll('.articles'); titles.forEach(title => { title.addEventListener('click', () => { const tabId = title.getAttribute('tabId'); articlesGroup.forEach(articles => { const articlesTabId = articles.getAttribute('tabId'); if (tabId === articlesTabId) { articles.classList.add('selected'); } else { articles.classList.remove('selected'); } }); }); }); }); // dropdown const dropdowns = document.querySelectorAll('#section .sectionGroups .dropdown .article'); dropdowns.forEach(dropdown => { const title = dropdown.querySelector('.titleContainer'); if (title) { title.addEventListener('click', () => { const itemId = dropdown.getAttribute('itemId'); dropdowns.forEach(ctl => { const content = ctl.querySelector('.content'); if (itemId === ctl.getAttribute('itemId')) { if (content.className === 'content') content.classList.add('active'); else content.classList.remove('active'); } else { content.classList.remove('active'); } }); }); } }); </script> </body> </html>