dbnt.co.kr2018/css/sub.css

152 lines
4.2 KiB
CSS

#topic_bg {
width: 100%; }
#topic_bg > .topic_bg_info {
width: 100%;
height: 300px;
background-image: url(../images/ceo.jpg);
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: cover; }
#topic_bg > .topic_bg_info > ul {
opacity: 0;
margin: 0 auto;
padding-top: 160px;
width: 100%;
text-align: center; }
#topic_bg > .topic_bg_info > ul > li {
color: #fff; }
#topic_bg > .topic_bg_info > ul > li:first-child {
font-size: 35px;
font-weight: 700;
padding-bottom: 7px; }
#topic_bg > .topic_bg_info > ul > li:first-child > span {
margin-left: 3px;
font-size: 13px;
font-weight: 600;
color: #ffc700; }
#topic_bg > .topic_bg_info > ul > li:last-child {
font-size: 13px; }
.topic2_bg {
width: 100%;
height: 300px;
background-image: url(../images/topic05_bg.jpg);
background-position: 50% 20%;
background-repeat: no-repeat;
background-size: cover; }
.topic2_bg > ul {
opacity: 0;
margin: 0 auto;
padding-top: 160px;
width: 100%;
text-align: center; }
.topic2_bg > ul > li {
color: #fff; }
.topic2_bg > ul > li:first-child {
font-size: 35px;
font-weight: 700;
padding-bottom: 7px; }
.topic2_bg > ul > li:first-child > span {
margin-left: 3px;
font-size: 13px;
font-weight: 600;
color: #ffc700; }
.topic2_bg > ul > li:last-child {
font-size: 13px; }
.topic3_bg {
width: 100%;
height: 300px;
background-image: url(../images/question2.jpg);
background-position: 50% 15%;
background-repeat: no-repeat;
background-size: cover; }
.topic3_bg > ul {
opacity: 0;
margin: 0 auto;
padding-top: 160px;
width: 100%;
text-align: center; }
.topic3_bg > ul > li {
color: #fff; }
.topic3_bg > ul > li:first-child {
font-size: 35px;
font-weight: 700;
padding-bottom: 7px; }
.topic3_bg > ul > li:first-child > span {
margin-left: 3px;
font-size: 13px;
font-weight: 600;
color: #ffc700; }
.topic3_bg > ul > li:last-child {
font-size: 13px; }
#ceo {
width: 100%;
margin-bottom: 60px;
height: 700px;
background-color: #fff; }
#ceo > .index_tap {
width: 100%;
height: 35px;
border-bottom: 1px solid #eee;
background-color: #ffffff; }
#ceo > .index_tap > p {
margin: 0 auto;
width: 1000px;
font-size: 13px;
line-height: 35px;
text-align: right;
color: #333; }
#ceo > .index_tap > p > em {
padding: 0 3px;
font-weight: 900;
color: #ffc700; }
#ceo > .index_tap > p > span > a {
color: #222;
font-weight: 900; }
#ceo > .index_tap > p > span > a:hover {
text-decoration: underline; }
#ceo > .ceo_info {
position: relative;
width: 1000px;
margin: 0 auto; }
#ceo > .ceo_info > ul {
margin-top: 80px;
width: 100%; }
#ceo > .ceo_info > ul > li {
margin-top: 20px;
font-size: 14px;
font-weight: 500;
color: #333;
line-height: 1.7em;
text-align: justify; }
#ceo > .ceo_info > ul > li.ceo_info_main {
position: relative;
font-size: 30px;
font-weight: 700;
color: #1e3571;
margin-bottom: 55px;
line-height: 1.3em; }
#ceo > .ceo_info > ul > li.ceo_info_main:after {
position: absolute;
top: 65px;
left: 0;
width: 100%;
height: 1px;
background-color: #ddd;
content: ''; }
#ceo > .ceo_info:after {
position: absolute;
top: 100px;
right: 0;
width: 300px;
height: 445px;
background-image: url(../images/ceo_bg.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
content: ''; }
/*# sourceMappingURL=sub.css.map */