fix : css 정리
parent
72b58e1f93
commit
1f49baf3f1
@ -0,0 +1,123 @@
|
|||||||
|
|
||||||
|
#skipnavigation li {
|
||||||
|
line-height: 0; }
|
||||||
|
#skipnavigation li a {
|
||||||
|
position: absolute;
|
||||||
|
left: -3000%;
|
||||||
|
line-height: 0; }
|
||||||
|
#skipnavigation li a:focus {
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 10000000000;
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
background: #e0002a;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center; }
|
||||||
|
|
||||||
|
/* ** history 영역 가이드 ** */
|
||||||
|
.history {
|
||||||
|
font-size: 11px;
|
||||||
|
color: #333;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.history span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 25px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #999;
|
||||||
|
text-align: center; }
|
||||||
|
.history > a {
|
||||||
|
display: inline-block;
|
||||||
|
color: #999; }
|
||||||
|
.history > a:hover {
|
||||||
|
color: #ff5a20; }
|
||||||
|
|
||||||
|
.bind-contents {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0px 10px 30px 0px;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 760px) {
|
||||||
|
.bind-contents {
|
||||||
|
min-height: 90vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.main-banner {
|
||||||
|
position: relative;
|
||||||
|
min-width: 1100px;
|
||||||
|
min-height: 400px;
|
||||||
|
height: 60vh;
|
||||||
|
/*background: $border-color;*/
|
||||||
|
/*border-left:1px solid #e1e1e1;*/
|
||||||
|
/*margin-bottom:15px;*/ }
|
||||||
|
.main-banner .main_inner {
|
||||||
|
border: 0px solid red; }
|
||||||
|
.main-banner .main_inner .mainVisual_text {
|
||||||
|
position: absolute;
|
||||||
|
top: 245px;
|
||||||
|
left: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: -2.6px;
|
||||||
|
}
|
||||||
|
.main-banner .main_inner .mainVisual_text .mainVisual_tit {
|
||||||
|
font-family: "S-CoreDream-5Medium";
|
||||||
|
font-size: 48px;
|
||||||
|
color: #1e2f4d; }
|
||||||
|
.main-banner .main_inner .mainVisual_text .mainVisual_subtit {
|
||||||
|
font-family: "S-CoreDream-3Light";
|
||||||
|
font-size: 20px; }
|
||||||
|
.main-banner .main_inner .mainVisual_img01 {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
right: 211px;
|
||||||
|
width: 350px;
|
||||||
|
top: 50px;
|
||||||
|
/*animation: test_01 3s infinite linear 0s alternate;*/ }
|
||||||
|
.main-banner .main_inner .mainVisual_img03 {
|
||||||
|
position: absolute;
|
||||||
|
right: 55px;
|
||||||
|
z-index: 1; }
|
||||||
|
.main-banner .main_inner .mainVisual_img04 {
|
||||||
|
position: absolute;
|
||||||
|
top: 21px;
|
||||||
|
width: 100%; }
|
||||||
|
.main-banner .main_inner .mainVisual_img05 {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -16px;
|
||||||
|
width: 100%; }
|
||||||
|
.main-banner ul {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
display: none; }
|
||||||
|
.main-banner ul li {
|
||||||
|
float: left;
|
||||||
|
width: calc(100% / 3); }
|
||||||
|
.main-banner ul li a {
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
padding: 20px 15px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #d0d0d0;
|
||||||
|
background: #999;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 12px;
|
||||||
|
letter-spacing: -0.6px; }
|
||||||
|
|
||||||
|
.cont {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1; }
|
||||||
|
.cont .cont_container {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue