<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: '에스코어드림';
font-size: 14px;
color: #333;
}
ul {
list-style: none;
}
.culture {
width: 750px;
margin: 50px;
}
.culture li {
border: 1px solid #ccc;
overflow: hidden;
margin-bottom: 20px;
}
.culture li img {
float: left;
margin: 20px;
}
.culture li dl {
margin-top: 20px;
margin-left: 280px;
}
.culture li dt {
font-size: 1.25em;
font-weight: bold;
margin-bottom: 15px;
}
.culture li dd {
line-height: 1.5em;
background: url(./images/dot.jpg) left center no-repeat;
}
</style>
</head>
<body>
<div class="culture">
<ul>
<li>
<img src="./images/img1.jpg" alt="" />
<dl>
<dt>[해외및기타]베를린 필하모닉 내한공연</dt>
<dd>공연일자 : 2013년 11월 11일(월요일)~24(토요일)</dd>
<dd>공연시간 : 평일 20시 / 토요일 14시,17시/ 90분 (휴식없음)</dd>
<dd>티켓정보 : VIP석 10만원, R석 8만원, S석 6만원, A석 4만원</dd>
<dd>할인정보 : 단체할인 11명이상 20%할인</dd>
<dd>문의번호 : 1544 - 1681</dd>
</dl>
</li>
<li>
<img src="./images/img2.jpg" alt="" />
<dl>
<dt>[아름다운목요일]금호아시아나솔로이스트 송년음악회</dt>
<dd>공연일자 : 2013년 11월 11일(월요일)~24(토요일)</dd>
<dd>공연시간 : 평일 20시 / 토요일 14시,17시/ 90분 (휴식없음)</dd>
<dd>티켓정보 : VIP석 10만원, R석 8만원, S석 6만원, A석 4만원</dd>
<dd>할인정보 : 단체할인 11명이상 20%할인</dd>
<dd>문의번호 : 1544 - 1681</dd>
</dl>
</li>
<li>
<img src="./images/img3.jpg" alt="" />
<dl>
<dt>[아름다운목요알]젊은 예술가의 초상-김민지 Cello</dt>
<dd>공연일자 : 2013년 11월 11일(월요일)~24(토요일)</dd>
<dd>공연시간 : 평일 20시 / 토요일 14시,17시/ 90분 (휴식없음)</dd>
<dd>티켓정보 : VIP석 10만원, R석 8만원, S석 6만원, A석 4만원</dd>
<dd>할인정보 : 단체할인 11명이상 20%할인</dd>
<dd>문의번호 : 1544 - 1681</dd>
</dl>
</li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: '에스코어드림';
font-size: 14px;
color: #333;
}
ul {
list-style: none;
}
.culture {
width: 750px;
margin: 50px;
}
.culture li {
border: 1px solid #ccc;
margin-bottom: 20px;
}
.culture .list1 {
background: url(./images/img1.jpg) 20px 20px no-repeat;
}
.culture .list2 {
background: url(./images/img2.jpg) 20px 20px no-repeat;
}
.culture .list3 {
background: url(./images/img3.jpg) 20px 20px no-repeat;
}
.culture li dl {
margin-top: 20px;
margin-left: 296px;
margin-bottom: 40px;
}
.culture li dt {
font-size: 1.25em;
font-weight: bold;
margin-bottom: 15px;
}
.culture li dd {
line-height: 1.5em;
padding-left: 15px;
background: url(./images/dot.jpg) left center no-repeat;
}
</style>
</head>
<body>
<div class="culture">
<ul>
<li class="list1">
<dl>
<dt>[해외및기타]베를린 필하모닉 내한공연</dt>
<dd>공연일자 : 2013년 11월 11일(월요일)~24(토요일)</dd>
<dd>공연시간 : 평일 20시 / 토요일 14시,17시/ 90분 (휴식없음)</dd>
<dd>티켓정보 : VIP석 10만원, R석 8만원, S석 6만원, A석 4만원</dd>
<dd>할인정보 : 단체할인 11명이상 20%할인</dd>
<dd>문의번호 : 1544 - 1681</dd>
</dl>
</li>
<li class="list2">
<dl>
<dt>[아름다운목요일]금호아시아나솔로이스트 송년음악회</dt>
<dd>공연일자 : 2013년 11월 11일(월요일)~24(토요일)</dd>
<dd>공연시간 : 평일 20시 / 토요일 14시,17시/ 90분 (휴식없음)</dd>
<dd>티켓정보 : VIP석 10만원, R석 8만원, S석 6만원, A석 4만원</dd>
<dd>할인정보 : 단체할인 11명이상 20%할인</dd>
<dd>문의번호 : 1544 - 1681</dd>
</dl>
</li>
<li class="list3">
<dl>
<dt>[아름다운목요일]젊은 예술가의 초상-김민지 Cello</dt>
<dd>공연일자 : 2013년 11월 11일(월요일)~24(토요일)</dd>
<dd>공연시간 : 평일 20시 / 토요일 14시,17시/ 90분 (휴식없음)</dd>
<dd>티켓정보 : VIP석 10만원, R석 8만원, S석 6만원, A석 4만원</dd>
<dd>할인정보 : 단체할인 11명이상 20%할인</dd>
<dd>문의번호 : 1544 - 1681</dd>
</dl>
</li>
</ul>
</div>
</body>
</html>
