<![CDATA[
<p><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML과 순수 CSS를 사용하여 Apple 웹사이트를 복제하는 방법은 무엇입니까? </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>파라즈 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>작성자 Faraz - 2022년 8월 17일 </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML과 CSS만 사용하여 Apple 웹사이트의 간단한 복제본을 만드는 방법을 알아보세요. 웹 개발 초보자를 위한 이 단계별 튜토리얼을 따라 HTML 구성, CSS 스타일 지정, 미디어 파일 추가 방법을 알아보세요. </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>텔레그램에서 우리와 함께하세요 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>html과 css.jpg를 사용하여 Apple 웹사이트를 복제하는 방법 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>또한 읽어보세요 </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML과 순수 CSS를 사용하여 간단한 계산기 만들기 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>목차 </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>프로젝트 소개 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML 코드 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>CSS 코드 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>시사 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>결론 </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>세계 최고의 기술 회사 중 하나인 Apple은 매끄럽고 단순한 디자인으로 유명합니다. 실제로 많은 사람들이 세련된 웹사이트 디자인 때문에 Apple 웹사이트 복제를 선택합니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>웹사이트를 만드는 것은 어려운 작업일 수 있으며, 특히 웹 개발이 처음인 경우에는 더욱 그렇습니다. 이 튜토리얼에서는 HTML과 CSS만 사용하여 Apple 웹사이트의 간단한 복제본을 만드는 과정을 안내합니다. 우리는 원본 웹사이트의 디자인을 분석하는 것부터 복제본을 최대한 전문적으로 보이도록 미세 조정하는 것까지 모든 것을 다룹니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML과 Pure CSS를 사용하여 단계별로 놀라운 Apple 웹사이트 복제를 시작해 보겠습니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>내 텔레그램 채널에 가입하여 프로젝트를 다운로드하세요: 여기를 클릭하세요 </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>전제 조건: </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>이 튜토리얼을 시작하기 전에 HTML과 CSS에 대한 기본적인 이해가 있어야 합니다. 또한 코드를 작성하고 저장하려면 Visual Studio Code 또는 Sublime Text와 같은 코드 편집기가 필요합니다. </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>소스 코드 </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>1단계(HTML 코드): </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>Apple 웹사이트 복제는 몇 가지 간단한 단계를 거쳐 수행할 수 있는 간단한 프로세스입니다. 시작하려면 먼저 기본 HTML 파일을 만들어야 합니다. 이 파일에는 원래 Apple 웹사이트와 동일한 레이아웃과 디자인이 포함됩니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>코드는 페이지의 구조와 콘텐츠를 정의하는 다양한 HTML 태그로 구성됩니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html> 태그는 문서에 사용되는 HTML 버전을 지정합니다. <html> 태그는 페이지의 루트 요소이며 다른 모든 요소를 ​​포함합니다. 여는 html 태그의 lang 속성은 문서의 언어를 지정합니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head> 태그에는 페이지 제목, 사용된 문자 집합, 뷰포트 크기. <link> 태그는 "styles.css"라는 외부 스타일시트를 참조합니다. 페이지의 스타일 정보가 포함되어 있습니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body> 태그에는 헤더, 기본 콘텐츠 상자, 바닥글 등 웹페이지의 기본 콘텐츠가 포함됩니다. <header> 태그에는 다양한 제품에 대한 링크가 있는 탐색 표시줄이 포함되어 있습니다. <div> 태그는 헤더 및 기본 콘텐츠 상자 내에 섹션을 만드는 데 사용됩니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>페이지의 주요 콘텐츠에는 iPhone 13 Pro, iPhone 13, MacBook Pro, Apple Watch, iPad mini 및 AirPods와 같은 다양한 제품을 보여주는 6개의 상자가 포함되어 있습니다. 각 상자에는 제목, 간단한 설명, 제품에 대해 자세히 알아볼 수 있는 링크, 이미지가 포함되어 있습니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><footer> 태그에는 사용 가능한 쿠폰 및 해당 쿠폰에 적용되는 이용약관에 대한 정보가 포함되어 있습니다. 바닥글에는 판매점을 찾고 Apple에 문의할 수 있는 링크도 포함되어 있습니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>전반적으로 이 코드는 Apple 웹사이트의 모양과 느낌을 모방한 웹페이지를 생성하고 해당 제품 및 서비스에 대한 정보를 제공합니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>파일을 생성한 후 아래 코드를 파일에 붙여넣으면 됩니다. 웹 브라우저에서 제대로 볼 수 있도록 HTML 문서를 .html 확장자로 저장하세요. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>이것이 HTML을 사용한 복제 웹사이트의 기본 구조이며 이제 CSS를 사용하여 스타일을 지정할 수 있습니다. </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="en"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <title>Clone an Apple Website</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta charset="UTF-8" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta name="viewport" content="width=device-width" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="styles.css" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div class = "container"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div id = "header"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <img src="<a href="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Apple_logo_grey.svg/1200px-Apple_logo_grey.svg.png" target="_blank" class="ke-link">https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Apple_logo_grey.svg/1200px-Apple_logo_grey.svg.png</a>" width="1.5%" height="1.5%"> </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> Mac </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> iPad </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> iPhone </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> Watch </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> TV </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> Music </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="#"> Support </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class= "header2"> Get No Cost EMI for 3, 6 or 12 months with qualifying Credit Cards from most leading banks.<a href="#"> Learn more ></a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div id="main-box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><h1>iPhone 13 Pro</h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <p>Oh. So. Pro</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <a href =""> Learn more > Buy >  </a> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <img src="<a href="https://www.apple.com/in/iphone-13-pro/images/key-features/hero/hero_sierra-blue__vdttvbrqmv6y_large.jpg" target="_blank" class="ke-link">https://www.apple.com/in/iphone-13-pro/images/key-features/hero/hero_sierra-blue__vdttvbrqmv6y_large.jpg</a>" width="58%"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div class = "mainbox2"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <h1> iPhone 13 </h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <p> Your new superpower.<p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <a href =""> Learn more > Buy > </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> <img src="<a href="https://www.apple.com/v/iphone-13/e/images/meta/iphone-13_overview__fpjuzw2ncqmy_og.png" target="_blank" class="ke-link">https://www.apple.com/v/iphone-13/e/images/meta/iphone-13_overview__fpjuzw2ncqmy_og.png</a>" > </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div class = "mainbox3"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <h1> MacBook Pro </h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <p> Supercharged for pros.<p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <a href =""> Learn more > Buy > </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> <img src="<a href="https://store.storeimages.cdn-apple.com/4982/as-images.apple.com/is/mbp-spacegray-select-202011_GEO_US?wid=904&hei=840&fmt=jpeg&qlt=80&.v=1632948875000" target="_blank" class="ke-link">https://store.storeimages.cdn-apple.com/4982/as-images.apple.com/is/mbp-spacegray-select-202011_GEO_US?wid=904&hei=840&fmt=jpeg&qlt=80&.v=1632948875000</a>" > </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div class = "mainbox4"> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <h1> Apple Watch </h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <p> <b> Series 7 </b> </p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <p style=" color: black"> Introducing our largest display yet.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   <a href ="#"> Learn more > Buy > </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <img src="<a href="https://www.apple.com/v/apple-watch-series-7/c/images/overview/hero/hero_colors_green__beokeads7ng2_large.jpg" target="_blank" class="ke-link">https://www.apple.com/v/apple-watch-series-7/c/images/overview/hero/hero_colors_green__beokeads7ng2_large.jpg</a>" > </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div class = "mainbox5"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <h1>  iPad  mini  </h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <p> Mega power. Mini sized .<p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <a href ="#"> Learn more > Buy > </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <img src=" <a href="https://images.macrumors.com/article-new/2013/09/ipad-mini-6-lineup.jpg" target="_blank" class="ke-link">https://images.macrumors.com/article-new/2013/09/ipad-mini-6-lineup.jpg</a>" > </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <div class = "mainbox6"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <img src="<a href="https://media.wired.com/photos/618048b16fe08d62522d94c2/3:2/w_2400,h_1600,c_limit/Gear-Apple-Airpods-3-2021-Review.jpg" target="_blank" class="ke-link">https://media.wired.com/photos/618048b16fe08d62522d94c2/3:2/w_2400,h_1600,c_limit/Gear-Apple-Airpods-3-2021-Review.jpg</a>"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <h1> AirPods </h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <p> All-new with Spatial Audio <p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <a href ="#"> Learn more > Buy > </a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>       </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <footer> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <div class = "footer"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <p> No-Cost EMI available for purchases made using qualifying credit cards on 3, 6 or 12 month tenures only. Offer available on qualifying purchases made after 1:30 PM IST on January 20, 2022 and before 11:59 PM IST on March 24, 2022. Minimum order spend applies as per your credit card’s issuing bank threshold. Offer cannot be combined with Apple Store for Education or Corporate Employee Purchase Plan pricing. Credit card eligibility is subject to terms and conditions between you and your credit card issuing bank. Offer may be revised or withdrawn at any time without any prior notice. Offer valid for limited period. Terms & conditions apply.<br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     Representative example: Based off a 12 month tenure. ₹69900 total cost includes 15% pa and No Cost EMI savings of ₹5363, paid over 12 months as 12 monthly payments of ₹5825.<br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      Apple TV+ is ₹99/month after free trial. One subscription per Family Sharing group. Offer is valid for 3 months after eligible device activation. Plan automatically renews until cancelled. Restrictions and other terms apply. </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <hr> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <h4> More ways to shop: <a> Find a retailer near you. </a> Or call 000800 040 1966.</h4> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <hr> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <h4>Copyright © 2022 Apple Inc. All rights reserved.Privacy Policy Terms of Use Sales Policy Legal Site Map <b> <span style= "float:right"> India </b> <h4> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </footer> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>또한 읽어보세요 </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML, CSS 및 JS를 사용하여 모핑 제출 버튼 만들기 </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>2단계(CSS 코드): </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>다음으로 페이지 스타일을 지정하려면 몇 가지 CSS 규칙을 추가해야 합니다. 머리글, 본문, 바닥글 태그의 스타일은 물론 텍스트의 글꼴 크기와 색상도 지정할 수 있습니다. 패딩 및 여백 속성을 추가하여 페이지를 Apple 웹사이트처럼 보이게 만들 수도 있습니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>그런 다음 페이지에 이미지 몇 개를 추가해야 합니다. Google의 이미지를 사용하거나 Apple 리소스에서 직접 이미지를 사용할 수 있습니다. </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>마지막으로 최종 결과를 볼 수 있도록 CSS 파일을 HTML에 연결하겠습니다. </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>*{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-sizing: border-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>body{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color:#ffffff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align:center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#header{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background-color: rgba(0,0,0,0.8); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    line-height: 2.8; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#header a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 0px 37px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 14px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    color: white; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#header:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-image:linear-gradient(to right,rgba(255,0,0,0.7),rgba(98,52,140,0.7)); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#header a img{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    top: 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    opacity: 0.8; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    border-radius: 30%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.header2{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color:#ffffff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align:center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 1%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 1px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#595959; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.header2 a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.header2 a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#main-box{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background: rgba(0,0,0,0.02); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#main-box h1{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    letter-spacing: -.06em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    top: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    line-height: 1.1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#main-box p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 34px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    letter-spacing: .01em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    color: rgba(0,0,0,0.8); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#main-box a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size:20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display:block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#main-box a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#main-box img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    bottom: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width:85%; </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox2{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color :#35283c; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox2 h1{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #ffffff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  letter-spacing: -.06em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox2 p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   font-size: 34px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   letter-spacing: .01em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   color:#c999bd; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox2 a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display:block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox2 a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#mainbox2 img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    bottom: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width:85%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox3{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color :#ffffff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox3 h1{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: black; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  letter-spacing: -.06em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox3 p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   font-size: 34px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   letter-spacing: .01em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   color: rgba(0,0,0,0.8); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox3 a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display:block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox3 a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#mainbox3 img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    bottom: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width:85%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox4 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color :#f5f5f7; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 75%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox4 h1{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: black; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  letter-spacing: -.06em; </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox4 p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   font-size: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   letter-spacing: .01em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   color:#d90238; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox4 a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display:block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox4 a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox4 img{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width:100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height:100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox5 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color :#ffffff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox5 h1{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: black; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  letter-spacing: -.06em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox5 p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   font-size: 34px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   letter-spacing: .01em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   color: rgba(0,0,0,0.8); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox5 a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display : block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox5 a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox5 img{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width:90%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height:90%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox6{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color :#de2127; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 75%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox6 img{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width:70%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height:50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox6 h1{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: black; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  letter-spacing: -.06em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox6 p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   font-size: 34px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   letter-spacing: .01em; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   color: rgba(0,0,0,0.8); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox6 a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display : block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.mainbox6 a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.footer{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size:14px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color :#f5f5f7; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.footer p{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top:3%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom:3%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-left:10%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-right:10%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align:justify; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#a1a1a1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.footer hr{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#a1a1a1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width:80%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  float:center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  line-height:normal; </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.footer a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#4e94db; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor:pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.footer a:hover{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer h4{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top:1%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom:1%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-left:10%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-right:10%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align:justify; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color:#a1a1a1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family:"Arial"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight:normal; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>최종 출력: </b></span><br><br></p>
<!-- -->
]]>
카페 게시글
★CSS5 ♡ 소스방
Apple 웹사이트를 복제하는 방법은
gyun님
추천 0
조회 8
23.12.15 14:47
댓글 0
다음검색
