<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>์์ _๋ณต์งํฌํ</title>
<link rel="stylesheet" href="./css/study1.css">
</head>
<body>
<!-- ์ ์ฒด -->
<div class="wrap">
<!-- ์๋จ -->
<header>
<h1><a href="#"><img src="./images/title_3.gif" alt="๋ณต์งํฌํธ๋ก๊ณ "></a></h1>
<p>Home>์ฐ์ ๋ณต์ง์ฆ์ง>๋ณต์งํฌํธ์ฌ์ดํธ</p>
</header>
<!-- ์ฝํ
์ธ -->
<div class="con1">
<div class="leftbox">
<img src="./images/img_01.gif" alt="๋ณต์งํฌํ์๊ฐ๋ฉ์ผํ์ด์ง์คํฌ๋ฆฐ์ท ์ด๋ฏธ์ง">
</div>
<div class="rightbox">
<h3><img src="./images/title_4.gif" alt="์ฐ์ ์ฌ์
๋ณธ๋ถ ๋ณต์งํฌํ ์ฌ์ดํธ"></h3>
<h4><img src="./images/title_5.gif" alt="๋ณต์งํฌํ์ฌ์ดํธ ์๊ฐ"></h4>
<p>๋ง์ถคํ ๋ณต์ง์ ๋๋ก ์ผ๋ฐฉ์ ์ผ๋ก ์ ๊ณต๋๋ ๊ธฐ์กด ๋ณต์ง ์๋น์ค์๋ ๋ฌ๋ฆฌ ์ฐ์ ์ฌ์
๋ณธ๋ถ ๋ณต์งํฌํ ์ฌ์ดํธ๋ฅผ ํตํด ์ฐ์ ์ข
์ฌ์๋ค์ ์ ํธ์ ํ์์ฑ์ ๋ฐ๋ผ ๊ฐ๋ณ์ ์ผ๋ก ์์ ์๊ฒ ์ ํฉํ ํํ์ ์ ํํ์ฌ ๋ณต์ง์ ์๋ฅผ ์ฌ์ฉํ๋ ์ ๋์ ์ด์ ์ ๋ง์ถฐ<b>๋ง์ถคํ๋ณต์ง,๋ณต์งํ๋ผ์, ์๋ จ์์์ก,์ปค๋ฎค๋ํฐ ํ๋, ๋ณต์ง์ ๋ณด ๋ฑ</b> ๋ค์ํ๊ณ ์์ฐฌ๋ฉ๋ด๋ฅผ ์ข
ํฉ์ ์ด๊ณ ์ฒด๊ณ์ ์ผ๋ก ์ ๊ณตํ๊ณ ์์ต๋๋ค.์์ผ๋ก๋ ์ง์์ ์ผ๋ก ์ฐ์ ์ข
์ฌ๋ผ ์ฌ๋ฌ๋ถ๋ค์ ๋ณด๋ค ํ์๋ก์ด ์ถ์ ์ง์ ํฅ์๊ณผ ๊ฑด์ ํ ์ฌ๊ฐํ๋ ์ฆ์ง์ ์ํ ๊ตฌ์ฌ์ ์ญํ ์ ์ถฉ์คํ ์ํํ๋๋ก ํ๊ฒ ์ต๋๋ค.</p>
</div>
</div>
<!-- ํ -->
<div class="con2">
<h4><img src="./images/title_6.gif" alt="์ฃผ์์๋น์ค ์๋ด"></h4>
<table>
<tr>
<th>๋ถ์ผ</th>
<th>๋ด์ฉ</th>
</tr>
<tr>
<td>๋ง์ถคํ๋ณต์ง</td>
<td>๋์ ๋ณต์ง์ ์, ์ฌ์ฉ๋ด์ญ์กฐํ ์๋น์ค ๋ฐ ์ฌ์ฉ๋ฒ, ๋ณต์ง์นด๋์ ๋ํ ๋ค์ํ ์ ๋ณด๋ฅผ ์ ๊ณตํฉ๋๋ค.</td>
</tr>
<tr>
<td>๋ณต์งํ๋ผ์</td>
<td>์ฐ์ ์ข
์ฌ์๋ค์ ์ํ ๊ฐ์ข
์ ํด์๋น์ค๋ฅผ ํ๋์ ํ์ธํ์ค ์ ์์ต๋๋ค.</td>
</tr>
<tr>
<td>์๋ จ์</td>
<td>์ด์์ค์ธ ์๋ จ์ ์๊ฐ ๋ฐ ์๋ด, ์์ฝ์๋น์ค, ์ด์ฉ์ ์ฐธ์ฌ๊ณต๊ฐ์ด ์ ๊ณต๋ฉ๋๋ค.</td>
</tr>
<tr>
<td>์ปค๋ฎค๋ํฐ</td>
<td>์ฐ์ ์ข
์ฌ์๋ถ๋ค ๊ฐ์ ํํฉ์ ๋๋ชจํ๊ณ ๊ฑด๊ฐํ ์ง์ฅ๋ฌธํ ์กฐ์ฑ์ ์ํด ์นดํ ํ๋์ ์ง์ํฉ๋๋ค.</td>
</tr>
<tr>
<td>๋ณต์ง์ ๋ณด</td>
<td>๋ฒ๋ฅ , ๋ฌธํ, ๊ฑด๊ฐ, ๋ถ๋์ฐ ๊ด๋ จ ํ
๋ง๋ณ ์ ์ฉํ ์ ๋ณด๋ฅผ ์ ๊ณตํฉ๋๋ค.</td>
</tr>
</table>
</div>
</div>
</body>
</html>
/* reset - ๋๋ถ๋ถ ํ๊ทธ์ ๋ค์ด๊ฐ ์๋ ๊ธฐ๋ณธ ์คํ์ผ์ ๋ชจ๋ ์์ ์ฃผ๋ ์์
*/
*{margin:0;padding:0;}
a{text-decoration: none;color:black;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:inherit;}
b,strong{font-weight:normal;}
i,em,address{font-style:normal;}
ul,ol{list-style:none;}
/* common(๊ณตํต์คํ์ผ ์ ์ฉ) */
body{font-family: Dotum,"๋์",sans-serif;font-size:12px;}
/* layout - ์์ญ(divํ๊ทธ)๋ค์ ๋๋ต์ ์ธ ์์น๋ฅผ ์ก๋ ์์
(ํฐ์์ญ >> ์์์์ญ ์์๋ก) */
.wrap{
border:1px solid red;
width:730px;
margin:0 auto;
}
.con1{}
.leftbox{margin-right: 20px;width:320px;float:left;box-sizing: border-box;}
.rightbox{width:390px;float:left;}
.con1:after{content:"";display:block;clear:both}
/* con1 ์ตํ์ ์์(์์ผ๋ฉด ๊ฐ์ํ๊ทธ๋ก ๋ง๋ค์ด ์ค์ผํ๋ค.)์๋ค๊ฐ ํด๋ฆฌ์ด ํ๊ทธ๋ฅผ ์ฌ์ด์ค๋ค. */
.con2{}
/* header */
header{
background:url("../images/bg_top.gif") no-repeat 0 0;
}
header h1{float:left;}
header p{
float:right;margin-top: 54px;
background:url("../images/blet.gif") no-repeat 0 center;
padding-left:10px;
}
header:after{content: "";display: block;clear:both;}
/* con1 */
.rightbox>p{
margin-top: 10px;
line-height: 165%;
}
์์ ์ด๋ฏธ์ง
๋๊ธ