|
|
|
@ -3,7 +3,7 @@ |
|
|
|
<head> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> |
|
|
|
<title>국민염금 소식 - 국민연금 인스타 툰 상세</title> |
|
|
|
<title>영상갤러리 - 동영상 상세</title> |
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> |
|
|
|
<link rel="stylesheet" href="..//assets/css/style.min.css?v=240805"> |
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> |
|
|
|
@ -19,7 +19,7 @@ |
|
|
|
<!--E: 숨김 메뉴--> |
|
|
|
|
|
|
|
<!--S: 헤더 영역--> |
|
|
|
<header id="header"> |
|
|
|
<header id="header" class="sub"> |
|
|
|
<div class="container"> |
|
|
|
<div class="logo-box"> |
|
|
|
<a class="display-flex align-center justify-center" href="https://www.nps.or.kr" target="_blank"> |
|
|
|
@ -181,7 +181,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container"> |
|
|
|
<div class="container sub-page"> |
|
|
|
<nav class="breadcrumb"> |
|
|
|
<ol> |
|
|
|
<li><a href="../index.html">홈</a></li> |
|
|
|
@ -191,7 +191,7 @@ |
|
|
|
</nav> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="sub-main container" id="board"> |
|
|
|
<div class="sub-main container sub-page" id="board"> |
|
|
|
|
|
|
|
<aside class="left-nav"> |
|
|
|
<div class="search-box"> |
|
|
|
@ -199,6 +199,13 @@ |
|
|
|
<form class="search-form"> |
|
|
|
<input type="text" class="input"/> |
|
|
|
<button type="button" class="search-btn" title="검색"><span class="material-symbols-outlined icon">search</span></button> |
|
|
|
<div class="label-wrap"> |
|
|
|
<input type="radio" name="search" value="title" id="search-title" checked/> |
|
|
|
<label for="search-title" class="first">제목</label> |
|
|
|
|
|
|
|
<input type="radio" name="search" value="title" id="search-contents" /> |
|
|
|
<label for="search-contents">제목 + 내용</label> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
<ul class="menu-list"> |
|
|
|
@ -240,7 +247,6 @@ |
|
|
|
</dl> |
|
|
|
<div class="list-detail-sns"> |
|
|
|
<a href="javascript:;" data-button="share-sns" data-type="facebook" data-url="http://www.naver.com" class="sns-facebook" data-title="[7월 달력이미지무료배포] 해변에서 휴양을 즐기는 국민연금공단" data-image="" target="_self">페이스북</a> |
|
|
|
<a href="javascript:;" data-button="share-sns" data-type="twitter" data-url="http://www.naver.com" class="sns-twitter" data-title="[7월 달력이미지무료배포] 해변에서 휴양을 즐기는 국민연금공단." data-image="" data-description=" " target="_self">트위터</a> |
|
|
|
<a href="javascript:;" id="npsShKakaoTalk" data-button="share-sns" data-type="kakaotalk" data-url="http://www.naver.com" class="sns-kakaotalk" data-title="[7월 달력이미지무료배포] 해변에서 휴양을 즐기는 국민연금공단" data-image="" data-description=" " target="_self">카카오톡</a> |
|
|
|
<a href="javascript:;" data-button="share-sns" data-type="url" data-url="http://www.naver.com" data-title="[7월 달력이미지무료배포] 해변에서 휴양을 즐기는 국민연금공단." class="url-copy" target="_self">URL 복사</a> |
|
|
|
</div> |
|
|
|
@ -269,7 +275,7 @@ |
|
|
|
|
|
|
|
<figure class="thumbnail"> |
|
|
|
<a class="thumbnail-link" href="detail.html"> |
|
|
|
<img class="thumbnail-img" src="../assets/images/ex/clips-01.jpg" alt=""> |
|
|
|
<img class="thumbnail-img" src="https://i.ytimg.com/vi/TJBZ8txUCV0/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkHVijcRpFDTZSGB_fzVGs7s_yTw" alt=""> |
|
|
|
</a> |
|
|
|
</figure> |
|
|
|
|
|
|
|
@ -277,9 +283,6 @@ |
|
|
|
<h4 class="item-title"> |
|
|
|
<a href="detail.html">[콕콕 연금뉴스]</a> |
|
|
|
</h4> |
|
|
|
<p class="item-summary"> |
|
|
|
<a href="detail.html">2024년 4월,<br>1,103조 5천억원의 적립금...</a> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</li> |
|
|
|
@ -296,10 +299,6 @@ |
|
|
|
<h4 class="item-title"> |
|
|
|
<a href="detail.html">[콕콕 연금뉴스]</a> |
|
|
|
</h4> |
|
|
|
<p class="item-summary"> |
|
|
|
<a href="detail.html">국민연금, 2024년 1분기 말<br> |
|
|
|
기준 5.82%의 운용수익률..</a> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</li> |
|
|
|
@ -316,12 +315,6 @@ |
|
|
|
<h4 class="item-title"> |
|
|
|
<a href="detail.html">[콕콕 연금뉴스]</a> |
|
|
|
</h4> |
|
|
|
<p class="item-summary"> |
|
|
|
<a href="detail.html"> |
|
|
|
국민연금 기준소득월액 <br> |
|
|
|
변경! |
|
|
|
</a> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</li> |
|
|
|
@ -338,11 +331,6 @@ |
|
|
|
<h4 class="item-title"> |
|
|
|
<a href="detail.html">[콕콕 연금뉴스]</a> |
|
|
|
</h4> |
|
|
|
<p class="item-summary"> |
|
|
|
<a href="detail.html"> |
|
|
|
실업크레딧을 통한 <br>가입기간 확대 지원 |
|
|
|
</a> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</li> |
|
|
|
@ -350,186 +338,71 @@ |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div class="form-content-wrap"> |
|
|
|
<h5 class="form-title">콘텐츠 품질 향상을 위해<br> 이해도와 만족도 조사를 실시하고 있습니다.</h5> |
|
|
|
|
|
|
|
<!-- 폼 1 시작 --> |
|
|
|
<div class="form"> |
|
|
|
<!-- 만족도 시작 --> |
|
|
|
<div class="form-content-box"> |
|
|
|
<div class="form-box"> |
|
|
|
<h6 class="question-title">현재 콘텐츠의 내용과 설명에 대해 만족하십니까?</h6> |
|
|
|
<div class="form-radio-box"> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-01" name="radio01" value="5"><label for="radio01-01">매우만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-02" name="radio01" value="4"><label for="radio01-02">만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-03" name="radio01" value="3"><label for="radio01-03">보통</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-04" name="radio01" value="2"><label for="radio01-04">불만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-05" name="radio01" value="1"><label for="radio01-05">매우불만족</label></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="form-box"> |
|
|
|
<h6 class="question-title">이 페이지에서 제공하는 콘텐츠가 얼마나 이해되십니까?</h6> |
|
|
|
<div class="form-radio-box"> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-01" name="radio02" value="5"><label for="radio02-01">매우만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-02" name="radio02" value="4"><label for="radio02-02">만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-03" name="radio02" value="3"><label for="radio02-03">보통</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-04" name="radio02" value="2"><label for="radio02-04">불만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-05" name="radio02" value="1"><label for="radio02-05">매우불만족</label></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<h5 class="form-title">콘텐츠 품질 향상을 위해<br> 이해도와 만족도 조사를 실시하고 있습니다.</h5> |
|
|
|
|
|
|
|
<!-- 폼 1 시작 --> |
|
|
|
<div class="form top"> |
|
|
|
<!-- 만족도 시작 --> |
|
|
|
<div class="form-content-box"> |
|
|
|
<div class="form-box"> |
|
|
|
<h6 class="question-title">현재 콘텐츠의 내용과 설명에 대해 만족하십니까?</h6> |
|
|
|
<div class="form-radio-box"> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-01" name="radio01" value="5"><label for="radio01-01">매우만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-02" name="radio01" value="4"><label for="radio01-02">만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-03" name="radio01" value="3"><label for="radio01-03">보통</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-04" name="radio01" value="2"><label for="radio01-04">불만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio01-05" name="radio01" value="1"><label for="radio01-05">매우불만족</label></div> |
|
|
|
</div> |
|
|
|
<button class="form-btn">확인</button> |
|
|
|
<!-- 만족도 끝 --> |
|
|
|
</div> |
|
|
|
<!-- 폼 1 끝 --> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 폼 2 시작 --> |
|
|
|
<div class="form-02 cf"> |
|
|
|
<!-- 만족도 시작 --> |
|
|
|
<div class="form-content-box cf" style="border:0; padding-bottom:0;"> |
|
|
|
<div class="form-box"> |
|
|
|
<h5 class="question-title">콘텐츠에 대한 자유로운 의견을 남겨주세요.</h5> |
|
|
|
<div class="form-radio-box other"> |
|
|
|
<textarea placeholder="보내주신 의견은 검토하여 콘텐츠 제작에 반영할 예정입니다.(200자 이내) " name="strSurveyText" id="strSurveyText" onkeyup="fncChkByte(this,400)"></textarea> |
|
|
|
</div> |
|
|
|
<div class="textarea-num"> |
|
|
|
<span id="byteInfo">0</span> |
|
|
|
/ 400 |
|
|
|
<span>byte</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="form-box"> |
|
|
|
<h6 class="question-title">이 페이지에서 제공하는 콘텐츠가 얼마나 이해되십니까?</h6> |
|
|
|
<div class="form-radio-box"> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-01" name="radio02" value="5"><label for="radio02-01">매우만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-02" name="radio02" value="4"><label for="radio02-02">만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-03" name="radio02" value="3"><label for="radio02-03">보통</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-04" name="radio02" value="2"><label for="radio02-04">불만족</label></div> |
|
|
|
<div class="radio-item"><input type="radio" id="radio02-05" name="radio02" value="1"><label for="radio02-05">매우불만족</label></div> |
|
|
|
</div> |
|
|
|
<!-- 만족도 끝 --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<button id="submit-survey" class="form-btn">확인</button> |
|
|
|
<!-- 만족도 끝 --> |
|
|
|
</div> |
|
|
|
<!-- 폼 1 끝 --> |
|
|
|
|
|
|
|
<button class="form-btn">확인</button> |
|
|
|
|
|
|
|
<!-- 폼 2 시작 --> |
|
|
|
<div class="form-02 cf"> |
|
|
|
<!-- 만족도 시작 --> |
|
|
|
<div class="form-content-box cf" style="border:0; padding-bottom:0;"> |
|
|
|
<div class="form-box"> |
|
|
|
<h5 class="question-title">콘텐츠에 대한 자유로운 의견을 남겨주세요.</h5> |
|
|
|
<div class="form-radio-box other"> |
|
|
|
<textarea placeholder="보내주신 의견은 검토하여 콘텐츠 제작에 반영할 예정입니다.(200자 이내) " name="strSurveyText" id="strSurveyText" onkeyup="fncChkByte(this,400)"></textarea> |
|
|
|
</div> |
|
|
|
<div class="textarea-num"> |
|
|
|
<span id="byteInfo">0</span> |
|
|
|
/ 400 |
|
|
|
<span>byte</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 폼 2 끝 --> |
|
|
|
|
|
|
|
</div> |
|
|
|
<a href="clips.html" class="btn-list-prev">목록으로</a> |
|
|
|
<ul class="sns-sub"> |
|
|
|
<li> |
|
|
|
<a href="https://www.youtube.com/channel/UCqNLvq_8xZM0hhw-spFnLQg" class="sns_bg1" target="_blank" id="npsShYutube" title="유튜브"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M16.1,4.8H3.9c-1.3,0-2.3,1-2.3,2.3v5.8c0,1.3,1,2.3,2.3,2.3h12.3c1.3,0,2.3-1,2.3-2.3V7.1C18.5,5.8,17.4,4.8,16.1,4.8z |
|
|
|
M13.1,10.2l-4.7,2.7c-0.1,0.1-0.3,0-0.3-0.2V7.3c0-0.1,0.2-0.2,0.3-0.2l4.7,2.7C13.2,9.9,13.2,10.1,13.1,10.2z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="https://www.instagram.com/npstagram/" class="sns_bg2" target="_blank" id="npsShInstar" title="인스타그램"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M13.4,2H6.6C4.1,2,2,4.1,2,6.6v6.8C2,15.9,4.1,18,6.6,18h6.8c2.6,0,4.6-2.1,4.6-4.6V6.6C18,4.1,15.9,2,13.4,2 M16.5,13.5 |
|
|
|
c0,1.7-1.4,3.1-3.1,3.1H6.5c-1.7,0-3.1-1.4-3.1-3.1V6.6c0-1.7,1.4-3.1,3.1-3.1h6.9c1.7,0,3.1,1.4,3.1,3.1V13.5z"></path> |
|
|
|
<path d="M10,5.9c-2.3,0-4.2,1.9-4.2,4.2c0,2.3,1.9,4.2,4.2,4.2s4.2-1.9,4.2-4.2C14.2,7.7,12.3,5.9,10,5.9 M10,12.7 |
|
|
|
c-1.5,0-2.7-1.2-2.7-2.7c0-1.5,1.2-2.7,2.7-2.7c1.5,0,2.7,1.2,2.7,2.7C12.7,11.5,11.5,12.7,10,12.7"></path> |
|
|
|
<path d="M14.3,4.8c-0.5,0-1,0.4-1,1c0,0.5,0.4,1,1,1c0.5,0,1-0.4,1-1C15.3,5.2,14.8,4.8,14.3,4.8"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="https://blog.naver.com/pro_nps" class="sns_bg3" target="_blank" id="npsShNaverBlog" title="네이버블로그"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M15,8.5c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7C15.7,8.8,15.4,8.5,15,8.5z"></path> |
|
|
|
<path d="M11,8.5c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7C11.7,8.8,11.4,8.5,11,8.5z"></path> |
|
|
|
<path d="M5,8.5c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7C5.7,8.8,5.4,8.5,5,8.5z"></path> |
|
|
|
<path d="M15.8,2.8H4.2C2.7,2.8,1.5,4,1.5,5.5v6.4c0,1.5,1.2,2.7,2.7,2.7h4l1.4,2.2c0,0,0,0,0,0.1c0.1,0.1,0.2,0.2,0.4,0.2 |
|
|
|
c0.2,0,0.3-0.1,0.4-0.2c0,0,0-0.1,0-0.1l1.4-2.2h4c1.5,0,2.7-1.2,2.7-2.7V5.5C18.5,4,17.3,2.8,15.8,2.8z M5.3,10.7 |
|
|
|
c-0.6,0-0.9-0.4-0.9-0.4v0.3H3.3V6.3h1v1.7c0.4-0.4,0.9-0.4,0.9-0.4c1.4,0,1.5,1.6,1.5,1.6C6.7,10.7,5.3,10.7,5.3,10.7z M8.5,10.6 |
|
|
|
h-1V8.1c0-0.9-0.5-0.9-0.5-0.9v-1c1.5,0,1.5,1.6,1.5,1.6V10.6z M11,10.7c-1.8,0-1.7-1.6-1.7-1.6c0-1.6,1.7-1.6,1.7-1.6 |
|
|
|
c1.8,0,1.8,1.6,1.8,1.6C12.8,10.7,11,10.7,11,10.7z M16.7,10.6c0,1.6-1.5,1.6-1.5,1.6h-0.4v-0.9H15c0.7,0,0.7-0.8,0.7-0.8v-0.2 |
|
|
|
c-0.3,0.4-0.9,0.4-0.9,0.4c-1.5,0-1.4-1.6-1.4-1.6c0-1.7,1.5-1.6,1.5-1.6c0.6,0,0.9,0.4,0.9,0.4V7.6h1V10.6z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="https://post.naver.com/pro_nps" class="sns_bg4" target="_blank" id="npsShNaverCafe" title="네이버포스트"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<polygon points="5.1,12.6 14.9,12.6 12.7,15.1 7.2,15.1 "></polygon> |
|
|
|
<polygon points="8.1,16 11.9,16 10.1,18.2 "></polygon> |
|
|
|
<path d="M5.1,1.8v9.9h9.9V1.8H5.1z M12,8.5h-1.4L9.5,6.8v1.6H8V4.9h1.5l1.3,1.9V4.9H12V8.5z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="https://www.facebook.com/proNPS" class="sns_bg5" target="_blank" id="npsShFacebook" title="페이스북"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M11.3,18.3v-7.6h2.5l0.4-2.9h-2.9V5.9c0-0.9,0.2-1.4,1.5-1.4l1.6,0V1.8c-0.3,0-1.2-0.1-2.3-0.1c-2.3,0-3.8,1.4-3.8,3.9v2.2 |
|
|
|
H5.7v2.9h2.5v7.6H11.3z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li style="display: none;"> |
|
|
|
<a href="https://content.v.daum.net/3194/home" class="sns_bg6" target="_blank" id="npsSh1boon" title="콘텐츠뷰"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M6.8,0.7l2-0.4v17.1h-2V0.7z"></path> |
|
|
|
<polygon points="9.5,11.2 14.1,5.2 15.6,6.4 11.8,11.1 16.3,16.5 14.8,17.7 "></polygon> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="http://pf.kakao.com/_Kqxoxfq" class="sns_bg7" target="_blank" id="npsShKakaoStroy" title="카카오톡채널"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M10,2.8c-4,0-7.2,2.8-7.2,6.2c0,2.1,1.2,4,3.1,5.1c-0.1,0.5-0.5,2-0.7,2.8c0,0.2,0.2,0.3,0.3,0.2l2.7-2.1 |
|
|
|
c0.6,0.1,1.2,0.2,1.8,0.2c4,0,7.2-2.8,7.2-6.2C17.2,5.6,14,2.8,10,2.8z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<!-- <li> |
|
|
|
<a href="https://twitter.com/NPS_2010" class="sns_bg8" target="_blank" id="npsShtwiter" title="트위터"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M7.4,15.8c5.4,0,8.3-4.5,8.3-8.3c0-0.1,0-0.3,0-0.4c0.6-0.4,1.1-0.9,1.5-1.5C16.6,5.8,16,6,15.5,6c0.6-0.4,1.1-0.9,1.3-1.6 |
|
|
|
c-0.6,0.3-1.2,0.6-1.9,0.7c-0.5-0.6-1.3-0.9-2.1-0.9c-1.6,0-2.9,1.3-2.9,2.9c0,0.2,0,0.5,0.1,0.7c-2.4-0.1-4.6-1.3-6-3.1 |
|
|
|
C3.6,5.2,3.5,5.7,3.5,6.2c0,1,0.5,1.9,1.3,2.4c-0.5,0-0.9-0.1-1.3-0.4c0,0,0,0,0,0c0,1.4,1,2.6,2.3,2.9c-0.2,0.1-0.5,0.1-0.8,0.1 |
|
|
|
c-0.2,0-0.4,0-0.6-0.1c0.4,1.2,1.5,2,2.7,2c-1,0.8-2.3,1.3-3.6,1.3c-0.2,0-0.5,0-0.7,0C4.2,15.3,5.7,15.8,7.4,15.8"/> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> --> |
|
|
|
<li> |
|
|
|
<a href="https://tv.naver.com/npstv" class="sns_bg9" target="_blank" id="npsShNaverTv" title="네이버TV"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.7296" y1="14.8178" x2="5.4671" y2="3.0398"> |
|
|
|
<stop offset="0" style="stop-color:#fff"></stop> |
|
|
|
<stop offset="1" style="stop-color:#fff;stop-opacity:0"></stop> |
|
|
|
</linearGradient> |
|
|
|
<path class="sns_n_play_col1" d="M5.6,17.3L5.6,17.3c-1.1,0-2-0.9-2-2V4.6c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2v10.7 |
|
|
|
C7.6,16.4,6.7,17.3,5.6,17.3z"></path> |
|
|
|
<path d="M3.9,3.6L3.9,3.6c0.6-1,1.8-1.3,2.7-0.7l8.8,5.4c0.9,0.6,1.2,1.8,0.6,2.7l0,0.1c-0.6,0.9-1.8,1.2-2.7,0.6 |
|
|
|
L4.6,6.3C3.6,5.8,3.4,4.6,3.9,3.6z"></path> |
|
|
|
<path d="M3.9,16.3L3.9,16.3c0.6,1,1.8,1.3,2.7,0.7l8.6-5.2c0.9-0.6,1.2-1.7,0.6-2.7l-0.1-0.1c-0.6-0.9-1.7-1.2-2.7-0.6 |
|
|
|
l-8.6,5.2C3.6,14.2,3.4,15.4,3.9,16.3z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="https://tv.kakao.com/channel/3135613/video" class="sns_bg10" target="_blank" id="npsShKakaoTv" title="카카오TV"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M4.5,4.2v11.6c0,0.3,0.3,0.5,0.6,0.3l10.2-5.8c0.3-0.2,0.3-0.5,0-0.7L5.1,3.9C4.8,3.7,4.5,3.9,4.5,4.2z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="http://www.npswebzine.kr/" class="sns_bg11" target="_blank" id="npswebzine" title="내곁에 국민연금 웹진"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M4.98864 17.0909L1 4H3.11364L5.94318 14.0227H6.07955L8.875 4H11.0227L13.7841 13.9886H13.9205L16.75 4H18.8636L14.875 17.0909H12.8977L10.0341 7.03409H9.82955L6.96591 17.0909H4.98864Z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<!-- 만족도 끝 --> |
|
|
|
|
|
|
|
|
|
|
|
<a href="#contents" class="move-top"> |
|
|
|
<svg viewBox="0 0 20 20"> |
|
|
|
<path d="M17.9,8.1l-7.3-7.3h7.1c0.2,0,0.3-0.1,0.3-0.3s-0.1-0.3-0.3-0.3H2.4c-0.2,0-0.3,0.1-0.3,0.3s0.1,0.3,0.3,0.3 |
|
|
|
h7.1L2.1,8.1C2,8.2,2,8.4,2.1,8.6c0.1,0.1,0.3,0.1,0.4,0l7.1-7.1v18c0,0.2,0.1,0.3,0.3,0.3s0.3-0.1,0.3-0.3V1.4l7.1,7.1 |
|
|
|
c0.1,0.1,0.1,0.1,0.2,0.1s0.2,0,0.2-0.1C18,8.5,18,8.3,17.9,8.1z"></path> |
|
|
|
</svg> |
|
|
|
</a> |
|
|
|
<button id="submit-recommand" class="form-btn">확인</button> |
|
|
|
</div> |
|
|
|
<!-- 폼 2 끝 --> |
|
|
|
</div> |
|
|
|
<a href="clips.html" class="btn-list-prev">목록으로</a> |
|
|
|
</main> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<a href="#header" class="move-top"> |
|
|
|
<img src="../assets/images/common/move-top.png" alt="상단으로 이동"> |
|
|
|
</a> |
|
|
|
</section> |
|
|
|
<!--E: 컨텐츠 영역--> |
|
|
|
|
|
|
|
@ -605,5 +478,6 @@ |
|
|
|
</footer> |
|
|
|
<!--E: 푸터 영역--> |
|
|
|
|
|
|
|
|
|
|
|
</body> |
|
|
|
</html> |
