iLovePDF | PDF를 즐겨 쓰시는 분들을 위한 온라인 PDF 툴
iLovePDF는 PDF 파일 작업을 위한 온라인 서비스로 완전히 무료이며 사용하기 쉽습니다. PDF 병합, PDF 분리, PDF 압축, 오피스 파일에서 PDF로, PDF에서 JPG로 변환 등!
www.ilovepdf.com
header
> html
더보기
<body>
<div class="wrapper">
<!-- 해더 -->
<header>
<div class="header_wrap">
<h1>
<a href="/"><img src="./img/ilovepdf.svg" alt="로고" /></a>
</h1>
<nav id="gnb">
<ul>
<li><a href="#">PDF 합치기</a></li>
<li><a href="#">PDF 분할</a></li>
<li><a href="#">PDF 압축</a></li>
<li>
<a href="#">PDF 변환 <span class="down_icon">▼</span> </a>
<div class="submenu">
<ul>
<h4>PDF로 변환</h4>
<li class="li_1"><a href="#">JPG PDF 변환</a></li>
<li class="li_2"><a href="#">워드 PDF 변환</a></li>
<li class="li_3"><a href="#">파워포인트 PDF 변환</a></li>
<li class="li_4"><a href="#">엑셀 PDF 변환</a></li>
<li class="li_5"><a href="#">HTML PDF 변환</a></li>
</ul>
</div>
</li>
<li>
<a href="#">모든 PDF 도구 <span class="down_icon">▼</span> </a>
<div class="submenu2">
<ul>
<h4>PDF 구성</h4>
<li class="li_6"><a href="#">PDF 합치기</a></li>
<li class="li_7"><a href="#">PDF 분할</a></li>
<li class="li_8"><a href="#">페이지 제거</a></li>
<li class="li_9"><a href="#">페이지 추출</a></li>
<li class="li_10"><a href="#">PDF 구성</a></li>
<li class="li_11"><a href="#">PDF로 스캔</a></li>
</ul>
</div>
</li>
</ul>
</nav>
<!-- 아이콘 -->
<div class="icons">
<a href="#"><div class="download"></div></a>
<a href="#" class="login">로그인</a>
<a href="#" class="join">가입하기</a>
<div class="menu_icon">
<img src="./img/menu.svg" alt="햄버거버튼" />
</div>
</div>
</div>
</header>> css
더보기
@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap");
body {
font-family: "Noto Sans KR", sans-serif;
color: #222;
}
a {
text-decoration: none;
color: #222;
}
.wrapper {
width: 100%;
height: auto;
}
header {
width: 100%;
height: 60px;
background-color: #fff;
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
font-weight: 500;
font-size: 14px;
position: relative;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.header_wrap {
width: 1855px;
height: 60px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.header_wrap > h1 {
width: 120px;
height: 30px;
}
.header_wrap > h1 img {
max-width: 100%;
margin-top: 15px;
}
#gnb {
width: 612px;
height: 100%;
}
#gnb > ul {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
line-height: 60px;
}
#gnb > ul > li:hover > a {
color: #e5322d;
}
#gnb a {
position: relative;
}
.down_icon {
font-size: 8px;
position: absolute;
top: -19px;
margin-left: 4px;
}- 해더에 ▼ 아이콘은 글자문자로 쓰고 span 으로 묶어서 font-size 로 줄여줬다.
▼ 위치는 해더 a태그에 position:relative 걸어주고 span에 position:absolute 준 뒤 위치값으로 위치 조정해줬다.
- 해더 z-index:999; 줘서 가장 위쪽 레이어에 위치해 스크롤해도 계속 위에 있도록 해줬다.
-해더 로고는 margin으로 가운데 정렬
- 해더 안 컨텐츠 감싸고 있는 div한테 display:flex 랑 justify-content:space-between;
> 서브메뉴 css
더보기
/* 서브메뉴 */
#gnb ul .submenu {
width: 15%;
font-size: 14px;
background-color: #fff;
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
position: absolute;
left: 460px;
box-sizing: border-box;
padding: 20px 30px;
border-radius: 20px;
margin-top: 16px;
display: none;
}
#gnb > ul > li:nth-child(4):hover .submenu {
display: block;
}
.submenu ul {
width: 100%;
height: fit-content;
}
.submenu h4 {
color: #707078;
}
.submenu ul {
line-height: 50px;
}
.submenu ul li:hover a {
color: #e5322d;
}
.submenu ul li:hover {
background-color: #f5f5fa;
border-radius: 10px;
}
.submenu .li_1::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -180px;
margin-right: 10px;
}
.submenu .li_2::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -205px;
margin-right: 10px;
}
.submenu .li_3::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -230px;
margin-right: 10px;
}
.submenu .li_4::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -255px;
margin-right: 10px;
}
.submenu .li_5::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -530px;
margin-right: 10px;
}
/* 서브메뉴2 */
.submenu2 {
width: 15%;
font-size: 14px;
background-color: #fff;
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
position: absolute;
left: 600px;
box-sizing: border-box;
padding: 20px 30px;
border-radius: 20px;
margin-top: 16px;
display: none;
}
.submenu2 h4 {
color: #707078;
}
.submenu2 .li_6::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -5px;
margin-right: 10px;
}
.submenu2 .li_7::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -30px;
margin-right: 10px;
}
.submenu2 .li_8::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -55px;
margin-right: 10px;
}
.submenu2 .li_9::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -80px;
margin-right: 10px;
}
.submenu2 .li_10::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -105px;
margin-right: 10px;
}
.submenu2 .li_11::before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
background-image: url(./../img/sprite.svg);
background-repeat: no-repeat;
background-position: -5px -680px;
margin-right: 10px;
}
#gnb > ul > li:nth-child(5):hover .submenu2 {
display: block;
}
.submenu2 ul li:hover a {
color: #e5322d;
}
.submenu2 ul li:hover {
background-color: #f5f5fa;
border-radius: 10px;
}- 서브메뉴 위치는 position: absolute; 주고 위치값으로 조정해줬다. (부모박스1차메뉴에 position: relative 걸어준 다음에)
- 앞에 아이콘은 가상 요소 선택자로 가져왔다.
가상 요소선택자 쓸 때는 가상 요소선택자가 inline 속성이라서 먼저 display:block 이나 display:inline-block으로 바꿔줘야한다. 근데 여기서는 나란히 배치되야해서 inline-block 으로 바꾸는 게 편해서 그렇게 했다. (스프라이트 이미지로 포지션 값 줘서 위치시킴)
> 해더 오른쪽 아이콘 css
더보기
/* 아이콘 */
.icons {
width: 260px;
height: 100%;
display: flex;
align-items: center;
margin-left: 800px;
}
.icons .download {
width: 35px;
height: 32px;
background-image: url(./../img/downicon.png);
background-repeat: no-repeat;
background-position: 0px 1px;
margin-right: 15px;
}
.icons .login {
width: 39px;
height: 18px;
margin: 0 6px;
padding-top: 5px;
}
.icons .join {
display: block;
width: 77.5px;
height: 33px;
background-color: #e5322d;
color: #fff;
border-radius: 10px;
text-align: center;
line-height: 33px;
margin: 0 6px;
}
.icons .menu_icon img {
width: 32px;
margin-left: 20px;
}
.login:hover {
color: #e5322d;
}
.join:hover {
background-color: #bd060a;
}
Main
<section 1>
더보기
<main>
<section class="main_txt">
<h2>PDF 애호가들을 위한 온라인 툴</h2>
<p>
PDF 병합, PDF 나누기, PDF압축, 오피스 파일에서 PDF로 변환, PDF에서
JPG로 변환, JPG에서 PDF로 변환을 위한 무료 온라인 PDF 도구. 설치
필요 없음
</p>
</section>> css
더보기
/* 컨텐츠 영역 */
main {
margin-top: 60px;
width: 100%;
overflow: hidden;
background-image: url(./../img/background.svg);
background-position: center -390px;
background-size: cover;
background-repeat: no-repeat;
background-color: #f5f5fa;
}
.main_txt {
width: 100%;
height: 208px;
text-align: center;
padding: 30px 45px;
box-sizing: border-box;
}
.main_txt h2 {
font-size: 42px;
font-weight: 700;
margin-bottom: 10px;
}
.main_txt p {
width: 980px;
height: 64px;
margin: 0 auto;
line-height: 32px;
font-size: 22px;
font-weight: 400;
margin-bottom: 28px;
}- 배경 이미지가 반투명이라 밑에 백그라운드 컬러를 줬다.
<section 2>
html
더보기
<section class="tools">
<div class="tools_item">
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<g
fill="rgb(93.333333%,42.352941%,30.196078%)"
fill-rule="evenodd"
>
<path
d="M5.488.363h21.75c1.78 0 2.43.184 3.082.535a3.66 3.66 0 0 1 1.512 1.512c.348.652.535 1.297.535 3.082v21.746c0 1.78-.187 2.43-.535 3.082a3.66 3.66 0 0 1-1.512 1.512c-.652.348-1.3.535-3.082.535H5.488c-1.78 0-2.43-.187-3.082-.535A3.66 3.66 0 0 1 .895 30.32c-.348-.652-.535-1.3-.535-3.082V5.488c0-1.78.188-2.43.535-3.082A3.71 3.71 0 0 1 2.406.895c.652-.348 1.3-.53 3.082-.53zm0 0"
></path>
<path
d="M44.563 49.69H22.816c-1.78 0-2.43-.184-3.082-.535-.645-.34-1.172-.867-1.512-1.512-.348-.652-.535-1.297-.535-3.082V22.816c0-1.78.184-2.43.535-3.082.34-.645.867-1.172 1.512-1.512.652-.348 1.3-.535 3.082-.535h21.746c1.785 0 2.43.188 3.082.535.645.34 1.172.867 1.512 1.512.352.652.535 1.3.535 3.082v21.746c0 1.785-.184 2.43-.535 3.082-.34.645-.867 1.172-1.512 1.512-.652.352-1.297.535-3.082.535zm0 0"
></path>
</g>
<path
d="M17.906 10.965c-.484 0-.875.387-.875.86v3.8L9.84 8.523c-.344-.336-.895-.336-1.238 0-.164.16-.254.38-.254.605a.86.86 0 0 0 .254.6l7.195 7.098h-3.875c-.484 0-.875.387-.875.86s.4.86.875.86h5.984a.88.88 0 0 0 .332-.066.86.86 0 0 0 .473-.465.79.79 0 0 0 .066-.328v-5.87c.004-.473-.387-.86-.87-.86zm14.418 28.008c.48 0 .87-.383.87-.86v-3.797l7.195 7.098a.88.88 0 0 0 1.234 0 .85.85 0 0 0 .258-.605c0-.23-.094-.45-.258-.605l-7.2-7.102h3.875c.484 0 .875-.383.875-.86s-.4-.855-.875-.855h-5.984a.92.92 0 0 0-.336.066c-.2.086-.383.25-.473.46a.88.88 0 0 0-.066.328v5.87c0 .477.4.86.875.86zm-10.1-10.1c-.355.352-.93.352-1.285 0s-.355-.934 0-1.3a.91.91 0 0 1 1.285 0c.355.352.355.934 0 1.3zm3.374-3.357a.91.91 0 0 1-1.285 0 .91.91 0 0 1 0-1.285c.352-.352.93-.352 1.285 0a.91.91 0 0 1 0 1.285zm3.36-3.364a.91.91 0 0 1-1.285 0 .91.91 0 0 1 0-1.285.91.91 0 0 1 1.285 0 .91.91 0 0 1 0 1.285zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>PDF 합치기</h3>
<p>
원하는대로 PDF 파일들을 병합하고 통합하세요. 매우 쉽고
빠릅니다!
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<g
fill="rgb(93.333333%,42.352941%,30.196078%)"
fill-rule="evenodd"
>
<path
d="M5.488.363h21.75c1.78 0 2.43.184 3.082.535a3.66 3.66 0 0 1 1.512 1.512c.348.652.535 1.297.535 3.082v21.746c0 1.78-.187 2.43-.535 3.082a3.66 3.66 0 0 1-1.512 1.512c-.652.348-1.3.535-3.082.535H5.488c-1.78 0-2.43-.187-3.082-.535A3.66 3.66 0 0 1 .895 30.32c-.348-.652-.535-1.3-.535-3.082V5.488c0-1.78.188-2.43.535-3.082A3.71 3.71 0 0 1 2.406.895c.652-.348 1.3-.53 3.082-.53zm0 0"
></path>
<path
d="M44.563 49.69H22.816c-1.78 0-2.43-.184-3.082-.535-.645-.34-1.172-.867-1.512-1.512-.348-.652-.535-1.297-.535-3.082V22.816c0-1.78.184-2.43.535-3.082.34-.645.867-1.172 1.512-1.512.652-.348 1.3-.535 3.082-.535h21.746c1.785 0 2.43.188 3.082.535.645.34 1.172.867 1.512 1.512.352.652.535 1.3.535 3.082v21.746c0 1.785-.184 2.43-.535 3.082-.34.645-.867 1.172-1.512 1.512-.652.352-1.297.535-3.082.535zm0 0"
></path>
</g>
<path
d="M9.22 15.87c.484 0 .875-.387.875-.86v-3.8l7.195 7.102a.88.88 0 0 0 1.234 0 .85.85 0 0 0 0-1.215L11.328 10h3.875c.484 0 .875-.387.875-.86s-.4-.86-.875-.86H9.22a.88.88 0 0 0-.332.066.86.86 0 0 0-.539.793v5.875c0 .473.4.86.87.86zm31.793 18.2c-.484 0-.875.383-.875.855v3.8L32.94 31.63a.88.88 0 0 0-1.234 0c-.164.156-.258.375-.258.605a.85.85 0 0 0 .258.605l7.2 7.1H35.02c-.48 0-.87.387-.87.86a.86.86 0 0 0 .871.855H41a.88.88 0 0 0 .805-.527.86.86 0 0 0 .066-.328v-5.883a.87.87 0 0 0-.87-.855zm-18.78-5.187c-.355.352-.93.352-1.285 0s-.355-.934 0-1.3a.91.91 0 0 1 1.285 0c.355.352.355.934 0 1.3zm3.365-3.367a.91.91 0 0 1-1.285 0 .91.91 0 0 1 0-1.285c.352-.352.93-.352 1.285 0a.91.91 0 0 1 0 1.285zm3.36-3.364a.91.91 0 0 1-1.285 0 .91.91 0 0 1 0-1.285.91.91 0 0 1 1.285 0 .91.91 0 0 1 0 1.285zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>PDF 분할</h3>
<p>
페이지 범위를 선택하고, 한 페이지를 분리하거나 문서의 각
페이지를 독립된 PDF 파일로 변환하세요.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M31.523 28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H31.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04-.242-.45-.367-.895-.367-2.117V31.523c0-1.223.13-1.668.367-2.117.234-.44.598-.805 1.04-1.04.45-.242.895-.367 2.117-.367zm0-28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H31.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04-.242-.45-.367-.895-.367-2.117V3.523c0-1.223.13-1.668.367-2.117.234-.44.598-.805 1.04-1.04C29.855.125 30.3 0 31.523 0zm-28 28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H3.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04C.125 48.145 0 47.7 0 46.477V31.523c0-1.223.13-1.668.367-2.117.234-.44.598-.805 1.04-1.04.45-.242.895-.367 2.117-.367zm0-28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H3.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04C.125 20.145 0 19.7 0 18.477V3.523C0 2.3.13 1.852.367 1.406A2.56 2.56 0 0 1 1.406.367C1.855.13 2.3 0 3.523 0zm0 0"
fill-rule="evenodd"
fill="rgb(56.078431%,73.72549%,36.470588%)"
></path>
<path
d="M35 41.8c0 .48.398.867.883.867a.88.88 0 0 0 .883-.867v-3.844l5.145 5.05a.89.89 0 0 0 1.246 0 .85.85 0 0 0 .262-.613c0-.23-.094-.45-.262-.613l-5.14-5.047h3.914a.88.88 0 0 0 .883-.867c0-.48-.395-.867-.883-.867h-6.05c-.117 0-.23.023-.34.066-.215.086-.387.258-.477.47-.047.102-.066.22-.066.328zm7.3-26.387c.48 0 .867-.398.867-.883a.88.88 0 0 0-.867-.883h-3.844l5.05-5.14a.9.9 0 0 0 0-1.25.86.86 0 0 0-1.227 0l-5.047 5.148V8.492c0-.488-.39-.883-.867-.883a.87.87 0 0 0-.867.879v6.05c0 .113.023.23.066.336.086.215.254.387.47.477.105.047.215.07.332.07H42.3zM8.46 35c-.48 0-.867.398-.867.883s.387.883.867.883h3.844L7.254 41.9c-.34.348-.34.902 0 1.25a.86.86 0 0 0 .613.258c.23 0 .45-.094.613-.258l5.047-5.145v3.914c0 .488.387.883.867.883s.867-.402.867-.883v-6.05c0-.113-.023-.23-.066-.336-.086-.215-.258-.387-.47-.477a.82.82 0 0 0-.332-.07H8.46zm6.074-27.406c-.488 0-.883.387-.883.867v3.844l-5.145-5.05a.9.9 0 0 0-1.25 0A.86.86 0 0 0 7 7.867c0 .23.094.45.258.613l5.145 5.047H8.488c-.488 0-.883.387-.883.867s.402.867.883.867h6.05a.89.89 0 0 0 .336-.066c.215-.1.39-.258.477-.47.05-.102.07-.22.07-.332V8.46c0-.48-.395-.867-.883-.867zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>PDF 압축</h3>
<p>
최고의 품질을 유지하면서 PDF 파일 크기를 줄이세요. 당신의 PDF
파일을 최적화하세요.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M32.324 15.656h-9.547c-2.477 0-3.375.258-4.28.742a5.04 5.04 0 0 0-2.098 2.102c-.484.902-.742 1.8-.742 4.277v9.547H5.18c-1.8 0-2.45-.187-3.113-.54-.648-.348-1.184-.88-1.527-1.527-.352-.66-.54-1.31-.54-3.113V5.18c0-1.8.188-2.45.54-3.113S1.4.89 2.066.54 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54.648.344 1.18.88 1.527 1.527.352.66.54 1.313.54 3.113zm0 0"
fill-rule="evenodd"
fill="rgb(86.27451%,89.803922%,98.039216%)"
></path>
<path
d="M14.477 7.52a.88.88 0 0 0-.883-.867c-.48 0-.883.39-.883.867v3.844L7.566 6.316a.89.89 0 0 0-1.246 0c-.168.16-.258.38-.258.61s.1.453.258.613l5.145 5.05H7.547c-.488 0-.883.387-.883.863s.398.867.883.867h6.055a.92.92 0 0 0 .336-.066c.215-.086.387-.254.477-.47.05-.102.066-.215.066-.328l.004-5.938zm0 0"
fill="rgb(16.078431%,34.117647%,58.431373%)"
></path>
<path
d="M22.855 17.676H44.82c1.8 0 2.45.188 3.113.543a3.68 3.68 0 0 1 1.527 1.523c.352.66.54 1.313.54 3.113V44.82c0 1.8-.187 2.45-.54 3.113s-.867 1.176-1.527 1.527-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54-.648-.344-1.18-.88-1.527-1.527-.352-.66-.54-1.312-.54-3.113V22.855c0-1.8.188-2.453.54-3.113.348-.648.88-1.18 1.527-1.527.66-.352 1.313-.54 3.113-.54zm0 0"
fill-rule="evenodd"
fill="rgb(37.254902%,51.372549%,77.647059%)"
></path>
<path
d="M38.996 26.75h2.965l-2.94 14.64h-3.094l-1.777-9.035-1.824 9.035H29.12L26.2 26.75h3.164l1.508 9.363 1.938-9.363h3.004l1.727 9.297zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>PDF Word로 변환</h3>
<p>
PDF 파일을 편집하기 쉬운 PPT 및 PPTX 슬라이드쇼로 쉽게
변환하세요. 변환된 WORD 문서는 100% 정확합니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M32.324 15.656h-9.55c-2.477 0-3.375.258-4.28.742a5.06 5.06 0 0 0-2.098 2.102c-.484.902-.742 1.8-.742 4.277v9.55H5.18c-1.8 0-2.453-.187-3.113-.54a3.69 3.69 0 0 1-1.527-1.527C.188 29.598 0 28.945 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54a3.69 3.69 0 0 1 1.527 1.527c.352.66.54 1.313.54 3.113zm0 0"
fill-rule="evenodd"
fill="rgb(95.294118%,85.098039%,80%)"
></path>
<path
d="M14.477 7.52c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844L7.566 6.316a.89.89 0 0 0-1.246 0c-.168.16-.258.38-.258.61s.1.453.258.613l5.145 5.05H7.55c-.488 0-.883.387-.883.867s.395.863.883.863h6.047a.85.85 0 0 0 .34-.066c.215-.086.387-.254.477-.47.05-.102.066-.215.066-.328l.004-5.934zm0 0"
fill="rgb(81.568627%,27.058824%,14.901961%)"
></path>
<g fill-rule="evenodd">
<path
d="M22.855 17.676H44.82c1.8 0 2.453.188 3.113.543.648.344 1.184.875 1.527 1.527.352.656.54 1.31.54 3.11V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54-.648-.344-1.18-.88-1.527-1.527-.352-.66-.54-1.312-.54-3.113V22.855c0-1.8.188-2.453.54-3.113.348-.648.88-1.18 1.527-1.527.66-.352 1.313-.54 3.113-.54zm0 0"
fill="rgb(100%,46.27451%,31.764706%)"
></path>
<path
d="M38.367 34.648C37.28 35.55 35.828 36 34.008 36H32.39v5H29V26.5h5.313c3.79 0 5.688 1.54 5.688 4.62 0 1.453-.543 2.633-1.633 3.535zM33.82 29H32.5v4.5h1.32c1.785 0 2.68-.758 2.68-2.273 0-1.484-.89-2.227-2.68-2.227zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</g>
</svg>
<h3>PDF 파워포인트로 변환</h3>
<p>
PDF 파일을 편집하기 쉬운 PPT 및 PPTX 슬라이드쇼로 변환하세요.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M32.324 15.656h-9.55c-2.477 0-3.375.258-4.28.742a5.06 5.06 0 0 0-2.098 2.102c-.484.902-.742 1.8-.742 4.277v9.55H5.18c-1.8 0-2.453-.187-3.113-.54a3.69 3.69 0 0 1-1.527-1.527C.188 29.598 0 28.945 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54a3.69 3.69 0 0 1 1.527 1.527c.352.66.54 1.313.54 3.113zm0 0"
fill-rule="evenodd"
fill="rgb(76.078431%,89.803922%,76.470588%)"
></path>
<path
d="M14.477 7.52c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844L7.566 6.316a.89.89 0 0 0-1.246 0c-.168.16-.258.38-.258.61s.1.453.258.613l5.145 5.05H7.55c-.488 0-.883.387-.883.867s.395.863.883.863h6.047a.85.85 0 0 0 .34-.066c.215-.086.387-.254.477-.47.05-.102.066-.215.066-.328l.004-5.934zm0 0"
fill="rgb(18.039216%,44.705882%,21.568627%)"
></path>
<g fill-rule="evenodd">
<path
d="M22.855 17.676H44.82c1.8 0 2.453.188 3.113.543.648.344 1.184.875 1.527 1.527.352.656.54 1.31.54 3.11V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54-.648-.344-1.18-.88-1.527-1.527-.352-.66-.54-1.312-.54-3.113V22.855c0-1.8.188-2.453.54-3.113.348-.648.88-1.18 1.527-1.527.66-.352 1.313-.54 3.113-.54zm0 0"
fill="rgb(36.862745%,63.137255%,38.431373%)"
></path>
<path
d="M36.61 41l-2.508-4.72c-.102-.176-.195-.5-.3-.973h-.04c-.047.223-.16.56-.336 1.012L30.9 41H27l4.64-7.25-4.246-7.25h3.992l2.082 4.348c.164.344.313.754.438 1.227h.04c.082-.285.234-.703.457-1.266l2.316-4.31h3.66l-4.37 7.19L40.5 41zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</g>
</svg>
<h3>PDF Excel로 변환</h3>
<p>
몇 초만에 PDF 데이터를 Excel 스프레드 시트로 가져올 수
있습니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M17.676 34.344h9.55c2.477 0 3.375-.258 4.28-.742a5.04 5.04 0 0 0 2.098-2.102c.484-.902.742-1.8.742-4.277v-9.547H44.82c1.8 0 2.453.188 3.113.54s1.176.87 1.527 1.527.54 1.31.54 3.113V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54s-1.172-.87-1.527-1.527-.54-1.312-.54-3.113zm0 0"
fill-rule="evenodd"
fill="rgb(37.254902%,51.372549%,77.647059%)"
></path>
<path
d="M43.94 37.137c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844l-5.145-5.047c-.348-.34-.902-.34-1.25 0a.85.85 0 0 0-.258.609.86.86 0 0 0 .258.613l5.145 5.05h-3.914c-.488 0-.883.387-.883.867s.395.867.883.867h6.05c.113-.004.227-.023.336-.07a.87.87 0 0 0 .477-.465c.05-.105.066-.22.066-.332l.004-5.934zm0 0"
fill="rgb(100%,100%,100%)"
></path>
<path
d="M27.145 32.324H5.18c-1.8 0-2.453-.187-3.113-.543S.89 30.914.54 30.254 0 28.95 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54s1.172.87 1.527 1.527.54 1.313.54 3.113v21.965c0 1.8-.187 2.453-.54 3.113s-.87 1.176-1.527 1.527-1.312.54-3.113.54zm0 0"
fill-rule="evenodd"
fill="rgb(86.27451%,89.803922%,98.039216%)"
></path>
<path
d="M20.844 8.61h2.96l-2.94 14.64H17.77l-1.777-9.035-1.824 9.035h-3.203L8.04 8.61h3.164l1.508 9.363 1.938-9.363h3.004l.04.203 1.688 9.1zm0 0"
fill="rgb(16.078431%,34.117647%,58.431373%)"
></path>
</svg>
<h3>Word PDF로 변환</h3>
<p>DOC 및 DOCX 파일을 PDF로 쉽게 변환하세요.</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M17.676 34.344h9.55c2.476 0 3.375-.258 4.28-.742a5.04 5.04 0 0 0 2.097-2.102c.495-.902.743-1.8.743-4.277v-9.547H44.82c1.8 0 2.453.187 3.114.54.656.355 1.175.87 1.527 1.527s.54 1.31.54 3.113V44.82c0 1.8-.187 2.453-.54 3.114-.35.656-.87 1.175-1.526 1.527S46.62 50 44.82 50H22.855c-1.8 0-2.453-.187-3.113-.54s-1.172-.87-1.527-1.526-.54-1.312-.54-3.113zm0 0"
fill-rule="evenodd"
fill="rgb(100%,46.27451%,31.764706%)"
></path>
<path
d="M43.94 37.137c0-.477-.393-.864-.88-.864s-.884.387-.884.864v3.843l-5.146-5.046c-.346-.34-.9-.34-1.25 0-.163.16-.257.38-.257.61a.86.86 0 0 0 .258.613l5.145 5.05h-3.914c-.49 0-.882.387-.882.867s.393.867.882.867H43.063c.113-.002.227-.022.335-.07.215-.085.387-.253.477-.464a.75.75 0 0 0 .065-.332l.005-5.934zm0 0"
fill="rgb(100%,100%,100%)"
></path>
<g fill-rule="evenodd">
<path
d="M27.145 32.324H5.18c-1.8 0-2.453-.187-3.113-.543S.89 30.914.54 30.254 0 28.95 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54s1.172.87 1.527 1.527.54 1.313.54 3.113v21.965c0 1.8-.187 2.453-.54 3.113s-.87 1.176-1.527 1.527-1.312.54-3.113.54zm0 0"
fill="rgb(95.294118%,85.098039%,80%)"
></path>
<path
d="M19.367 17.156c-1.086.898-2.54 1.348-4.36 1.348H13.39V23.5H10V9h5.313C19.102 9 21 10.54 21 13.62c0 1.453-.543 2.637-1.633 3.535zM14.82 11.5H13.5V16h1.32c1.785 0 2.68-.758 2.68-2.273 0-1.484-.89-2.227-2.68-2.227zm0 0"
fill="rgb(81.568627%,27.058824%,14.901961%)"
></path>
</g>
</svg>
<h3>파워포인트 PDF로 변환</h3>
<p>PPT 및 PPTX 슬라이드쇼를 PDF로 쉽게 변환하세요.</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M17.676 34.344h9.55c2.477 0 3.375-.258 4.28-.742a5.04 5.04 0 0 0 2.098-2.102c.484-.902.742-1.8.742-4.277v-9.547H44.82c1.8 0 2.453.188 3.113.54s1.176.87 1.527 1.527.54 1.31.54 3.113V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54s-1.172-.87-1.527-1.527-.54-1.312-.54-3.113zm0 0"
fill-rule="evenodd"
fill="rgb(36.862745%,63.137255%,38.431373%)"
></path>
<path
d="M43.94 37.137c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844l-5.145-5.047c-.348-.34-.902-.34-1.25 0a.85.85 0 0 0-.258.609.86.86 0 0 0 .258.613l5.145 5.05h-3.914c-.488 0-.883.387-.883.867s.395.867.883.867h6.05c.113-.004.227-.023.336-.07a.87.87 0 0 0 .477-.465c.05-.105.066-.22.066-.332l.004-5.934zm0 0"
fill="rgb(100%,100%,100%)"
></path>
<g fill-rule="evenodd">
<path
d="M27.145 32.324H5.18c-1.8 0-2.453-.187-3.113-.543S.89 30.914.54 30.254 0 28.95 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54s1.172.87 1.527 1.527.54 1.313.54 3.113v21.965c0 1.8-.187 2.453-.54 3.113s-.87 1.176-1.527 1.527-1.312.54-3.113.54zm0 0"
fill="rgb(76.078431%,89.803922%,76.470588%)"
></path>
<path
d="M19.11 23.5l-2.508-4.72c-.102-.176-.195-.5-.3-.973h-.04c-.047.223-.16.56-.336 1.012L13.4 23.5H9.5l4.64-7.25L9.895 9h3.992l2.082 4.348c.164.344.313.754.438 1.227h.04c.082-.285.234-.703.457-1.266L19.22 9h3.66l-4.37 7.19L23 23.5zm0 0"
fill="rgb(18.039216%,44.705882%,21.568627%)"
></path>
</g>
</svg>
<h3>Excel PDF로 변환</h3>
<p>EXCEL 스프레드시트를 PDF로 쉽게 변환하세요.</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
width="48"
height="48"
fill="none"
fill-rule="evenodd"
>
<path
d="M16.024 0h67.95c5.572 0 7.593.58 9.63 1.67s3.636 2.688 4.725 4.725 1.67 4.058 1.67 9.63v67.95c0 5.572-.58 7.593-1.67 9.63s-2.688 3.636-4.725 4.725-4.058 1.67-9.63 1.67h-67.95c-5.572 0-7.593-.58-9.63-1.67S2.76 95.642 1.67 93.605 0 89.548 0 83.976v-67.95c0-5.572.58-7.593 1.67-9.63S4.358 2.76 6.395 1.67 10.452 0 16.024 0z"
fill="#ab6993"
></path>
<path
d="M57.98 39.967l5.413 4.398a.51.51 0 0 1-.092.847l-6.234 3.142a1.44 1.44 0 0 1-.388.124l-.136.016a1.44 1.44 0 0 1-1.031-.31c-.407-.326-.588-.842-.48-1.336l.037-.134 2.108-6.5a.51.51 0 0 1 .803-.238zm15.55-20.523a4.33 4.33 0 0 1 5.728-.648l.182.136 1.06.88a4.14 4.14 0 0 1 1.486 2.821 4.12 4.12 0 0 1-.82 2.849l-.148.184-14.9 17.566c-.36.425-.995.48-1.423.125l-5.915-4.9c-.432-.358-.5-.998-.133-1.43L73.53 19.444z"
fill="#fff"
></path>
<g
stroke="#eadae4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="3.046"
>
<path d="M48.012 62.483h-7.356m7.356-24.49h-7.356"></path>
<path d="M44.232 39.695l.004 21.566"></path>
</g>
<path
d="M24 22.985c-.523 0-.954.396-1.01.905l-.006.11v52c0 .523.396.954.905 1.01l.11.006h52c.523 0 .954-.396 1.01-.905l.006-.11V42.302c0-.56-.455-1.015-1.015-1.015-.523 0-.954.396-1.01.905l-.006.11v32.682h-49.97v-49.97h34.7c.523 0 .954-.396 1.01-.905l.006-.11c0-.523-.396-.954-.905-1.01l-.11-.006H24z"
fill="#fff"
fill-rule="nonzero"
></path>
<g fill="#eadae4">
<rect x="18" y="18" width="12" height="12" rx="6"></rect>
<rect x="18" y="70" width="12" height="12" rx="6"></rect>
<rect x="70" y="70" width="12" height="12" rx="6"></rect>
</g>
</svg>
<h3>PDF 편집</h3>
<p>
PDF 문서에 텍스트, 이미지, 도형 또는 주석을 추가하세요. 추가된
컨텐츠의 크기, 글꼴 및 색상을 편집할 수 있습니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M32.324 15.656h-9.55c-2.477 0-3.375.258-4.28.742a5.06 5.06 0 0 0-2.098 2.102c-.484.902-.742 1.8-.742 4.277v9.55H5.18c-1.8 0-2.453-.187-3.113-.54a3.69 3.69 0 0 1-1.527-1.527C.188 29.598 0 28.945 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54a3.69 3.69 0 0 1 1.527 1.527c.352.66.54 1.313.54 3.113zm0 0"
fill-rule="evenodd"
fill="rgb(98.431373%,93.72549%,65.882353%)"
></path>
<path
d="M14.477 7.52c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844L7.566 6.316a.89.89 0 0 0-1.246 0c-.168.16-.258.38-.258.61s.1.453.258.613l5.145 5.05H7.55c-.488 0-.883.387-.883.867s.395.863.883.863h6.047a.85.85 0 0 0 .34-.066c.215-.086.387-.254.477-.47.05-.102.066-.215.066-.328l.004-5.934zm0 0"
fill="rgb(71.764706%,62.745098%,0.392157%)"
></path>
<g fill-rule="evenodd">
<path
d="M22.855 17.676H44.82c1.8 0 2.453.188 3.113.543.648.344 1.184.875 1.527 1.527.352.656.54 1.31.54 3.11V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54-.648-.344-1.18-.88-1.527-1.527-.352-.66-.54-1.312-.54-3.113V22.855c0-1.8.188-2.453.54-3.113.348-.648.88-1.18 1.527-1.527.66-.352 1.313-.54 3.113-.54zm0 0"
fill="rgb(83.921569%,74.901961%,17.647059%)"
></path>
<path
d="M41.5 26c1.102 0 2 .898 2 2s-.898 2-2 2-2-.898-2-2 .898-2 2-2zM30.6 39h-6.344c-.1 0-.172-.047-.215-.125s-.043-.168.004-.242l6.574-11.02a.26.26 0 0 1 .426 0l3.832 6.422 2.57-2.625c.047-.05.11-.074.176-.074h.008c.07 0 .137.03.18.086l6.1 7.13c.07.043.11.12.11.203 0 .133-.113.242-.246.242H30.6v-.004zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</g>
</svg>
<h3>PDF JPG 변환</h3>
<p>
PDF 페이지를 JPG로 변환하거나 PDF에 포함된 이미지를 쉽게
추출하세요.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M17.676 34.344h9.55c2.477 0 3.375-.258 4.28-.742a5.04 5.04 0 0 0 2.098-2.102c.484-.902.742-1.8.742-4.277v-9.547H44.82c1.8 0 2.453.188 3.113.54s1.176.87 1.527 1.527.54 1.31.54 3.113V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54s-1.172-.87-1.527-1.527-.54-1.312-.54-3.113zm0 0"
fill-rule="evenodd"
fill="rgb(98.431373%,93.72549%,65.882353%)"
></path>
<path
d="M43.94 37.137c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844l-5.145-5.047c-.348-.34-.902-.34-1.25 0a.85.85 0 0 0-.258.609.86.86 0 0 0 .258.613l5.145 5.05h-3.914c-.488 0-.883.387-.883.867s.395.867.883.867h6.05c.113-.004.227-.023.336-.07a.87.87 0 0 0 .477-.465c.05-.105.066-.22.066-.332l.004-5.934zm0 0"
fill="rgb(71.764706%,62.745098%,0.392157%)"
></path>
<g fill-rule="evenodd">
<path
d="M5.184 0h21.988c1.8 0 2.453.188 3.113.54.652.344 1.184.88 1.527 1.53.352.656.54 1.313.54 3.113v21.984c0 1.805-.187 2.457-.54 3.117-.344.648-.875 1.184-1.527 1.527-.66.352-1.312.54-3.113.54H5.184c-1.8 0-2.457-.187-3.113-.54-.652-.344-1.184-.88-1.527-1.527C.188 29.625 0 28.973 0 27.168V5.184c0-1.8.188-2.457.54-3.113.344-.652.88-1.184 1.53-1.53S3.383 0 5.184 0zm0 0"
fill="rgb(83.921569%,74.901961%,17.647059%)"
></path>
<path
d="M10.28 12.945v4.688c0 1.66-.926 2.66-2.707 2.66C5.406 20.293 5 18.852 5 18.07c0-.668.31-1.098.86-1.098.648 0 .813.504.813 1.05 0 .516.242.89.88.89.594 0 .926-.44.926-1.3V12.95c0-.54.352-.898.902-.898s.902.36.902.898zm1.672 6.402v-6.102c0-.8.418-1.055 1.055-1.055h2.762c1.516 0 2.738.75 2.738 2.508 0 1.44-1 2.508-2.75 2.508h-2v2.152c0 .54-.355.902-.902.902s-.902-.363-.902-.902zm1.805-5.773v2.242h1.68c.727 0 1.266-.437 1.266-1.12 0-.793-.56-1.12-1.45-1.12zm13.285 3.1v2.984c0 .332-.254.602-.613.602-.52 0-.66-.32-.773-1.023-.516.648-1.23 1.066-2.352 1.066-2.793 0-3.863-1.926-3.863-4.145 0-2.676 1.672-4.148 4.125-4.148 2.004 0 3.07 1.2 3.07 1.902 0 .63-.46.793-.848.793-.89 0-.56-1.242-2.32-1.242-1.242 0-2.223.813-2.223 2.816 0 1.56.77 2.637 2.246 2.637.957 0 1.793-.648 1.88-1.617H24.2c-.383 0-.812-.14-.812-.69 0-.44.254-.69.703-.69h2.223c.527 0 .738.262.738.758zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</g>
</svg>
<h3>JPG PDF 변환</h3>
<p>이미지에서 PDF로 변환. 방향과 여백을 조절하세요.</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
height="50"
width="50"
viewBox="0 0 100 100"
>
<g fill="none">
<path
d="M16 0L84 0C89.5 0 91.6 0.6 93.6 1.7 95.6 2.8 97.2 4.4 98.3 6.4 99.4 8.4 100 10.5 100 16L100 84C100 89.5 99.4 91.6 98.3 93.6 97.2 95.6 95.6 97.2 93.6 98.3 91.6 99.4 89.5 100 84 100L16 100C10.5 100 8.4 99.4 6.4 98.3 4.4 97.2 2.8 95.6 1.7 93.6 0.6 91.6 0 89.5 0 84L0 16C0 10.5 0.6 8.4 1.7 6.4 2.8 4.4 4.4 2.8 6.4 1.7 8.4 0.6 10.5 0 16 0Z"
fill="#AB6993"
></path>
<path
d="M16 0L84 0C89.5 0 91.6 0.6 93.6 1.7 95.6 2.8 97.2 4.4 98.3 6.4 99.4 8.4 100 10.5 100 16L100 84C100 89.5 99.4 91.6 98.3 93.6 97.2 95.6 95.6 97.2 93.6 98.3 91.6 99.4 89.5 100 84 100L16 100C10.5 100 8.4 99.4 6.4 98.3 4.4 97.2 2.8 95.6 1.7 93.6 0.6 91.6 0 89.5 0 84L0 16C0 10.5 0.6 8.4 1.7 6.4 2.8 4.4 4.4 2.8 6.4 1.7 8.4 0.6 10.5 0 16 0Z"
fill="#4A7AAB"
></path>
<g
transform="translate(-371 -2828)translate(371 2828)translate(50.5 50.5)rotate(30)"
fill="#FFF"
>
<path
d="M-16.2 3.8L-2.3 29.5C-2.1 29.7-1.9 29.8-1.7 29.7 -1.5 29.6-1.4 29.5-1.4 29.3L-1.4 10.6C-3.8 10-5.5 7.9-5.5 5.4 -5.5 2.5-3.1 0.1-0.2 0.1 2.8 0.1 5.2 2.5 5.2 5.4 5.2 7.9 3.4 10 1 10.6L1 29.3C1 29.5 1.2 29.7 1.5 29.7 1.6 29.7 1.8 29.6 1.9 29.5L15.8 3.8C16.2 3 16.2 2.2 15.9 1.4L8.4-15.1C8-16.1 7.1-16.7 6-16.7L-6.4-16.7C-7.5-16.7-8.4-16.1-8.9-15.1L-16.3 1.4C-16.6 2.2-16.6 3-16.2 3.8Z"
></path>
<path
d="M9-18.7L-9.4-18.7C-10.3-18.7-11.1-19.7-11.1-20.9L-11.1-28.3C-11.1-29.5-10.3-30.5-9.4-30.5L9-30.5C10-30.5 10.8-29.5 10.8-28.3L10.8-20.9C10.8-19.7 10-18.7 9-18.7Z"
></path>
</g>
</g>
</svg>
<h3>PDF에 서명하기</h3>
<p>직접 서명하거나 다른 사람에게 전자 서명을 요청하십시오.</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
>
<path
d="M8.012 0h33.977c2.785 0 3.797.29 4.813.836a5.65 5.65 0 0 1 2.363 2.363C49.71 4.215 50 5.227 50 8.012v33.977c0 2.785-.29 3.797-.836 4.813a5.65 5.65 0 0 1-2.363 2.363c-1.016.547-2.027.836-4.812.836H8.012c-2.785 0-3.797-.29-4.816-.836S1.38 47.82.836 46.8 0 44.773 0 41.988V8.012C0 5.227.29 4.215.836 3.2A5.65 5.65 0 0 1 3.199.836C4.215.29 5.227 0 8.012 0zm0 0"
fill-rule="evenodd"
fill="rgb(67.058824%,41.176471%,57.647059%)"
></path>
<path
d="M22.7 22.523c0 .863-1.094 3.023-2.11 4.668a.68.68 0 0 0-.078.523c.078.277.328.47.61.47h7.75a.63.63 0 0 0 .566-.352.65.65 0 0 0-.055-.672c-1.445-1.97-2.1-3.398-2.1-4.633s.645-2.66 2.094-4.637c.664-.937 1.012-2.043 1.012-3.195 0-3.02-2.422-5.477-5.398-5.477s-5.398 2.45-5.398 5.473a5.49 5.49 0 0 0 1.02 3.203c1.44 1.97 2.086 3.398 2.086 4.63zm14.02 6.55H13.266a.64.64 0 0 0-.633.645v6.465c0 .352.285.645.633.645H36.72a.64.64 0 0 0 .633-.645V29.72c0-.352-.285-.645-.633-.645zm-3.582 8.7H16.863a.64.64 0 0 0-.633.645v.727c0 .352.285.645.633.645h16.273a.64.64 0 0 0 .633-.645v-.727c0-.352-.285-.645-.633-.645zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>워터마크</h3>
<p>
PDF에 이미지 또는 문자를 추가하세요. 글자, 투명도 및 위치를
선택할 수 있습니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
fill-rule="evenodd"
>
<path
d="M8.012 0h33.976c2.786 0 3.796.3 4.815.835a5.68 5.68 0 0 1 2.363 2.363c.545 1.02.835 2.03.835 4.815v33.976c0 2.786-.3 3.796-.835 4.815a5.68 5.68 0 0 1-2.363 2.363c-1.02.545-2.03.835-4.815.835H8.012c-2.786 0-3.796-.3-4.815-.835a5.68 5.68 0 0 1-2.363-2.363C.3 45.784 0 44.774 0 41.988V8.012c0-2.786.3-3.796.835-4.815A5.68 5.68 0 0 1 3.197.835C4.216.3 5.226 0 8.012 0z"
fill="#AB6993"
></path>
<g fill="#FFF">
<path
d="M23.366 13.26a1.25 1.25 0 1 1 .318 2.48c-5.352.686-9.434 5.212-9.434 10.638 0 4.407 2.692 8.285 6.726 9.926a1.25 1.25 0 0 1-.942 2.316c-4.963-2.02-8.284-6.804-8.284-12.242 0-6.697 5.03-12.273 11.616-13.118zm14.778 11.437a1.25 1.25 0 1 1-2.475.354 11.6 11.6 0 0 0-.905-3.163 1.25 1.25 0 1 1 2.278-1.03c.545 1.205.908 2.482 1.102 3.84zM26.71 39.493a1.25 1.25 0 0 1-.354-2.475c1.1-.157 2.125-.445 3.09-.872a1.25 1.25 0 0 1 1.013 2.286c-1.178.522-2.425.872-3.748 1.06zm8.792-4.998a1.25 1.25 0 1 1-2-1.5c.718-.957 1.262-1.91 1.627-2.866a1.25 1.25 0 1 1 2.335.893C37 32.206 36.35 33.36 35.5 34.495z"
fill-rule="nonzero"
></path>
<path
d="M24.282 21c-.427 0-.78-.354-.78-.78V9.28c0-.427.354-.78.78-.78.208 0 .403.085.55.232l5.47 5.47c.146.146.232.342.232.55s-.085.403-.232.55l-5.47 5.47c-.146.146-.342.232-.55.232z"
></path>
</g>
</svg>
<h3>PDF 회전</h3>
<p>
원하는대로 PDF를 회전하세요. 한번에 여러 PDF 파일을
회전하세요!
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 100 100"
fill-rule="evenodd"
>
<path
d="M35.354 68.687h19.1c4.953 0 6.75-.516 8.56-1.484s3.232-2.39 4.2-4.2 1.484-3.607 1.484-8.56v-19.1H89.64c3.602 0 4.908.375 6.225 1.08a7.34 7.34 0 0 1 3.055 3.055c.704 1.317 1.08 2.623 1.08 6.225V89.64c0 3.602-.375 4.908-1.08 6.225a7.34 7.34 0 0 1-3.055 3.055c-1.317.704-2.623 1.08-6.225 1.08H45.713c-3.602 0-4.908-.375-6.225-1.08a7.34 7.34 0 0 1-3.055-3.055c-.704-1.317-1.08-2.623-1.08-6.225V68.687z"
fill="#fbefa8"
></path>
<path
d="M87.88 74.277c0-.957-.79-1.733-1.766-1.733s-1.766.776-1.766 1.733v7.686L74.06 71.864a1.79 1.79 0 0 0-2.496 0 1.71 1.71 0 0 0 0 2.45L81.85 84.413h-7.828c-.976 0-1.766.776-1.766 1.733s.79 1.733 1.766 1.733h12.1a1.81 1.81 0 0 0 .674-.133c.43-.175.776-.513.954-.937.1-.21.136-.436.136-.66l.002-11.87z"
fill="#b7a001"
fill-rule="nonzero"
></path>
<path
d="M10.36 0h43.928c3.602 0 4.908.375 6.225 1.08a7.34 7.34 0 0 1 3.055 3.055c.704 1.317 1.08 2.623 1.08 6.225v43.928c0 3.602-.375 4.908-1.08 6.225a7.34 7.34 0 0 1-3.055 3.055c-1.317.704-2.623 1.08-6.225 1.08H10.36c-3.602 0-4.908-.375-6.225-1.08a7.34 7.34 0 0 1-3.055-3.055C.375 59.196 0 57.89 0 54.287V10.36C0 6.757.375 5.45 1.08 4.134a7.34 7.34 0 0 1 3.055-3.055C5.45.375 6.757 0 10.36 0z"
fill="#d6bf2d"
></path>
<path
d="M6.444 37.69V26.63c0-.93.608-1.558 1.558-1.558S9.56 25.7 9.56 26.63v3.876h5.662V26.63c0-.93.608-1.558 1.558-1.558s1.558.627 1.558 1.558V37.69c0 .93-.608 1.558-1.558 1.558s-1.558-.627-1.558-1.558v-4.56H9.56v4.56c0 .93-.608 1.558-1.558 1.558s-1.558-.627-1.558-1.558zm18.126 0v-9.747h-2.945c-.893 0-1.615-.456-1.615-1.31s.722-1.31 1.615-1.31h9.006c.893 0 1.615.456 1.615 1.31s-.722 1.31-1.615 1.31h-2.945v9.747c0 .93-.608 1.558-1.558 1.558s-1.558-.627-1.558-1.558zm9.29.038V26.612c0-1.254.855-1.54 1.69-1.54h.912c.97 0 1.425.38 1.748 1.425l2.717 8.778h.038l2.68-8.778c.323-1.045.78-1.425 1.748-1.425h.874c.836 0 1.69.285 1.69 1.54v11.115c0 .78-.38 1.52-1.387 1.52s-1.387-.74-1.387-1.52v-8.474h-.038l-2.907 9.082c-.21.646-.684.912-1.33.912s-1.12-.266-1.33-.912l-2.907-9.082h-.038v8.474c0 .78-.38 1.52-1.387 1.52s-1.387-.74-1.387-1.52zm16.93-.55V26.63c0-.93.608-1.558 1.558-1.558s1.558.627 1.558 1.558v9.747h5.206c.893 0 1.615.456 1.615 1.31S60.005 39 59.112 39h-6.498c-1.102 0-1.824-.437-1.824-1.824z"
fill="#fff"
fill-rule="nonzero"
></path>
</svg>
<h3>HTML PDF 변환</h3>
<p>
HTML 웹 페이지를 PDF로 변환합니다. 원하는 페이지의 URL을
복사하여 붙여 넣은 다음 클릭하여 PDF로 변환합니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 100 100"
fill-rule="evenodd"
>
<path
d="M16.024 0h67.95c5.572 0 7.593.58 9.63 1.67s3.636 2.688 4.725 4.725 1.67 4.058 1.67 9.63v67.95c0 5.572-.58 7.593-1.67 9.63s-2.688 3.636-4.725 4.725-4.058 1.67-9.63 1.67h-67.95c-5.572 0-7.593-.58-9.63-1.67S2.76 95.642 1.67 93.605 0 89.548 0 83.976v-67.95c0-5.572.58-7.593 1.67-9.63S4.358 2.76 6.395 1.67 10.452 0 16.024 0z"
fill="#4a7aab"
></path>
<path
d="M70.607 44.156h-30.35l.033-10.502c.18-2.232 1.377-4.486 3.2-6.03 1.898-1.603 4.092-2.37 6.652-2.344a12.07 12.07 0 0 1 .91.043c4.586.37 8.4 4.088 8.68 8.466.03.43.014.8-.005 1.636l-.05 2.586a2.64 2.64 0 0 0 2.602 2.678c1.482-.012 2.657-1.145 2.678-2.602l.048-2.54c.023-.992.034-1.492-.004-2.1-.447-6.933-6.39-12.815-13.527-13.4-.43-.034-.858-.054-1.28-.06h-.183c-3.77 0-7.11 1.208-9.933 3.593-2.873 2.432-4.763 6.035-5.053 9.633-.02.225-.074.925-.05 10.93h-5.582c-.77 0-1.393.625-1.393 1.393v29.525c0 .77.625 1.393 1.393 1.393h41.214c.77 0 1.393-.625 1.393-1.393V45.55c0-.77-.623-1.393-1.393-1.393zM53.415 68.06h-6.83l1.043-8.468c-1.006-.707-1.66-1.85-1.66-3.14 0-2.145 1.805-3.884 4.033-3.884s4.033 1.74 4.033 3.884c0 1.3-.653 2.434-1.66 3.14l1.042 8.468z"
fill="#fff"
fill-rule="nonzero"
></path>
</svg>
<h3>PDF 잠금해제</h3>
<p>PDF 파일의 암호를 제거하여 필요에 따라 사용하세요.</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 100 100"
>
<path
d="M16.024 0h67.95c5.572 0 7.593.58 9.63 1.67s3.636 2.688 4.725 4.725 1.67 4.058 1.67 9.63v67.95c0 5.572-.58 7.593-1.67 9.63s-2.688 3.636-4.725 4.725-4.058 1.67-9.63 1.67h-67.95c-5.572 0-7.593-.58-9.63-1.67S2.76 95.642 1.67 93.605 0 89.548 0 83.976v-67.95c0-5.572.58-7.593 1.67-9.63S4.358 2.76 6.395 1.67 10.452 0 16.024 0z"
fill="#4A7AAB"
></path>
<g fill="#fff">
<path
d="M49.485 21.715a2.5 2.5 0 0 1 2.031 0l21.5 9.556a2.5 2.5 0 0 1 1.485 2.285V47.89c0 14.445-10 27.82-23.407 31.095a2.5 2.5 0 0 1-1.186 0C36.5 75.708 26.5 62.334 26.5 47.89V33.556a2.5 2.5 0 0 1 1.485-2.285l21.5-9.556zM31.5 35.18v12.71c0 11.97 8.165 23.116 19 26.084 10.835-2.968 19-14.113 19-26.084V35.18l-19-8.444-19 8.444z"
fill-rule="nonzero"
></path>
<path
d="M53.89 58.493h-7.713l1.178-9.56c-1.136-.798-1.874-2.088-1.874-3.546 0-2.422 2.038-4.386 4.553-4.386s4.553 1.964 4.553 4.386c0 1.457-.738 2.748-1.874 3.546l1.176 9.56z"
></path>
</g>
</svg>
<h3>PDF 보호</h3>
<p>
PDF 파일을 암호로 보호하십시오. 무단 액세스를 방지하려면 PDF
문서를 암호화 하십시오.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="48"
height="48"
viewBox="0 0 100 100"
>
<defs>
<path
d="M22 28.172l9.074 9.146c.67.675 1.755.675 2.424 0a1.74 1.74 0 0 0 0-2.444L23.212 24.506c-.67-.675-1.755-.675-2.424 0L10.502 34.874a1.74 1.74 0 0 0 0 2.444c.67.675 1.755.675 2.424 0L22 28.172z"
id="A"
></path>
<path
d="M22 71.668l9.074-9.146c.67-.675 1.755-.675 2.424 0a1.74 1.74 0 0 1 0 2.444L23.212 75.334c-.67.675-1.755.675-2.424 0L10.502 64.966a1.74 1.74 0 0 1 0-2.444c.67-.675 1.755-.675 2.424 0L22 71.668z"
id="B"
></path>
</defs>
<path
d="M63.05 56h29.9c2.452 0 3.34.255 4.237.735s1.6 1.183 2.08 2.08S100 60.6 100 63.05v29.9c0 2.452-.255 3.34-.735 4.237s-1.183 1.6-2.08 2.08S95.4 100 92.95 100h-29.9c-2.452 0-3.34-.255-4.237-.735s-1.6-1.183-2.08-2.08S56 95.4 56 92.95v-29.9c0-2.452.255-3.34.735-4.237s1.183-1.6 2.08-2.08S60.6 56 63.05 56z"
fill="#f5c5b3"
></path>
<path
d="M7.05 0h29.9c2.452 0 3.34.255 4.237.735s1.6 1.183 2.08 2.08S44 4.6 44 7.05v85.9c0 2.452-.255 3.34-.735 4.237s-1.183 1.6-2.08 2.08S39.4 100 36.95 100H7.05c-2.452 0-3.34-.255-4.237-.735s-1.6-1.183-2.08-2.08S0 95.4 0 92.95V7.05C0 4.6.255 3.7.735 2.814s1.183-1.6 2.08-2.08S4.6 0 7.05 0z"
fill="#ee6c4d"
></path>
<path
d="M63.05 0h29.9c2.452 0 3.34.255 4.237.735s1.6 1.183 2.08 2.08S100 4.6 100 7.05v29.9c0 2.452-.255 3.34-.735 4.237s-1.183 1.6-2.08 2.08S95.4 44 92.95 44h-29.9c-2.452 0-3.34-.255-4.237-.735s-1.6-1.183-2.08-2.08S56 39.4 56 36.95V7.05c0-2.452.255-3.34.735-4.237s1.183-1.6 2.08-2.08S60.6 0 63.05 0z"
fill="#f5c5b3"
></path>
<path
d="M70.394 27.743l5.227-13.536c.345-.893.986-1.206 1.972-1.206h.96c.912 0 1.726.217 2.17 1.448l4.88 13.295c.148.386.394 1.086.394 1.52 0 .965-.863 1.737-1.898 1.737-.888 0-1.53-.314-1.824-1.086L81.24 27.02h-6.508l-1.06 2.895c-.27.772-.838 1.086-1.8 1.086-1.1 0-1.874-.676-1.874-1.737 0-.434.247-1.134.394-1.52zm9.96-3.475l-2.293-6.973h-.05l-2.4 6.973h4.733zM71 83.733V71.267c0-1.724.884-2.267 2.233-2.267h5.07c2.8 0 6.116.638 6.116 4.392a3.62 3.62 0 0 1-2.349 3.447v.047c1.767.472 2.93 1.747 2.93 4.085 0 3.565-2.86 5.03-6.163 5.03h-5.605C71.884 86 71 85.457 71 83.733zm3.814-5.3v4.58h3.2c1.488 0 3.163-.307 3.163-2.267 0-2.054-1.767-2.314-3.628-2.314h-2.744zm0-6.6v4.156h3.14c1.8 0 2.65-.732 2.65-2.078 0-1.63-1.35-2.078-2.767-2.078h-3.023z"
fill="#b63c23"
></path>
<g fill="#fff">
<mask><use xlink:href="#A"></use></mask>
<use fill-rule="nonzero" xlink:href="#A"></use>
<mask><use xlink:href="#B"></use></mask>
<use fill-rule="nonzero" xlink:href="#B"></use>
<ellipse cx="22" cy="49.92" rx="5.143" ry="5.184"></ellipse>
</g>
</svg>
<h3>PDF 구성</h3>
<p>
원하는대로 PDF 파일의 페이지를 정렬하십시오. 편리하게 PDF
페이지를 제거하거나 문서에 추가하십시오.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 100 100"
fill-rule="evenodd"
>
<path
d="M64.706 31.342H45.6c-4.957 0-6.755.516-8.567 1.485s-3.235 2.392-4.204 4.204-1.485 3.6-1.485 8.567v19.107H10.37c-3.605 0-4.913-.375-6.23-1.08a7.35 7.35 0 0 1-3.057-3.057C.375 59.25 0 57.943 0 54.337V10.37c0-3.605.375-4.913 1.08-6.23A7.35 7.35 0 0 1 4.138 1.08C5.456.375 6.763 0 10.37 0h43.97c3.605 0 4.913.375 6.23 1.08a7.35 7.35 0 0 1 3.057 3.057c.705 1.318 1.08 2.625 1.08 6.23v20.973z"
fill="#c0cfe1"
></path>
<path
d="M27.94 14.624c0-.937-.758-1.697-1.697-1.697s-1.697.76-1.697 1.697v7.525l-9.887-9.887c-.663-.663-1.736-.663-2.4 0s-.663 1.736 0 2.4l9.887 9.887h-7.523c-.938 0-1.697.76-1.697 1.697s.758 1.697 1.697 1.697h11.62a1.71 1.71 0 0 0 .647-.131c.415-.17.746-.503.917-.917.086-.206.13-.427.13-.647V14.624z"
fill="#204160"
fill-rule="nonzero"
></path>
<path
d="M45.663 35.294h43.97c3.605 0 4.913.375 6.23 1.08a7.35 7.35 0 0 1 3.057 3.057c.705 1.318 1.08 2.625 1.08 6.23v43.97c0 3.605-.375 4.913-1.08 6.23a7.35 7.35 0 0 1-3.057 3.057c-1.318.705-2.625 1.08-6.23 1.08h-43.97c-3.605 0-4.913-.375-6.23-1.08a7.35 7.35 0 0 1-3.057-3.057c-.705-1.318-1.08-2.625-1.08-6.23v-43.97c0-3.605.375-4.913 1.08-6.23a7.35 7.35 0 0 1 3.057-3.057c1.318-.705 2.625-1.08 6.23-1.08z"
fill="#4A7AAB"
></path>
<path
d="M49.288 78.12l8.604-22.644c.216-.576.576-1.476 1.98-1.476.828 0 1.872.684 1.872 1.836 0 .396-.144.792-.288 1.188l-8.604 22.644c-.216.576-.576 1.476-1.98 1.476-.828 0-1.872-.684-1.872-1.836 0-.396.144-.792.288-1.188zm14.415-1.98l7.632-20.196c.504-1.332 1.44-1.8 2.88-1.8h1.404c1.332 0 2.52.324 3.168 2.16l7.128 19.836c.216.576.576 1.62.576 2.268 0 1.44-1.26 2.592-2.772 2.592-1.296 0-2.232-.468-2.664-1.62l-1.512-4.32H70.04l-1.548 4.32c-.396 1.152-1.224 1.62-2.628 1.62-1.62 0-2.736-1.008-2.736-2.592 0-.648.36-1.692.576-2.268zm14.544-5.184L74.9 60.552h-.072l-3.492 10.404h6.912z"
fill="#fff"
></path>
</svg>
<h3>PDF PDF/A로 변환</h3>
<p>
PDF를 PDF/A로 변환하여 ISO 표준으로 오랫동안 문서를
보존하세요. 나중에 PDF 파일을 열어도 서식이 유지됩니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
fill-rule="evenodd"
>
<path
d="M8.012 0h33.977c2.785 0 3.797.29 4.816.836 1.004.53 1.828 1.355 2.36 2.363.547 1.016.836 2.027.836 4.813v33.977c0 2.785-.29 3.797-.836 4.816-.53 1.004-1.355 1.828-2.36 2.36-1.02.547-2.03.836-4.816.836H8.012c-2.785 0-3.797-.29-4.816-.836-1.004-.53-1.828-1.355-2.36-2.36C.29 45.785 0 44.773 0 41.988V8.012c0-2.785.29-3.797.836-4.816C1.367 2.19 2.19 1.367 3.2.836 4.215.29 5.227 0 8.012 0zm0 0"
fill="rgb(56.078431%,73.72549%,36.470588%)"
></path>
<path
d="M20.816 27.363c.117.098.184.242.18.39 0 .12-.04.234-.113.324l-6.563 7.906a.51.51 0 0 1-.715.063.52.52 0 0 1-.18-.391c0-.12.043-.234.117-.328l6.56-7.902c.086-.102.207-.168.34-.18s.27.03.37.117zm2.13 1.793a.51.51 0 0 1 .066.715l-6.562 7.906c-.086.102-.207.168-.344.18a.5.5 0 0 1-.367-.117.52.52 0 0 1-.18-.391c0-.12.04-.234.117-.328l6.56-7.902c.086-.102.21-.168.344-.18s.266.03.37.117zm-10.816 5.31c-.957 1.156-.805 2.89.344 3.86l1.238 1.043a2.72 2.72 0 0 0 3.836-.352l6.953-8.367L19.988 25zm21.13-18.527a4.4 4.4 0 0 1 1.32-1.062l.313-.16c.387-.203.723-.473.996-.8l1.04-1.25c.137-.164.078-.44-.13-.613l-1.69-1.418c-.21-.176-.488-.184-.625-.02l-1.04 1.25a3.31 3.31 0 0 0-.609 1.125l-.102.336a4.32 4.32 0 0 1-.805 1.492L26.5 21.32l1.29 1.18zm3.082 21.637c-.355.328-.824.504-1.305.484a1.81 1.81 0 0 1-1.262-.578c-.684-.738-.64-1.89.094-2.574a1.8 1.8 0 0 1 1.301-.484 1.81 1.81 0 0 1 1.266.578c.68.738.637 1.89-.094 2.574M24.1 20.996c-.906-.848-1.36-2.1-1.156-3.316.29-1.777-.21-3.668-1.527-5.094-1.293-1.398-3.1-2.035-4.852-1.906-.312.023-.46.398-.246.63l2.742 2.965a1.46 1.46 0 0 1-.074 2.051l-2.492 2.324c-.28.262-.656.402-1.04.387a1.44 1.44 0 0 1-1.008-.461l-2.734-2.953c-.098-.105-.25-.148-.387-.102a.37.37 0 0 0-.262.305c-.25 1.773.273 3.648 1.6 5.035a6.01 6.01 0 0 0 4.836 1.852c1.234-.102 2.438.434 3.215 1.398L32.5 38.828c1.38 1.484 3.7 1.566 5.18.19s1.563-3.72.19-5.2zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>PDF 복구</h3>
<p>
손상된 PDF를 복구하고 손상된 PDF에서 데이터를 복구하십시오.
수리 도구로 PDF 파일을 수정하십시오.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 50 50"
fill-rule="evenodd"
>
<path
d="M31.523 28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H31.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04-.242-.45-.367-.895-.367-2.117V31.523c0-1.223.13-1.668.367-2.117.234-.44.598-.805 1.04-1.04.45-.242.895-.367 2.117-.367zm0-28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H31.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04-.242-.45-.367-.895-.367-2.117V3.523c0-1.223.13-1.668.367-2.117.234-.44.598-.805 1.04-1.04C29.855.125 30.3 0 31.523 0zm-28 28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H3.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04C.125 48.145 0 47.7 0 46.477V31.523c0-1.223.13-1.668.367-2.117.234-.44.598-.805 1.04-1.04.45-.242.895-.367 2.117-.367zm0-28h14.953c1.223 0 1.668.13 2.117.367.44.234.805.598 1.04 1.04.242.45.367.895.367 2.117v14.953c0 1.223-.13 1.668-.367 2.117-.234.44-.598.805-1.04 1.04-.45.242-.895.367-2.117.367H3.523c-1.223 0-1.668-.13-2.117-.367-.44-.234-.805-.598-1.04-1.04C.125 20.145 0 19.7 0 18.477V3.523C0 2.3.13 1.852.367 1.406A2.56 2.56 0 0 1 1.406.367C1.855.13 2.3 0 3.523 0zm0 0"
fill="rgb(67.058824%,41.176471%,57.647059%)"
></path>
<path
d="M10.34 14.27v-4.94H8.664c-.43 0-.664-.156-.664-.687 0-.484.262-.613.938-.742l.48-.105C10.86 7.48 10.457 6 11.566 6c.418 0 .754.184.754.883v7.387c0 .676-.258 1.14-.988 1.14s-.988-.465-.988-1.14zm27.31-.668h3.902c.492 0 .855.234.855.816s-.363.82-.96.82H36.57c-.754 0-1.066-.508-1.066-.96 0-.926.82-1.953 2.445-2.977 1.81-1.145 2.43-1.38 2.43-2.434 0-.848-.648-1.313-1.363-1.313-.832 0-1.39.34-1.676 1.38-.133.48-.3.727-.82.727-.535 0-.95-.22-.95-.87 0-1.586 1.56-2.8 3.47-2.8 2.082 0 3.316 1.367 3.316 2.563 0 1.73-.793 2.398-2.172 3.184-1.47.832-2.363 1.367-2.535 1.86zM7.5 41.664a.88.88 0 0 1 .922-.91c1.156 0 .535 1.598 2.328 1.598.977 0 1.5-.598 1.5-1.402 0-.625-.273-1.082-1.172-1.172-.363-.04-1.078-.102-1.078-.703 0-.676.39-.816 1.133-.855.648-.04.988-.418.988-1.016 0-.777-.613-1.145-1.3-1.145-1.574 0-1.21 1.484-2.234 1.484-.445 0-.87-.2-.87-.78 0-1.586 1.883-2.262 3.145-2.262 2.25 0 3.082 1.262 3.082 2.523 0 .832-.38 1.43-1.102 1.82.977.27 1.39 1.05 1.39 2.027 0 2.055-1.586 3.04-3.508 3.04-2.445 0-3.21-1.52-3.21-2.246zm31.75-1.484v-3.367h-.023l-2.512 3.367zm0 2.824v-1.34h-3.262c-.676 0-.988-.48-.988-.898 0-.336.078-.547.246-.766l4.004-5.137c.2-.258.48-.363.852-.363.703 0 .973.38.973.938v4.75h.652c.44 0 .727.31.727.738s-.285.742-.727.742h-.652v1.34c0 .547-.23.9-.9.9s-.906-.363-.906-.9zm0 0"
fill="rgb(100%,100%,100%)"
></path>
</svg>
<h3>페이지 번호</h3>
<p>
PDF 문서에 페이지 번호를 쉽게 추가하세요. 위치, 크기, 폰트
선택이 가능합니다.
</p>
</div>
</a>
<a href="#">
<div class="tools_item_icon">
<svg
width="48"
height="48"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 0h34c2.783 0 3.826.26 4.783.87a5.118 5.118 0 0 1 2.347 2.347c.522 1.044.87 2 .87 4.783v34c0 2.783-.26 3.826-.87 4.783a5.118 5.118 0 0 1-2.347 2.347c-1.044.522-2 .87-4.783.87H8c-2.783 0-3.826-.26-4.783-.87-.956-.608-1.826-1.304-2.347-2.347C.348 45.739 0 44.783 0 42V8c0-2.783.26-3.826.87-4.783A5.119 5.119 0 0 1 3.217.87C4.174.26 5.217 0 8 0Z"
fill="#EE6C4D"
></path>
<mask id="a" fill="#fff">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M31.066 36.563H18.934c-.914 0-1.655-.77-1.655-1.72V15.157c0-.949.741-1.719 1.655-1.719h7.941v4.073a2 2 0 0 0 2 2h3.845v15.334c0 .949-.74 1.718-1.654 1.718ZM18.934 38.28h12.132c1.828 0 3.309-1.539 3.309-3.437V19.549c0-.912-.349-1.786-.97-2.431l-4.169-4.392a3.247 3.247 0 0 0-2.34-1.007h-7.962c-1.828 0-3.309 1.539-3.309 3.437v19.688c0 1.898 1.481 3.437 3.309 3.437Z"
></path>
</mask>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M31.066 36.563H18.934c-.914 0-1.655-.77-1.655-1.72V15.157c0-.949.741-1.719 1.655-1.719h7.941v4.073a2 2 0 0 0 2 2h3.845v15.334c0 .949-.74 1.718-1.654 1.718ZM18.934 38.28h12.132c1.828 0 3.309-1.539 3.309-3.437V19.549c0-.912-.349-1.786-.97-2.431l-4.169-4.392a3.247 3.247 0 0 0-2.34-1.007h-7.962c-1.828 0-3.309 1.539-3.309 3.437v19.688c0 1.898 1.481 3.437 3.309 3.437Z"
fill="#FBE8E2"
></path>
<path
d="M26.875 13.438h2v-2h-2v2Zm5.845 6.072 2-.044-.043-1.956H32.72v2Zm.686-2.392-1.45 1.377.009.01 1.44-1.387Zm-4.17-4.392 1.45-1.378-.009-.01-1.44 1.388ZM18.934 38.563h12.132v-4H18.934v4Zm-3.655-3.72c0 1.982 1.565 3.72 3.655 3.72v-4c.12 0 .217.053.27.11.053.053.075.118.075.17h-4Zm0-19.687v19.688h4V15.156h-4Zm3.655-3.719c-2.09 0-3.655 1.738-3.655 3.72h4a.254.254 0 0 1-.074.17.382.382 0 0 1-.271.11v-4Zm7.941 0h-7.941v4h7.941v-4Zm-2 2v4.073h4v-4.073h-4Zm0 4.073a4 4 0 0 0 4 4v-4h-4Zm4 4h3.845v-4h-3.845v4Zm5.846-1.961-.001-.083-4 .087v-.004h4Zm0 15.295V19.549h-4v15.295h4Zm-3.655 3.718c2.09 0 3.655-1.737 3.655-3.718h-4c0-.053.022-.117.074-.172a.382.382 0 0 1 .271-.11v4Zm0-2.28H18.934v4h12.132v-4Zm1.309-1.438c0 .866-.657 1.437-1.309 1.437v4c3.003 0 5.309-2.507 5.309-5.437h-4Zm0-15.295v15.295h4V19.549h-4Zm-.41-1.044c.254.264.41.638.41 1.044h4a5.506 5.506 0 0 0-1.528-3.818l-2.882 2.774Zm-4.18-4.402 4.17 4.392 2.901-2.754-4.17-4.392-2.9 2.753Zm-.889-.384c.322 0 .647.132.9.394l2.881-2.774a5.247 5.247 0 0 0-3.78-1.62v4Zm-7.962 0h7.962v-4h-7.962v4Zm-1.309 1.437c0-.866.657-1.437 1.309-1.437v-4c-3.003 0-5.309 2.507-5.309 5.437h4Zm0 19.688V15.156h-4v19.688h4Zm1.309 1.437c-.652 0-1.309-.57-1.309-1.437h-4c0 2.93 2.306 5.437 5.309 5.437v-4Z"
fill="#FBE8E2"
mask="url(#a)"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M42.188 10.93v3.684c0 .561-.45 1.011-1.011 1.011-.561 0-1.011-.45-1.011-1.01v-3.686c0-.58-.515-1.095-1.095-1.095h-3.685c-.561 0-1.011-.45-1.011-1.01 0-.562.45-1.011 1.01-1.011h3.686c1.701 0 3.117 1.415 3.117 3.116ZM7.813 39.07v-3.684c0-.561.45-1.011 1.01-1.011.561 0 1.011.45 1.011 1.01v3.686c0 .58.515 1.095 1.095 1.095h3.685c.561 0 1.011.45 1.011 1.01 0 .561-.45 1.011-1.01 1.011h-3.686c-1.701 0-3.117-1.415-3.117-3.116ZM10.93 7.813h3.684c.561 0 1.011.45 1.011 1.01 0 .561-.45 1.011-1.01 1.011h-3.686c-.58 0-1.095.515-1.095 1.095v3.685c0 .561-.45 1.011-1.01 1.011-.562 0-1.011-.45-1.011-1.01v-3.686c0-1.701 1.415-3.117 3.116-3.117ZM39.07 42.188h-3.684c-.561 0-1.011-.45-1.011-1.011 0-.561.45-1.011 1.01-1.011h3.686c.58 0 1.095-.515 1.095-1.095v-3.685c0-.561.45-1.011 1.01-1.011.561 0 1.011.45 1.011 1.01v3.686c0 1.701-1.415 3.117-3.116 3.117Z"
fill="#fff"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.219 28.594c0-.431.35-.781.781-.781h10.435a.781.781 0 1 1 0 1.563H20a.781.781 0 0 1-.781-.782ZM19.219 32.072c0-.431.35-.781.781-.781h10.435a.781.781 0 0 1 0 1.562H20a.781.781 0 0 1-.781-.78Z"
fill="#FBE8E2"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.375 24.61c0-.648.525-1.172 1.172-1.172h28.906a1.172 1.172 0 0 1 0 2.343H10.547a1.172 1.172 0 0 1-1.172-1.172Z"
fill="#fff"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.28 24.609a2.266 2.266 0 0 1 2.266-2.266h28.907a2.266 2.266 0 1 1 0 4.532H10.546a2.266 2.266 0 0 1-2.265-2.266Zm2.266-1.172a1.172 1.172 0 0 0 0 2.344h28.907a1.172 1.172 0 0 0 0-2.344H10.546Z"
fill="#EE6C4D"
></path>
</svg>
<h3>PDF로 스캔</h3>
<p>
모바일 장치에서 문서 스캔을 캡처하고 즉시 브라우저로 보냅니다.
</p>
</div>
</a>
<a href="#" class="new_a">
<div class="tools_item_icon">
<div class="new_icon">새 기능!</div>
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.692 0h32.616c2.675 0 3.645.278 4.623.801a5.452 5.452 0 0 1 2.268 2.268c.523.978.801 1.948.801 4.623v32.616c0 2.675-.279 3.645-.801 4.623a5.452 5.452 0 0 1-2.268 2.268c-.978.523-1.948.801-4.623.801H7.692c-2.675 0-3.645-.279-4.623-.801A5.452 5.452 0 0 1 .801 44.93C.278 43.953 0 42.983 0 40.308V7.692c0-2.675.278-3.645.801-4.623A5.452 5.452 0 0 1 3.07.801C4.047.278 5.017 0 7.692 0Z"
fill="#8FBC5D"
></path>
<path
d="M34.985 23.5c-.56 0-1.014-.454-1.014-1.015v-5.327a2.19 2.19 0 0 0-.595-1.509l-6.031-5.39a1.98 1.98 0 0 0-1.435-.626h-8.851c-1.121 0-2.03.956-2.03 2.134v2.185a1.015 1.015 0 1 1-2.03 0v-2.185C13.001 9.41 14.818 7.5 17.06 7.5h8.85c1.077 0 2.11.45 2.87 1.25l6.032 5.391A4.38 4.38 0 0 1 36 17.158v5.327c0 .56-.454 1.015-1.015 1.015Z"
fill="#E5F5D2"
></path>
<path
d="M10 27a1.5 1.5 0 0 1 1.5-1.5H37a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5H11.5A1.5 1.5 0 0 1 10 36v-9Z"
fill="#fff"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.429 26.5c1.015 0 1.772.285 2.247.866.37.455.588 1.06.658 1.818l.019.291.005.263v3.47l-.006.287c-.04.885-.263 1.59-.676 2.11-.476.6-1.234.895-2.247.895-.514 0-.962-.075-1.342-.229a2.172 2.172 0 0 1-.948-.712c-.225-.3-.389-.65-.491-1.044-.06-.23-.101-.48-.125-.753l-.017-.281-.006-.285v-3.465l.005-.26c.036-.897.258-1.602.675-2.11.473-.578 1.23-.861 2.249-.861Zm7.076 0c.949 0 1.655.26 2.096.79.341.41.542.96.608 1.649l.02.265.005.264v.109c0 .53-.434.96-.968.96a.967.967 0 0 1-.934-.716l-.027-.13-.007-.113-.001-.287-.013-.346-.013-.16-.009-.05-.057-.221-.026-.073a.101.101 0 0 0-.01-.018 1.31 1.31 0 0 0-.113-.126.21.21 0 0 0-.074-.049 1.167 1.167 0 0 0-.197-.052 1.49 1.49 0 0 0-.269-.022c-.152 0-.281.016-.386.045a.457.457 0 0 0-.195.101.788.788 0 0 0-.15.19.887.887 0 0 0-.084.275l-.031.212-.02.2-.012.367v3.764c0 .62.077 1.043.21 1.242.108.163.32.25.668.25.144 0 .264-.014.359-.041a.355.355 0 0 0 .162-.091.862.862 0 0 0 .142-.189.836.836 0 0 0 .071-.26l.032-.266.011-.23.005-.458c0-.53.434-.96.968-.96.44 0 .819.295.934.716l.027.13.007.115v.059c0 .366-.024.697-.073.991a3.38 3.38 0 0 1-.26.86c-.13.284-.304.521-.52.712-.215.19-.484.336-.806.44-.313.102-.67.152-1.07.152-.43 0-.811-.057-1.146-.173a2.35 2.35 0 0 1-.85-.492 2.4 2.4 0 0 1-.54-.766 3.515 3.515 0 0 1-.275-.917 5.723 5.723 0 0 1-.055-.49l-.013-.267-.005-.27v-3.227c0-.403.025-.764.076-1.083.052-.331.144-.641.274-.93.138-.303.32-.557.547-.759.228-.202.512-.357.85-.466a3.69 3.69 0 0 1 1.137-.16Zm8.704.736c-.517-.437-1.295-.648-2.33-.648h-1.332l-.117.008-.122.026a.906.906 0 0 0-.674.872v7.913l.008.119.024.123a1 1 0 0 0 .97.752l.12-.008.142-.027.128-.045.119-.06a.988.988 0 0 0 .493-.854v-3.29h.422l.996 3.43.048.132.074.141c.217.36.602.58 1.024.58a.819.819 0 0 0 .822-.815l-.007-.099-.01-.066-1.105-3.745.165-.095c.626-.408.934-1.167.934-2.233 0-.95-.26-1.661-.792-2.11Zm-15.78.938c-.215 0-.385.029-.508.08a.436.436 0 0 0-.221.193 1.23 1.23 0 0 0-.14.398c-.015.08-.026.173-.033.276l-.008.163-.003.19v3.992l.003.195c.005.178.019.33.04.455.026.152.074.289.142.412.052.094.125.161.224.207.123.055.292.085.504.085.212 0 .379-.03.5-.085a.47.47 0 0 0 .228-.207c.068-.123.116-.26.142-.412.014-.084.025-.18.032-.285l.008-.167.003-.193V29.48l-.003-.192a3.202 3.202 0 0 0-.04-.442 1.23 1.23 0 0 0-.14-.398.436.436 0 0 0-.222-.192 1.336 1.336 0 0 0-.508-.08Zm13.209.012.235-.002.18.005.16.012c.306.03.511.107.611.213.141.149.224.462.224.933 0 .48-.093.79-.254.932l-.072.054c-.186.12-.497.187-.93.187l-.154-.001v-2.333Z"
fill="#8FBC5D"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12.5 40.5v-18H14v18h-1.5Z"
fill="#fff"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12.5 37.5v-12H14v12h-1.5Z"
fill="#8FBC5D"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 40.75a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75ZM10 22.25a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75Z"
fill="#fff"
></path>
<path
d="m26 7.5 5 5 4 5h-6.5A2.5 2.5 0 0 1 26 15V7.5Z"
fill="#E5F5D2"
></path>
</svg>
<h3>OCR PDF</h3>
<p>스캔한 PDF를 검색 및 선택 가능한 문서로 쉽게 변환합니다.</p>
</div>
</a>
<a href="#" class="new_a">
<div class="tools_item_icon">
<div class="new_icon">새 기능!</div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="49"
viewBox="0 0 50 50"
fill="none"
>
<path
fill="#4A7AAB"
fill-rule="evenodd"
d="M7.692.917h32.616c2.675 0 3.645.279 4.623.802a5.452 5.452 0 0 1 2.268 2.268c.523.978.801 1.948.801 4.622v32.617c0 2.674-.279 3.644-.801 4.622a5.452 5.452 0 0 1-2.268 2.268c-.978.523-1.948.801-4.623.801H7.692c-2.675 0-3.645-.278-4.623-.8a5.452 5.452 0 0 1-2.268-2.269C.278 44.87 0 43.9 0 41.226V8.609c0-2.674.278-3.644.801-4.622A5.452 5.452 0 0 1 3.07 1.719c.978-.523 1.948-.802 4.623-.802Z"
clip-rule="evenodd"
></path>
<path
fill="#BCD1E6"
fill-rule="evenodd"
d="M21 13.418H10a.5.5 0 0 0-.5.5v22a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-22a.5.5 0 0 0-.5-.5Zm-11-1.5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-22a2 2 0 0 0-2-2H10Z"
clip-rule="evenodd"
></path>
<path
fill="#E8EDF3"
fill-rule="evenodd"
d="M27 36.417h11a.5.5 0 0 0 .5-.5v-22a.5.5 0 0 0-.5-.5H27a.5.5 0 0 0-.5.5v22a.5.5 0 0 0 .5.5Zm11 1.5a2 2 0 0 0 2-2v-22a2 2 0 0 0-2-2H27a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h11Z"
clip-rule="evenodd"
></path>
<path
fill="#E8EDF3"
d="M29 26.918a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-5Z"
></path>
<rect
width="7"
height="2"
x="29"
y="16.918"
fill="#E8EDF3"
rx="1"
></rect>
<rect
width="7"
height="2"
x="29"
y="20.918"
fill="#E8EDF3"
rx="1"
></rect>
<rect
width="7"
height="2"
x="12"
y="30.918"
fill="#BCD1E6"
rx="1"
></rect>
<rect
width="7"
height="2"
x="12"
y="26.918"
fill="#BCD1E6"
rx="1"
></rect>
<path
fill="#BCD1E6"
d="M12 17.918a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-5Z"
></path>
</svg>
<h3>PDF 비교</h3>
<p>
문서를 나란히 비교한 것을 표시하고 서로 다른 파일 버전 간 변경
사항을 쉽게 발견할 수 있습니다.
</p>
</div>
</a>
<a href="#" class="new_a">
<div class="tools_item_icon">
<div class="new_icon">새 기능!</div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="49"
viewBox="0 0 50 50"
fill="none"
>
<path
fill="#4A7AAB"
d="M7.692.917h32.616c2.675 0 3.645.279 4.623.802a5.452 5.452 0 0 1 2.268 2.268c.523.978.801 1.948.801 4.622v32.617c0 2.674-.279 3.644-.801 4.622a5.452 5.452 0 0 1-2.268 2.268c-.978.523-1.948.801-4.623.801H7.692c-2.675 0-3.645-.278-4.623-.8a5.452 5.452 0 0 1-2.268-2.269C.278 44.87 0 43.9 0 41.226V8.609c0-2.674.278-3.644.801-4.622A5.452 5.452 0 0 1 3.07 1.719c.978-.523 1.948-.802 4.623-.802Z"
></path>
<path
fill="#E8EDF3"
fill-rule="evenodd"
d="M11.5 10.918a1.5 1.5 0 0 1 1.5-1.5h22a1.5 1.5 0 0 1 0 3H13a1.5 1.5 0 0 1-1.5-1.5Z"
clip-rule="evenodd"
></path>
<path
fill="#fff"
d="M12 18.102a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v7.615a2 2 0 0 1-2 2H14a2 2 0 0 1-2-2v-7.614Z"
></path>
<path
fill="#4A7AAB"
fill-rule="evenodd"
d="M21.284 18.875a.97.97 0 0 1 1.37 0l4.845 4.84a.967.967 0 0 1 0 1.369.97.97 0 0 1-1.37 0l-4.845-4.84a.967.967 0 0 1 0-1.369Z"
clip-rule="evenodd"
></path>
<path
fill="#4A7AAB"
fill-rule="evenodd"
d="M27.5 18.875a.97.97 0 0 0-1.371 0l-4.845 4.84a.967.967 0 0 0 0 1.369.97.97 0 0 0 1.37 0l4.845-4.84a.967.967 0 0 0 0-1.369Z"
clip-rule="evenodd"
></path>
<path
fill="#E8EDF3"
fill-rule="evenodd"
d="M11.5 32.917a1.5 1.5 0 0 1 1.5-1.5h21a1.5 1.5 0 0 1 0 3H13a1.5 1.5 0 0 1-1.5-1.5ZM11.5 38.917a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3H13a1.5 1.5 0 0 1-1.5-1.5Z"
clip-rule="evenodd"
></path>
</svg>
<h3>PDF 검열</h3>
<p>
문서에서 표시되는 텍스트와 그래픽을 영구적으로 제거할 수
있습니다. PDF 검열도구를 사용하여 PDF 텍스트와 민감한 정보를
검은 색상으로 처리할 수 있습니다.
</p>
</div>
</a>
</div>
</section>> css
더보기
.tools {
width: 100%;
height: 1190px;
}
.tools_item {
width: 1767px;
height: 1156px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tools_item a {
display: block;
background-color: #fff;
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2);
width: 289px;
height: 218px;
padding: 30px;
box-sizing: border-box;
border-radius: 5px;
}
.tools_item a h3 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
margin: 8px 0px;
}
.tools_item a p {
line-height: 18px;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.3px;
color: #707078;
}
.new_a .new_icon {
width: 71px;
height: 23px;
border: 1px solid #bd060a;
color: #e5322d;
border-radius: 7px;
text-align: center;
font-size: 12px;
font-weight: 600;
line-height: 22px;
position: absolute;
right: 15px;
top: 15px;
}
.new_a {
position: relative;
top: 0;
left: 0;
}
.tools_item > a:hover {
background-color: #f5f5fa;
}박스들은 display: flex; 랑 flex-wrap: wrap; 으로 정렬해줬다.
flex-wrap: wrap; > 자식들의 넓이를 유지하면서 여러 줄에 걸쳐 정렬해줌.
- '새 기능' 버튼은 div class='new icon'으로 만들어서 부모박스(하얀박스)에 position : relative 주고
버튼에 position: relative 줘서 right top으로 위치를 잡아주었다.
<section 3>
html
더보기
<section class="section_3">
<div class="text_con">
<h2>다른 솔루션을 찾고 계십니까?</h2>
<div class="inner_con">
<div class="inner_con1">
<h3>iLove 데스크톱</h3>
<p>
사용자의 MAC 또는 Window PC에서 자주 사용하는 PDF 도구와 함께
사용할 수 있는 <a href="#">iLovePDF Desktop</a> 앱을
다운로드하세요. 많은 양의 PDF 작업을 오프라인에서 몇 초만에
처리할 수 있는 용량이 적은 PDF 앱을 얻으세요
</p>
</div>
<div class="inner_con1">
<h3>iLove 모바일</h3>
<p>
원격으로 또는 이동 중에 문서를 관리할
<a href="#">iLovePDF 모바일</a>앱을 받으세요. Android 또는
iphone 장치를 PDF 편집기 및 스캐너로 전환하여 문서에 주석을
달고 서명하고 쉽게 공유할 수 있습니다.
</p>
</div>
<div class="inner_con1">
<h3>iLoveIMG</h3>
<p>
<a href="#">iLoveIMG</a>는 무료로 이미지를 수정할 수 있도록
도와주는 웹 앱입니다. 자르기, 크기 조정, 압축, 변환 등을
수행합니다. 몇번의 클릭만으로 이미지를 개선하는 데 필요한 모든
도구를 사용할 수 있습니다.
</p>
</div>
</div>
</div>
</section>> css
더보기
.section_3 {
width: 100%;
height: 546px;
padding-top: 110px;
box-sizing: border-box;
background-color: #fff;
}
.section_3 .text_con {
width: 1600px;
height: 326px;
margin: 0px auto;
box-sizing: border-box;
}
.text_con > h2 {
font-size: 42px;
font-weight: 700;
text-align: center;
line-height: 52px;
}
.inner_con {
width: 100%;
height: 274px;
display: flex;
justify-content: space-between;
}
.inner_con1 {
width: 503px;
height: 178px;
margin-top: 100px;
padding: 12px;
box-sizing: border-box;
}
.inner_con1 h3 {
font-size: 28px;
font-weight: 500;
line-height: 30px;
margin-bottom: 12px;
}
.inner_con1 p {
font-size: 16px;
color: #707078;
line-height: 28px;
}
.inner_con1 p a {
color: #e5322d;
font-size: 16px;
text-decoration: underline;
font-weight: 500;
}
.inner_con1 p a:hover {
color: #222;
}< section 4 >
더보기
<section class="section_4">
<div class="text_con2">
<h3>수백만 명의 사용자가 신뢰하는 PDF 소프트웨어</h3>
<p>
iLovePDF는 웹에서 쉽게 PDF를 편집할 수 있는 최고의 앱입니다. 전자
문서에서 효율적으로 작업하는 데 필요한 모든 도구를 사용하고 데이터
보안과 무결성을 유지하세요.
</p>
<div class="section4_icons">
<img
width="55"
height="25"
src="./img/pdf-logo.svg"
alt="pdf로고"
/>
<img
width="67"
height="30"
src="./img/iso-logo.svg"
alt="iso로고"
/>
<img
width="89"
height="30"
src="./img/secure-logo.svg"
alt="secure로고"
/>
</div>
</div>
</section>> css
더보기
.section_4 {
width: 100%;
height: 470px;
box-sizing: border-box;
padding: 96px 0 124px 0;
}
.section_4 .text_con2 {
width: 1600px;
height: 250px;
margin: 0 auto;
text-align: center;
}
.text_con2 > h3 {
font-size: 42px;
font-weight: 600;
line-height: 52px;
}
.text_con2 p {
font-size: 22px;
line-height: 32px;
max-width: 1100px;
margin: 0 auto;
margin-top: 16px;
}
.section4_icons {
width: 580px;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
margin-top: 80px;
box-sizing: border-box;
padding: 0 64px 0 73px;
}
< section 5 >
더보기
<section class="section_5">
<div class="sect_inner">
<div class="text_con3">
<h3>프리미엄으로 더 많은 혜택 제공</h3>
<p>
일괄 파일 처리로 프로젝트를 더 빨리 완료하고, 스캔한 문서를
OCR로 변환하고, 비즈니스 계약에 다시 서명합니다.
</p>
<a href="#">프리미엄 등록</a>
</div>
<div class="svg_img">
<svg
width="365"
height="269"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#a)">
<path
d="m74.201 47.499 13.238 9.32c.435.305.73.766.824 1.297l13.874 79.259a4.778 4.778 0 0 1-3.853 5.535l-62.328 11.069a4.74 4.74 0 0 1-5.5-3.872L15.073 62.253c-.458-2.6 1.275-5.074 3.854-5.535l53.783-9.547a1.971 1.971 0 0 1 1.491.328Z"
fill="#fff"
></path>
</g>
<path
d="M112.206 69.24 86.698 178.415c-.45 1.942.601 3.925 2.355 4.431l134.773 38.69c1.754.506 3.547-.667 3.998-2.61l25.508-109.173c.451-1.942-.601-3.925-2.354-4.431l-134.774-38.69c-1.754-.496-3.537.667-3.998 2.61Z"
stroke="#fff"
stroke-linecap="round"
stroke-linejoin="round"
stroke-dasharray="4 4"
></path>
<path
fill="#FF6A58"
d="M108 232.535 144.51 222l6.654 23.06-36.51 10.534z"
></path>
<path
d="M144.701 243.222c.365-.007.707.281.831.734l.979 3.536c.45 1.632-.257 3.381-1.554 3.841l-2.82 1.007a.649.649 0 0 1-.21.039c-.357.008-.707-.281-.831-.726-.148-.538.078-1.093.505-1.249l2.82-1.007c.443-.164.699-.796.544-1.35l-.979-3.537c-.148-.538.078-1.093.505-1.249.07-.023.14-.031.21-.039Z"
fill="#F5F5FA"
></path>
<path
d="m134.181 239.046.248.898-7.908 2.834a.558.558 0 0 0-.226.156l-.272-.968 8.158-2.92Z"
fill="#FF6A58"
></path>
<path
d="M121.876 229.28c-.575.211-.924.89-.885 1.632.007.156.031.312.077.468l1.911 6.893-1.266.453-1.911-6.893a4.295 4.295 0 0 1-.155-.937c-.078-1.491.613-2.849 1.771-3.271l6.098-2.185a2.21 2.21 0 0 1 .668-.125 2.39 2.39 0 0 1 1.399.445l4.366 3.068c.645.445 1.149 1.186 1.39 2.068l.746 2.678-1.266.453-.746-2.678-2.649.906a1.586 1.586 0 0 1-.497.093c-.855.016-1.678-.671-1.974-1.733l-.978-3.528-6.099 2.193Zm9.532.469-.862-.609.233.835.629-.226Z"
fill="#fff"
></path>
<path
d="m130.538 229.14.862.609-.629.226-1.833.656 1.833-.656-.233-.835Z"
fill="#fff"
></path>
<path
d="m127.864 247.618 7.908-2.834.35 1.257-8.157 2.92-.365-1.327c.031.007.07.007.108.007a.567.567 0 0 0 .156-.023Z"
fill="#FF6A58"
></path>
<path
d="M127.701 251.528c-.598.016-1.181-.484-1.399-1.257l-2.12-7.642 2.12 7.642c.218.765.801 1.265 1.399 1.257Z"
fill="#FDE4DF"
></path>
<path
d="m136.013 238.391 2.121 7.642c.047.156.07.312.078.469.039.741-.311 1.428-.886 1.631l-9.291 3.326a.978.978 0 0 1-.334.062c-.598.016-1.181-.492-1.399-1.257l-2.12-7.642 1.833-.656.272.968c-.171.187-.249.5-.163.804.085.305.303.515.536.562l.544 1.975c-.171.195-.241.508-.163.804.085.305.302.515.536.554l.365 1.328 8.157-2.92-.35-1.257.086-.031c.334-.117.505-.547.396-.96-.101-.352-.365-.57-.645-.562a.393.393 0 0 0-.163.031l-.086.031-.512-1.842.085-.031c.334-.118.505-.547.396-.961-.093-.351-.365-.57-.644-.562a.415.415 0 0 0-.164.031l-.085.032-.249-.898 1.849-.671Z"
fill="#FF6A58"
></path>
<path
d="m134.843 241.451.512 1.834-7.908 2.834a.642.642 0 0 0-.233.156l-.544-1.975c.031.008.07.008.109.008a.413.413 0 0 0 .163-.031l7.901-2.826Z"
fill="#FF6A58"
></path>
<path
d="M135.603 243.222c.28-.007.544.219.645.562.117.414-.062.844-.396.961l-.086.031-7.908 2.834a.41.41 0 0 1-.163.031c-.039 0-.07 0-.109-.008-.241-.047-.451-.25-.536-.554-.085-.305-.016-.617.163-.804a.529.529 0 0 1 .233-.156l7.909-2.834.085-.031a.398.398 0 0 1 .163-.032Z"
fill="#fff"
></path>
<path
d="m128.378 255.596-7.085.976c-.124.015-.249.031-.373.031l7.085-.976c.124 0 .249-.016.373-.031Z"
fill="#BD060A"
></path>
<path
d="M134.678 239.889c.279-.008.551.218.644.562.117.414-.062.843-.396.96l-.085.031-7.909 2.834a.393.393 0 0 1-.163.031c-.031 0-.07 0-.109-.007-.241-.047-.45-.258-.536-.563-.085-.304-.015-.616.163-.804a.558.558 0 0 1 .226-.156l7.908-2.833.086-.032a.62.62 0 0 1 .171-.023Z"
fill="#fff"
></path>
<path
d="m132.859 234.284.116.422-8.157 2.919-1.732-6.245 3.675-1.319.341 1.226c.591 2.123 2.238 3.505 3.955 3.466.334-.008.668-.071.994-.188l.808-.281Z"
fill="#FF6A58"
></path>
<path
d="m127.103 231.287-.341-1.226-3.675 1.319 1.732 6.246-1.833.655-1.911-6.893a1.958 1.958 0 0 1-.078-.468c-.039-.75.303-1.429.886-1.632l6.083-2.178.979 3.529c.295 1.062 1.118 1.749 1.973 1.733.163 0 .334-.031.497-.094l2.641-.944.754 2.716-1.834.656-.116-.422-.808.289c-.326.117-.668.18-.994.188-1.717.031-3.364-1.343-3.955-3.474ZM139.113 237.282l2.121 7.642c.839 3.006-.334 6.277-2.82 7.159l-9.291 3.325a3.846 3.846 0 0 1-1.127.219h-.101c-2.066.016-4.001-1.733-4.7-4.247l-2.121-7.642 1.834-.656 2.12 7.642c.428 1.538 1.593 2.538 2.789 2.514.218-.008.443-.047.661-.125l9.291-3.333c1.158-.414 1.857-1.78 1.771-3.271a4.305 4.305 0 0 0-.155-.937l-2.121-7.642 1.849-.648Z"
fill="#FF6A58"
></path>
<path
d="M126.879 223.152a3.538 3.538 0 0 1 1.088-.21h.139c.808-.008 1.616.257 2.347.765l-.863 2.021.863-2.021-.863 2.021.878-2.014 4.366 3.068c1.096.765 1.935 2.022 2.339 3.466l.745 2.678-1.833.656-.746-2.678c-.241-.874-.746-1.616-1.39-2.069l-4.366-3.067c-.443-.305-.925-.461-1.399-.445-.225.007-.45.046-.668.124l-6.098 2.186c-1.158.414-1.857 1.78-1.772 3.271.016.312.07.625.156.937l1.911 6.893-1.834.656-1.911-6.893c-.839-3.006.334-6.277 2.82-7.167l6.091-2.178Zm7.132 5.543-.062.14.062-.14Z"
fill="#FF6A58"
></path>
<path
d="M142.307 233.745c.334 1.203-.171 2.452-1.134 2.795l-2.059.734-1.833.656-1.266.452-1.834.656-8.157 2.92-1.833.656-1.267.452-1.833.656-2.059.734c-.155.054-.31.086-.474.086-.808.015-1.584-.633-1.872-1.64-.334-1.202.179-2.451 1.134-2.794l2.059-.734 1.834-.656 1.266-.453 1.833-.655 8.157-2.92 1.834-.656 1.266-.453 1.833-.655 2.051-.734c.156-.055.311-.086.474-.086.816-.008 1.593.64 1.88 1.639Zm-1.429 1.749c.497-.18.761-.827.59-1.444-.147-.523-.543-.859-.963-.851a.666.666 0 0 0-.241.047l-22.141 7.931c-.497.18-.761.828-.582 1.444.147.523.551.859.963.851a.646.646 0 0 0 .241-.047l22.133-7.931Z"
fill="#FF6A58"
></path>
<path
d="M117.284 225.033c.357-.007.707.281.831.734.148.539-.077 1.093-.505 1.249l-2.82 1.007c-.442.164-.699.796-.543 1.351l.986 3.536c.148.539-.078 1.093-.505 1.249a.649.649 0 0 1-.21.039c-.357.008-.707-.281-.831-.734l-.979-3.536c-.45-1.632.257-3.38 1.554-3.841l2.82-1.007a.454.454 0 0 1 .202-.047Z"
fill="#fff"
></path>
<path
d="m153.276 248.164-9.051-32.615c-.745-2.67-1.266-3.49-1.942-4.349-.676-.858-1.484-1.389-2.424-1.608a2.821 2.821 0 0 0-1.134-.187c-.652.016-1.476.211-2.758.671l-26.048 9.329c-2.129.765-2.859 1.304-3.434 2.147-.66.788-1.049 1.748-1.173 2.896-.21 1.085-.132 2.155.606 4.824l9.051 32.616c.738 2.67 1.266 3.489 1.942 4.348.676.859 1.53 1.288 2.424 1.608.357.133.707.203 1.134.188.652-.016 1.476-.211 2.758-.672l26.04-9.329c2.129-.765 2.774-1.358 3.434-2.146.66-.789 1.049-1.749 1.173-2.897.226-1.085.148-2.154-.598-4.824Zm-20.292-28.79 2.82-1.007c.21-.078.42-.11.629-.117 1.111-.024 2.207.882 2.587 2.248l.979 3.536c.148.539-.07 1.093-.505 1.249a.643.643 0 0 1-.209.039c-.358.008-.707-.281-.832-.733l-.986-3.537c-.132-.468-.529-.796-.917-.788-.07 0-.14.015-.21.039l-2.828 1.007a.665.665 0 0 1-.209.039c-.358.008-.707-.281-.832-.734-.139-.531.086-1.085.513-1.241Zm-18.264 14.785a.649.649 0 0 1-.21.039c-.357.008-.707-.281-.831-.734l-.979-3.536c-.45-1.631.256-3.38 1.554-3.841l2.82-1.007a.677.677 0 0 1 .21-.039c.357-.007.707.281.831.734.147.539-.078 1.093-.505 1.249l-2.82 1.007c-.443.164-.699.796-.544 1.351l.987 3.536c.147.531-.086 1.093-.513 1.241Zm11.513 23.896-2.82 1.007c-.21.07-.419.117-.629.117-1.111.023-2.199-.882-2.579-2.256l-.987-3.536c-.148-.539.078-1.093.505-1.249a.649.649 0 0 1 .21-.039c.357-.008.707.281.831.733l.987 3.537c.132.468.528.796.924.788.07 0 .14-.016.21-.039l2.82-1.015a.677.677 0 0 1 .21-.039c.365-.008.707.281.831.734.148.546-.078 1.101-.513 1.257Zm12.205-5.964-4.646.662-4.646 1.663a3.834 3.834 0 0 1-1.126.219h-.101c-2.066.015-4.001-.733-4.7-3.247l-2.121-7.642-2.059.733c-.155.055-.31.086-.474.086-.807.016-1.584-.632-1.872-1.639-.334-1.202.179-2.451 1.134-2.795l2.059-.734-1.911-6.893a7.238 7.238 0 0 1-.179-3.091 6.3 6.3 0 0 1 .342-1.288c.031-.078.062-.164.101-.242.241-.554.56-1.054.948-1.476.109-.117.225-.234.35-.335.108-.094.217-.172.326-.25.046-.031.085-.063.132-.086.249-.156.513-.289.792-.39l6.099-2.186a3.786 3.786 0 0 1 1.087-.211h.14c.117 0 .233.008.358.016.691.062 1.367.32 1.996.749 0 0 .008.008.016.008l.155.109 4.203 2.959c.777.546 1.422 1.327 1.872 2.256.187.383.342.788.459 1.21l.745 2.678 2.051-.734c.156-.055.311-.086.474-.086.808-.016 1.593.632 1.865 1.639.334 1.203-.171 2.452-1.135 2.795l-2.058.734 2.121 7.642c.839 3.006-.335 5.269-2.82 6.159m6.541.258-2.82 1.007a.649.649 0 0 1-.21.039c-.357.008-.707-.281-.831-.726-.148-.538.077-1.093.505-1.249l2.82-1.007c.443-.164.699-.796.544-1.35l-.979-3.537c-.148-.538.077-1.092.505-1.249a.67.67 0 0 1 .209-.039c.366-.007.707.281.832.734l.978 3.536c.459 1.632-.248 3.373-1.553 3.841Z"
fill="#FF6A58"
></path>
<path
d="M136.435 218.25c1.111-.023 2.206.882 2.587 2.248l.979 3.537c.147.538-.07 1.092-.505 1.249a.677.677 0 0 1-.21.039c-.357.007-.707-.281-.831-.734l-.987-3.537c-.132-.468-.528-.796-.916-.788-.07 0-.14.016-.21.039l-2.828 1.007a.649.649 0 0 1-.21.039c-.357.008-.707-.281-.831-.734-.148-.538.078-1.093.505-1.249l2.82-1.007a2.11 2.11 0 0 1 .637-.109Z"
fill="#fff"
></path>
<path d="M127.848 251.513Z" fill="#9999A2"></path>
<path
d="m137.28 237.938 2.121 7.642c.086.312.14.625.156.937.077 1.491-.614 2.857-1.772 3.271l-9.291 3.333a2.205 2.205 0 0 1-.66.125c-1.197.023-2.362-.976-2.789-2.514l-2.121-7.642 1.266-.453 2.121 7.643c.21.765.8 1.264 1.398 1.256.109 0 .218-.023.334-.062l9.292-3.326c.575-.21.924-.89.885-1.639a1.956 1.956 0 0 0-.077-.468l-2.121-7.643 1.258-.46ZM119.916 252.098c.358-.008.707.281.832.734l.986 3.536c.132.469.528.797.925.789a.67.67 0 0 0 .209-.039l2.82-1.015a.677.677 0 0 1 .21-.039c.365-.008.707.281.831.734.148.538-.077 1.093-.505 1.249l-2.82 1.007a1.99 1.99 0 0 1-.629.117c-1.111.023-2.198-.882-2.579-2.256l-.987-3.536c-.147-.539.078-1.093.505-1.249a.82.82 0 0 1 .202-.032ZM140.497 233.199c.419-.008.823.328.963.851.171.616-.093 1.264-.583 1.444l-22.14 7.931c-.078.032-.163.039-.241.047-.42.008-.824-.328-.963-.851-.171-.616.093-1.264.582-1.444l22.141-7.931a.673.673 0 0 1 .241-.047Z"
fill="#fff"
></path>
<path
d="m109.919 219.389-7.085.968 28.081-9.881L138 209.5l-28.081 9.889ZM120.958 267.985l-7.085.975a3.544 3.544 0 0 1-.482.039 3.082 3.082 0 0 1-1.134-.187c-.894-.328-1.748-.749-2.424-1.608-.676-.859-1.197-1.679-1.942-4.348l7.085-.976c.738 2.67 1.266 3.489 1.942 4.348.676.859 1.53 1.288 2.424 1.608.357.133.707.203 1.134.188.155 0 .311-.016.482-.039Z"
fill="#E5322D"
></path>
<path
d="m120.958 267.985-7.085.975a3.544 3.544 0 0 1-.482.039 3.082 3.082 0 0 1-1.134-.187c-.894-.328-1.748-.749-2.424-1.608-.676-.859-1.197-1.679-1.942-4.348l7.085-.976c.738 2.67 1.266 3.489 1.942 4.348.676.859 1.53 1.288 2.424 1.608.357.133.707.203 1.134.188.155 0 .311-.016.482-.039ZM106.493 221.536l-7.085.976c.575-.843 1.298-1.382 3.434-2.147l7.085-.975c-2.136.765-2.867 1.303-3.434 2.146Z"
fill="#E5322D"
></path>
<path
d="m106.493 221.536-7.085.976c.575-.843 1.298-1.382 3.434-2.147l7.085-.975c-2.136.765-2.867 1.303-3.434 2.146ZM105.319 224.432l-7.085.976c.125-1.147.513-2.108 1.174-2.896l7.085-.976c-.661.789-1.057 1.757-1.174 2.896Z"
fill="#E5322D"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m105.743 222.755.004-.001c.187-.445.435-.851.746-1.21l-7.085.976c-.301.364-.549.76-.742 1.201l-.004.001a6.093 6.093 0 0 0-.428 1.686l7.085-.976a5.606 5.606 0 0 1 .424-1.677Zm9.234 39.125-7.085.976-9.05-32.616 7.085-.975 9.05 32.615Zm-9.758-36.589v.015c-.027.877.161 1.981.708 3.958h-.001v.001l-7.085.975c-.551-1.983-.738-3.083-.707-3.965l.004-.001v-.008l-.003.001c.007-.305.046-.586.1-.859l7.086-.976-.002.008h.002a5.025 5.025 0 0 0-.099.793l-.002.058h-.001Z"
fill="#E5322D"
></path>
<path
d="m169.974 33.323 1.227-5.192c-.093.406-.155.93-.179 1.686l-1.227 5.192c.023-.765.078-1.288.179-1.686Z"
fill="#E5322D"
></path>
<path
d="M192.385 31.816v-.04c.008-.296.279-.514.598-.491l3.939.281c.023 0 .039 0 .054.008.163.039.28.18.28.335l-.132 3.607c-.008.289-.28.515-.599.492a.444.444 0 0 1-.1-.016c-.272-.062-.467-.296-.459-.554l.109-2.865-3.131-.226a.599.599 0 0 1-.551-.453l-.008-.078ZM175.729 33.97l.132-3.606c.008-.172.171-.305.365-.297l3.939.29c.038 0 .07.007.101.015.272.062.466.296.458.554-.008.289-.28.515-.598.492l-3.131-.227-.109 2.865a.523.523 0 0 1-.458.484l-.093.008h-.047a.39.39 0 0 1-.101-.016c-.264-.062-.466-.296-.458-.561ZM192.471 44.11l-.723-2.622-.342-.023-.093 2.458c-.008.266-.179.492-.427.61l-.101.038-.109.024-.116.008h-.094a.444.444 0 0 1-.14-.024.828.828 0 0 1-.629-.6l-.015-.094v-.086l.217-5.925c.008-.305.241-.555.575-.617l.101-.008h.093l1.088.078c.295.023.567.063.808.117.45.11.808.273 1.08.508.419.367.613.913.59 1.623-.031.797-.303 1.35-.823 1.616l-.14.063.8 2.865.008.054v.078c-.016.336-.327.586-.692.563-.054 0-.116-.016-.171-.024a1.033 1.033 0 0 1-.652-.468l-.055-.11-.038-.101Zm-.894-3.84c.35.023.606-.008.762-.086l.062-.039c.14-.094.225-.32.233-.687.015-.351-.047-.593-.156-.71-.062-.07-.186-.125-.357-.172-.039-.008-.085-.016-.132-.031l-.132-.016-.148-.015-.194-.016-.062 1.749.124.023Z"
fill="#fff"
></path>
<path
d="m179.949 38.506.015-.117c.008-.078.023-.148.031-.203a.88.88 0 0 1 .124-.289.373.373 0 0 1 .187-.133c.101-.03.241-.039.419-.03.094.007.179.015.249.03a.783.783 0 0 1 .163.055c.086.04.14.086.179.156.054.094.085.195.109.305.015.086.023.203.023.328l-.008.14-.109 2.99-.007.14-.016.125c-.008.078-.023.149-.031.211a.786.786 0 0 1-.132.297.33.33 0 0 1-.194.14c-.101.04-.241.047-.412.04a1.867 1.867 0 0 1-.233-.032c-.07-.015-.124-.039-.179-.062a.404.404 0 0 1-.178-.164.84.84 0 0 1-.101-.32 2.105 2.105 0 0 1-.024-.344v-.148l.109-2.982.016-.133Z"
fill="#FF6A58"
></path>
<path
d="M186.039 38.225a.723.723 0 0 0-.132.132.644.644 0 0 0-.077.203l-.032.157-.023.148-.023.273-.109 2.818c-.015.46.031.78.14.945.062.093.163.156.326.195a1.49 1.49 0 0 0 .505.023.294.294 0 0 0 .132-.062.66.66 0 0 0 .125-.133.595.595 0 0 0 .062-.187l.031-.195.015-.172.016-.344c.015-.398.381-.694.816-.663.046 0 .093.008.139.023.296.07.536.29.606.57l.016.102v.132a3.949 3.949 0 0 1-.086.734 2.438 2.438 0 0 1-.233.633 1.53 1.53 0 0 1-.442.5 1.682 1.682 0 0 1-.669.28c-.256.055-.551.07-.877.047a4.167 4.167 0 0 1-.568-.078c-.132-.031-.248-.07-.365-.11a2.11 2.11 0 0 1-.683-.421 1.888 1.888 0 0 1-.42-.609 2.484 2.484 0 0 1-.194-.702c-.016-.117-.023-.242-.031-.367v-.406l.085-2.413a3.98 3.98 0 0 1 .094-.803 2.54 2.54 0 0 1 .248-.68c.124-.218.28-.398.466-.538.195-.133.428-.234.707-.297.272-.063.583-.078.932-.055.21.016.412.047.591.086.482.11.847.32 1.103.633.264.327.412.749.451 1.264l.007.203v.273c-.015.399-.38.695-.815.664a.435.435 0 0 1-.14-.023.807.807 0 0 1-.606-.57l-.016-.102v-.086l.008-.21v-.258l-.008-.117-.007-.04-.039-.163-.024-.055a.673.673 0 0 0-.093-.117.234.234 0 0 0-.054-.039 1.495 1.495 0 0 0-.163-.047c-.008 0-.016-.008-.024-.008a.732.732 0 0 0-.194-.023 1.378 1.378 0 0 0-.318.008c-.07 0-.125.015-.156.047ZM178.287 38.725l.007-.195c.055-.672.257-1.187.614-1.538.404-.406 1.026-.57 1.857-.515.225.015.427.046.614.093.52.125.924.352 1.196.687.287.367.45.828.489 1.398l.008.218v.195l-.093 2.6-.016.21c-.054.664-.256 1.172-.606 1.538-.404.422-1.033.594-1.864.54a4.374 4.374 0 0 1-.598-.087 2.57 2.57 0 0 1-.49-.164 1.855 1.855 0 0 1-.753-.585 2.15 2.15 0 0 1-.373-.812 3.158 3.158 0 0 1-.078-.57l-.008-.21v-.22l.094-2.583Zm1.833-.836a.739.739 0 0 0-.124.29 1.248 1.248 0 0 0-.031.202l-.016.117-.008.14-.108 2.983v.148c0 .133.007.242.023.344a.895.895 0 0 0 .109.32c.038.07.101.125.178.164a1.057 1.057 0 0 0 .412.094c.171.015.311 0 .412-.04a.364.364 0 0 0 .194-.14.936.936 0 0 0 .132-.297c.016-.062.023-.133.031-.21l.016-.125.007-.14.109-2.99.008-.141c0-.133-.008-.242-.023-.328a.805.805 0 0 0-.109-.305.355.355 0 0 0-.179-.156 1.135 1.135 0 0 0-.412-.086c-.178-.015-.318 0-.419.032a.337.337 0 0 0-.202.124ZM175.17 49.326l.132-3.607c.008-.289.28-.515.599-.492.038 0 .069.008.101.016.271.062.466.296.458.554l-.109 2.865 3.131.227a.39.39 0 0 1 .101.015.601.601 0 0 1 .45.43l.016.085v.04c-.008.288-.28.515-.598.491l-3.939-.289c-.023 0-.039 0-.062-.008-.163-.03-.288-.171-.28-.327Z"
fill="#fff"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m200.008 58.303 1.227-5.191-.008.032.008-.032a3.202 3.202 0 0 1-.769 1.452l-.001.001-.001.001.001-.003-.084.09a3.35 3.35 0 0 1-1.103.723c-.63.257-1.243.374-2.875.265l-1.227 5.191h.002l-.002.008c.563.039 1.011.047 1.375.032l-.002.007a4.81 4.81 0 0 0 1.041-.148l.001-.006h.002l-.001.006c.155-.047.303-.094.45-.156a4.09 4.09 0 0 0 .373-.18l.001-.003.008-.004-.002.007c.311-.172.583-.39.816-.64v-.002l.001-.001-.001.003c.113-.12.213-.247.306-.386l.029-.043c.186-.29.334-.586.435-1.023Z"
fill="#E5322D"
></path>
<path
d="M172.132 53.416a3.64 3.64 0 0 1-1.422-1.452c-.303-.585-.466-1.147-.427-2.607l.365-9.86.357-9.688c.055-1.584.257-2.154.622-2.708a3.264 3.264 0 0 1 1.515-1.242c.621-.257 1.235-.374 2.843-.273l10.9.789 10.418.757c.815.062 1.382.14 1.825.242.497.117.824.265 1.158.453.621.359 1.103.85 1.421 1.452.311.593.467 1.17.42 2.677l-.241 6.636-.474 12.841c-.054 1.593-.264 2.147-.621 2.71a3.285 3.285 0 0 1-1.523 1.24c-.629.258-1.251.375-2.874.266l-6.837-.492-14.442-1.046c-.816-.055-1.39-.133-1.833-.242a3.974 3.974 0 0 1-1.15-.453Zm18.334-16.151c-.326.062-.567.304-.575.616l-.217 5.925v.086l.015.094a.83.83 0 0 0 .629.593c.047.016.094.016.14.024h.094l.116-.008.109-.023.101-.04c.248-.117.419-.343.427-.608l.093-2.46.342.024.723 2.623.038.101.055.11c.14.234.373.406.652.468a.608.608 0 0 0 .171.023c.373.024.684-.226.692-.562v-.078l-.008-.054-.8-2.865.14-.063c.52-.265.792-.82.823-1.616.031-.71-.171-1.257-.59-1.623-.264-.235-.622-.398-1.08-.508a5.749 5.749 0 0 0-.808-.117l-1.088-.078h-.093l-.101.016Zm-9.074-.703a3.601 3.601 0 0 0-.613-.094c-.832-.062-1.461.11-1.857.516-.358.35-.552.866-.614 1.538l-.008.195-.093 2.591v.219l.008.21c.015.204.039.391.078.57.077.297.194.57.372.813.179.25.435.445.754.585.148.07.311.125.489.164.179.039.389.07.599.086.823.054 1.46-.117 1.864-.539.35-.367.552-.882.606-1.538l.016-.21.093-2.6v-.195l-.008-.219c-.031-.57-.194-1.038-.489-1.397-.28-.336-.676-.57-1.197-.695Zm3.053 1.218a2.54 2.54 0 0 0-.248.679c-.047.234-.078.5-.093.804l-.086 2.412v.406c.008.133.016.25.031.367.031.242.101.476.194.703.101.234.249.437.42.609.179.171.404.312.684.421a3.11 3.11 0 0 0 .932.187c.326.024.621.008.878-.046.264-.063.489-.156.668-.281.178-.125.326-.297.443-.5.108-.195.186-.406.233-.632.046-.219.077-.46.085-.734v-.133l-.015-.101a.795.795 0 0 0-.606-.57c-.047-.016-.086-.016-.14-.024-.435-.03-.8.266-.816.664l-.016.343-.015.172-.031.195a.596.596 0 0 1-.062.188.487.487 0 0 1-.125.132.294.294 0 0 1-.132.063 1.513 1.513 0 0 1-.505-.023c-.163-.04-.264-.102-.326-.196-.101-.156-.155-.476-.14-.944l.109-2.818.023-.274.024-.148.031-.156a.545.545 0 0 1 .077-.203.54.54 0 0 1 .132-.133.316.316 0 0 1 .164-.062c.085-.016.194-.016.318-.008l.194.023c.008 0 .016.008.024.008.062.016.116.031.163.047.023.008.039.023.062.04a.43.43 0 0 1 .085.1l.031.07.039.165.008.039.008.117v.258l-.008.21v.086l.016.102c.07.28.303.5.606.57.046.015.093.015.139.023.435.031.801-.266.816-.664v-.273l-.008-.203c-.038-.515-.186-.944-.45-1.264-.249-.313-.622-.516-1.103-.633a3.368 3.368 0 0 0-.591-.086 3.225 3.225 0 0 0-.932.055 2.01 2.01 0 0 0-.707.297 1.833 1.833 0 0 0-.482.554Zm11.094 9.399-.101 2.865-3.131-.227c-.318-.023-.59.196-.598.492-.008.266.187.492.458.555.032.007.063.015.101.015l3.939.289c.194.016.35-.117.358-.289l.132-3.606c.007-.266-.187-.492-.459-.555a.453.453 0 0 0-.101-.015h-.046l-.094.008a.515.515 0 0 0-.458.468Zm-19.305-17.104c-.194-.016-.358.117-.358.297l-.132 3.606c-.007.265.187.492.459.554.031.008.062.016.101.016h.046l.094-.008c.264-.039.458-.234.466-.484l.108-2.865 3.131.227c.319.023.591-.195.598-.492.008-.266-.186-.492-.458-.554a.453.453 0 0 0-.101-.016l-3.954-.281Zm3.216 19.883c.319.023.59-.195.598-.492v-.039l-.015-.086a.601.601 0 0 0-.451-.437c-.031-.008-.062-.016-.101-.016l-3.131-.226.109-2.865c.008-.265-.186-.492-.458-.554-.031-.008-.062-.016-.101-.016-.319-.023-.591.195-.598.492l-.125 3.607c-.007.156.117.296.28.335a.13.13 0 0 0 .054.008l3.939.289Zm13.549-18.673c-.319-.023-.583.195-.599.492v.039l.016.078a.6.6 0 0 0 .451.437c.031.008.062.016.101.016l3.13.226-.108 2.865c-.008.265.186.492.458.554.031.008.062.016.101.016.319.023.59-.195.598-.492l.132-3.607a.355.355 0 0 0-.279-.335c-.016-.008-.039-.008-.055-.008l-3.946-.281Z"
fill="#FF6A58"
></path>
<path
d="m191.577 40.27-.124-.008.062-1.748.194.015.148.016.132.015a.651.651 0 0 1 .132.032c.171.039.295.101.358.164.108.117.171.359.155.71-.008.36-.093.585-.233.687l-.062.04c-.156.077-.412.108-.762.077Z"
fill="#FF6A58"
></path>
<path
d="m170.657 39.497-1.227 5.192.357-9.688 1.227-5.191-.357 9.687Z"
fill="#E5322D"
></path>
<path
d="M192.17 50.871c-.272-.062-.467-.296-.459-.554.008-.289.28-.515.598-.492l3.131.227.101-2.865c.008-.25.202-.445.458-.484l.094-.008h.046a.39.39 0 0 1 .101.015c.272.063.466.297.459.555l-.132 3.606c-.008.172-.171.305-.358.29l-3.938-.29c-.039.008-.07 0-.101 0Z"
fill="#fff"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m170.292 49.357-.009.038c-.035 1.424.12 1.989.428 2.57.319.6.8 1.092 1.421 1.45l.002-.006c.326.187.66.335 1.149.453.443.109 1.01.187 1.834.241l14.441 1.047-1.227 5.19-14.442-1.045c-.816-.055-1.39-.133-1.833-.242a4.068 4.068 0 0 1-1.149-.453l-.002.008a3.638 3.638 0 0 1-1.421-1.452c-.303-.586-.466-1.148-.428-2.608l.01-.04.364-9.82 1.227-5.19-.365 9.859Zm26.102 6.292-1.227 5.191-6.837-.492 1.228-5.19 6.836.491Z"
fill="#E5322D"
></path>
<g filter="url(#b)">
<path
d="m336.694 27.413-65.622-17.221c-3.116-.82-6.301 1.062-7.117 4.2L226.58 158.249c-.815 3.138 1.049 6.347 4.164 7.159l65.622 17.213c3.116.82 6.301-1.062 7.117-4.2l37.375-143.85c.816-3.138-1.049-6.346-4.164-7.158Z"
fill="#fff"
></path>
</g>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M280.042 22.019c5.19 1.358 8.297 6.69 6.946 11.905-1.352 5.214-6.658 8.337-11.848 6.979-5.189-1.359-8.297-6.69-6.945-11.905 1.36-5.215 6.658-8.338 11.847-6.98Z"
fill="#FFC233"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m272.634 31.675.474-4.402c.015-.102.093-.172.178-.164.031 0 .062.015.086.039l2.082 2.006c.062.055.147.047.209-.016l3.178-3.434c.062-.07.163-.07.217 0a.142.142 0 0 1 .031.062l1.251 4.606c.024.086.093.133.171.11l2.859-.72c.085-.023.163.04.179.134.007.03 0 .07-.016.101l-1.74 4.075c-.031.086-.117.133-.187.11l-8.864-2.327c-.07-.008-.116-.086-.108-.18ZM272.36 34.01a.652.652 0 0 1 .792-.469l7.311 1.92a.652.652 0 0 1-.326 1.265l-7.311-1.92a.654.654 0 0 1-.466-.796Z"
fill="#33333B"
></path>
<path
d="m307.189 120.778-57.807-15.168a1.273 1.273 0 0 0-1.554.921l-1.476 5.684a1.29 1.29 0 0 0 .909 1.569l57.807 15.168a1.274 1.274 0 0 0 1.554-.922l1.476-5.683a1.277 1.277 0 0 0-.909-1.569ZM310.884 106.578 253.077 91.41a1.272 1.272 0 0 0-1.553.921l-1.476 5.683c-.179.687.233 1.39.909 1.57l57.806 15.167a1.272 1.272 0 0 0 1.554-.921l1.476-5.683a1.289 1.289 0 0 0-.909-1.569ZM303.683 134.276l-57.807-15.168a1.271 1.271 0 0 0-1.553.921l-1.477 5.683a1.29 1.29 0 0 0 .909 1.569l57.807 15.168a1.272 1.272 0 0 0 1.554-.921l1.476-5.683a1.276 1.276 0 0 0-.909-1.569Z"
fill="#F5F5FA"
></path>
<path
d="m293.67 31.73 32.675 8.571"
stroke="url(#c)"
stroke-width="5"
stroke-miterlimit="10"
stroke-linecap="round"
></path>
<path
d="m291.744 39.115 27.773 7.284"
stroke="url(#d)"
stroke-width="2"
stroke-miterlimit="10"
stroke-linecap="round"
></path>
<path
d="m285.62 55.22-20.44-5.363c-1.359-.36-2.757.468-3.115 1.834l-3.325 12.78c-.357 1.373.459 2.779 1.826 3.13l20.439 5.363c1.36.36 2.758-.468 3.116-1.835l3.317-12.779a2.552 2.552 0 0 0-1.818-3.13ZM318.755 63.908l-20.448-5.363c-1.359-.359-2.757.469-3.115 1.843l-3.317 12.779c-.357 1.374.458 2.779 1.826 3.13l20.447 5.363c1.359.36 2.758-.468 3.115-1.834l3.317-12.78a2.57 2.57 0 0 0-1.825-3.138ZM313.916 92.238 256.109 77.07a1.273 1.273 0 0 0-1.554.92l-1.476 5.684c-.179.687.233 1.39.909 1.57l57.807 15.167a1.271 1.271 0 0 0 1.553-.921l1.477-5.683a1.284 1.284 0 0 0-.909-1.57Z"
fill="#F5F5FA"
></path>
<path
d="M23.144 204.527c23.218-3.04 46.186-7.184 68.533-14.358 13.968-4.484 27.609-9.951 40.967-16.053 13.348-6.102 27.054-12.674 39.639-20.548 11.331-7.086 22.695-16.49 28.611-28.836 1.951-4.057 2.496-8.672 1.711-13.09-.948-5.325-4.532-9.492-9.457-11.493-3.051-1.236-6.396-1.443-9.643-1.389-3.857.077-7.692.46-11.506 1.05-7.561 1.159-14.861 3.434-21.9 6.452-13.99 6.003-27.141 15.43-37.067 27.087-6.591 7.764-10.492 21.05-2.756 29.394 4.554 4.899 11.734 6.933 18.076 8.016 5.894.995 11.876 1.345 17.847 1.334 8.139-.011 16.376-.492 24.438-1.662 11.593-1.695 22.293-6.201 31.532-13.451 2.898-2.263 5.579-4.779 8.39-7.152.272-.229.556-.459.828-.678.828-.678-.676.471.163-.131.556-.404 1.112-.809 1.7-1.159.251-.142.501-.273.752-.415.087-.044.218-.088.294-.154.534-.371-.97.274-.349.143.251-.044.502-.175.741-.252.098-.022.196-.044.294-.076.937-.296-.283.273-.294.01 0-.021.698-.032.752-.032.098 0 .207.022.305.011.839-.044-.599.164-.425-.066.207-.284 2.408 1.017.915.219.404.218.284.382-.239-.252.305.372.098.263.065-.011-.043-.383-.218-.306-.022.033-.523-.929-.261-.733-.174-.372.174.711.087-1.05 0 .088-.011.164-.033.372-.011.525.087.721.207-.853.022-.153-1.068 4.035-2.909 7.742-4.173 11.711-1.406 4.374-1.863 9.689 1.83 13.101 3.247 2.996 7.66 3.171 11.615 1.673 4.238-1.608 8.008-4.177 11.637-6.846 4.543-3.346 8.226-6.386 12.366-9.502 3.661-2.756 7.409-5.424 11.549-7.426.229-.109.861-.339-.054.022.207-.076.403-.175.621-.24.403-.142.795-.285 1.198-.405.382-.109.774-.197 1.155-.284.186-.044.371-.066.567-.099-1.209.23-.479.044-.174.055.327.011.719.044 1.035.011.697-.066-.872-.317-.251-.022.044.022.305.099.382.088.098 0 .937.262.01-.033.033.011.48.229.512.317l-.337-.241c.294.318.283.274-.033-.131.174.252.305.514.458.788-.447-.799.119.601.218.907.316 1.006-.011-.733.065.361.022.252.044.503.054.744.077 1.454-.021 2.93-.174 4.385-.131 1.214-.218 1.771-.468 3.313-.251 1.542-.491 2.975-.676 4.462-.381 3.138-.011 6.594 1.841 9.24 2.016 2.876 4.98 4.396 8.401 4.801 5.862.7 12.029-2.308 17.226-4.681 5.241-2.394 10.263-5.238 15.352-7.939 10.318-5.489 20.701-10.027 32.403-9.71 6.854.186 13.533 2.067 19.983 4.789 1.961.832 4.325-.896 4.837-2.766.622-2.286-.784-4.046-2.745-4.877-12.617-5.337-26.259-6.649-39.431-2.636-11.027 3.357-20.789 9.623-31.053 14.708-2.506 1.247-4.685 2.242-6.853 3.084-1.264.481-2.528.94-3.814 1.345-1.209.383-2.898.809-3.552.842-1.71.088-1.667.12-3.072-.383.654.241.141.055-.011-.022-.294-.164-.588-.328-.861-.535.589.448.142.065.033-.044-.469-.47.109.394-.338-.416-.142-.262-.305-.514-.414-.787.262.623.044.011.011-.109-.229-.864-.196-.492-.229-1.422-.022-.733.044-1.454.12-2.198-.109 1.072.131-.875.185-1.192.872-5.435 2.343-11.777-.12-17.004-2.211-4.692-7.42-5.665-11.985-4.451-4.097 1.093-7.866 3.488-11.331 5.894-2.038 1.411-4.021 2.909-5.982 4.407-1.111.853-2.212 1.717-3.323 2.581l-1.482 1.159c-.25.186-.49.383-.741.58.578-.449-.37.284-.392.295-3.705 2.876-7.453 5.796-11.528 8.125-.784.448-1.59.853-2.397 1.257-.806.405.589-.186-.381.164-.458.164-.915.328-1.384.46-.348.098-.751.142-1.1.262-.567.197.316-.044.414-.044-.207.011-.403.044-.61.044-.175 0-.872.098-.97-.033-.076-.098 1.1.339.49.055a2.121 2.121 0 0 0-.534-.142c-.621-.022.927.59.164.076-.142-.098-.349-.186-.501-.273-.087-.044-.752-.58-.251-.153.545.459-.163-.164-.152-.197l-.164-.186c.338.47.425.58.262.328-.011-.109-.229-.415-.295-.503.502.667.197.634.131.306-.032-.186-.109-.656-.207-.798-.218-.306-.011.951.033.208.011-.208-.011-.427-.011-.634 0-.394.044-.788.076-1.17-.12 1.213.087-.296.153-.591.131-.58.294-1.148.468-1.717 1.199-3.86 3.258-7.458 4.152-11.416 1.024-4.56-.404-8.803-5.154-10.236-2.996-.908-6.102-.197-8.76 1.334-2.659 1.531-4.979 3.751-7.278 5.785-1.406 1.236-2.801 2.46-4.25 3.642-.348.284-.697.557-1.046.831.785-.624-.468.35-.675.503-.959.71-1.94 1.399-2.931 2.055-4.456 2.942-8.564 4.9-13.315 6.43-6.864 2.22-13.935 3.008-21.093 3.511-6.865.47-13.772.678-20.637.251a111.218 111.218 0 0 1-3.813-.306c-.621-.066-1.242-.131-1.863-.208-1.155-.131.49.077-.196-.022-.404-.054-.807-.12-1.199-.175-2.027-.328-4.042-.732-6.014-1.279a35.12 35.12 0 0 1-2.506-.776c-.382-.132-.752-.274-1.133-.416-.142-.055-.295-.12-.425-.164-.741-.273.762.372.119.044-1.231-.624-2.462-1.192-3.606-1.98-.207-.142-.403-.317-.621-.448.316.186.643.558.044.011-.382-.35-.774-.689-1.123-1.072-.152-.175-.294-.35-.446-.514-.567-.601.566.897.13.186-.207-.339-.446-.667-.643-1.017-.087-.164-.163-.339-.261-.503-.425-.732.163.645.142.35-.077-.907-.611-1.859-.741-2.777-.501-3.259.261-6.704 1.754-9.613 1.645-3.204 4.042-5.762 6.537-8.299a103.677 103.677 0 0 1 8.226-7.568c11.07-9.142 24.276-15.834 38.266-18.929a72.607 72.607 0 0 1 10.394-1.553c3.105-.229 6.799-.47 9.338.099.632.142 1.242.328 1.852.536 1.09.371-.381-.208.218.076.261.12.512.252.763.394.25.142 1.503 1.071.795.47.425.361.817.765 1.198 1.17.175.175.513.744.033.011.109.153.229.317.327.481.24.416.458.842.686 1.269.447.809-.174-.788.033.12.044.175.131.372.175.547.163.547.25 1.115.392 1.673.054.219.065.776-.022-.208.022.284.054.569.076.853.022.427.033.842.033 1.279 0 .427-.033.832-.055 1.258-.01.241-.152 1.181.022.033-.043.262-.076.525-.131.787a17.203 17.203 0 0 1-.631 2.45c-.055.153-.12.295-.153.448-.229.776.468-.776.054-.12-.294.47-.501 1.017-.773 1.498-3.269 5.993-7.736 11.143-12.813 15.637-9.283 8.235-20.746 14.118-31.826 19.815-13.696 7.043-27.686 13.516-42.068 19.006-22.26 8.497-45.304 14.336-68.85 18-5.273.82-9.98 1.465-14.698 2.088-2.103.274-3.933 1.619-3.933 3.97 0 1.935 1.809 4.243 3.933 3.969l-.043.044Z"
fill="url(#e)"
></path>
<path
d="M82.335 51.05a2.442 2.442 0 0 0 2.827 1.991l10.589-1.881a.405.405 0 0 0 .163-.726L81.1 40.004a.405.405 0 0 0-.629.399l1.865 10.648Z"
fill="#FFB6AD"
></path>
<g filter="url(#f)">
<path
d="m93.824 24.493 13.238 9.321c.435.304.73.773.824 1.296l13.874 79.259a4.778 4.778 0 0 1-3.853 5.535l-62.328 11.069a4.74 4.74 0 0 1-5.5-3.872L34.697 39.247c-.459-2.6 1.274-5.074 3.853-5.534l53.783-9.548a1.978 1.978 0 0 1 1.491.328Z"
fill="#fff"
></path>
</g>
<path
d="m93.824 24.493 13.238 9.321c.435.304.73.773.824 1.296l13.874 79.259a4.778 4.778 0 0 1-3.853 5.535l-62.328 11.069a4.74 4.74 0 0 1-5.5-3.872L34.697 39.247c-.459-2.6 1.274-5.074 3.853-5.534l53.783-9.548a1.978 1.978 0 0 1 1.491.328Z"
stroke="#fff"
></path>
<path
d="m100.219 45.742-52.206 9.274a.762.762 0 0 0-.613.882l.202 1.124c.07.414.466.695.878.617l52.205-9.266a.756.756 0 0 0 .614-.882l-.194-1.124a.768.768 0 0 0-.886-.625ZM106.147 79.872l-52.206 9.266a.761.761 0 0 0-.614.883l.195 1.124c.07.413.466.695.877.616l52.206-9.266a.756.756 0 0 0 .614-.882l-.194-1.124a.744.744 0 0 0-.878-.617ZM102.293 57.374l-52.205 9.274a.762.762 0 0 0-.614.882l.194 1.124c.07.414.466.695.878.617l52.206-9.274a.762.762 0 0 0 .613-.882l-.194-1.124a.757.757 0 0 0-.878-.617ZM108.213 91.496l-52.205 9.266a.762.762 0 0 0-.614.882l.194 1.124c.07.414.466.687.878.617l52.206-9.274a.762.762 0 0 0 .613-.882l-.194-1.124a.763.763 0 0 0-.878-.61ZM103.024 61.738 50.81 71.004a.762.762 0 0 0-.614.882l.195 1.124c.07.414.466.695.878.617l52.213-9.259a.762.762 0 0 0 .614-.882l-.194-1.124a.757.757 0 0 0-.878-.624ZM108.944 95.86l-52.206 9.274a.761.761 0 0 0-.614.882l.194 1.124c.07.414.467.695.878.617l52.206-9.274a.762.762 0 0 0 .614-.882l-.194-1.124a.76.76 0 0 0-.878-.617ZM78.398 54.283l-29.467 5.23a.898.898 0 0 0-.722 1.03l.155.875a.883.883 0 0 0 1.026.718l29.466-5.23a.887.887 0 0 0 .715-1.03L79.416 55a.877.877 0 0 0-1.018-.718ZM84.316 88.405l-29.467 5.23a.898.898 0 0 0-.722 1.03l.155.875a.877.877 0 0 0 1.026.718l29.466-5.23a.886.886 0 0 0 .715-1.03l-.155-.875a.877.877 0 0 0-1.018-.718ZM81.185 70.075l-29.467 5.23a.898.898 0 0 0-.722 1.031l.155.874a.883.883 0 0 0 1.026.719l29.467-5.23a.887.887 0 0 0 .714-1.031l-.155-.875a.873.873 0 0 0-1.018-.718ZM87.113 104.205l-29.467 5.23a.898.898 0 0 0-.722 1.031l.155.874a.883.883 0 0 0 1.026.718l29.466-5.23a.887.887 0 0 0 .715-1.031l-.155-.874a.871.871 0 0 0-1.018-.718Z"
fill="#D6D6DF"
></path>
<path
d="M93.71 36a2.442 2.442 0 0 0 2.827 1.99l10.589-1.88a.405.405 0 0 0 .163-.727l-14.815-10.43a.405.405 0 0 0-.629.399L93.71 36Z"
fill="#FF6A58"
></path>
<defs>
<linearGradient
id="c"
x1="291.472"
y1="33.615"
x2="328.556"
y2="38.378"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FFB400"></stop>
<stop offset=".53" stop-color="#FCEE21"></stop>
<stop offset="1" stop-color="#FFB400"></stop>
</linearGradient>
<linearGradient
id="d"
x1="290.75"
y1="40.834"
x2="320.537"
y2="44.659"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FFB400"></stop>
<stop offset=".53" stop-color="#FCEE21"></stop>
<stop offset="1" stop-color="#FFB400"></stop>
</linearGradient>
<linearGradient
id="e"
x1="22.974"
y1="151.644"
x2="361.571"
y2="151.644"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#9CF"></stop>
<stop offset=".351" stop-color="#0062C5"></stop>
<stop offset=".691" stop-color="#9CF"></stop>
<stop offset="1" stop-color="#0062C5"></stop>
</linearGradient>
<filter
id="a"
x="0"
y="37.14"
width="117.211"
height="136.914"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
></feFlood>
<feColorMatrix
in="SourceAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
></feColorMatrix>
<feOffset dy="5"></feOffset>
<feGaussianBlur stdDeviation="7.5"></feGaussianBlur>
<feColorMatrix
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"
></feColorMatrix>
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_811_12387"
></feBlend>
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_811_12387"
result="shape"
></feBlend>
</filter>
<filter
id="b"
x="211.389"
y="0"
width="144.66"
height="202.813"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
></feFlood>
<feColorMatrix
in="SourceAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
></feColorMatrix>
<feOffset dy="5"></feOffset>
<feGaussianBlur stdDeviation="7.5"></feGaussianBlur>
<feColorMatrix
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"
></feColorMatrix>
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_811_12387"
></feBlend>
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_811_12387"
result="shape"
></feBlend>
</filter>
<filter
id="f"
x="19.623"
y="14.134"
width="117.211"
height="136.914"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
></feFlood>
<feColorMatrix
in="SourceAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
></feColorMatrix>
<feOffset dy="5"></feOffset>
<feGaussianBlur stdDeviation="7.5"></feGaussianBlur>
<feColorMatrix
values="0 0 0 0 0.0862745 0 0 0 0 0.0862745 0 0 0 0 0.0862745 0 0 0 0.1 0"
></feColorMatrix>
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_811_12387"
></feBlend>
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_811_12387"
result="shape"
></feBlend>
</filter>
</defs>
</svg>
</div>
</div>
</section>
</main>> css
더보기
.section_5 {
width: 100%;
height: 537px;
background-color: #47474f;
box-sizing: border-box;
padding: 96px 0 124px 0;
color: #fff;
}
.section_5 .sect_inner {
width: fit-content;
height: fit-content;
margin: 0 auto;
}
.sect_inner .text_con3 {
width: 932px;
height: fit-content;
float: left;
margin-top: 70px;
margin-right: 270px;
}
.text_con3 > h3 {
font-size: 42px;
font-weight: 600;
}
.text_con3 > p {
font-size: 22px;
margin-top: 16px;
line-height: 32px;
}
.text_con3 a {
display: block;
width: fit-content;
background-color: #ffc233;
font-size: 16px;
padding: 12px 20px;
border-radius: 8px;
font-weight: 600;
margin-top: 48px;
}
.text_con3 a:hover {
background-color: #f1953f;
}
.sect_inner .svg_img {
width: fit-content;
height: fit-content;
float: left;
margin-top: 50px;
}FOOTER
더보기
<footer>
<div class="footer_con">
<nav id="foot_menu">
<div class="menu_con">
<h4>ILOVEPDF</h4>
<ul>
<li><a href="#">홈</a></li>
<li><a href="#">기능</a></li>
<li><a href="#">가격</a></li>
<li><a href="#">도구</a></li>
<li><a href="#">자주 묻는 질문</a></li>
</ul>
</div>
<div class="menu_con">
<h4>제품</h4>
<ul>
<li><a href="#">iLOVEPDF 데스크톱</a></li>
<li><a href="#">iLOVEPDF 모바일</a></li>
<li><a href="#">개발자</a></li>
<li><a href="#">Wordpress 플러그인</a></li>
<li><a href="#">iloveimg.com</a></li>
</ul>
</div>
<div class="menu_con">
<h4>솔루션</h4>
<ul>
<li><a href="#">비지니스</a></li>
<li><a href="#">교육</a></li>
</ul>
</div>
<div class="menu_con">
<h4>회사</h4>
<ul>
<li><a href="#">스토리</a></li>
<li><a href="#">블로그</a></li>
<li><a href="#">보도 자료</a></li>
<li><a href="#">법률 & 개인 정보 보호 </a></li>
<li><a href="#">문의</a></li>
</ul>
</div>
</nav>
<div class="app_store">
<img src="./img/google_play.svg" alt="구글" />
<img src="./img/app_store.svg" alt="애플스토어" />
</div>
</div>
<div class="line"></div>
<div class="footer_bottom">
<div class="language">
<img
width="20"
height="20"
src="./img/language_icon.svg"
alt="언어"
/>
<h4>한국어</h4>
<img src="./img/drop_down.svg" alt="화살표" />
</div>
<div class="bottom_right">
©iLovePDF 2024 ® - 여러분의 PDF 에디터
</div>
</div>
</footer>
</div>
</body>
</html>> css
더보기
footer {
width: 100%;
height: fit-content;
background-color: #fff;
box-sizing: border-box;
padding: 40px 0 50px 0;
}
.footer_con {
width: 1600px;
overflow: hidden;
margin: 0 auto;
}
#foot_menu {
width: 100%;
height: fit-content;
display: flex;
justify-content: space-between;
}
.menu_con {
width: 377px;
}
.menu_con > h4 {
color: #e5322d;
font-size: 16px;
line-height: 20px;
font-weight: 600;
margin-bottom: 18px;
}
.menu_con > ul {
line-height: 30px;
color: #47474f;
}
.menu_con > ul > li:hover a {
color: #e5322d;
}
.app_store {
width: fit-content;
height: fit-content;
float: right;
margin-top: 32px;
}
.app_store > img:last-child {
margin-left: 10px;
}
.line {
width: 1600px;
height: 1px;
border-bottom: 1px solid #b4b4b4;
margin: 24px auto;
}
.footer_bottom {
width: 1600px;
height: fit-content;
margin: 0px auto;
display: flex;
justify-content: space-between;
color: #47474f;
}
.language {
display: flex;
align-items: center;
}
.language > h4 {
margin-left: 10px;
}
'예제 실습' 카테고리의 다른 글
| 실습) lnb 아코디언 메뉴바 / 2차, 1차 메뉴 css 정리 (0) | 2024.07.02 |
|---|---|
| 실습) iLovePDF 사이트 클론코딩-2 같이 해본 버전 (0) | 2024.06.28 |
| 실습) split shire 사이트 클론 코딩 (0) | 2024.06.25 |
| 실습) Google (0) | 2024.06.24 |
| 실습) 네이버 회원가입 창 (0) | 2024.06.21 |
