<!DOCTYPE html>
<html lang="en">
<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>핵심가치 예제</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: "맑은 고딕";
font-size: 16px;
line-height: 1.5;
}
#contents {
margin: 50px auto;
width: 1000px;
}
/* main title */
.vtitle {
padding-bottom: 10px;
font-size: 50px;
border-bottom: 1px solid #000;
}
/* sub first title */
.firsthH2 {
padding: 10px 30px;
font-size: 30px;
color: #fff;
background-color: #f98138;
}
h2 {
margin-top: 10px;
}
h2 span {
opacity: 0.5;
}
/* sub first div */
.firstDiv {
padding: 30px;
background-color: #eee;
}
/* paragraph of sub first div */
.firstDiv .stit {
padding-bottom: 10px;
font-weight: bold;
color: #f98138;
}
/* sub second title */
.secondH2 {
padding: 10px 30px;
font-size: 30px;
color: #fff;
background-color: #f64b24;
}
/* sub second div */
.secondDiv {
padding: 30px;
background-color: #eee;
}
/* paragraph of sub second div */
.secondDiv .stit {
padding-bottom: 10px;
font-weight: bold;
color: #f64b24;
}
/* sub third title */
.thirdH2 {
padding: 10px 30px;
font-size: 30px;
color: #fff;
background-color: #b9246c;
}
/* sub third div */
.thirdDiv {
padding: 30px;
background-color: #eee;
}
/* paragraph of sub third div */
.thirdDiv .stit{
padding-bottom: 10px;
font-weight: bold;
color: #b9246c;
}
</style>
</head>
<body>
<div id="contents">
<h1 class="vtitle">핵심가치</h1>
<h2 class="firsthH2">봉사배려 <span>Care & Compassion</span> </h2>
<div class="firstDiv">
<p class="stit">
희생과 봉사는 뿌리깊은 녹십자의 정신입니다.
</p>
<p>
질병의 예방, 진단, 치료를 위한 우수의약품과 의료기기를 통해 인류의
건강과 행복한 삶에 기여하는 것은 녹십자의 사명입니다. 이 사명의 바탕을
이루는 것이 봉사배려입니다. 봉사배려의 정신은 녹십자로 하여금 수요가 적어
치료약의 확보에 어려움을 겪는 희귀 질환 환자들을 위한 치료제의 개발에
눈을 돌리게 했고, 그것은 그들에게 삶의 희망을 되찾게 했습니다.
</p>
</div>
<h2 class="secondH2">정도투명 <span>Fairness & Integrity</span> </h2>
<div class="secondDiv">
<p class="stit">
녹십자는 바른 길이 아니면 가지 않는 우직함으로 외길을 걸어 왔습니다.
</p>
<p>
눈 앞에 보이는 이익이라도 바른 것이 아니면 취하지 않겠다는 것은
변함없는 녹십자의 정신입니다. 정도의 정의를 존중하고 사명에
충실한 경영-고객과 사회에 대한 녹십자의 약속입니다.
</p>
</div>
<h2 class="thirdH2">인간존중 <span>Fairness & Integrity</span> </h2>
<div class="thirdDiv">
<p class="stit">녹십자의 사명은 생명에 대한 외경(畏敬)에서 시작됩니다.</p>
<p>
생명은 녹십자가 추구하는 최고의 가치입니다. 환자와 의료진에게 최고의 진료수단을
제공하여 그들에게 행복과 보람을 드리는 것이 우리의 기쁨입니다. 정부와 자치단체의
정책 수행에 협조하고, 지역사회 주민의 복지향상에 기여합니다. 학계와 연구단체,
동종 업계 및 협력 업체와의 공동 발전을 도모하고 지구환경의 보존에도 한 치의 소홀함이 없도록 노력하겠습니다.
</p>
</div>
</div>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.